/* ------------------------------------  */
/* ---------- SITE FRAMEWORK ----------  */
/* ------------------------------------  */
html { overflow-y: scroll; overflow-x:hidden; scroll-behavior: smooth;} 
body { font-family: 'Open Sans', sans-serif; font-size: 14px; background: #fff; overflow-x:hidden;} 
body.site_body {} 
.contentDiv {min-height: 600px;} 

.ui-autocomplete { z-index: 10001 !important; } 

/* APPRISE EDITS */
div.apprise {font-family:'Open Sans', sans-serif; border-color: #D8E1EB;}
div.apprise .apprise-buttons button {background:#00853F; border: 1px solid #00853F; color:#fff;} 
div.apprise .apprise-buttons button:hover { background:#fff;color:#00853F; } 
div.apprise .apprise-buttons button:active { background:#fff;color:#00853F;} 

/* DISPLAY CLASSES */
.full-width-fix { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  
    margin-left: -50vw; margin-right: -50vw;}

.hidden {display: none;}
.hideImportant {display: none !important;}

/*Animation*/
@keyframes shadow-pulse {
    0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, .6); }
    100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
}

/* SITE FORMS */
input::placeholder {font-family:inherit;}
textarea {font-family:inherit;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: url(../images/chevron-down-black.svg) no-repeat 98% center;}
input:is(::-webkit-outer-spin-button, ::-webkit-inner-spin-button) {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
:is(input, select, textarea).input_error {border-color: #a30e0e !important;}

.site_form {}
.site_form_field {padding: 10px 0;}
.site_form_label {font-size: 16px; color: #3B3B3D; padding: 5px 0 10px;}
.site_form_input {width: 100%;}
.site_form_input input, 
.site_form_input select, 
.site_form_input textarea {width: 100%; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.3s ease-in-out all;}
.site_form_input select {}
.site_form_input textarea {height: 100px;}
.site_form_input input:focus,
.site_form_input select:focus,
.site_form_input textarea:focus {border-color: #00853F;}

/* ----- TYPOGRAPHY ----- */
h1, h2, h3, h4, h5, h6 {display:block; color: #231F20; margin:0; padding: 0 0 10px 0; font-weight: bold; font-family: 'Exo', sans-serif;}

h1 {font-size: 38px; line-height: 44px;} 
h2 {font-size: 32px; line-height: 36px;} 
h3 {font-size: 28px; line-height: 34px;} 
h4 {font-size: 24px; line-height: 32px;} 
h5 {font-size: 22px; line-height: 28px;} 
h6 {font-size: 20px; line-height: 26px;} 

p { padding: 5px 0 20px 0; font-size: 16px; color: #000000; line-height: 24px;} 

a {text-decoration:none;}
div.fullscreenfade div.slide a, .text_wrap a {text-decoration:none;}

a { text-decoration: none; color: #0F92CC; }
.content_wrap p a:not([class]){color: #0F92CC; text-decoration: none; transition: ease-in-out all .3s;}
.content_wrap p a:not([class]):hover{color: #00853F;}

ul { list-style-position: inside; padding: 10px 0; font-size: 14px; color: #3a3a38; list-style-type: disc; line-height: 24px; } 
ul li { padding: 0 0 15px 0; line-height: 20px; } 

ol { list-style-position: inside; padding: 10px 0; font-size: 14px; color: #3a3a38; list-style-type: decimal; line-height: 24px; } 
ol li { padding: 0 0 5px 0; }

hr { color: #D8D8D8; background: #D8D8D8; height: 1px; border: 0; margin-bottom: 20px; position:relative;} 

/* Button Classes */
a.btn_p {display:inline-block; padding:16px 20px; margin:5px 0; background: #00853F; border:1px solid #00853F; text-align: center; border-radius: 3px;
    color: #fff; text-decoration:none; transition: 0.3s ease-in all; font-weight: bold; font-size: 18px; font-family: 'Exo', sans-serif; line-height: 22px;
    margin: 5px 10px 5px 0}
a.btn_p:hover {background: #fff; color: #00853F; }
a.btn_s{display:inline-block; padding:16px 20px; margin:5px 0; background: #fff; border:1px solid #00853F; text-align: center; border-radius: 3px;
    color: #00853F; text-decoration:none; transition: 0.3s ease-in all; font-weight: bold; font-size: 18px; font-family: 'Exo', sans-serif; line-height: 22px;
    margin: 5px 10px 5px 0}
a.btn_s:hover{animation: shadow-pulse 1s;}

/* ------------------------------------  */
/* ------------ SITE DESIGN -----------  */
/* ------------------------------------  */

/* ----- SITE HEADER ----- */
.admin_panel+.site_header { margin-top: 31px;} 
header.site_header {position: relative; z-index: 1100;}

/*-- TOP STRAP --*/
.top_strap {background: #00712D; height: 40px;}
.top_strap > div {display:flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 10px; box-sizing: border-box;}
.top_strap > div > div{width: 33.3333333%;}
.top_strap_left {display:flex; align-items: center; }
.top_strap_mid {display:flex; align-items: center; justify-content:center;}
.top_strap_right {display:flex; align-items: center; justify-content:flex-end; }

.top_strap a{padding: 0; color: #fff; font-size: 14px; display: flex; align-items: center; gap:10px;}
.top_strap .top_phone{font-weight: bold;}
.top_strap .top_phone::before{content: ""; height: 12px; width: 12px; background: url(../images/top_phone.svg) center no-repeat;}
.top_strap .top_delivery::before{content: ""; height: 15px; width: 25px; background: url(../images/top_delivery.svg) center no-repeat;}

.top_menu {display: flex; align-items: center; justify-content: center; list-style:none; padding:0; margin:0; font-family: 'Exo', sans-serif;}
.top_menu > li {margin: 0 0 0 15px; padding: 0;}
.top_menu > li:first-child{margin:0;}
.top_menu > li > a {color: #fff; font-size: 12px;  transition: ease-in-out all .3s; text-transform: uppercase;}
.top_menu > li > a:hover{color:#B4D335;}

/*-- HEADER WRAP --*/
.header_wrap {background: #fff; height: 130px; position: relative;}
.header_wrap > div {display:flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 10px; box-sizing: border-box;}

.header_left {display:flex; align-items: center; justify-content: flex-start; }
.logo{}
.logo img{}

.siteSearch {display: flex; width:505px; height:50px; border: 1px solid #DEDBDB; background: #fff; border-radius: 5px; position:relative; }
.siteSearch *{box-sizing: border-box;}
.siteSearch input {width:calc(100% - 50px); height:100%; padding: 0 15px; box-sizing:border-box; background:none; border:0; 
    font-size:14px; color: #231F20;}
.siteSearch input::placeholder {font-size:14px; color: inherit; font-family: inherit; font-style: italic;}
.siteSearch .searchButton {width:50px; height: 100%; background: url(../images/search.svg) center no-repeat;}

.siteSearch.display .searchAutoComplete{display: flex; border: 1px solid #e1e1e1; border-top: 5px solid #00712D; }
.searchAutoComplete::before{content: ""; height: 10px; width: 15px; background: #00712D; clip-path: polygon(46% 0, 0 100%, 100% 100%);
    position: absolute; top: -15px; left: 50%; transform: translateX(-50%);}
.searchAutoComplete{position: absolute; top:100%; left: 50%; transform: translateX(-50%); width: 880px; background: #fff; z-index: 10000; display: none;}
.searchAutoComplete > div{padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; gap:20px;}
.searchAutoComplete > .autoCats{width: 255px; flex-shrink: 0; background: #F6F5F5;}
.searchAutoComplete > .autoProds{flex: 1; background: #fff;}
.searchAutoComplete > div > span{font-weight: bold; color: #231F20; font-size: 16px;}
.autoProds .autoProdItems{display: flex; align-items: flex-start; flex-wrap: wrap; gap:10px;}
.autoProds .autoProdItem{display: flex; gap:10px; width: calc(50% - 10px); padding: 10px; transition: ease-in-out all .3s; border-radius: 5px; cursor: pointer;}
.autoProds .autoProdImage{height: 46px; width: 46px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.autoProds .autoProdImage img{max-height: 100%; max-width: 100%; height: auto; width: auto;}
.autoProds .autoProdDetails{display: flex; flex-direction: column; gap:5px;}
.autoProds .autoProdDetails > div{font-size: 10px; color: #231F20; line-height: 14px;}
.autoProds .autoProdDetails > div.autoProdPrice{font-size:12px; color: #231F20; font-weight:bold; font-family: 'Exo', sans-serif;}
.autoProds .autoProdTitle{font-family: 'Exo', sans-serif; font-size: 14px; line-height: 20px; color: #231F20; text-transform: uppercase; 
    height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.autoProdMore{width: 100%; display: flex; align-items: center; justify-content: center;}
.autoProdMore a{font-size: 14px; color: #00712D; line-height: 35px; border: 1px solid #00712D; border-radius: 50px; width: 100%;
    display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.autoProds .autoProdItem:hover{box-shadow: 0px 0px 6px #00000029;}
.autoCats .autoCatItems{display: flex; flex-direction: column; gap:10px; align-items: flex-start;}
.autoCats .autoCatItems a{color: #231F20; font-size: 14px; text-transform: capitalize;}

.header_right {display:flex; align-items: center; justify-content: flex-end; gap:70px; height: 60px;}
.header_right_inner{display: flex; gap:30px; align-items: center;}
.header_right_inner .fav_wrap:not(.hidden){height: 100%; display: flex; align-items: center;}
.header_right_inner .fav_wrap a{gap:5px; display: flex; align-items: center; flex-direction: column; color: #1D1D1D; font-size: 12px;}
.header_right_inner .fav_wrap a::before{content: ""; height:19px; width: 21px; background: url(../images/heart_fill.svg) center no-repeat; 
    background-size: contain;}

.header_right_inner .account_wrap{height: 100%; display: flex; align-items: center;}
.header_right_inner .account_wrap a{gap:5px; display: flex; align-items: center; flex-direction: column; color: #1D1D1D; font-size: 12px;}
.header_right_inner .account_wrap a::before{content: ""; height: 19px; width: 19px; background: url(../images/user.svg) center no-repeat; 
    background-size: contain;}

.header_right_inner .shoppingCart{position: relative; height: 50px;  border: 1px solid #DEDBDB; border-radius: 5px; justify-content: center;
    display: flex; align-items: center; width: 130px; box-sizing: border-box;}
.small_cart{display: flex; gap:8px; align-items: center; position: relative; color: #1D1D1D; font-size: 12px; width: 100%; 
    padding: 0 15px; box-sizing: border-box; height: 100%; cursor: pointer;}
.small_cart::before{content: ""; height: 26px; width: 20px; background: url(../images/cart.svg) center no-repeat; background-size: contain; flex-shrink: 0;}
.small_cart::after{content: ""; height:6px; width:6px; transform:rotate(45deg); border:solid #A4A4A4; border-width:2px 2px 0 0; margin-left: auto; flex-shrink: 0;}
.small_cart > span{color: #00853F; font-size: 12px; font-weight: bold;}
.small_cart > span.cart_indicator{height:20px; width:20px; background:#F20B5A; border-radius:100%; position: absolute; left:-5px; top: -5px; color: #fff; line-height: 20px; text-align: center; font-size: 10px; font-weight: bold;}

/*Cart Pop up*/
.shoppingCart > .bagPopUp{position: absolute; box-sizing: border-box; width: 350px; top: 100%; right: 0; height: auto; display: flex; 
    flex-direction: column; z-index: -1; opacity: 0; border-radius: 5px; visibility: hidden; transform: translateY(20px); 
    transition: ease-in-out all .3s; border: 1px solid #ECE8E8;  font-family: 'Exo', sans-serif; background: #fff;}
.shoppingCart > .bagPopUp.open{z-index: 2000; opacity: 1; visibility: visible; transform: translateY(10px);}
.shoppingCart > .bagPopUp::before{content: ""; height: 10px; width: 10px; background: url(../images/arrow_top.svg) center no-repeat; 
    position: absolute; top: -7px; right: 55px; z-index: 1;}
.shoppingCart > .bagPopUp header{padding: 20px; background: #fcfcfc; position: relative; border-bottom: 1px solid #ECE8E8; z-index: 2;}
.shoppingCart > .bagPopUp span > small{color: #231F20; font-size: 12px; font-weight: normal; }
.shoppingCart .bagItems{display: flex; flex-direction: column;}
.shoppingCart .bagRow{display: flex; align-items: center; gap: 10px; padding:10px; box-sizing: border-box; border-bottom: 1px solid #ECE8E8;}
.shoppingCart .bagRow > a{flex: 1; display: flex; gap:10px;}
.shoppingCart .bagProdDetails{flex: 1; display: flex; flex-direction: column; gap:5px;}
.shoppingCart .bagProdTitle{font-size: 12px; color: #231F20;}
.shoppingCart .bagProdRow{display: flex; justify-content: space-between;}
.shoppingCart .bagProdPrice{color: #231F20; font-size: 12px; font-weight: bold;}
.shoppingCart .bagProdQty{font-size: 10px; color: #959494; font-weight: bold;}

.shoppingCart .bagProdDel{height: 100%; width: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end;}
.shoppingCart .bagProdDelete{height: 20px; width: 20px; background: url(../images/trash_cart.svg) center no-repeat;}
.shoppingCart .bagDiscount{display: flex; align-items: center; justify-content: space-between; line-height: 24px; color:#E94904; font-size: 12px; width: 100%;}
.shoppingCart .bagProdImage{width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.shoppingCart .bagProdImage img{max-height: 100%; max-width: 100%; height: auto; max-width: auto;}
.shoppingCart .basketEmpty{padding: 20px;}

.shoppingCart .bagControls{padding: 10px 15px; background: #FCFCFC;}
.shoppingCart .bagControls a{width:100%; line-height: 56px; font-weight: bold; color: #fff; font-size: 18px; background: #00853F; padding: 0;
    text-align: center; display: flex; align-items: center; justify-content: center; gap:5px; border-radius: 3px;}
.shoppingCart .bagControls a::after{content: ""; height: 7px; width: 7px; border: solid #fff; border-width: 3px 3px 0 0; transform: rotate(45deg);}
.shoppingCart .bagControls a:hover{animation: shadow-pulse 1s;}

/*-- MENU WRAP --*/
.menu_wrap {background: #F9F9F9; position: relative; height: 60px; border: solid #E5E1E1; border-width:1px 0; }
.menu_wrap > div {display:flex; align-items: center; height: 100%;}

/*Main Menu*/
.main_menu_wrap{width: 100%; height: 100%; display: flex; align-items: center;}
.mainmenu {z-index:1000; margin: 0; width: 100%; padding: 0; list-style: none; display: flex; height: 100%;
    align-items: center; justify-content:space-between;}   
.mainmenu li  {display: flex; height: 100%; list-style: none; text-align:left; margin:0; padding:0; }
.mainmenu li a {display: flex; height: 100%; align-items: center; position: relative; padding: 0; font-size:15px; color: #1D1D1D; 
    transition: ease-in-out all .3s; text-transform: capitalize; font-family: 'Exo', sans-serif; text-transform: uppercase;}
.mainmenu > li > a::after{content: ""; width: 30px; height: 3px; background: #00712D; position: absolute; border-radius: 6px;
    left: calc(50% - 15px); bottom: -3px; z-index: 1001; opacity: 0; transition: ease-in-out all .3s;}
.mainmenu > li > a{padding: 0 10px; display: flex; align-items: center; font-weight: bold; font-family: 'Exo', sans-serif; text-align: center;}
.mainmenu > li.has-child:hover > a::after{opacity: 1;}
.mainmenu > li.has-child.menu_open > a{color: #00712D;}
.mainmenu li a:hover{color: #B5D336;}
.mainmenu > li > ul {position: absolute; margin: 0; padding:0px; top: calc(100% + 1px); left:0px; width: 100%; clear:both; background: #fff;}
.mainmenu li ul li{ margin: 0; padding:5px 0; line-height: 24px;}
.mainmenu li ul li a{font-size:15px; color: #201F1F; font-weight: bold;}
.mainmenu li ul li ul{position: relative; display: block; margin: 0;  padding:0;}
.mainmenu li ul li ul li a{ margin: 0; padding:0; font-size: 12px; font-weight: normal; text-transform: capitalize; display: flex; align-items: center;}
.mainmenu li.has-child{flex-direction: column;}
.mainmenu li.has-child .mega_menu{display: flex; align-items: flex-start; flex-wrap: wrap; padding: 20px; box-sizing: border-box; gap: 10px;}
.mainmenu li.has-child .mega_menu > li{width: calc(17% - 13px);}
.mainmenu li.has-child .mega_menu > li > a{padding-bottom: 10px; margin-bottom: 10px;}
.mainmenu li.has-child .mega_menu > li > a::after{content: ""; height: 1px; width:25px; background: #00712D; position: absolute; left: 0; bottom: 0;}

.mainmenu a.viewall{color: #8ECBD4; text-decoration: underline;}

/*Effect on sub menu*/
.mainmenu > li > ul{visibility:hidden; opacity:0; transform: translateY(10px); transition: ease-in-out all .3s; z-index: -1; }
.mainmenu li.has-child:hover ul{visibility:visible; opacity:1; z-index: 1000; transform: translateY(0px);}

/*Overlay*/
.overlay { background: rgba(0, 0, 0, .6); position: fixed; top: 0; height: 100vh; width: 100%; left: 0; z-index: -1; visibility:hidden; 
    opacity:0; transition: ease-in-out all .4s;}
.overlay.hover { visibility:visible; opacity:1; z-index: 999;}

/* ----- SITE FOOTER ----- */
footer.site_footer {position: relative; z-index: 1000;}

/*-- TOP FOOTER WRAP --*/
.top_footer{height: 80px; background: #00853F;}
.top_footer > div{height: 100%; padding: 0 10px; box-sizing: border-box; display: flex; justify-content: space-between;}
.newsletter_container{display: flex; gap:60px; align-items: center;}
.newsletter_text{display: flex; flex-direction: column; justify-content: center; gap:5px; padding-left: 50px; 
    background: url(../images/mail_discount.svg) left center no-repeat;}
.newsletter_text > *{padding: 0; color: #fff; font-family: 'Exo', sans-serif;}
.newsletter_text h6{font-size: 18px; line-height: 24px;}
.newsletter_text p{font-size: 11px; line-height: 14px;}
.mc_newsletter{display: flex; background: #fff; overflow: hidden; border-radius: 3px; height: 50px; width: 470px;}
.mc_newsletter input[name=mc_input]{padding: 0 10px; box-sizing: border-box; height: 100%; width: calc(100% - 50px); 
    color: #787777; font-size: 14px; border: 0;}
.mc_newsletter input[name=mc_input]::placeholder{color: inherit; font-family: inherit;}
.mc_newsletter .mc_signup{color: #00853F; font-size: 14px; background: #EEEEEE; height: 100%; padding: 0 10px; 
    box-sizing: border-box; display: flex; align-items: center; font-weight: bold; border-left: 1px solid #00853F;}

/*Social Buttons*/
.social{display: flex; gap: 15px; align-items: center;}
.social a{transition: ease-in-out all .3s; height: 34px; width: 34px; background-repeat: no-repeat; background-position: center;}
.social a.fb{background-image: url(../images/facebook.svg);}
.social a.in{background-image: url(../images/linkedin.svg);}
.social a:hover{transform: translateY(-5px);}

/*-- FOOTER WRAP --*/
.footer_wrap {background: #F6F6F6; position: relative; padding:35px 0;}
.footer_wrap *{line-height: 28px; font-size: 16px; color: #231F20;}
.footer_wrap > div {display: flex; align-items: flex-start; padding: 0 10px; box-sizing: border-box;}
.footer_wrap > div > div{display: flex; flex-direction: column; width: 20%;}
.footer_wrap > div > div.footer_intro, .footer_wrap > div > div:last-child{width: 30%;}
.footer_wrap h4{color: #231F20; font-size: 20px; font-weight: bold; padding: 0 0 15px 0; margin-bottom: 20px; 
    text-transform: uppercase; position: relative;}
.footer_wrap h4::after{content: ""; height: 3px; width:40px; background:#00853F; position:absolute; left:0; bottom:0; }

.footer_address{padding-left: 25px; margin-bottom: 20px; background: url(../images/pin.svg) left 6px no-repeat;}
.footer_phone{padding-left: 25px; background: url(../images/phone.svg) left center no-repeat;}
.footer_email{padding-left: 25px; background: url(../images/email.svg) left center no-repeat;}

/*Footer Menu*/
.footer_menu ul{padding: 0; margin: 0; list-style: none;}
.footer_menu ul li{padding: 5px 0; display: block; margin: 0; list-style: none;}
.footer_menu ul li a{transition: ease-in-out all .3s;}
.footer_menu ul li a:hover{color: #00853F;}

/*-- FOOTER PAYMENT WRAP --*/
.footer_payment_wrap{background: #F6F6F6; position: relative; padding: 30px 0; border-top: 1px solid #DEDCDC;}
.footer_payment_wrap > div{padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; gap:15px;}
.footer_payment_wrap h5{font-size: 16px; color: #231F20; font-weight: bold; padding: 0;}
.footer_payment_wrap > div > div{ display: flex; align-items: center; gap:15px; }

/*-- BYLINE --*/
.byline_wrap {background: #A7A7A7; padding: 30px 0; position: relative; color: #fff;}
.byline_wrap > div {display: flex; gap:20px; flex-direction:column; align-items: center; padding: 0 10px; box-sizing: border-box;}
.byline_menu {display: flex; align-items: center; justify-content: center; list-style:none; padding:0; margin:0; flex-wrap: wrap;}
.byline_menu li {padding:0 10px; position: relative;}
.byline_menu li::after{content: ""; height: 16px; width: 1px; background: #fff; position: absolute; right: 0; top:calc(50% - 8px);}
.byline_menu li:last-child::after{content: none;}
.byline_menu li a {font-size: 16px; color: #fff; transition: ease-in-out all .3s;}
.byline_menu li a:hover{color:#00853F;}
.byline_wrap span{font-size: 12px;}
.byline_wrap a{font-size: 12px; color: #fff;}
.byline_wrap a u{transition: ease-in-out all .3s;}
.byline_wrap a u:hover{color:#00853F;}


/* ------------------------------------  */
/* --------------- MODULES ------------  */
/* ------------------------------------  */

/* ----- TEXT MODULE ----- */
.text_wrap {}
.text_wrap.full_width {width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; 
    margin-right: -50vw;}
.text_wrap:not(.bg_on) {background: none !important;}
.text_container {padding: 0 10px; box-sizing: border-box;}

/* -- SPACING MODULE -- */
.spacing_module {display: flex; align-items: center; justify-content: center; background: transparent; position: relative; z-index:1; 
    transition: 0.2s ease-in-out all;}
.spacing_module span {opacity:0; text-align: center; font-size: 24px; font-weight: bold; transition: 0.2s ease-in-out all;}
.spacing_module.admin_logged:hover {background: #efefef;}
.spacing_module.admin_logged:hover span {opacity:1;}

/* ----- CONTACT FORM ----- */
.contact_form{padding: 10px; background: #fdfcfc; border: 1px solid #E1E1E1; border-radius: 5px; background: #FFFFFF; margin: 20px 0;}
.cf_title{margin: 15px 0 20px 0; font-family: 'Exo', sans-serif;}
.cf_title span{color: #393838; font-size: 16px; font-weight: bold;}
.cf_field { display: block }
.cf_line { clear: both; margin-bottom: 20px; position: relative;}
.cf_line p { color: #393838; font-size: 16px; padding: 0; }
.cf_label {font-size: 16px; color: #231F20; position: absolute; top: 18px; left: 10px; padding: 0 3px; background: #fff; transition: ease-in-out all .3s;}
.cf_label span{font-size: 16px; color: #00853F; transition: ease-in-out all .3s;}
.cf_field textarea, .cf_field select, .cf_field input[type=text] { width: 100%; box-sizing: border-box; border: 1px solid #DDDADB; padding: 10px; box-sizing: border-box; border-radius: 5px;  font-family: inherit; color: #231F20; font-size: 16px;}
.cf_field textarea, .cf_field input[type=text]{font-weight: bold;}
.cf_field select, .cf_field input[type=text] {height: 50px }
.cf_field textarea { height: 120px; resize: none }
.cf_radio .cf_label, .cf_checkbox .cf_label{ display: inline-block; font-size: 15px; font-weight: 400; text-transform: capitalize; padding-top: 0; text-transform: capitalize }
.cf_radio .cf_field, .cf_checkbox .cf_field { width: 25px; display: inline-block }
.contact_form_footer{display: flex; justify-content: space-between; align-items: center; margin: 20px 0 10px;}
.contact_form_footer .denotes{font-size: 12px; color: #231F20; padding: 0;}
.contact_form_footer .denotes span{font-size: 12px; color: #231F20;}
.contact_form_footer .cf_submit a{font-size: 18px; color: #fff; background: #00853F; border: 1px solid #00853F; border-radius: 5px; line-height: 56px; 
    font-weight: bold; display: inline-block; padding: 0 20px; text-decoration: none; text-transform: uppercase; font-family: 'Exo', sans-serif; 
    transition: ease-in-out all .3s;}
.contact_form_footer .cf_submit a:hover{color: #00853F; background: #fff;}

.contact_form .cf_line.active .cf_label{top: -7px; font-size: 12px; }
.contact_form .cf_line.active .cf_label span{font-size: 12px;}
.contact_form .cf_line.active :is(.cf_field textarea, .cf_field input[type=text]){border-color: #00853F;}

.contact_form .check_line{margin-bottom: 15px;}
.contact_form .check_line > .cf_label{margin-bottom: 10px;}
.contact_form .check_line .cf_label{padding:0 0 5px 0; position: relative; left: initial; top: initial !important; color: #231F20 !important; font-size: 16px;}
.contact_form .check_line .cf_radio .cf_label{color: #231F20; font-size: 14px}
.contact_form .radio_line{margin-bottom: 15px;}
.contact_form .radio_line > .cf_label{margin-bottom: 10px;}
.contact_form .radio_line .cf_label{padding:0 0 5px 0; position: relative; left: initial; top: initial !important; color: #231F20 !important; font-size: 16px;}
.contact_form .radio_line .cf_radio .cf_label{color: #231F20; font-size: 14px }
.contact_form :is(.radio_line, .check_line) input{accent-color: #00853F;}

.contact_form .dropdown_line .cf_label{padding:0 0 10px 0; position: relative; left: initial; top: initial !important;}

/* ----- GALLERY ----- */
div.fullscreenfade { opacity: 0; display: flex; justify-content: center; transition: opacity 0.3s ease-in-out 0s; position: relative;  }
div.fullscreenfade::before{content:""; position: absolute; width: 100%; height: 100%;}
div.fullscreenfade.full_width{width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
div.fullscreenfade div.slide { float: left; position: relative; display: flex; align-items: center; background-position: center top; background-size: cover; background-repeat: no-repeat; height: 100%; }
div.fullscreenfade.parallax_on div.slide { background-attachment: fixed; }
div.fullscreenfade div.slide .banner { margin: 0 auto; width: 1200px; }
div.fullscreenfade div.slide .frame { height: 100%; align-self: center; display: inline-block; padding: 16px 20px; }
div.fullscreenfade div.slide .frame.frame_on {background: #ffffff80;}
div.fullscreenfade div.slide .frame h1, div.fullscreenfade div.slide .frame h2, div.fullscreenfade div.slide .frame h3, 
div.fullscreenfade div.slide .frame h4 { position: relative; }
div.fullscreenfade div.slide .frame p { padding: 15px 0; margin: 0; line-height: initial;}

/* pagination */
div.fullscreenfade .pagination { position: absolute; bottom: 15px; text-align: center; width: 100%; height: 20px; z-index: 1; }
div.fullscreenfade .pagination a { height: 18px; width: 18px; margin: 0 5px; box-sizing: border-box; display: inline-block; transition: ease-in-out all .3s; 
    background: #00853F; border: 1px solid #fff; border-radius: 100%;}
div.fullscreenfade .pagination a.selected { background: #fff; border-color: #00853F;}

/* navigation */
 div.fullscreenfade .arrows { display:none !important;} 
div.fullscreenfade .arrows { position: absolute; z-index: 10; right: 30px; top: calc(50% - 40px); width:40px; height: 80px; background: rgba(0, 0, 0, .4); 
    cursor: pointer; transition: ease-in-out all .3s; border-radius: 4px;}
div.fullscreenfade .arrows:after { content: ""; width: 12px; height: 15px; display: block; clip-path: polygon(0 0, 0% 100%, 100% 50%); background: #fff; 
    position: absolute; top: calc(50% - 7px); right: calc(50% - 8px); }
div.fullscreenfade .arrows.prev { transform: rotate(180deg); right: initial; left: 30px;}
div.fullscreenfade .arrows:hover {background: rgba(0, 0, 0, .6);}

@media (min-width: 960px){
    .footer_menu ul{display: block !important;}
    .footer_wrap h4{pointer-events: none;}
}


/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {
    .mobile:not(.desktop-large),
    .tablet:not(.desktop-large),
    .desktop:not(.desktop-large),
	.desktop-hidden {display: none !important;}
	
	/* ----- GRID STRUCTURE ----- */
    .container_16 {margin-left: auto;margin-right: auto;width: 1200px;}
    .container_16 .grid_1 {width: 55px;}
    .container_16 .grid_2 {width: 130px;}
    .container_16 .grid_3 {width: 205px;}
    .container_16 .grid_4 {width: 280px;}
    .container_16 .grid_5 {width: 355px;}
    .container_16 .grid_6 {width: 430px;}
	.container_16 .grid_7 {width: 505px;}
    .container_16 .grid_8 {width: 580px;}
    .container_16 .grid_9 {width: 655px;}
    .container_16 .grid_10 {width: 730px;}
    .container_16 .grid_11 {width: 805px;}
    .container_16 .grid_12 {width: 880px;}
    .container_16 .grid_13 {width: 955px;}
    .container_16 .grid_14 {width: 1030px;}
    .container_16 .grid_15 {width: 1105px;}
    .container_16 .grid_16 {width: 1180px;}
    .swipe {height: 575px;}
	/* --------------------------------------- */

    
}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */

/* ---------------------------------------------- */
/*-------------DESKTOP/LAPTOP < 1199px------------*/
/* ---------------------------------------------- */

@media (min-width: 960px) and (max-width:1199px) {
    .desktop-large:not(.desktop),
    .mobile:not(.desktop),
    .tablet:not(.desktop),
	.desktop-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
    .grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,
    .grid_9 img,.grid_10 img,.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	/* --------------------------------------- */

    /* ------------------ */
    /* ----- HEADER ----- */
    /* ------------------ */
        
    /*Top Wrap*/
    .top_strap a {font-size: 12px;}

    /* ----- HEADER WRAP ----- */
    .siteSearch {width: 330px;}
    .header_right {gap:40px;}

    .searchAutoComplete > .autoCats{width: 220px;}

    /*Menu*/
    .mainmenu li a {font-size: 14px;}

    /*Footer*/
    .footer_wrap * {font-size: 14px;}

}  
/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */



/* ------------------------------------------------- */
/* --------------TABLET & MOBILE ------------------- */
/* ------------------------------------------------- */
@media (max-width: 959px) {

    .alpha,.omega {margin-left: 0;margin-right: 0;}

    /* ----- Site Header ----- */
    :is(.top_strap, .header_wrap) > div{width: 100%; padding: 0 15px;}

    /* -- HEADER WRAP -- */
    .header_wrap{height: 100px;}
    .header_account_cart .shoppingCart{margin: 0; padding: 0;}
    .header_left, .header_right{width: 50px;}
    .logo img{width: 175px;}

    /*Shopping Cart*/
    .header_right_inner .shoppingCart{width: initial; border: 0;}
    .small_cart::after{content: none;}
    .small_cart > span.cart_indicator{left: initial; right: 2px; top: 3px;}

    /* -- Menu Toggle -- */
    .menu_toggle{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 36px;}
    .menu_toggle > div{width: 24px; height: 24px; display: flex; flex-direction: column; justify-content: center;}
    .menu_toggle > div::before, .menu_toggle > div::after{content:""; width: 24px; height: 3px; background: #00712D; border-radius: 6px;
        transition: ease-in-out all .3s;}
    .menu_toggle > div > div{width: 100%; height: 3px; background: #00712D; margin: 4px 0; border-radius: 6px; transition: ease-in-out all .3s;}

    /* -- Menu Wrap -- */
    .menu_wrap{height: 50px;}
    .menu_wrap > div{padding: 0; width: 100%;}
    .responsive_search {width: 100%; background:#FBFBFB; overflow: hidden;}
    .responsive_search > input{border: 0; height: 100%; background:none; flex-grow:1; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #231F20;}
    .responsive_search > input::placeholder{font-style: italic; font-size: inherit; font-family: inherit; color: inherit;}
    .responsive_search > a{width: 50px; height: 100%; flex-shrink: 0; background: url(../images/search_green.svg) center no-repeat;}

    .responsive_search.display .searchAutoComplete{display: flex; border: 1px solid #e1e1e1; border-top: 5px solid #00712D; flex-direction:column; }
    .responsive_search .searchAutoComplete{width: 100%;}
    .responsive_search .searchAutoComplete > div{padding:20px 10px;}
    .responsive_search .autoCats{width: 100%; order: 2;}
    .responsive_search .autoProds{width: 100%; order: 1;}
    .responsive_search .close_suggest{width: 100%; order: 3; text-align: center; color:#00712D; font-size:12px; font-weight:bold; text-decoration:underline; 
        background: #fff; line-height:50px; }
    .responsive_search .autoProds .autoProdItems{gap:0;}
    .responsive_search .autoProds .autoProdItem{width: 100%; padding-right: 30px; box-sizing: border-box; position: relative; border-top: 1px solid #EBEBEB;}
    .responsive_search .autoProds .autoProdItem::after{content: ""; height: 6px; width: 6px; border: solid #DBDBDB; border-width:  1px 1px 0 0; transform: rotate(45deg);
        position: absolute; right: 10px; top: calc(50% - 3px);}
    .responsive_search .autoProds .autoProdItem:hover{box-shadow: none;}
    .responsive_search .autoProds .autoProdDetails{width: 100%; justify-content: center;}

    /* -- MOBILE MENU -- */
    .responsive_menu_wrap {position: absolute; left: 0; top: 0; background: #FFFFFF; width: calc(100% - 30px); box-sizing: border-box;
        list-style: none; margin: 0; transition: ease-in-out all .3s; opacity: 0; transform: translateY(10px); z-index: -1; visibility: hidden;}
    .responsive_menu{font-family: 'Exo', sans-serif;}
    .responsive_menu li{padding: 0; margin: 0; position: relative; list-style: none;}
    .responsive_menu li a{display: block; padding: 10px 15px; font-size: 16px; color: #1D1D1D; transition: ease-in-out all .3s; position: relative; font-weight: bold;}
    .responsive_menu li ul{margin: 0; padding:0; display: none;}
    .responsive_menu li ul li a{color: #1D1D1D; line-height: 20px; padding: 10px 25px; font-size: 13px; font-weight: normal;}
    .responsive_menu li ul li ul li a{padding: 5px 35px;}
    .responsive_menu li.has-child > a{padding-right: 40px;}

    .responsive_menu .toggle_sub{height: 40px; width: 50px; position: absolute; right: 0; top: 0; border: 0; display: flex; align-items: center;
        justify-content: center;}
    .responsive_menu .toggle_sub::after{content: ""; height: 10px; width: 10px; border: solid #B4D335; border-width: 0 2px 2px 0;
        transition: ease-in-out all .3s; transform: rotate(45deg);}
    .responsive_menu li.has-child.open > .toggle_sub::after{transform: rotate(225deg); border-color:#00712D; }
    .responsive_menu li.has-child.open > a{color: #00712D;}
    .responsive_menu_wrap.open{opacity: 1; visibility: visible; z-index: 1000; transform: translateY(0);}

    .responsive_menu_wrap header{height: 100px; width:100%; padding: 0 15px; box-sizing: border-box; display: flex; align-items: center;}
    .responsive_menu_wrap header a:not(.hidden){color: #1D1D1D; font-size: 10px; display: flex; flex-direction: column; height: 46px;
        gap: 5px; align-items: center; justify-content: center; padding: 0 23px; border-right: 1px solid #EBEBEB;}
    .responsive_menu_wrap header a:last-child{border: 0;}
    .responsive_menu_wrap header a::before{content:""; height: 20px; width: 20px; background-repeat: no-repeat; background-position: center;}
    .responsive_menu_wrap header a.menu_account::before{background-image: url(../images/user.svg);}
    .responsive_menu_wrap header a.close_icon{padding-left: 0;}
    .responsive_menu_wrap header a.close_icon::before{background-image: url(../images/close_menu.svg);}
    .responsive_menu_wrap header a.menu_call::before{background-image: url(../images/phone_menu.svg);}
    .responsive_menu_wrap header a.menu_fav::before{background-image: url(../images/heart_fill.svg);}

    .top_menu_responsive{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; margin-bottom: 10px; font-family: 'Exo', sans-serif;}
    .top_menu_responsive li{list-style: none; padding: 0;}
    .top_menu_responsive li a{color: #5D5C5C; font-size: 14px; padding: 10px 15px; display: block;}

    .responsive_menu_wrap footer{height: 60px; display: flex; align-items: center;justify-content: flex-end;}
    .responsive_menu_wrap footer a{font-size: 14px; color: #B5D336; padding: 0 15px; height: 100%; display: flex; align-items: center;}

    /*Footer*/
    .footer_wrap{padding: 20px 0 0 0; background: #fff;}
    .footer_wrap > div{flex-direction: column;}
    .footer_wrap > div > div{width: 100% !important; }
    .footer_intro{margin-bottom: 20px;}

    /*Footer Menu*/
    .footer_menu h4{padding: 10px 0; margin: 0; border-bottom: 1px solid #F1F1F1; position: relative;}
    .footer_menu h4::before{content: ""; height: 6px; width: 6px; border: #00712D solid; border-width: 0 2px 2px 0; transform:rotate(45deg); 
        position:absolute; right: 10px; top: 20px; transition: ease-in-out all .3s;}
     .footer_menu h4.active::before{transform: rotate(225deg);}
    .footer_menu h4::after{content: none;}
    .footer_menu ul{display: none;}

    .footer_payment_wrap{background: #fff; border:0;}

    /* ----- MODULES ----- */

    /* -- Fullscreen Gallery -- */
    div.fullscreenfade .arrows {display: none !important;}




}  /* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */

/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {
    .desktop-large:not(.tablet),
    .desktop:not(.tablet),
	.mobile:not(.tablet),
	.tablet-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.container_16 {margin-left: auto;margin-right: auto;width: 768px;}
    .container_16 .grid_1 {width: 32px;}
    .container_16 .grid_2 {width: 80px;}
    .container_16 .grid_3,.container_16 .grid_tab_3 {width: 128px;}
    .container_16 .grid_4,.container_16 .grid_tab_4 {width: 176px;}
    .container_16 .grid_5,.container_16 .grid_tab_5 {width: 224px;}
    .container_16 .grid_6,.container_16 .grid_tab_6 {width: 272px;}
    .container_16 .grid_7,.container_16 .grid_tab_7 {width: 320px;}
    .container_16 .grid_8,.container_16 .grid_tab_8 {width: 368px !important;}
    .container_16 .grid_9,.container_16 .grid_tab_9 {width: 416px;}
    .container_16 .grid_10,.container_16 .grid_tab_10 {width: 464px;}
    .container_16 .grid_11,.container_16 .grid_tab_11 {width: 512px;}
    .container_16 .grid_12,.container_16 .grid_tab_12 {width: 560px;}
    .container_16 .grid_13,.container_16 .grid_tab_13 {width: 608px;}
    .container_16 .grid_14,.container_16 .grid_tab_14 {width: 656px;}
    .container_16 .grid_15,.container_16 .grid_tab_15 {width: 704px;}
    .container_16 .grid_16,.container_16 .grid_tab_16 {width: 752px;}
    .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,
	.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {margin-left: 8px;margin-right: 8px;}
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,
	.grid_10 img,.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	/* --------------------------------------- */

    /*Top Header*/
    .top_strap .top_phone::before{content: none;}
    .top_strap a{font-size: 12px;}
    .top_strap > div > div.top_strap_mid{width: 50%;}
    .top_strap > div > div:first-child, .top_strap > div > div:last-child{width: 25%;}

    /*Footer Wrap*/
    .newsletter_container{gap:40px;}
    .mc_newsletter {width: 310px;}


    


} /* -------------------------------------------------------------------------------------------------------- TABLET END  */

/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {
    .desktop-large:not(.mobile),
	.tablet:not(.mobile),
    .desktop:not(.mobile),
	.mobile-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.container_16 {margin-left: auto;margin-right: auto;width: 320px;}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,
	.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {margin-left: 5px;margin-right: 5px;width: 310px !important; }
	.grid_1 img,.grid_2 img,.grid_3 img,.grid_4 img,.grid_5 img,.grid_6 img,.grid_7 img,.grid_8 img,.grid_9 img,.grid_10 img,
	.grid_11 img,.grid_12 img,.grid_13 img,.grid_14 img,.grid_15 img,.grid_16 img {max-width: 100% !important;height: auto !important;}
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}

	/* -------------------------------------------------------------------- */

	/* ----- TYPOGRAPHY ----- */
    h1 {font-size: 36px;} 
    h2 {font-size: 30px;} 
    h3 {font-size: 26px;} 
    h4 {font-size: 22px;} 
    h5 {font-size: 20px;} 
    h6 {font-size: 18px;}  

    p {font-size: 14px; line-height: 24px; padding: 5px 0 15px 0;} 
	
	img {max-width: 100%; vertical-align: middle;}
    /* -------------------------------------------------------------------- */


    /* ----- APPRISE EDITS ----- */
    div.apprise{max-width: 90% !important; left: 5% !important; top:10%;}

    /* ----- SITE HEADER ----- */
	.top_strap > div > div{width: 100%;}
    .top_strap a{font-size: 12px;}
    .header_wrap{height: 82px;}

    /*Footer Wrap*/
    .top_footer{height: 220px;}
    .top_footer > div{flex-direction: column; justify-content: center; gap:20px;}
    .newsletter_container{flex-direction: column; gap:20px;}
    .mc_newsletter{width:300px;}
    .social{justify-content: center;}

    .byline_menu li a {font-size: 14px;}

    /* ----- MODULES ----- */

    /* -- Full Screen Gallery -- */
    .frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}
    .fsg, .fullscreenfade { min-width: 100%; height: auto; max-width: 100vw !important;}
    div.fullscreenfade div.slide {background-repeat: no-repeat; background-size: cover;}
    div.fullscreenfade div.slide .banner { padding:20px 10px; width:100%; box-sizing:border-box;}
    div.fullscreenwrap, div.fullscreenwrap  div { max-width:initial !important;}




} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */