/* -- << We Always Serve Your Better >> -- */



/* --** Reset CSS **-- */

* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }



body { font-family: 'open_sansregular'; font-size: 15px; color: #747474; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;  background: #fff; }

ul, ol { margin: 0 0 10px 25px; }

ol { list-style: square; }

ul { list-style: circle; }

ol:after, ul:after { content: ""; display: block; line-height: 0; clear: both; overflow: hidden; height: 0; }

ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

li { margin: 10px 0px 10px 0px; }



pre { padding: 0.1em 0.5em 0.3em 0.7em; border-left: 11px solid #ccc; margin: 1.7em 0 1.7em 0.3em; overflow: auto; max-width: 500px; }

code, samp, kbd { text-align: left; color: #555; }

pre code { line-height: 1.6em; font-size: 11px; }



table { margin: 25px auto; border-collapse: collapse; border: 1px solid #eee; border-bottom: 2px solid #00cccc; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05); width: 100%; }

table th { background: #00cccc; color: #fff; text-transform: uppercase; font-size: 12px; border: 1px solid #eee; padding: 12px 35px; }

table tr:hover { background: #f4f4f4; }

table tr:hover td { color: #555; }

table td { color: #999; border: 1px solid #eee; padding: 12px 35px; }

table th, td { font-weight: normal; text-align: left; vertical-align: middle; }

table tbody tr:nth-child(2n) { background: #f0f3f5; }



caption { font-weight: normal; text-align: left; }



h1,  h2, h3, h4, h5, h6 { color: #586778; font-weight: normal; }

h1 { font-size: 60px; margin: 5px 0px 15px 0px; }

h2 { font-size: 36px; margin: 5px 0px 15px 0px; }

h3 { font-size: 30px; margin: 5px 0px 15px 0px; }

h4 { font-size: 26px; margin: 5px 0px 15px 0px; }

h5 { font-size: 20px; margin: 5px 0px 15px 0px; }

h6 { font-size: 18px; margin: 5px 0px 15px 0px; }

p { margin: 5px 0px 15px 0px; line-height: 26px; }

em { font-style: italic; }

strong { font-weight: bold }

small { font-size: 80%; }

img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; display: block;  }

figure { margin: 0; }



/* #Links */

a { color: #f2a755; outline: 0 none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }

a:hover { text-decoration: none; }

a.more { padding-left: 28px; color: #7a594c; display: inline-block; position: relative; letter-spacing: 0.2px;}

a.more:before { content: "\f0a9"; font-size: 130%; position: absolute; left: 0; top: -4px; font-family: fontawesome; }

a.more:hover { color: #c2ead6; }



/* #blockquote */

blockquote:before { top: 0; left: 0; content: "\201C"; }

blockquote:after { top: 0; right: 0; content: "\201D"; } 

q:before { top: 0; left: 0; content: "‘"; }

q:after { top: 0; right: 0; content: "’"; }

blockquote:before, blockquote:after { position: absolute; width: 60px; height: 60px; font-size: 120px; line-height: 1;}

blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }

blockquote { margin: 12px 0 12px 20px; border-left: 10px solid #ececec; position: relative; padding: 30px 70px; text-align: center; font-size: 20px; }



::-webkit-input-placeholder { color: #fff !important; }

:-moz-placeholder { color: #fff !important; }

::-moz-placeholder { color: #fff !important; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }

:-ms-input-placeholder { color: #fff !important; }



/* #Forms */

fieldset { border: 0 none; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 1px solid #ececec; padding: 12px 13px; outline: none; font-size: 15px;color: #c1c1c1; margin: 0; width: 280px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; height: auto; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border: 1px solid #ececec; color: #747474; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); }



input[type="text"] { position: relative; }

input[type="text"]:after { }



input[type="text"]::-webkit-input-placeholder:before { position: absolute; top: 0; left:0; background: #000; width: 10px; height: 10px; content:""; display: block;  }





select { padding: 0 0 1px 9px; letter-spacing: 0.9px; border-bottom: 2px solid #d3d3d3; color: #747474; height: 42px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #ececec url(../images/select-arrow.png) no-repeat scroll 100% center; cursor: pointer; /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ appearance:none;/* background: #45bf54 url(../images/select-img.png) no-repeat 100% center; */ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ background-size: 24px 40px; }

select::-ms-expand { /* for IE 11 */ display: none; }

select option  { padding: 7px 9px; border: 1px solid #ececec; border-left: none; border-right: none;  outline: none; }

select:focus  { padding: 0 0 1px 9px;  border: 1px solid #ececec; color: #747474; background: #fff url(../images/select-arrow.png) no-repeat scroll 100% center; cursor: pointer; /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ appearance:none;/* background: #45bf54 url(../images/select-img.png) no-repeat 100% center; */ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ background-size: 24px 40px; }

textarea { min-height: 60px; }

label, legend { display: inline-block; font-weight: bold; font-size: 13px; }

label { cursor: pointer; margin-right: 50px;}

label:last-child { margin-right: 0;}

label span, legend span { font-weight: normal; font-size: 13px; color: #444; }



/* #Input Buttons */

.button, button, input[type="button"], input[type="Reset"] { padding: 11px 29px 11px 30px; border: 0 none; outline: none; color: #fff; cursor: pointer; display: inline-block; background: #f2a755; font-size: 15px;border-radius: 6px; letter-spacing: 0.8px; }

.button:hover, button:hover, input[type="button"]:hover, input[type="Reset"]:hover { text-decoration: underline;} 



/* #Input Submit */

input[type="submit"] { padding: 8px 26px 8px 27px; border: 0 none; outline: none; cursor: pointer; display: inline-block; border: 3px solid #586778; color: #586778;  font-size: 15px;border-radius: 6px; letter-spacing: 0.8px;  }

input[type="submit"]:hover { text-decoration: underline;} 



/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }



/* <<< Input Radio >>> */

input[type="radio"] { display:none; }

input[type="radio"] + label .check { display:inline-block;  margin: -4px 4px 0 0; vertical-align:middle; width: 20px; height: 19px;background:url(../images/radio-icn.png) left top no-repeat; background-size: 20px 19px; cursor:pointer;  }

input[type="radio"]:checked  + label .check { background:url(../images/radio-icn-active.png) left top no-repeat; background-size: 20px 19px; }

input[type="radio"]:disabled + label .check { background:url(../images/radio-icn.png) left top no-repeat; background-size: 20px 19px; cursor: not-allowed; }



/* <<< Input Checkbox >>> */

input[type="checkbox"] { display:none; }

input[type="checkbox"] + label .check { display:inline-block;  margin: -4px 4px 0 0px; vertical-align:middle; width: 20px; height: 19px;background:url(../images/check-icn.png) left top no-repeat; background-size: 20px 19px; cursor:pointer;  }

input[type="checkbox"]:checked  + label .check { background:url(../images/check-icn-active.png) left top no-repeat; background-size: 20px 19px; }

input[type="checkbox"]:disabled + label .check { background:url(../images/check-icn.png) left top no-repeat; background-size: 20px 19px; cursor: not-allowed; }



/* Global */

.clear { content: ""; display: block; line-height: 0; clear: both; overflow: hidden; height: 0; }

.container {

    max-width: 1170px;

}





/* <<< Header >>> */

.header { overflow: hidden; position: absolute; top: 0; right: 0; z-index: 999; width: 100%; padding-top: 10px; }

.header ul { list-style: none; margin: 0; float: right; background: #fff; margin-bottom: 55px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }

.header li { float: left; margin: 0; font-size: 20px; text-transform: uppercase; position: relative; }

.header li a { padding:  15px 20px; display: block; color: #f6802f; text-decoration: none; }

.header li.current-menu-item a { background: #f6802f; color: #fff; font-weight: 700; }

.header li span { width: 10px; height: 10px;  background: #e23030; border-radius: 50%; display: inline-block; position: absolute; bottom: 12px; right: 18px; }

.header img { width: 25px; height: 26px; }

.header li:last-child a { margin-left: 0px; background:url(../images/cart.png) top 18px center no-repeat; background-size: 20px 20px; text-indent: -9999px; }

.header li:nth-last-child(2) a {background: url(../images/user.png) top 18px center no-repeat;background-size: 20px 20px;

text-indent: -9999px;}

.mobile_menu a {

    width: 150px;

    background: #fff !important;

    display: block;

    padding: 14px;

    margin-top: -10px;

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

}

.header .header_logo { width: 100%; height: auto; }

.header .mobile_menu { display: flex; align-items: center; }

.header .mobile_menu .left { width: 30%; float: left; }

.header .mobile_menu .right { width: 50%; float: right; display: none;}

.header .show_menu .side { overflow: hidden; padding: 10px; display: flex; align-items: center; background: #e78a44; }

.header .show_menu .left-side { width: 50%; float: left; }

.header .show_menu .right-side { width: 50%; float: right; }

.header .show_menu .right-side i { color: #fff; font-size: 30px; float: right; }

.header .mobile_menu .right i { color: #f7852f; font-size: 30px; float: right; }

.header .show_menu ul { float: none; }

.header .show_menu li { float: none; width: 100%; }

.header .mobile_menu {

    display: block;

}

.left_menu .side { display: none; }



.inner_header { display: none !important; padding: 20px 0; position: relative; }

.inner_header .header_logo { width: 135px !important; } 

.inner_header .mid { align-items: center; }

.inner_header ul { margin: 0; box-shadow: none; }


.products_section li.product h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    color: #333;
    font-weight: 700 !important;
    padding: 10px 15px 5px !important;
    border-bottom: 0;
    text-transform: capitalize;
}


.left_menu {

    width: 100%;

    position: inherit;

    top: 0;

    left: -100%;

    background-color: #fff;

    color: #fff;

    z-index: 999999;

    transition: all ease-in-out 0.5s;

}



.show_menu {

    left: 0;

    opacity: 1;

    transition: all ease-in-out 0.5s;

}







/* <<< Banner >>> */

.banner_section { position: relative; }

.banner_section .container { height: 100%; }

.banner_section img { width: 100%; display: inline-block !important; }

.banner_section h1 { font-size: 66px; color: #fff; font-family: 'amatic_scbold'; margin: 40px 0 0; background:url(../images/text-bg.png) center no-repeat; padding: 30px 10px 20px; background-size: 100% 100%; }

.banner_section .banner_inner { position: relative; width: 100%; height: 100%; }

.banner_section .inner_text { text-align: center; width: 50%; position: absolute; top: 50%; right: 0%; transform: translate(-0%, -50%); }

.banner_section .inner_text img  { width: auto !important; }

.banner_section .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner_section p { font-size: 36px; font-family: 'open_sanssemibold'; color: #508d00; margin: 0; padding: 30px 0; line-height: 40px; }

.banner_section p span { display: block; }

.banner_section a { font-size: 35px; color: #fff; background:  #f7852f; font-family: 'open_sansbold'; text-transform: uppercase; display: inline-block; border-radius: 10px; text-decoration: none; padding: 15px 60px; }

.banner_section .same { width: auto !important; position: absolute; }

.banner_section .veg1 { bottom: 14%; right: 0%; animation: float-diff 9s ease-in-out infinite; }

.banner_section .veg2 { top: 30%; right: 0%; animation: float-sus 9s ease-in-out infinite; }

.banner_section .veg3 { bottom: 20%; right: 48%; animation: float-offset 9s ease-in-out infinite; }

.banner_section .veg4 { top: 140px; right: 45%; animation: float 9s ease-in-out infinite; }

.banner_section .banner_slider .owl-dots { position: absolute; bottom: 40px; left: 0; width: 100%; }

.banner_section .banner_slider .owl-dots .owl-dot span { background: #f5802f; width: 18px; height: 18px; margin: 5px 10px; }

.banner_section .owl-dots .owl-dot.active span, .banner_section .owl-dots .owl-dot:hover span { background: none !important; border: solid 1px #f5802f; }







.story_section { padding: 195px 0 145px; position: relative; }

.story_section .story_inner { position: relative; }

.story_section img.story_img {

    position: absolute;

    right: 0;

    bottom: 160px;

}

.story_section img { position: absolute; }

.story_section .veg1 { top: 15px; left: 17%; animation: float 9s ease-in-out infinite; }

.story_section .veg2 { top: 127px; right: 33%;animation: float-offset 9s ease-in-out infinite; }

.story_section .veg3 {

    bottom: 2%;

    left: -1%;

    animation: float-sus 9s ease-in-out infinite;

}

.story_section .veg4 { bottom: 40px; left: 46%; animation: float-diff 9s ease-in-out infinite; }

.story_section .veg5 { right: 17%; bottom: 30px; animation: float 9s ease-in-out infinite; }

.story_section h2 { font-size: 66px; color: #668c00; font-family: 'amatic_scbold'; margin: 0; padding-bottom: 20px; }

.story_section p { font-size: 20px; color: #ef8b45; margin: 0; width: 42%; line-height: 35px; padding-bottom: 15px; }

.story_section h5 { font-size: 24px; color: #ef8b45; font-family: 'open_sansbold'; margin: 0; }

.story_section ul { list-style: disc; margin: 0; padding-left: 25px; }

.story_section li { font-size: 20px; color: #ef8b45; margin: 10px 0 0; }





.choose_section { position: relative; text-align: center; background:url(../images/choose-bg.jpg) center no-repeat; background-size: cover; }

.choose_section .overlay { width: 100%; height: 100%; background: rgba(102, 140, 0, 0.9); padding: 25px 0 160px; }

.choose_section h2 { font-size: 66px; color: #668c00; font-family: 'amatic_scbold'; margin: 0; background:url(../images/big-heading-bg.png) center no-repeat; padding: 12px 60px; display: inline-block; background-size: 100% 100%; }

.choose_section ul { list-style: none; max-width: 100%; width: 100%; margin: 40px auto 0; }

.choose_section li { font-size: 20px; color: #fff; margin: 0 0 15px; background:url(../images/bullet.png) left top no-repeat; text-align: left; padding-left: 35px; }

.choose_section li:last-child { margin-bottom: 0; }

.choose_section img { position: absolute; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1461%) hue-rotate(244deg) brightness(120%) contrast(100%); }

.choose_section .veg1 { top: 30px; left: 14%; animation: float-diff 9s ease-in-out infinite; }

.choose_section .veg2 { bottom: 30px; left: 13%; animation: float-sus 9s ease-in-out infinite; }

.choose_section .veg3 { top: 50px; right: 20%; animation: float-offset 9s ease-in-out infinite; }

.choose_section .veg6 { bottom: 23px; left: 44%; animation: float 9s ease-in-out infinite; }

.choose_section .veg5 { right: 7%; bottom: 50px; animation: float-diff 9s ease-in-out infinite; }



.menu_section { padding: 65px 0 70px; position: relative; }

.menu_section .content { max-width: 1215px; margin: 0 auto; }

.menu_section .heading_box { background: #f5802e; text-align: center; padding: 30px 0 25px; }

.menu_section .heading_box h2 { font-size: 66px; color: #fff; font-family: 'amatic_scbold'; margin: 0; padding-bottom: 20px; }

.menu_section .heading_box p { font-size: 21px; color: #fff; margin: 0; padding-bottom: 10px; }

.menu_section .heading_box p:last-child { padding-bottom: 0; }

.menu_section ul { list-style: none; margin: 0; }

.menu_section li { margin-bottom: 0; padding: 0; text-align: center; display: flex; align-items: center; }

.menu_section .text { padding: 25px; }

.menu_section .text h3 { font-size: 32px; color: #668c00; font-family: 'amatic_scbold'; margin: 0; padding-bottom: 15px; }

.menu_section .text p { font-size: 17px; color: #f5802f; margin: 0; padding-bottom: 15px; }

.menu_section .text h4 { font-size: 28px; color: #668c00; margin: 0; }

.menu_section .same { position: absolute; }

.menu_section .veg1 { bottom: 33%; left: 0%; animation: float-diff 9s ease-in-out infinite; }

.menu_section .veg2 { bottom: 10%; right: 0%; animation: float-sus 9s ease-in-out infinite; }

.menu_section .veg3 { top: 10%; left: 10%; animation: float-offset 9s ease-in-out infinite; }

.menu_section .veg4 { top: 27%; right: -1%; animation: float 9s ease-in-out infinite; }

.menu_section .menu_slider .owl-dots { width: 100%; margin-top: 40px; }

.menu_section .menu_slider .owl-dots .owl-dot span { background: #f5802f; width: 18px; height: 18px; margin: 5px 10px; }

.menu_section .owl-dots .owl-dot.active span, .menu_section .owl-dots .owl-dot:hover span { background: none !important; border: solid 1px #f5802f; }

.menu_section .mobile { display: none; }

.menu_section .mobile-slider { display: none !important; }





.book_section { padding: 25px 0 60px; text-align: center; background: #85a333; position: relative; }

.book_section h2 { font-size: 66px; color: #668c00; font-family: 'amatic_scbold'; margin: 0; background:url(../images/big-heading-bg.png) center no-repeat; padding: 12px 60px; display: inline-block; background-size: 100% 100%; margin-bottom: 20px; }

.book_section ul { margin-bottom: 0; list-style: none; }

.book_section li { margin-bottom: 0; text-align: left; }

.book_section .inner { width: 100%; }

.book_section textarea { height: 150px !important; color: #fff; width: 100%; margin: 0; border: solid 2px #fff; background-color: transparent; border-radius: 5px; text-transform: capitalize; }

.book_section textarea:focus { background: none; }

.book_section label { font-size: 22px; color: #fff; font-weight: 400; margin: 0 0 10px; }

.book_section input:focus, .book_section select:focus { background: none; }

.book_section input, .book_section select, .book_section textarea {color: #fff;width: 100%;height: 45px;

margin: 0;border: solid 2px #fff;background-color: rgba(255, 255, 255, 0.2) !important;

border-radius: 5px;text-transform: capitalize;}

.book_section select option { background: #506a09; }

.book_section #dob, .book_section #appt { padding: 10px; }

.book_section input:focus-visible { outline: none; }

.book_section .submit-main { text-align: center; }

.book_section .inner { margin: 0 auto; width: 100%; }

.book_section input.submit {width: 255px;text-transform: uppercase;padding: 3px 10px 5px;margin-top: 20px;

background: #f5802e !important;text-decoration: none !important;border-color: #fff !important;}

.book_section input:focus { color: #fff; border: solid 2px #fff; }

.book_section img { position: absolute; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1461%) hue-rotate(244deg) brightness(120%) contrast(100%); }

.book_section .veg1 { top: 8%; left: 10%; animation: float 9s ease-in-out infinite; }

.book_section .veg2 { bottom: 45px; left: 33%; animation: float-offset 9s ease-in-out infinite; }

.book_section .veg3 { top: 23px; right: 10%; animation: float-sus 9s ease-in-out infinite; }

.book_section .veg6 { bottom: 65px; right: 32%; transform: rotate(40deg); animation: float-diff 9s ease-in-out infinite; }

.book_section .veg5 { right: 7%; bottom: 50px; animation: float 9s ease-in-out infinite; }

.book_section .wpcf7-response-output { margin: 0 !important; border: none !important; color: #fff; font-weight: 700; }

.wpcf7-spinner { display: none !important; }

.wpcf7-not-valid-tip {color: #E91E63 !important;font-weight: 700 !important;font-size: 12px !important;

position: absolute;bottom: -26px;}





.testimonial_section { padding: 70px 0 50px; text-align: center; position:relative; }

.testimonial_section .testimonial { max-width: 100%; margin: 0 auto; width: 100%; }

.testimonial_section em { font-size: 70px; color: #f7852f; font-style: normal; }

.testimonial_section p { font-size: 25px; color: #f7852f; margin: 0; padding-bottom: 30px; line-height: 35px; }

.testimonial_section span { font-size: 33px; color: #afc67b; font-family: 'amatic_scbold'; display: inline-block; }

.testimonial_section .same { position: absolute; }

.testimonial_section .veg3 { top: 30%; left: 10%; animation: float 9s ease-in-out infinite; }

.testimonial_section .veg4 { top: 30%; right: 10%; animation: float-sus 9s ease-in-out infinite; }

.testimonial_section .testimonial_slider { max-width: 90%; margin: 0 auto; }

.testimonial_section .testimonial_slider .owl-dots { width: 100%; margin-top: 40px; }

.testimonial_section .testimonial_slider .owl-dots .owl-dot span { background: #f5802f; width: 18px; height: 18px; margin: 5px 10px; }

.testimonial_section .owl-dots .owl-dot.active span, .testimonial_section .owl-dots .owl-dot:hover span { background: none !important; border: solid 1px #f5802f; }







.products_section { padding: 50px 0; }

.products_section .woocommerce-breadcrumb { padding: 10px 20px !important; background: #f1f1f1; margin-bottom: 20px; }

.products_section .woocommerce-breadcrumb a { display: inline-block; color: #f6802f !important; font-weight: 700; text-decoration: none; }

.products_section .woocommerce-products-header { display: none; }

.products_section p.woocommerce-result-count { margin: 0; font-size: 15px; color: #333; }

.products_section .woocommerce-ordering select { appearance: auto; background: #fff; border: solid 1px #f6802f; color: #f6802f; border-radius: 4px; height: 35px; width: 200px; }

.products_section li.product { background: #f7f7f7; }

.products_section li.product img { margin-bottom: 0 !important; }

.products_section li.product h2.woocommerce-loop-product__title { font-size: 16px !important; color: #333; font-weight: 700 !important; padding: 10px 15px 5px !important; border-bottom: 0; text-transform: capitalize; }

.products_section li.product span.price { font-size: 16px !important; font-weight: 700 !important; padding: 5px 15px 0 !important; }

.products_section li.product a.button {
    margin: 0 11px 15px !important;
    background: #f6802f !important;
    color: #fff !important;
    margin-top: 10px !important;
    padding: 10px 7px;    font-size: 14px;
}

.products_section li.product a.added_to_cart.wc-forward {
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    background: #38ad2c;
    padding: 8px;
    border-radius: 3px;
}

.products_section ul.page-numbers { border: 1px solid #f6802f !important; }

.products_section nav.woocommerce-pagination ul li { border-right: 1px solid #f6802f !important; }

.products_section nav.woocommerce-pagination ul li a:focus, .products_section nav.woocommerce-pagination ul li a:hover, .products_section nav.woocommerce-pagination ul li span.current { background: #f6802f !important; color: #fff !important; }



.products_section .woocommerce-product-gallery img { max-width: 100% !important; }

.products_section .summary h1 { font-size: 30px; margin: 0; font-weight: 700; color: #333; padding-bottom: 10px !important; }

.products_section .summary span.woocommerce-Price-amount { font-size: 25px; font-weight: 700; padding-top: 5px; display: inline-block; }

.products_section .entry { padding-top: 40px; }

.products_section .summary .woocommerce-product-details__short-description p  { font-size: 15px; color: #000; }

.products_section .summary .quantity { float: none !important; margin-bottom: 30px !important; }

.products_section .summary .quantity input.qty { width: 55px; height: 30px; border-radius: 3px; border: solid 1px #999; }

.products_section .product form.cart .button { background: #f6802f; padding: 15px 20px; font-size: 20px; border: solid 2px #f6802f; }

.products_section .product form.cart .button:hover { background: #fff; color: #f6802f; }

.products_section .summary .product_meta { padding: 13px 15px; background: #f7f7f7; margin-bottom: 20px; }

.products_section .product form.cart {}

.products_section .third-party-links { padding: 10px; background: #f7f7f7; border: dashed #b3af54; overflow: hidden; }

.products_section .third-party-links h3 { font-size: 15px; margin: 0; padding: 10px; color: #a39c00; font-weight: 700; background: #fff; margin-bottom: 15px; }

.products_section .third-party-links a { float: left; text-align: center; text-decoration: none; margin-right: 10px; }

.products_section .summary .product_meta span.posted_in { font-size: 16px; color: #000; font-weight: 700; }

.products_section .summary .product_meta span.posted_in a { background: #81c387; padding: 5px 10px; display: inline-block; font-weight: 400; border-radius: 3px; text-decoration: none; margin-left: 7px; font-size: 15px; letter-spacing: 1.0px; color: #fff; }

.products_section .related.products h2 { color: #f6802f; font-size: 25px; margin-top: 0; font-weight: 700; text-transform: uppercase; border-bottom: solid #f6802f 2px; padding-bottom: 10px; }







.inner_banner h2 {
    font-size: 24px;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    text-align: center;
}

.inner_banner .overlay { background: rgba(0, 0, 0, 0.5); }







/* <<< footer >>> */

footer { background: #85a333; padding: 25px 0 0; }

footer a { display: block; text-decoration: none; }

footer address { font-size: 20px; color: #e7e7e7; margin: 20px 0 15px; line-height: 30px; }

footer ul {

    list-style: none;

    margin: 0 0 0 15px;

}

footer .left li { float: left; margin: 0 10px 0 0; }

footer .left li a {

    width: 35px;

    height: 35px;

    color: #85a333;

    background: #ebebeb;

    border-radius: 50%;

    text-align: center;

    transition: all 0.5s;

    border: 1px solid #ccc;

}

footer .left li span { line-height: 28px; text-align: center; }

footer .right { padding-top: 25px; }

footer .right h3 { font-size: 33px; font-family: 'amatic_scbold'; margin: 0 0 25px; color: #fff; }

footer .right li a { font-size: 20px; color: #e7e7e7; }

footer .copyright {

    text-align: center;

    padding: 10px 0;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

}

footer .copyright p { font-size: 18px; color: #85a333; margin: 8px 0 0;     text-align: left;}

footer .footer_inner { position: relative; padding-bottom: 70px; }

footer .footer_inner .same { position: absolute; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1461%) hue-rotate(244deg) brightness(120%) contrast(100%); }

footer .veg1 {top: -10%;right: 0;transform: rotate(40deg);animation: float-diff 9s ease-in-out infinite;}

footer .veg2 {top: 50%;left: 0px;transform: rotate(90deg);animation: float-offset 9s ease-in-out infinite;}

footer .veg3 {bottom: 95px;left: 28%;animation: float 9s ease-in-out infinite;}



body {

overflow-x: hidden;

}



@keyframes float {

  0% {

    transform: translate(0, 0);

  }

  20% {

    transform: translate(10px, 20px);

  }

  40% {

    transform: translate(30px, -20px);

  }

  60% {

    transform: translate(-20px, 30px);

  }

  80% {

    transform: translate(-10px, -10px);

  }

  100% {

    transform: translate(0, 0);

  }

}



@keyframes float-offset {

  0% {

    transform: translate(0, 0);

  }

  10% {

    transform: translate(-10px, -20px);

  }

  30% {

    transform: translate(-30px, -20px);

  }

  50% {

    transform: translate(-20px, 30px);

  }

  70% {

    transform: translate(10px, 10px);

  }

  100% {

    transform: translate(0, 0);

  }

}



@keyframes float-diff {

  0% {

    transform: translate(0, 0);

  }

  15% {

    transform: translate(-12px, -18px);

  }

  33% {

    transform: translate(28px, -25px);

  }

  47% {

    transform: translate(-22px, 34px);

  }

  64% {

    transform: translate(8px, 15px);

  }

  85% {

    transform: translate(15px, -10px);

  }

  100% {

    transform: translate(0, 0);

  }

}



@keyframes float-sus {

  0% {

    transform: translate(0, 0);

  }

  17% {

    transform: translate(-15px, -25px);

  }

  30% {

    transform: translate(25px, -15px);

  }

  59% {

    transform: translate(10px, 35px);

  }

  70% {

    transform: translate(20px, -20px);

  }

  100% {

    transform: translate(0, 0);

  }

}





/*STTL Staff ki css*/

.woocommerce-account .container {

    max-width: 1170px;

}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {

    border: 1px solid #cfc8d8;

    padding: 20px;

    margin: 2em 0;

    text-align: left;

    border-radius: 5px;

    background: #f7f7f7;

    min-height: 300px;

}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {

    float: left;

    margin-right: 1em;

    background: #f6802f;

    color: #fff;

}

.woocommerce-account h1.entry-title {

    font-size: 40px;

    color: #f6802f;

}



.woocommerce-account .inner_banner h2 { color: #fff !important; }



.woocommerce-account h2 {

    margin: 0;

    font-size: 24px;

    font-weight: bold;

    color: #333;

}

.woocommerce-account label {

    font-weight: bold;

    color: #333 !important;

}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {

    background: #f6802f;

    color: #fff;

}

.book_section input, .book_section select, .book_section textarea {

    color: #fff;

    width: 100%;

    height: 45px;

    margin: 0;

    border: solid 2px #fff;

    background-color: rgba(255, 255, 255, 0.2);

    border-radius: 5px;

    text-transform: capitalize;

}

.book_section textarea {

    height: 100px;

    overflow: auto;

}

.book_section .container {

    max-width: 1230px;

}

footer.entry-footer.default-max-width {

    display: none;

}

.ab_sec .container{max-width: 1170px;}

.ab_cont h2 {

    font-weight: bold;

    color: #333;

    margin: 0;

}

.about_main {

    background: #f7f7f7;

    padding: 30px;

    margin: 50px 0;

}

.ab_img img {

    width: 100%;

}

.ab_cont h3 {

    font-weight: bold;

    color: #682d20;

    margin: 0;

    font-size: 22px;

}

.ab_cont p {

    font-size: 15px;

}

.ms {

    padding: 30px;

    background: #fff1eb;

    margin: 20px 0 0;

    border-radius: 10px;

    border: 1px solid #f5dfd5;

    width: 48.6%;

    float: left;

    margin: 0 0 0px 20px;

}

.owner p {

    padding: 30px;

    background: #fff1eb;

    margin: 20px 0 0;

    border-radius: 10px;

    border: 1px solid #f5dfd5;

    width: 48.6%;

    float: left;

    margin: 0 0 0px 20px;

    min-height: 271px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: left;

}

.m_nt{margin-left: 0 !important;}

.marg-top{margin-top: 0 !important;}

p.hilt {

    color: #577c53;

    font-size: 16px;

    font-weight: 600;

}

.ab_cont.owner h2 span {

    color: #10931f;

}

.ab_cont.owner h2 {

    margin-bottom: 30px;

}

.ab_cont.owner {

    position: relative;

    height: 100%;

}

.ab_cont.owner::before {

    content: '';

    position: absolute;

    width: 100%;

    background: transparent;

    height: 70px;

    left: 0;

    bottom: 0;

    background-image: linear-gradient(to right, transparent, #d5fbcc);

}

.ab_cont .box {

    background: #ceead6;

    padding: 20px;

}

.ab_cont .box li {

    list-style-type: none;

    display: block;

    margin: 0;

}

.ab_cont .box li p {

    margin: 0;

}



.ab_cont .box textarea {

    height: 218px;

    overflow: auto;

}

.ab_cont .box label {

    color: #333;

    font-weight: bold;

}

input.wpcf7-form-control.wpcf7-submit.has-spinner.submit {

    background: #508d00;

    color: #fff;

    text-decoration: none;

    border-color: #508d00;

}

.ab_cont .box input, .ab_cont .box textarea {

    border-color: #508d00;

    border-radius: 5px;

}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {

    border-color: #ffb900;

    background: #fffcdf;

    color: #333;

    font-weight: bold;

    text-align: center;

}

section.cms-inner-pages {

    padding: 50px 0;

    position: relative;

}

.about_main .flex p a, .about_main .flex p {

    display: flex;

    justify-content: left;

    align-items: center;

    color: #333;

    text-decoration: none;

    font-size: 16px;

}

.about_main .flex p a img, .about_main .flex p img {

    width: 16px;

    margin-right: 15px;

    filter: brightness(0) saturate(100%) invert(40%) sepia(80%) saturate(813%) hue-rotate(49deg) brightness(95%) contrast(101%);

    width: 40px;

    height: 40px;

    border: 1px solid;

    padding: 10px;

    border-radius: 30px;

    transition: all 0.5s;

}

.woocommerce-account .woocommerce-MyAccount-navigation {

    float: left;

    width: 30%;

    background: #f7f7f7;

    padding: 20px;    border-radius: 10px;

}

/*footer ul {

    list-style: circle;

    margin: 0 0 0 15px;

}*/

footer ul li::marker {

    color: #fff;

}

footer ul li {

    list-style-type: circle;

    vertical-align: top;

}

.woocommerce li a {

    text-decoration: none;

}

.woocommerce li::marker {

    font-size: 16px;

    color: #fff;

}

footer .left li img {

    width: 50%;

    margin: 8px auto;transition: all 0.5s;

}

footer .left li a:hover {

    background: #ff3a32;border-color: #ff3a32;

}

footer .left li a:hover img{

        transform: rotate(360deg);filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7412%) hue-rotate(331deg) brightness(107%) contrast(100%);

}

ul.social {

    float: right;

}

.woocommerce-cart .container {

    width: 1170px;

}

.wp-block-woocommerce-cart-order-summary-block {

    background: #f0f3f5;

}

.wc-block-cart__submit-button {

    box-sizing: border-box;

    margin: 0;

    width: 100%;

    background: #f68436;

    color: #fff !important;

    text-decoration: none;

    transition: all 0.5s !important;

    outline: 0 !important;

    box-shadow: none !important;

}

.woocommerce-cart h1.entry-title {

    font-size: 30px;

    font-weight: bold;

    border-bottom: 2px solid #f68436;

    margin-bottom: 20px;

    padding-bottom: 14px;

}

.woocommerce-cart .is-large.wc-block-cart {

    margin-bottom: 0;

}

.woocommerce-cart .products_section .entry {

    padding-top: 0;

}

.wc-block-cart__submit-button:hover {

    opacity: 0.5;

}

.is-large.wc-block-cart .wc-block-cart-items th {

    padding: 8px 0px 8px 0 !important;

    white-space: nowrap;

    text-align: center;

    background: #f68436 !important;

}

.is-large.wc-block-cart .wc-block-cart-items th:last-child {

    padding-right: 0 !important;text-align: center;

}

.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main{padding-right: 0 !important;}

.cms-inner-pages h1, h2.wp-block-heading {

    font-size: 24px;

    font-weight: bold;

    color: #000;

}

.cms-inner-pages h2, h3.wp-block-heading {

    font-size: 18px;

    font-weight: bold;

    color: #f6924e;

}

.cms-inner-pages h3, .cms-inner-pages h4 {

    font-size: 16px;

    font-weight: bold;

    color: #000;

}

.cms-inner-pages p, section.cms-inner-pages p {

    text-align: justify;

}

ul.social li {

    list-style-type: none;

}

.blog_img {

    width: 100%;

    background: #707070;

    height: 310px;

    padding: 15px;overflow: hidden;position: relative;

}

.blog_img img {

    width: 100%;

    display: block;

    object-fit: cover;

    height: 280px;transition: all 0.5s;

}

.blog_section{padding: 50px 0;}

.blog_cont {
    background: #fbfbfb;
    padding: 15px;
    position: relative;
    height: 170px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.blog_cont h3 {

    color: #000;

    font-size: 18px;

    font-weight: bold;

    margin: 0;

}

.blog_cont span {

    color: #ffffff;

    font-size: 14px;

    display: block;

    margin: 0 0 8px;

    position: absolute;

    top: -46px;

    background: #f7893f;

    padding: 6px 10px;

}

.blg_link {

    text-decoration: none;

    display: block;

    margin-bottom: 20px;

}

.blg_link:hover img{transform: scale(1.1);}

.blog_cont p {

    color: #333;

    text-align: justify;

    font-size: 14px;

    line-height: 22px;

}

.blog_cont ul {

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.blog_cont ul li {

    list-style-type: none;

    color: #b7b7b7;

    font-size: 12px;

    margin: 0;width: 50%;

}

.blog_cont ul li:last-child {text-align: right;}

.blog_detail img {

    width: 50%;

    float: left;

    padding-right: 20px;

}

.blog_detail span {

    border-radius: 3px;

    background: #fff5e7;

    color: #f6924e;

    padding: 6px 10px;

    display: inline-block;

    font-weight: bold;font-size: 13px;

}

.blog_detail h2 {

    color: #000;

}

.blog_bx {

    clear: both;

    background: #f7f7f7 !important;

    overflow: hidden;

    margin-bottom: 20px;

    padding: 20px;

}

.blog_bx.bb_2 img, .blog_bx.bb_4 img {

    float: right;

    padding-right: 0 !important;

    padding-left: 20px;

}
section.cms-inner-pages .row {
    padding: 20px;
    background: #fbfbfb;
    overflow: hidden;
}
section.cms-inner-pages strong {
    font-weight: bold;
    color: #2c2c2c;
}
section.cms-inner-pages li::marker {
    color: #1f6820;
}
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link {
    color: #f28235;
}
.is-large.wc-block-cart .wc-block-cart__totals-title {
    padding: 8px 16px 8px 10px !important;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid hsla(0, 0%, 7%, .11);
    border-radius: 5px;
    background: #fff;
}
.woocommerce-error {
    border-top-color: #b81c23!important;
    background: #b81c23!important;
    color: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0!important;
    width: 76%!important;
    border-radius: 5px!important;
    margin: 0 auto 15px !important;
}
.woocommerce-error strong{color: #fff !important;}
.woocommerce-error::before {
    content: "\e016";
    color: #ffffff !important;
    top: 12px !important;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block li a {
    text-decoration: none;
    color: white !important;
    text-decoration: underline !important;
}
.whatsapp {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 99;
}
.whatsapp img {
    width: 60px;
}
footer .left li:nth-child(1) a {
    background: #4657b7;
}
footer .left li:nth-child(1) a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(68deg) brightness(107%) contrast(101%);
}
footer .left li:nth-child(1) a:hover {
    border-color: #4657b7;
}
footer .left li:nth-child(2) a {
    background: #cf17b7;
}
footer .left li:nth-child(2) a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(68deg) brightness(107%) contrast(101%);
}
footer .left li:nth-child(2) a:hover {
    border-color: #cf17b7;
}
@media(max-width: 767px){
    .whatsapp {display: block;}
    footer{overflow: hidden;}
    footer .col-md-6 {
        width: 60%;
    }
    footer .col-md-6.left {
        width: 40% !important;
    }
    ul.social {
        float: right;
        margin-top: 15px;
    }
    .header .mobile_menu {
        justify-content: space-between !important;
    }
    .right.mob_mnu img {
        width: 60px;
        float: right;
    }
    .header img{height: auto !important;}
    .header .mobile_menu .right {display: block;}
}