html{
scroll-behavior:smooth;
}
body
{
padding-top: 0px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1.8;
font-weight: 400;
scroll-behavior: smooth;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
font-family: 'Acme', sans-serif;}
p{
margin-top: 0;
margin-bottom: 1rem;
font-family: 'Roboto', sans-serif;
font-size: 14px;}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
font-family: 'Acme', sans-serif;
margin-bottom: 0.5rem; }
a{
font-family: 'Roboto', sans-serif;
color: green;
text-decoration: none;}
body a:hover{
text-decoration:none;
}
a:hover{
text-decoration: none;}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
line-height: 1.5;
font-weight: 400;
color: #000000;
font-family: 'Acme', sans-serif;
}
.bg-primary {
background: #82ae46 !important;
}
.container {
width: 100%;
/* padding-right: 15px;
padding-left: 15px;*/
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1200px)
.container {
max-width: 1200px;
}
@media (min-width: 992px)
.container {
max-width: 960px;
}
@media (min-width: 768px)
.container {
max-width: 720px;/*720*/
}
.form-module {
height: auto;
}
@media (min-width: 576px)
.container {
max-width: 540px;
}
@media (min-width: 650px)
{
.timetable_sub th, .timetable_sub td {
font-size: 12px;
}
}
.topper {
font-size: 14px;
width: 100%;
display: block;}
.topper .text {
width: calc(100% - 30px);
color: white;
font-family: 'Roboto', sans-serif;}
.align-items-center {
-webkit-box-align: left !important;
-ms-flex-align: center !important;
align-items: center !important;}
pb-1, .py-1 {
padding-bottom: 0.25rem !important;}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;}
.text-lg-right {
text-align: right !important;}
.no-gutters {
margin-right: 0;
margin-left: 0;}
.px-4 {
padding-right: 1.5rem !important;}
.topmenu{
padding: 5px;
}
.mr-2{
margin-right: 0.5rem !important;
}
.menudelivertext{
margin-right: 26px;
text-align: right;
font-family: 'Roboto', sans-serif;
}
/*2 line menu*/
.img-logo{
width: 245px;
margin-top: 10px;
margin-bottom: 10px;
}
#menu1{
float: right;
margin-right: -17px;
}
#login{
float: right;
margin-right: -19px;
font-family: 'Roboto', sans-serif;
text-align: end;
}
#log-in{
float: right;
margin-right: -19px;
font-family: 'Roboto', sans-serif;
text-align: center;}
#cart{
float: right;
margin-right: -19px;
}
.navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.natumenubottom {
background-color: green;
z-index: 3;
padding: 0;}
.natumenubottom .scrolled {
position: fixed;
right: 0;
left: 0;
top: 0;
margin-top: -130px;
background: #fff !important;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.natumenubottom.scrolled.awake {
margin-top: 0px;
-webkit-transition: .3s all ease-out;
-o-transition: .3s all ease-out;
transition: .3s all ease-out;
}
.natumenubottom .navbar-brand {
color: #82ae46;
}
.navbar-brand {
font-weight: 800;
font-size: 20px;
text-transform: uppercase;
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
a {
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
color: #82ae46;
}
@media (min-width: 992px){
.navbar-expand-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;}
.natumenubottom .navbar-toggler {
border: none;
color: rgba(255, 255, 255, 0.5) !important;
cursor: pointer;
padding-right: 0;
text-transform: uppercase;
font-size: 16px;
letter-spacing: .1em;}
@media (min-width: 992px)
.navbar-expand-lg .navbar-toggler {
display: none;}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;}
.natumenubottom .scrolled .nav-item.active > a {
color: #82ae46 !important;}
.natumenubottom .navbar-nav > .nav-item.active > a {
color: #000000;}
.natumenubottom .navbar-nav > .nav-item > .nav-link {
font-size: 14px;
padding-top: 45px;
padding-bottom: 35px;
padding-left: 10px;
padding-right: 10px;
font-weight: 400;
color: #fff;
text-decoration: none;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
letter-spacing: 2px;
opacity: 1 !important;}
.natumenubottom .scrolled .nav-link {
padding-top: 0.9rem !important;
padding-bottom: 0.9rem !important;
color: #000000 !important;}
@media (min-width: 992px)
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;}
.nav-link {
display: block;
padding: 0.5rem 1rem;}
.ml-auto, .mx-auto {
margin-left: auto !important;}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;}}
.ml-auto, .mx-auto {
margin-left: auto !important;}
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem;}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;}
.natumenubottom .navbar-nav > .nav-item .dropdown-menu {
border: none;
/*width: 160px;*/
background: #fff;
-webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;}
.natumenubottom .navbar-nav > .nav-item .dropdown-menu .dropdown-item {
color: black;
display:inline-block;}
.natumenubottom .navbar-nav > .nav-item .dropdown-menu .dropdown-item:hover {
color: #000;
background-color: #669922;
}
.natumenubottom .navbar-nav > .nav-item .dropdown-menu .dropdown-item {
text-decoration: none;
font-family: 'Roboto', sans-serif;
/* font-size: 14px; */}
.dropdown-menu .dropdown-item a:hover{
text-decoration: none;
color: #000;
background-color: #669922;
}
.dropdown-item:first-child {
text-decoration: none;
}
.dropdown-item {
display: block;
min-width: 160px;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
text-decoration: none;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;}
/* Slideshow container */
.banner{
width: 1000px;}
/*home section*/
.text.text-center h2{
font-family: 'Acme', sans-serif;
font-size: 26px;
}
.hm1{
text-align: center;
font-family: 'Roboto', sans-serif; }
.fas {
padding: 0px;}
.fa-shipping-fast{
font-size: 35px;
margin-top: 20px;
color: white;
border: 1px solid white;
border-radius: 50px;
padding: 10px;}
.fa{
padding: 0 px;}
.fa-pagelines{
margin-top: 20px;
color: white;
border: 1px solid white;
border-radius: 100%;
padding: 18px;}
.fa-envira {
font-size: 24px;/*35*/
margin-top: 20px;/*20*/
color: white;
border: 1px solid white;
border-radius: 100%;/*50*/
padding: 15px;/*10*/
}
.far.fa-thumbs-up{
font-size: 25px;
margin-top: 20px;
color: white;
border: 1px solid white;
border-radius: 50px;
padding: 15px;}
.fa-truck{
font-size: 20px;
margin-top: 20px;
color: white;
border: 1px solid white;
border-radius: 50%;
padding: 15px;
}
.homeservices{
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}
.natu-footer {
font-size: 14px;
/* padding: 3em 0; */
border-top: 1px solid #ccc;
color: #000000;
}
@media (min-width: 1200px){
.homeservices{
margin-left: 0px;
margin-right: 0px;
padding-bottom: 10px;
padding-top: 10px;}}
.hm1 .icon {
line-height: 1.3;
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}
.bg-color-1 {
background: #84be38;}
.bg-color-1:hover {
background: #669922;}
.bg-color-2 {
background: #84be38;}
.bg-color-2:hover {
background: #669922;}
.bg-color-3 {
background: #84be38;}
.bg-color-3:hover{
background: #669922;}
.bg-color-4 {
background: #84be38;}
.bg-color-4:hover {
background: #669922;}
.homeserhead{
font-family: 'Merriweather', serif;
font-weight: 800;
}
/*section 3*/
.homesection3{
margin-right: inherit;
margin-left:inherit;
margin-top: 30px;
margin-bottom: 30px;}
#hms3{
margin-top:68px;}
.hs3{
width: 100%;
height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;}
.texthm a{
margin-bottom: 50px;
margin-top: 217px;
margin-right: 290px;
padding-left: 13px;
background-color: #82ae46;
margin-left: -15px;
font-size: 14px;}
.category-wrap .text h4 a {
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: #fff;}
.category-wrap .text {
background: #82ae46;
padding: 3px;}
.texthmn a{
font-family: 'Merriweather', serif;
color: white;
font-weight: 400;}
.texthm2 h2{
color: #82ae46;
font-family: 'Acme', sans-serif;
font-style: italic;
font-size: 34px;
margin-top: 20px;
margin-bottom: 10px;}
.btn.btn-primary {
background: #82ae46;
border: 1px solid #82ae46;
color: #fff;
margin-top: 30px;
border-radius: 50px;}
.btn.btn-primary:hover{
background: #669922;
border: 1px solid #82ae46;
color: #fff;
margin-top: 30px;
border-radius: 50px;}
#hms31{
margin-top: 20px;
padding: 10px;}
.hshs1{
height: 100px;}
@media (min-width: 768px){
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 18;}}
.align-items-stretch{
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;}
.category-wrap {
display: block;
width: 100%;
height: 250px;}
mb-4, .my-4 {
margin-bottom: 1.5rem !important;}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.category-wrap-2 {
width: 100%;}
.category-wrap-2 .text {
width: 100%;
height: 532px;}
.text-center {
text-align: center !important;}
.img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;}
/* home product section**/
.homeproductsec{
padding: 2em 0;
position: relative;}
.hpsh{
margin: 20px;}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;}
.heading-section {
position: relative;}
.heading-section h2 {
position: relative;
font-size: 26px;
font-weight: 400;
color: #000000;
font-family: 'Acme', sans-serif;}
.heading-section .subheading {
font-size: 18px;
display: block;
margin-bottom: 10px;
font-family: 'Merriweather', serif;
color: #82ae46;}
/***/
.justify-content-end
{
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.pl-3{
padding-left: 10px !important;}
.heading-section h3 a {
color: #82ae46;
text-decoration: none;
font-size: 34px;}
.heading-section.price {
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0.5);}
.price a
{text-decoration: none;
color: #669922;}
.price a:hover{text-decoration: none;
color: #669922;}
.my-4 {
margin-bottom: 1.5rem !important;}
#hmpsp{
font-size: 18px;
color: gray;}
/*caroursel*/
.carousel
{
margin-bottom: 0;
padding: 0 50px 30px 50px;}
/*the controlsy*/
.carousel-control
{
left: -12px;
height: 30px;
width: 40px;
background-color: white;
margin-top: 40px; }
.carousel-control.right
{
right: -12px; }
/*the indicators*/
.carousel-indicators
{
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
/*the color of indicators*/
.carousel-indicators li
{
background: #ececec;
}
.carousel-indicators .active
{
background: #420bca;
}
#imgprev{
background-color: white;
padding: 4px;
width: 44px;
/* margin-top: 5px; */
margin-right: 5px;}
#imgnext{
background-color: white;
padding: 4px;
width: 44px;
/* margin-top: 5px; */
margin-right: 5px;}
.pb-5, .py-5 {
padding-bottom: 1rem !important;
padding-top: 10px;}
.bg-light {
background: #f7f6f2 !important;}
.subscribe-form {
width: 100%;}
.subscribe-form .form-group {
position: relative;
margin-bottom: 0;
border: none;
background: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;}
.subscribe-form .form-group input {
background: #fff !important;
border: 1px solid transparent;
color: black !important;
font-size: 14px;
font-weight: 300;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;}
.form-control {
height: 52px !important;
background: #fff !important;
color: #000000 !important;
font-size: 18px;
border-radius: 0px;
-webkit-box-shadow: none !important;
box-shadow: none !important;}
.form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.subscribe-form .form-group .submit {
border-left: 1px solid #82ae46;
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
font-size: 12px;
background-color:#82ae46 !important;}
.subscribe-form .form-group .submit:hover{
background-color:#008000;
}
.subscribe-form .form-group input {
background: #fff !important;
border: 1px solid transparent;
color: black !important;
font-size: 14px;
font-weight: 300;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
}
/*footer*/
@media (min-width: 1200px){
.natu-footer {
font-size: 14px;
/*padding: 0.2em 0;*/
padding-top:1em;
color: #000000;}
.natu-footer a:hover
{
font-family: 'Roboto', sans-serif;
font-size: 14px;
padding: 3em 0;
color: #669922;
text-decoration: none;
}}
.mouse {
position: absolute;
left: 0;
right: 0;
top: -30px;
z-index: 99;}
.mouse :hover{
background-color:#669922;
}
.mouse-icon {
width: 60px;
height: 60px;
border: 1px solid rgba(255, 255, 255, 0.7);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #82ae46;
cursor: pointer;
position: relative;
text-align: center;
margin: 0 auto;
display: block;}
.mouse-wheel {
height: 30px;
margin: 2px auto 0;
display: block;
margin-top: 15px;
width: 30px;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
color: #fff;
font-size: 20px;}
.mb-5, .my-5 {
margin-bottom: 0rem !important;}
.mb-4, .my-4 {
/*margin-bottom: 0.5rem !important;*/}
.list-unstyled {
padding-left: 0;
list-style: none;}
.py-2 {
padding-bottom: 0.5rem !important;
color: black;}
.natu-footer.container{
border: 2px solid #ccc;
}
.natu-footer-social li {
list-style: none;
margin: 0 10px 0 0;
display: inline-block;}
.natu-animate {
opacity: 0;
visibility: hidden;}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;}
.natu-animated {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
.natu-footer .ftco-footer-widget ul li a {
font-family: 'Roboto', sans-serif;
color: #000000;}
.natu-footer .natu-footer-widget ul li a :hover{
color: #669922;
text-decoration: none;
}
.natu-footer .natu-footer-widget h2 {
margin-bottom: 10px;
font-size: 20px;
color: #669922;
font-family: 'Acme', sans-serif;
font-weight: 500;}
.natu-footer .natu-footer-widget ul li {
font-size: 14px;
font-family: 'Roboto', sans-serif;
padding-bottom: 12px;}
#footlink{
text-decoration: none;
}
#footlink:hover{
color: #669922;}
.natu-footer-social li a span {
position: absolute;
font-size: 26px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #000000;}
.natu-footer .natu-footer-widget p {
line-height: 26.9px;}
#reg{
float: right;
text-align: right;
font-family: 'Roboto', sans-serif;
}
#reg a{
color:#fff;
text-decoration: none;
}
.natu_footer_copy {
padding-top: 9px;
padding-bottom: 5px;
text-align: center;
border-top: 1px solid #669922;
background-color: #669922;
color: white;
}
/**/
.owl-carousel {
position: relative; }
.owl-carousel .owl-item {
opacity: .4; }
.owl-carousel .owl-item.active {
opacity: 1; }
.owl-carousel .owl-dots {
text-align: center; }
.owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin: 5px;
border-radius: 50%;
background: #e6e6e6;
position: relative; }
.owl-carousel .owl-dots .owl-dot:after {
position: absolute;
top: -2px;
left: -2px;
right: 0;
bottom: 0;
width: 14px;
height: 14px;
content: '';
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
outline: none !important; }
.owl-carousel .owl-dots .owl-dot.active {
background: #b3b3b3; }
.owl-carousel.home-slider {
position: relative;
height: 590px;
z-index: 0; }
.owl-carousel.home-slider .slider-item {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 650px;
position: relative;
z-index: 0; }
@media (max-width: 1199.98px) {
.owl-carousel.home-slider .slider-item {
background-position: center center !important; } }
.owl-carousel.home-slider .slider-item .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* background: #000000;
opacity: .2;*/}
.owl-carousel.home-slider .slider-item .slider-text {
height: 650px;
z-index: 0; }
@media (max-width: 991.98px) {
.owl-carousel.home-slider .slider-item .slider-text {
text-align: center; } }
.owl-carousel.home-slider .slider-item .slider-text .subheading {
color: #000000;
font-weight: 300;
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
display: inline-block;
color: #fff; }
.owl-carousel.home-slider .slider-item .slider-text h1 {
font-size: 8vw;
color: #fff;
line-height: 1.3;
font-weight: 400;
font-family: "Amatic SC", cursive; }
@media (max-width: 767.98px) {
.owl-carousel.home-slider .slider-item .slider-text h1 {
font-size: 40px; } }
.owl-carousel.home-slider .slider-item .slider-text p {
color: rgba(0, 0, 0, 0.8);
font-weight: 400; }
@media (max-width: 991.98px) {
.owl-carousel.home-slider .slider-item .slider-text p {
color: rgba(255, 255, 255, 0.7);
font-size: 23px; } }
.owl-carousel.home-slider .owl-nav {
position: absolute;
bottom: 60px !important;
left: 0;
right: 0;
margin: 0 auto; }
@media (max-width: 991.98px) {
.owl-carousel.home-slider .owl-nav {
display: none; } }
.owl-carousel.home-slider .owl-nav .owl-prev,
.owl-carousel.home-slider .owl-nav .owl-next {
position: absolute;
width: 60px;
height: 60px;
background: #fff !important;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;
opacity: 1; }
.owl-carousel.home-slider .owl-nav .owl-prev span:before,
.owl-carousel.home-slider .owl-nav .owl-next span:before {
font-size: 20px;
margin-top: 7px;
color: #000000; }
.owl-carousel.home-slider .owl-nav .owl-prev {
top: 0 !important;
right: 0 !important; }
@media (min-width: 992px) {
.owl-carousel.home-slider .owl-nav .owl-prev {
right: 61px !important; } }
.owl-carousel.home-slider .owl-nav .owl-prev:hover, .owl-carousel.home-slider .owl-nav .owl-prev:focus {
background: #000000 !important;
outline: none !important; }
.owl-carousel.home-slider .owl-nav .owl-prev:hover span:before, .owl-carousel.home-slider .owl-nav .owl-prev:focus span:before {
font-size: 20px;
margin-top: 7px;
color: #82ae46; }
.owl-carousel.home-slider .owl-nav .owl-next {
top: 0 !important;
right: 0 !important; }
@media (min-width: 992px) {
.owl-carousel.home-slider .owl-nav .owl-next {
right: 0 !important; } }
.owl-carousel.home-slider .owl-nav .owl-next:hover, .owl-carousel.home-slider .owl-nav .owl-next:focus {
background: #000000 !important;
outline: none !important; }
.owl-carousel.home-slider .owl-nav .owl-next:hover span:before, .owl-carousel.home-slider .owl-nav .owl-next:focus span:before {
font-size: 24px;
margin-top: 7px;
color: #82ae46; }
.owl-carousel.home-slider .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
width: 100%;
text-align: center; }
@media (min-width: 992px) {
.owl-carousel.home-slider .owl-dots {
display: none; } }
@media (max-width: 767.98px) {
.owl-carousel.home-slider .owl-dots {
bottom: 5px; } }
.owl-carousel.home-slider .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin: 5px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4); }
.owl-carousel.home-slider .owl-dots .owl-dot.active {
background: #fff; }
/*product*/
.productpagehead{
padding: 10px;
text-align: center;
}
.productpagehead h1{
font-size: 30px;
font-weight: 400;
font-family: 'Acme', sans-serif;
}
#natu-product-col{
padding-left: 10px;
padding-right: 10px;
}
.pro{
width: 10%;
}
.product {
display: block;
width: 100%;
margin-bottom: 30px;
position: relative;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
.product .img-prod {
position: relative;
display: block;
overflow: hidden;
}
.product .img-prod img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.product .img-prod span.status {
position: absolute;
top: 0;
left: 0;
padding: 2px 10px;
color: #fff;
font-weight: 300;
background: #fe2002;
font-size: 12px;
}
.product .text {
background: #fff;
position: relative;
width: 100%;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;}
.product .text .bottom-area {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product .text .bottom-area .m-auto {
margin: 0 auto;
}
.product .text .bottom-area a {
color: #fff;
width: 100%;
background: #82ae46;
width: 40px;
height: 40px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.product .text .bottom-area a {
color: #fff;
width: 100%;
background: #82ae46;
width: 40px;
height: 40px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.mx-1 {
margin-left: 0.25rem !important;
}
.product .text .pricing {
width: 100%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-right: 35px;
margin-left: 35px;
}
.product .text .pricingm {
width: 100%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-right: 5px;
margin-left: 5px;
}
.product .text p.price {
margin-bottom: 0;
color: #82ae46;
font-weight: 400;
}
.product .text p.price span.price-dc {
text-decoration: line-through;
color: #b3b3b3;
}
.product .text p.price span.price-sale {
color: #669922;
font-size: 18px;
}
.product .text .bottom-area {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product .text .bottom-area .m-auto {
margin: 0 auto; }
.product:hover {
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
/*-webkit-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2); }*/
}
.product:hover .pricing {
opacity: 1; }
.product:hover .pricingm {
opacity: 1; }
.product:hover .text .bottom-area {
opacity: 0; }
.product .text h3 {
text-decoration: none;
color: black;
font-size: 18px;
font-family: 'Merriweather', serif;;
text-transform: capitalize;
}.product .text h3 a{
text-decoration: none;
color: black;
font-family: 'Merriweather', serif;;
text-transform: capitalize;
}
.fa-heart-o{
font-size: 26px;
color: #84be38;
}
.fa-cart-plus{
color: #84be38;
font-size: 26px;
}
#icon a{
color: #84be38;
font-size: 26px;}
.icon a i{
color: #84be38;
font-size: 26px;}
.icon a i:hover{
color: #669922;
}
#icon a:hover{
color: #669922;}
.pag{float: right;padding-bottom:30px;}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;}
.pagination a.active {
background-color: #ddd;
color: black;
text-decoration: none;
border: 1px solid #ddd;}
.pagination a:hover:not(.active) {background-color: #ddd;text-decoration: none;}
.faa-parent.animated-hover:hover>.faa-passing, .faa-passing.animated, .faa-passing.animated-hover:hover {
-webkit-animation: passing 2s linear infinite;
animation: passing 2s linear infinite;
}
/*pluse ani*/
.fa-4x {
font-size: 26px;
color: #669922;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
}
.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
-webkit-animation: pulse 1s linear infinite;
font-size: 26px;
animation: pulse 1s linear infinite;
}
.dropdown1 {
position: relative;
display:block;
}
.dropdown1-content {
display:none;
position: absolute;
background-color: #fff;
min-width: max-content;
text-decoration: none;
right: 0;
z-index: 1;
margin-top: -20px;
}
.dropdown1-content a {
color: black;
z-index: 10;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown1-content:hover{
-webkit-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
}
.dropdown1-content a:hover {
text-decoration: none;
color: black;
background-color: #bbdd77;
}
.dropdown1:hover .dropdown1-content {
text-decoration: none;
display:block;
width: auto;
}
.dropdown1:hover .dropbtn {
background-color: #3e8e41;
}
.dropdown1 ul {
list-style: none;
padding: 0;
margin: 0;
color: black;
background: #bbdd77;
}
.dropdown1 ul li {
display: block;
position: relative;
float: left;
z-index: 10;
background: #bbdd77;
}
.submenu.dropdown1 ul li {
display: list-item;
position: relative;
float: inherit;
color: black;
background: #fff;
}
.submenu.dropdown1 ul li:hover{
background: #fff;
}
.submenu.dropdown1 ul li a{
color: black;
}
.submenu.dropdown1 ul li ul{
left: 100%;
margin-top: -34px;
background: #eee;
}
.submenulast.dropdown1 ul li {
display: list-item;
position: relative;
float: inherit;
color: black;
background: #fff;
}
.submenulast.dropdown1 ul li:hover{
background: #fff;
}
.submenulast.dropdown1 ul li a{
color: black;
}
.submenulast.dropdown1 ul li ul{
right: 100%;
margin-top: -34px;
background-color:#eee;
}
.submenulast.dropdown1 ul li ul li a{
background-color:#eee;
}
#sublast ul li ul{
background-color:#eee;
}
.submenulast.dropdown1 ul li ul li a:hover{
}
.submenu.dropdown1 ul li ul li{
background: #eee;
}
.submenu.dropdown1 ul li ul li a:hover{
}
#submenubg li{
background-color: #ccc;
}
.dropdown1 li ul { display: none; position: static;}
.dropdown1 ul li a {
display: block;
padding: 7px;
text-decoration: none;
white-space: nowrap;
color: #fff;
}
.dropdown1-content ul {
color: black;
text-decoration: none;
display: block;
background-color: #eee;
}
.submenu.dropdown1 ul li ul a{
background-color:#eee;
}
.dropdown1 ul li a:hover { background:#bbdd77; }
.dropdown1 li:hover > ul {
-webkit-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
display: block;
position: absolute;
}
.dropdown1 li:hover li { float: none;
}
.dropdown1 li:hover a { background: #bbdd77;
}
.dropdown1 li:hover li a{
background: #fff;
}
.dropdown1 li:hover li a:hover { background:#bbdd77;
}
.dropdown1 li ul li { border-top: 0;
display: block;
}
.dropdown1 ul ul ul {
right: 100%;
top: 0;
}
/*product page*/
.singlep-container{
display: block;
min-height: 300px;
position: relative;
margin-bottom: 20px;
height: auto;
overflow: hidden;
position: static;
}
.single-product{
height: auto;
/* overflow: hidden; */
margin-top: 24px;
z-index: -1;
}
.sig-pro-amazon{
width: 170px;
float: right;
}
#sig-page-wish{
float: right;
}
@media (max-width: 1100px){
.sig-pro-amazon {
width: 170px;
float:left;
margin-left: 4px;
}}
.product-descr{
min-height: 450px;
height: auto;
overflow: hidden;
/* margin-left: -25px;*/
text-align: justify;
margin-top: 40px;
width: auto;
padding-left: 20px;
}
@media only screen and (max-width: 600px){
.tab button {
width: -webkit-fill-available;
border-bottom: 3px solid white;
}
.stab button {
width: -webkit-fill-available;
border-bottom: 3px solid white;
}
}
.product-descr h1 {
text-transform:capitalize;
font-size: 25px;
margin-bottom: 10px;
font-family: 'Acme', sans-serif;
color: #000;
font-weight: normal;
margin-top: 0;
margin-left: 10px;
}
.product-descr p{
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 7px;
}
.package p{
font-size: 16px;
margin-left: -2px;
margin-top: 10px;
font-weight: 500;
}
.related{
position: relative;
font-size: 26px;
font-weight: 400;
color: #000000;
font-family: 'Acme', sans-serif;
margin-top: 17px;
}
.single-price span .single-price-sale{
color: #669922;
}.single-price-sale{
color:#669922;
font-size: 20px;
font-weight: 700;
}
.actions .btn {
margin-right: 3%;
float: left;
}
.btn, .btn--secondary {
display: inline-block;
padding: 8px 10px;
width: auto;
margin: 0px 1px;
line-height: 1.42;
font-weight: bold;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 14px;
background-color: #84be38;
color: #fff;
border-radius: 5px;
border: #84be38 solid 1px;}
.btn-action {
background: #fff;
color: #669922;
font-size: 15px;
line-height: 44px;
display: inline-block;
height: 44px;
width: 100%;
padding: 0;
margin-bottom: 5px;
text-align: center;
border: 1px sloid #ccc;
border-radius: 5px;
}
.btn-action:hover {
background: #bbdd77;
color: black;
}
.wish{
height:26px;
line-height: 4px;
text-align: center;
padding: 5px;
}
.qty{width: 50%;}
#qty{width: auto;}
#sigcart{color: #669922;}
#sigcart:hover{color: #000;}
/*.pack{
margin-left: 5px;
margin-right: 5px;}*/
#single-product{
margin-top: 25px;
margin-bottom: -10px;}
.single-product-form{
margin-bottom: 20px;}
.single-product-form select,input{
display: block;
margin-bottom: 10px;
line-height: 22px;}
select {
border: 1px solid #669922;
max-width: 100%;
padding: 8px 10px;
border-radius: 5px;
width: 100%;}
.single-product-form input {
border: 1px solid #aeb3b0;
max-width: 100%;
padding: 8px 10px;
font-size: 20px;
border-radius: 5px;
width: 100%;}
.quantity-left-minus {
background: transparent;
padding: 0 15px;}
.single-amt{
margin-top:15px;}
.single-amt a{
border: 1px solid #ccc;}
.tab {
overflow: hidden;
background-color: #fff;}
.tab button {
background-color: #ccc;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
color: black;
margin-right: 10px;
padding: 10px;
font-size: 14px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ede2e2;}
.tab button:hover {
background-color: #84be38;;}
.tab button.active {
background-color: #84be38;;}
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}.tabcontent p {
font-family: 'Roboto', sans-serif;
font-size: 14px;}
.checked {
color: #669922;
}
.fa-star{
font-size: 23px;
}
#star{
font-size: 23px;
}
.single-product-submit{
background: #82ae46;
border: 1px solid #82ae46;
color: #fff;
margin-top: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
float: left;margin-right: 10px;
padding-right:20px;
}
.single-product-submit:hover{
background: #669922;
color: #fff;
}
.email{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #669922;
}
.column {
float: left;
width: 49%;
margin-top: 6px;
padding: 20px;
}
@media screen and (max-width: 600px) {
.column, input[type=submit] {
width: 100%;
margin-top: 0;
}
}
/*image cursole*/
.product__carousel {
display: block;
max-width: 700px;
margin: 1em auto 3em;
}
.product__carousel .gallery-top {
border: 1px solid #ebebeb;
border-radius: 3px;
margin-bottom: 5px;
}
.product__carousel .gallery-top .swiper-slide {
position: relative;
overflow: hidden;
}
.product__carousel .gallery-top .swiper-slide a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
.product__carousel .gallery-top .swiper-slide a img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
min-width: 100%;
min-height: 100%;
}
.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
font-size: 13px;
color:#ccc;
}
.product__carousel .gallery-thumbs .swiper-slide {
position: relative;
-webkit-transition: border .15s linear;
transition: border .15s linear;
border: 1px solid #ebebeb;
border-radius: 3px;
cursor: pointer;
overflow: hidden;
height: calc(100% - 2px);
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
border-color: #000;
}
.product__carousel .gallery-thumbs .swiper-slide img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 100%;
}
.swiper-button-next{
color: green;}
/**login**/
.natu_login{
padding: 10px;
width: 100%;
text-align: center;
margin-bottom: 50px;}
.natu_login h1{
font-size: 30px;
font-weight: 400;
color: #000000;
font-family: 'Acme', sans-serif;
text-decoration-style: dashed;}
.undline{
width: 7%;
border-bottom: 2px solid #000;}
.forgotpass{
margin-top: 0px;
float: left;
padding-bottom: 20px;
margin-left: 26px;
color:#f20;
}
.forgotpass a{
color: #f20;}
.forgotpass a:hover{
color: #669922;}
.forgotpassadmin{
margin-top: 40px;
margin-left: 24px;
padding-bottom: 10px;
font-size: 14px;}
.loginclear{
background: #84C639; width: 100%;
padding: 12px 66px;/*10 15*/
color: #ffffff;
font-size: 14px;
margin-top: 15px;
font-weight: bold;
font-family: 'Roboto', sans-serif;}
.loginclear:hover{
background: #669922;
color: white;}
.loginclear:active{
background: #669922;
color: white;}
.adminlogin{
background: #84C639; width: 100%;
border: 0;
padding: 12px 66px;/*10 15*/
color: #ffffff;
font-size: 14px;
font-weight: bold;}
.adminlogin:hover{
background: #669922;
color: white;}
.adminlogin:active{
background: #669922;
color: white;}
.form-module {
background: #ffffff;
max-width: 400px;
/* height: 310px;*/
width: 100%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
margin: 3em auto 0;
padding: 15px;
font-family: 'Acme', sans-serif;}
.form-module input[type="text"], .form-module input[type="password"], .form-module input[type="email"] {
outline: none;
display: block;
width: 98%;
border: 1px solid #d9d9d9;
margin: 0 0 20px;
padding: 10px 15px;
margin-left: 6px;
box-sizing: border-box;
font-wieght: 400px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 14px;
font-family: 'Roboto', sans-serif;}
.form-module input[type="submit"] {
background: #84be38;
width: 100%;
border: 0;
padding: 10px 15px;
font-family: 'Roboto', sans-serif;
color: #ffffff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 14px;
font-weight: bold;
margin-top: 15px;}
.form-module input[type="submit"]:hover {
background: #669922;}
.loginhead {
margin-bottom: 10px;
margin-top: 10px;
float: left;
margin-left: 7px;}
#natureg{
background: #ffffff;
max-width: 400px;
height: auto;
width: 100%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
margin: 3em auto 0;
padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
font-family: 'Acme', sans-serif;
margin-bottom: 50px;}
#natureg input[type="text"], #natureg input[type="password"], #natureg input[type="email"] {
outline: none;
display: block;
width: 98%;
border: 1px solid #d9d9d9;
margin: 0 0 20px;
padding: 10px 15px;
box-sizing: border-box;
font-wieght: 400px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 14px;
font-family: 'Roboto', sans-serif;}
#natureg input[type="submit"] {
background: #84be38;
width: 100%;
border: 0;
padding: 10px 15px;
font-family: 'Roboto', sans-serif;
color: #ffffff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 14px;
font-weight: bold;}
#natureg input[type="submit"]:hover{
background: #669922;
width: 100%;}
.regname{
margin-left: 7px;
margin-right: 4px;}
.regset{
margin-left: 7px;}
.natu_reg h1{
font-size: 30px;
font-weight: 400;
color: #000000;
margin-top: 10px;
font-family: 'Acme', sans-serif;}
.reg_head{
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
float: left;
margin-left: 23px;
}
/*cart*/
.img-responsive{
}
td.invert-image a img {
width: 15%;
margin: 0 auto;
float: left;
}
td.invert-image h4 {
text-align: left;
margin-top: 35px;
font-size: 14px;
}
table.timetable_sub {
width: 100%;
margin: 0 auto;
margin-bottom: 15px;
}
.timetable_sub th {
background: #669922;
color: #fff !important;
text-transform: capitalize;
font-size: 13px;
border-right: 1px solid #ded2d2;
}
.timetable_sub td {
border: 1px solid #CDCDCD;
}
.timetable_sub td {
text-align: center;
padding: 7px;
font-size: 14px;
color: #212121;
padding: 7px;
}
.timetable_sub th, .timetable_sub td {
text-align: center;
padding: 7px;
font-size: 14px;
color: #212121;
}
.checkbtn {
background: #84C639;
width: 100%;
border: 0;
padding: 14px 46px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
border: 1px solid #fff;
}
.checkbtn:hover {
color:black;
text-decoration: none;
background-color: #84c63905;
border: 1px solid #000;
}
.continueshop {
background: #84C639;
width: 100%;
border: 0;
padding: 12px 10px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
margin-top: -4px;
border: 1px solid #fff;
}
.continueshop:hover{
color: black;
background-color: #84c63905;
border: 1px solid #000;
}
.sivalue{
line-height: 2px;
border: 1px solid #b2b2b2;
text-align: center;
height: 17px;
margin-right: 3px;
font-size: 17px;
padding: 19px 90px;
}
.value-minus, .value-plus {
height: 20px;
line-height: 14px;
width: 20px;
margin-right: 3px;
display: inline-block;
cursor: pointer;
position: relative;
font-size: 18px;
color: #fff;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
border: 1px solid #b2b2b2;
vertical-align: bottom;
}
.value {
cursor: default;
width: 30px;
/* height: 20px; */
padding: 3px 0px;
color: #000;
line-height: 14px;
border: 1px solid #E5E5E5;
background-color: #E5E5E5;
text-align: center;
display: inline-block;
margin-right: 3px;
}
.quantity-select .entry.value-minus:before, .quantity-select .entry.value-plus:before {
content: "";
width: 13px;
height: 2px;
background: #000;
left: 50%;
margin-left: -7px;
top: 50%;
margin-top: -0.5px;
position: absolute;
}
.quantity-select .entry.value-plus:after {
content: "";
height: 13px;
width: 2px;
background: #000;
left: 50%;
margin-left: -1.4px;
top: 50%;
margin-top: -6.2px;
position: absolute;
}
.quantity-select .entry.value-minus {
margin-left: 0;
}
.squantity-select.entry.value-minus{
margin-left: 0;
padding: 17px;
}
.minus{
padding: 19px;
}.plus{
padding: 19px;
}
.squantity-select .entry.value-minus:before, .squantity-select .entry.value-plus:before {
content: "";
width: 13px;
height: 2px;
background: #000;
left: 50%;
margin-left: -7px;
top: 50%;
margin-top: -0.5px;
position: absolute;
}
.squantity-select .entry.value-plus:after {
content: "";
height: 13px;
width: 2px;
background: #000;
left: 50%;
margin-left: -1.4px;
top: 50%;
margin-top: -6.2px;
position: absolute;
}
#bill {
border: 1px solid #ccc;
padding: 20px;
}
#del {
padding: 20px;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#next a {
padding: 6px 35px;
background-color: #fff;
color: black;
border: 1px solid #ccc;
text-decoration: none;
margin-right: -5px;
}
#next {
text-align: right;
margin-top: 20px;
margin-bottom: 20px;
}
#checkemail{
/* margin-left: 1px;
margin-right: -7px;*/
}
#pin{
margin-top: 5px;
}
#citypin{
margin-top: 10px;
}
#cart-img{
width: 80px;
}
.delivery-add{
margin-top: -9px;
}
.form-control3 {
display: block;
width: 100%;
height: 42px;
padding: 10px 3px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
margin-bottom: 20px;
}
/*dashboard*/
.stab {
float: left;
background-color: #008000;
height: auto;
}
.stab button {
display: flex;
background-color: inherit;
color: #fff;
padding: 10px 20px;
width: 100%;
background-color: #008000;
border: none;
outline: none;
font-family: 'Acme', sans-serif;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 14px;
}
.stabcontent h3{
font-family: 'Acme', sans-serif;}
.stab button:hover {
background-color: #ddd;
border-top-right-radius: 10px 0px;
border-top-left-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
color: black;
background-color: #82ae46;
}
.stab button.active {
background-color: #fff;
border-left:1px solid #fbf4f4;
border-top:1px solid #fbf4f4;
color: black;
border-bottom:1px solid #fbf4f4;
border-top-right-radius: 10px 0px;
border-top-left-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
}
.fa {
font-size: 15px;
}
.fa.fa-user{
color:white;
}
.fa.fa-user:hover{
color: #008000;
}
.fa.fa-dashboard{
color: #008000;
}
.fas {
font-size: 15px;
}
.fas.fa-sign-out-alt{
font-size: 15px;
color: #fff;
}
.fas.fa-sign-out-alt:hover{
color: #008000;
}
.fas.fa-users{
font-size: 39px;
}
.fas.fa-user-times{
font-size: 34px;
}
.fas.fa-coins{
font-size: 34px;
}
.far.fa-money-bill-alt{
font-size: 34px;
}
.fa-truck-moving{
font-size: 34px;
}
.fa-shopping-basket{
font-size: 34px;
}
.fa-money-bill-alt{
font-size: 34px;
}
.stab ul li {
display: inline-block;
}
.dashboard-admin-footer{
text-align: center;
}
.dashboard-admin-footer p{
text-align: center;
}
.stab ul li button {
display: block;
background-color: inherit;
color: #fff;
padding: 10px 8px;
width: 100%;
background-color: #008000;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 14px;
}
.stab ul li button:hover{
background-color:#00800000;
}
.stab ul li button a i{
background-color: green;
border-radius: 50px;
padding: 4px;
margin-left: -19px;
border: 1px solid white;
}
.stab ul li button a i:hover{
background-color: #eee;
padding: 4px;
border-radius: 50px;
border: 1px solid white;
color: green;
}
.dashboard-logout{
background-color: red;
}
.dbtab{
margin-right: 5px;
margin-top: 3px;
}
#dashboardlable{
font-size: 12px;
color: white;
margin-left: 1px;
}
.admincol1 {
border-bottom: 1px solid #ccc;
margin: 5px;
padding: 10px;}
.admindashboard{
background-color: white;
border: 1px solid white;
border-radius: 10px;
padding-bottom: 10px;
margin-bottom: 140px;
}
#adminmain{
margin-top: 20px;
}
.dash-cate-addnew{
padding: 10px 20px;
font-size: 14px;
background-color: #81ba35;
color: #fff;
float: right;
/*margin-bottom:14px;*/
}
.dash-cate-addnew:hover{
background-color: #008000;
color:white;
text-decoration:none;
}
.db-cate{
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
border: 1ps solid white;
border-radius: 10px;
}
.db-cate.input-group.db-form-control {
position: relative;
z-index: 2;
float: left;
width: 56%;
margin-bottom: 0;
margin-right: -8px;
}
#db-cate input[type=text], textarea {
width: 100%;
padding: 6px;
border: 1px solid #ccc;
margin-top: 15px;
/* margin-bottom: 16px; */
resize: vertical;
}
#db-ser-top{
margin-top: -15px;
}
#order-status input[type=text], select, textarea {
width: 80%;
padding: 1px;
border: 1px solid #ccc;
/* margin-top: 6px; */
/* margin-bottom: 16px; */
resize: vertical;
}
#db-cate select{
width: 16%;
padding: 3px;
border: 1px solid #ccc;
resize: vertical;
/*margin-top: 15px;*/
}
#db-cate-slab{
/*margin-top: 15px;*/
}
#db-subcate{
height: 50px;
}
#record-select{
margin-top: 55px;
}
td.invert-image a img {
width: 15%;
margin: 0 auto;
float: left;
}
td.invert-image h4 {
text-align: left;
margin-top: 35px;
font-size: 14px;
}
.db-cate-table {
width: 100%;
margin: 0 auto;
margin-bottom: 15px;
}
.db-cate-table th {
background: #ccc;
color: #000 !important;
text-transform: capitalize;
font-size: 13px;
border-right: 1px solid #fff;
}
.db-cate-table td {
border: 1px solid #CDCDCD;
}
.db-cate-table td {
text-align: center;
padding: 7px;
font-size: 14px;
color: #212121;
padding: 7px;
}
.db-cate-table th, .db-cate-table td {
text-align: center;
padding: 7px;
font-size: 14px;
color: #212121;
}
.db-cate-sub{
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
border: 1ps solid white;
border-radius: 10px;
padding: 10px;
}
.pagination2 {
display: inline-block;
margin-left: 7px;
}
.pagination2 a {
color: black;
float: left;
padding: 7px 10px;
text-decoration: none;
border: 1px solid #ddd;
}
.pagination2 a.active2 {
background-color: #81ba35;
color: white;
border: 1px solid #81ba35;
}
.pagination2 a:hover:not(.active) {background-color: #ddd;}
.pagination2 a:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pagination2 a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/*
.stab button.active:after{
content: "";
width:30px;
height:30px;
background-size: 100%;
background-image:url("images/active-left.svg");
position: absolute;
top: 0;
right: 0;
margin-right: -1.25rem;
}
*/
.stab button.active:before {
content: "";
width: 40px;
height: 30px;
background-size: 100%;
background-image: url(http://kirandemo.in/nature/images/active-left.svg);
position: absolute;
top: 50;
left: 50;
/* margin-left: -1.25rem; */
margin-left: 45px;
}
.stab button.active:after{
content: "";
width: 40px;
height: 30px;
background-size: 100%;
background-image: url(http://kirandemo.in/nature/images/active-left.svg);
position: absolute;
top: 50;
left: 50;
/* margin-left: -1.25rem; */
margin-right: 45px;
}
.stab button.active:after{
/* margin-top: -36px;
margin-left: 150px;
transform: rotate(90deg) scale(1.04);*/
margin-top: 30px;
margin-left: 115px;
transform: rotate(0deg) scale(1.04);
}
.stab button.active:before{
margin-top: -45px;
margin-left: 120px;
transform: rotate(90deg) scale(1.04);
}
.fas.fa-thumbs-up{
color: #81ba35;}
.fas.fa-thumbs-down{
color: red;}
.stabcontent {
float: left;
padding: 0px 12px;
border: 1px solid #ccc;
width: 84%;
padding-top: 10px;
background-color:#fff;
height: auto;
border-left: none;
border-top-left-radius:20px 20px;
border-bottom-left-radius:20px 20px;
border-top-right-radius:20px 20px;
border-bottom-right-radius:20px 20px;
}
.dashboard-container{
padding: 0px;
padding-top: 20px;
padding-bottom: 20px;
background-color:#008000;
}
.dashboard-logo{
width: 164px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 15px;
}
.dashboard{
width: 1200px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.prolog{
margin-right: 12px;
margin-left: -29px;
}
#prologprofile button:active{
background-color: red;
}
.stab ul li button.active {
background-color: #fdfdfd00;
border: 1px solid #fdfdfd00;
}
.stab ul li button.active:before {
background-image: none;
}
.stab ul li button.active:after {
background-image: none;
}
@media screen and (max-width: 1100px){
.stabcontent {
width: 76%;
}}
@media screen and (max-width: 972px){
.stab button.active:after{
visibility: visible;
margin-left: 152px;}
.stab button.active:before{
visibility: visible;
margin-left: 156px;
}
.stab button{
width: 200px;
}
.stabcontent {
width: 70%;
}
}
/*Profile*/
.db-profile input[type=text],input[type=number],input[type=password],input[type=email], select, textarea {
width: 100%;
padding: 7px;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;}
.user-pro{
text-align: center;
}.user-pro h3{
padding: 10px;
text-align: center;
font-family: 'Acme', sans-serif;}
.pro-sub input[type=submit]{
width: 94%;
padding: 8px;
background-color: #81ba35;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
font-family: 'Roboto', sans-serif;}
#admin{
margin-top:15px;
}
.db-pro-cen{
margin: 55px;
}
#profouter{
border: 1px solid #ccc;
/* padding: 20px; */
padding-left: 20px;
/* margin-top: 40px; */
padding-right: 20px;
padding-top: 30px;
margin-bottom: 40px;
}
.db-profile-ct{
margin-top: 25px;
}
#col-space{
padding:15px;
}
/*top*/
#myBtntop {
display: none;
position: fixed;
bottom: 20px;
right: 10px;
z-index: 99;
font-size: 17px;
border: 2px solid white;
background-color:#008000;
color: white;
cursor: pointer;
padding: 5px 12px;
border-radius: 50px;
scroll-behavior: smooth;
}
#myBtntop:hover {
background-color:#669922;
}
/**addnewpopup*/
/*.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {padding: 2px 16px;}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}*/
.modal1 {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgb(50 46 46 / 40%);}
.popup h1 {
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Acme', sans-serif;
text-align: center;
font-size: 23px;
}
.popup .close1 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close2 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close3 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close4 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close5 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close6 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close7 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}.popup .close8 {
padding: 1rem 1rem;
margin: -60px -1px -1px 20px;
}
.closeicon{
padding:1px;
margin: -60px -1px -1px 20px;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.close1 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close2 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close3 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close4 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close5 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close6 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close7 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}.close8 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;}
.modal-content{
background-color: #fefefe;
margin: auto;
padding: 0;
padding: 20px;
border: 1px solid #888;
width: 100%;
height: auto;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
#popup-bg{
padding: 20px;
}
.form-controldash {
display: block;
width: 100%;
padding: 10px 3px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
margin-bottom: 20px;
}
.form-controldash input[type=text]{
width: 100%;
padding: 12px;
border: 1px solid #ccc;
margin-top: 6px;
color: #d8d8d8;
margin-bottom: 16px;
resize: vertical;
}
.sub {
padding: 10px 20px;
font-size: 14px;
color: white;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
background-color: #81ba35;
border: 1px solid #81ba35;
}
.sub-cat-sub{
font-size: 14px;
color: white;
width: 100%;
background-color: #81ba35;
border: 1px solid #81ba35;
}
#flt{
float:right;
}
.sub:hover{
background-color: #008000;
color: white;
}
#cate-add-new-save-clear{
margin-top:20px;
}
.main-cate-menu select {
width: 100%;
padding: 13px;
border: 1px solid #ccc;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
.subcate-submit-input input[type=submit] {
background-color: #81ba35;
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
}
.subcate-submit-input input[type=submit]:hover{
background-color: #008000;
color: white;
}
.subcate-submit-input input[type=reset] {
background-color: #81ba35;
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
}
#upload-file {
margin-top: -20px;
padding-top: 65px;
margin-top: 1px;
padding-bottom: 45px;
background-color: #fff;
border: 1px solid #ccc;
color: #979191;
margin-left: 1px;
margin-right: 5px;
margin-bottom: 20px;
}
#select{
font-size: 13px;
}
.stabadd a {
display: flex;
background-color: inherit;
color: #fff;
padding: 10px 20px;
width: auto;
background-color: #008000;
border: none;
outline: none;
font-family: 'Acme', sans-serif;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 14px;
}
.stabadd a.active {
background-color: #fff;
border-left: 1px solid #fbf4f4;
border-top: 1px solid #fbf4f4;
color: black;
border-bottom: 1px solid #fbf4f4;
border-top-right-radius: 10px 0px;
border-top-left-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
}
.stabadd a.active:hover{
background-color: #fff;
}
.stabadd a:hover {
background-color: #ddd;
border-top-right-radius: 10px 0px;
border-top-left-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
color: black;
background-color: #82ae46;
}
.stabadd a.active:before {
margin-top: -45px;
margin-left: 120px;
transform: rotate(90deg) scale(1.04);
}
.stabadd a.active:before {
content: "";
width: 40px;
height: 30px;
background-size: 100%;
background-image: url(http://kirandemo.in/nature/images/active-left.svg);
position: absolute;
top: 50;
left: 50;
/* margin-left: -1.25rem; */
margin-left: 125px;
}
.stabadd a.active:after {
margin-top: 30px;
margin-left: 123px;
transform: rotate(0deg) scale(1.04);
}
.stabadd a.active:after {
content: "";
width: 40px;
height: 30px;
background-size: 100%;
background-image: url(http://kirandemo.in/nature/images/active-left.svg);
position: absolute;
top: 50;
left: 50;
/* margin-left: -1.25rem; */
margin-right: 45px;
}
.stabcontentadd {
float: left;
padding: 0px 12px;
border: 1px solid #ccc;
width: auto;
min-width: 100%;
padding-top: 10px;
background-color: #fff;
height: auto;
min-height: 550px;
border-left: none;
border-top-left-radius: 20px 20px;
border-bottom-left-radius: 20px 20px;
border-top-right-radius: 20px 20px;
border-bottom-right-radius: 20px 20px;
}
.stabadd ul li button {
display: block;
background-color: inherit;
color: #fff;
/*padding: 10px 8px;*/
width: 100%;
background-color: #008000;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 14px;
}.prologadd {
margin-right: 12px;
margin-left: -39px;
list-style: none;
}
#dashboardlableadd {
font-size: 12px;
color: white;
margin-top: 5px;
margin-left: 1px;
}
#dash-container-mar-right{
margin-right: -7px;
}
.stabadd ul li button a i {
background-color: green;
border-radius: 50px;
padding: 4px;
margin-left: -19px;
border: 1px solid white;
}
.stabadd ul li button a i:hover{
background-color: white;
}
.stabadd {
float: left;
background-color: #008000;
height: auto;
}
.stab ul li {
display: inline-block;
}
#mg-lt{
margin-left: -10px;
}
#spacecontainer{
height: 500px;
padding:20px;
}
.pay {
margin-top: 40px;
margin-left: 30px;}
.payment {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;}
.payment input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.payment input:checked ~ .checkmark:after {
display: block;
}
.payment .checkmark:after {
top: 4px;
left: 4px;
width: 6px;
height: 7px;
border-radius: 50%;
background: white;
}
.payment input:checked ~ .checkmark {
background-color:#008000;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #eee;
border-radius: 50%;
}
#emailaddress{
float: left;
margin-left: 7px;
}
#log-btn-admin {
background-color: #6a82c0;
color: white;
border: 1px solid #6a82c0;
text-decoration: none;
}
.admin-log {
background: #84be38;
width: 100%;
border: 0;
padding: 12px 162px;
font-family: 'Roboto', sans-serif;
color: #ffffff;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
}
.admin-log:hover{
background: #008000;
color: white;
text-decoration: none;
}
#admin-top{
margin-top: 100px;
}
#profile-pg a:hover{
background-color: #008000;
}
.stabadd .prologadd li a:hover{
background-color: #008000;
}
#logout-dash{
margin-left: -6px;
}
#space-pro{margin-top: 20px;
margin-bottom: 20px;
}
.clear input[type=submit] {
background-color:#81ba35;
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
}.clear input[type=submit]:hover{
background-color:#008000;
}
.stabcontentadd h3 {
font-family: 'Acme', sans-serif;
}
.modal1 {
display: none;
position: fixed;
z-index: 1;
padding-top: 140px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgb(50 46 46 / 40%);
}
.modal-content {
position: fixed;
background-color: #fefefe;
margin: auto;
padding: 0;
padding: 20px;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
.clr {
background-color:#81ba35;
padding: 7px 25px;
font-size: 14px;
color: white;
background-color:#81ba35;
border: 1px solid #81ba35;
}
.adminsub {
padding: 7px 20px;
font-size: 14px;
color: white;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
/* margin-top: 20px; */
background-color: #81ba35;
border: 1px solid #81ba35;
}
.adminsub:hover{
background-color: #008000;
}.clr:hover{
background-color: #008000;
}
#customerid:hover{
color:#008000;
text-decoration: none;
}
.form-controlck {
display: block;
width: 100%;
height: 42px;
padding: 10px 3px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
margin-bottom: 20px;
}
#bill-add{
margin-left: 8px;
margin-bottom: 30px;
margin-top: -1px;
font-family: 'Acme', sans-serif;
}
#dell-add{
font-family: 'Acme', sans-serif;
}
#inpt-list {
margin-left: -39px;
display: flex;
list-style: none;
list-style-position: outside;
}
#inpt-list-li {
margin-right: 10px;
}
#yesno{
margin-top: 10px;
margin-bottom: 4px;
}
.customer-cart-details{
margin: 40px;
}.customer-cart-details h3{
font-size: 20px;
font-family: 'Acme', sans-serif;
}
#bill-add-ckeck{
margin-left: 8px;
margin-bottom: 26px;
margin-top: -1px;
font-size: 18px;
font-family: 'Acme', sans-serif;
}
#dell-add-ckeck{
font-size: 18px;
font-family: 'Acme', sans-serif;
}
#review-msg{
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}