.btn-blue { border: 3px solid #5ed93b; border-radius: 3px; background: transparent; color: #0f1315; padding: 0 30px; display: inline-block; text-align: center; line-height: 42px; font-size: 14px; font-weight: 500; text-transform: uppercase;}
.btn-blue:hover { background: #5ed93b; color: #0f1315;}

.btn-white { border: 3px solid #0f1315; border-radius: 3px; background: transparent; color: #0f1315; padding: 0 30px; display: inline-block; text-align: center; line-height: 42px; font-size: 14px; font-weight: 500; text-transform: uppercase;}
.btn-white:hover { background: #0f1315; color: #fff;}

.title-style { margin-bottom: 20px;}
.title-style h6 { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #0f1315; line-height: 20px; margin: 0; padding: 0 0 0 70px; letter-spacing: 3px; position: relative;}
.title-style h6::before { content: ""; background: #0f1315; width: 60px; height: 2px; position: absolute; left: 0; bottom: 45%;}
.title-style h2 { font-size: 24px; letter-spacing: 2px; color: #5ed93b;}

.header-6 #siteNav > li > a span { position: relative; display: inline-block; line-height: 1.3;}
.header-6 #siteNav > li > a span::after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: #0f1315; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.header-6 #siteNav > li:hover > a span::after { width: 100%;}

.top-contact p { margin: 2px 0; color: #fff; font-weight: 400;}
.top-contact p i { color: #5ed93b; position: relative; top: 1px; padding-right: 3px;}
.top-contact p a { color: #fff;}
.top-contact p a:hover { color: #5ed93b;}
a.site-header__cart { color: #fff;}
a.site-header__cart:hover, .site-search:hover i { color: #5ed93b}

section.our-cats { padding: 40px 0 15px;}
section.our-cats h2 { text-align: center; margin-bottom: 30px; font-size: 28px; letter-spacing: 1px; color: #0f1315;}
.cat-block { margin: 0 0 30px; position: relative; text-align: center;}
.cat-block::before, .cat-block::after { top: 0; left: 0; width: 100%; height: 100%; content: ""; pointer-events: none; position: absolute; background-color: rgba(94, 217, 59, 0.4); transform: scale(0); -webkit-transform: scale(0); transform-origin: top left; -webkit-transform-origin: top left;}
.cat-block::after { bottom: 0; right: 0; transform-origin: bottom right; -webkit-transform-origin: bottom right;}
.cat-block:hover::before, .cat-block:hover::after { transform: scale(1); -webkit-transform: scale(1); opacity: 0; transition-duration: 1.3s;}

section.about-block { background: #f0efee; position: relative; overflow: hidden; position: relative; padding: 40px 0; }
section.about-block .img-block {}
.about-text { text-align: left;}
.about-text p { line-height: 27px; margin-bottom: 30px; text-align: justify;}

section.why-choose-bg { background: #5ed93b; padding: 60px 0 20px; position: relative;}
section.why-choose-btm { background: #0f1315 url(../images/why-choose-btm.png) no-repeat center center; width: 100%; height: 100%; min-height: 124px;}
.why-choose-text .title-style h6 { color: #0f1315;}
.why-choose-text .title-style h6::before { background: #0f1315;}
.why-choose-text .title-style h2 { color: #fff;}
.why-choose-text p { line-height: 27px; margin-bottom: 30px; text-align: justify;}

.why-choose-box { background: #0f1315; padding: 25px 35px 33px 35px; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); align-content: center; align-items: center; display: flex; flex-direction: row; margin-bottom: 30px;}
.why-choose-box .box-icon { display: inline-flex; flex: 0 0 auto; margin-right: 15px; }
.why-choose-box .box-icon  i { font-size: 44px; color: #5ed93b;}
.why-choose-box .box-text { flex-grow: 1; text-align: left;}
.why-choose-box .box-text h3 { font-weight: 700; letter-spacing: 1px; color: #fff; font-size: 21px;}
.why-choose-box .box-text p { color: #fff; font-size: 15px;}

section.trusted-block { background: #0f1315; padding: 30px 0 40px;}
.trusted-text { }
.trusted-text h2 { font-size: 66px; line-height: 80px; text-transform: uppercase; letter-spacing: 1px; color: #fff;}
.trusted-text h2 span { color: #5ed93b;}
.trusted-text p { color: #fff; font-weight: 300; line-height: 28px;}
.trusted-text a { font-weight: 500; font-style: italic; color: #5ed93b; font-size: 16px; text-decoration: underline;}
.trusted-text a:hover { color: #5ed93b;}

.f-box { padding: 15px 0; display: flex; align-items: flex-start; justify-content: flex-start; height: 100%; color: #fff; transition: color 0.2s ease;}
.f-box .feature-icon { margin-right: 15px; line-height: 1em; transition: 0.3s ease-out;}
.f-box:hover .feature-icon { transform: rotateY(-180deg);}
.feature-text .text1 { text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 1.4em;}
.feature-text .text2 { font-size: 13px; line-height: 20px; opacity: 0.8;}

section.featured-block { padding: 40px 0;}
section.certificates { padding: 40px 0;}

section.custom-block { background: #fff; position: relative; overflow: hidden; position: relative; }
section.custom-block::before { background: #f3f3f3; content: ""; height: 100%; width: 35%; left: 0; top; 0; position: absolute;}
section.custom-block .img-block { padding: 70px 0;}
section.custom-block .custom-text p { line-height: 26px;}
section.custom-block .custom-text a.btn-blue { margin-top: 15px;}

section.signup-area { background-image: url(../images/signup-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; justify-content: flex-end; padding: 60px 40px; position: relative;}
section.signup-area::before { content: ""; background: rgba(15,19,21,0.9); width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0;}
section.signup-area .signup-box { background: #fff; padding: 40px; color: #000;}
section.signup-area .signup-box h2 { color: #0f1315; font-size: 24px; padding: 0 0 0 50px; position: relative;}
section.signup-area .signup-box h2::before { content: ""; background: #5ed93b; width: 40px; height: 2px; position: absolute; left: 0; bottom: 45%;}
section.signup-area .signup-box p { font-size: 14px; letter-spacing: 1px;}
section.signup-area .signup-box button { float: right; margin-top: 15px;}


.text-page { line-height: 28px; min-height: 600px;}
.prd-block { border: 1px solid #f0efee;}
.prd-block:hover { border-color: #ddd;}
.prd-block .product-details {  padding-bottom: 20px;}

ul.sub-cats { margin-bottom: 30px;}
ul.sub-cats li { list-style: none; display: inline-block; margin-bottom: 5px;}
ul.sub-cats li a { background: #0f1315; border-radius: 3px; padding: 0 18px; line-height: 38px; color: #fff; display: block; font-size: 13px; font-weight: 500; text-transform: capitalize;}
ul.sub-cats li a:hover, ul.sub-cats li a.active { background: #5ed93b; color: #0f1315;}

.cart.style2 { min-height: 600px; margin-bottom: 30px;}

.mp-block h2 { font-size: 22px; font-weight: 700; color: #5ed93b; letter-spacing: 2px;}
.mp-block p, .process-title p { font-size: 15px; line-height: 30px;}

.p-img { position: relative; overflow: hidden; margin-bottom: 30px;}
.p-img img { width: 100%; display: block; margin: 0 auto;}
.p-img .p-text { background: rgba(0,0,0,0.6); position: absolute; top: 0 left: 0; right: 0; bottom: 0;  text-align: center; color: #fff; font-size: 18px; font-weight: 700; padding: 12px 18px; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transform: scale(1); opacity: 1; visibility: visible; width: 100%; height: 100%; justify-content: center; flex-direction: column; display: flex;}
.p-img:hover .p-text { visibility: hidden; opacity: 0; transform: scale(0);}


h2.Total { text-align: right; font-size: 20px; text-transform: uppercase; font-weight: 700;}
.basket-btn { text-align: right; margin-top: 10px;}
.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem; font-weight: 700;}
.EmptyCart, .NoProd { text-align: center; font-size: 22px; padding: 8rem 0 8rem;}
.EmptyCart a { color: #5ed93b;}

.footer-1 { background: #090c0d; position: relative; overflow: hidden;}
.footer-1 .footer-top { padding-top: 40px; padding-bottom: 30px;}
.f-detail h4 { text-transform: uppercase; color: #fff; letter-spacing: 1px; margin-bottom: 20px; font-size: 20px;}
.f-detail ul { margin: 0; padding: 0;}
.f-detail ul li { list-style: none; margin-bottom: 8px; color: #fff;}
.f-detail ul li a { color: #fff;}
.f-detail ul li a:hover { color: #5ed93b;}
.f-detail ul li i { color: #5ed93b; padding-right: 5px;}
.social a { font-size: 24px; color: #5ed93b; padding-right: 5px;}
.social a:hover { color: #fff;}

.ps-img { margin-top: 30px;}

.footer-bottom { padding: 30px 0; border-top: 1px solid #161616; text-align: center;}
.footer-bottom p { color: #fff; margin: 0; padding: 0; font-size: 13px; line-height: 26px;}
.footer-bottom p a { color: #5ed93b; text-transform: uppercase}
.footer-bottom p a:hover { text-decoration: underline;}
.footer-bottom .copyr { text-align: left;}
.footer-bottom .powered { text-align: right;}

.view-btn { margin-bottom: 30px;}

@media screen and (max-width: 768px) {
    .why-choose-text { margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
    .signup-form input { width: 60%;}   
}

@media screen and (max-width: 420px) {