/*** Spinner Start ***/
#spinner {
opacity: 0;
visibility: hidden;
transition: opacity .8s ease-out, visibility 0s linear .5s;
z-index: 99999;
}

#spinner.show {
transition: opacity .8s ease-out, visibility 0s linear .0s;
visibility: visible;
opacity: 1;
}

.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
display: flex;
width: 45px;
height: 45px;
align-items: center;
justify-content: center;
transition: 0.5s;
z-index: 99;
}
/*** Spinner End ***/


/*** Button Start ***/
.btn {
font-weight: 600;
transition: .5s;
}

.btn-square {
width: 32px;
height: 32px;
}

.btn-sm-square {
width: 34px;
height: 34px;
}

.btn-md-square {
width: 44px;
height: 44px;
}

.btn-lg-square {
width: 56px;
height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
}

.btn.border-secondary {
transition: 0.5s;
}

.btn.border-secondary:hover {
background: var(--bs-secondary) !important;
color: var(--bs-white) !important;
}

/*** Topbar Start ***/
.fixed-top {
transition: 0.5s;
background: var(--bs-white);
border: 0;
/*border-bottom: 2px solid #b3b3b3;*/
}

.topbar {
padding: 10px;
border-radius: 0px 0px 75px 75px;
}

.topbar .top-info {
font-size: 15px;
line-height: 0;
letter-spacing: 1px;
display: flex;
align-items: center;
}

.topbar .top-link {
font-size: 15px;
line-height: 0;
letter-spacing: 1px;
display: flex;
align-items: center;
}

.topbar .top-link a {
letter-spacing: 1px;
}

.topbar .top-link a small:hover {
color: var(--bs-secondary) !important;
transition: 0.5s;
}

.topbar .top-link a small:hover i {
color: #01cdee !important;
}
/*** Topbar End ***/

/*** Navbar Start ***/
.navbar .navbar-nav .nav-link {
padding: 0px 10px 3px 10px;
font-size: 15px;
font-weight: 600;
transition: .5s;
}

.navbar {
/*    height: 100px;*/
padding: 0px; 
border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
color: #01cdee;
}


.navbar .dropdown-toggle::after {
border: none;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 700;
vertical-align: middle;
margin-left: 8px;
}

@media (min-width: 1200px) {
.navbar .nav-item .dropdown-menu {
display: block;
visibility: hidden;
top: 100%;
transform: rotateX(-75deg);
transform-origin: 0% 0%;
border: 0;
transition: .5s;
opacity: 0;
}
.wid-20{
width: 20% !important;
}
}

.dropdown .dropdown-menu a:hover {
background: #ffd600;
color: #ec008c;
}

.navbar .nav-item:hover .dropdown-menu {
transform: rotateX(0deg);
visibility: visible;
background: var(--bs-light) !important;
border-radius: 10px !important;
transition: .5s;
opacity: 1;
}

#searchModal .modal-content {
background: rgba(255, 255, 255, .8);
}
/*** Navbar End ***/

/*** Hero Header ***/
.hero-header {
background: linear-gradient(rgba(248, 223, 173, 0.1), rgba(248, 223, 173, 0.1)), url(../img/webimages/hero-img.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.carousel-item {
position: relative;
}

.carousel-item a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 25px;
background: linear-gradient(rgba(255, 181, 36, 0.7), rgba(255, 181, 36, 0.7));
}

.carousel-control-next,
.carousel-control-prev {
width: 48px;
height: 48px;
border-radius: 48px;
border: 1px solid var(--bs-white);
background: #01cdee;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.carousel-control-next {
margin-right: 20px;
}

.carousel-control-prev {
margin-left: 20px;
}

.page-header {
position: relative;
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/cart-page-header-img.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

@media (min-width: 992px) {
.hero-header,
.page-header {
margin-top: 180px !important;
}
}

@media (max-width: 992px) {
.hero-header,
.page-header {
margin-top: 97px !important;
}
}
/*** Hero Header end ***/


/*** featurs Start ***/
.featurs .featurs-item .featurs-icon {
position: relative;
width: 120px;
height: 120px;
}

.featurs .featurs-item .featurs-icon::after {
content: "";
width: 35px;
height: 35px;
background: var(--bs-secondary);
position: absolute;
bottom: -10px;
transform: translate(-50%);
transform: rotate(45deg);
background: var(--bs-secondary);

}
/*** featurs End ***/


/*** service Start ***/
.service .service-item .service-content {
position: relative;
width: 250px; 
height: 130px; 
top: -50%; 
left: 50%; 
transform: translate(-50%, -50%);
}

/*** service End ***/


/*** Fruits Start ***/
.fruite .tab-class .nav-item a.active {
background: var(--bs-secondary) !important;
}

.fruite .tab-class .nav-item a.active span {
color: var(--bs-white) !important; 
}

.fruite .fruite-categorie .fruite-name {
line-height: 40px;
}

.fruite .fruite-categorie .fruite-name a {
transition: 0.5s;
}

.fruite .fruite-categorie .fruite-name a:hover {
color: var(--bs-secondary);
}

.fruite .fruite-item {
height: 100%;
transition: 0.5s;
}
.fruite .fruite-item:hover {
box-shadow: 0 0 55px rgba(0, 0, 0, 0.4);
}

.fruite .fruite-item .fruite-img {
overflow: hidden;
transition: 0.5s;
border-radius: 10px 10px 0 0;
}

.fruite .fruite-item .fruite-img img {
transition: 0.5s;
}

.fruite .fruite-item .fruite-img img:hover {
/*transform: scale(1.3);*/
}
/*** Fruits End ***/


/*** vesitable Start ***/
.vesitable .vesitable-item {
height: 100%;
transition: 0.5s;
}

.vesitable .vesitable-item:hover {
box-shadow: 0 0 55px rgba(0, 0, 0, 0.4);
}

.vesitable .vesitable-item .vesitable-img {
overflow: hidden;
transition: 0.5s;
border-radius: 10px 10px 0 0;
}

.vesitable .vesitable-item .vesitable-img img {
transition: 0.5s;
}

.vesitable .vesitable-item .vesitable-img img:hover {
transform: scale(1.2);
}

.vesitable .owl-stage {
margin: 50px 0;
position: relative;
}

.vesitable .owl-nav .owl-prev {
position: absolute;
top: -8px;
right: 0;
color: #01cdee;
padding: 5px 25px;
border: 1px solid var(--bs-secondary);
border-radius: 20px;
transition: 0.5s;

}

.vesitable .owl-nav .owl-prev:hover {
background: var(--bs-secondary);
color: var(--bs-white);
}

.vesitable .owl-nav .owl-next {
position: absolute;
top: -8px;
right: 88px;
color: #01cdee;
padding: 5px 25px;
border: 1px solid var(--bs-secondary);
border-radius: 20px;
transition: 0.5s;
}

.vesitable .owl-nav .owl-next:hover {
background: var(--bs-secondary);
color: var(--bs-white);
}
/*** vesitable End ***/


/*** Banner Section Start ***/
.banner .banner-btn:hover {
background: #01cdee;
}
/*** Banner Section End ***/


/*** Facts Start ***/
.counter {
height: 100%;
text-align: center;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.counter i {
font-size: 60px;
margin-bottom: 25px;
}

.counter h4 {
color: #01cdee;
letter-spacing: 1px;
text-transform: uppercase;
}

.counter h1 {
margin-bottom: 0;
}
/*** Facts End ***/


/*** testimonial Start ***/
.testimonial .owl-nav .owl-prev {
position: absolute;
top: -58px;
right: 0;
color: #01cdee;
padding: 5px 25px;
border: 1px solid var(--bs-secondary);
border-radius: 20px;
transition: 0.5s;
}

.testimonial .owl-nav .owl-prev:hover {
background: var(--bs-secondary);
color: var(--bs-white);
}

.testimonial .owl-nav .owl-next {
position: absolute;
top: -58px;
right: 88px;
color: #01cdee;
padding: 5px 25px;
border: 1px solid var(--bs-secondary);
border-radius: 20px;
transition: 0.5s;
}

.testimonial .owl-nav .owl-next:hover {
background: var(--bs-secondary);
color: var(--bs-white);
}
/*** testimonial End ***/


/*** Single Page Start ***/
.pagination {
display: inline-block;
}

.pagination a {
color: var(--bs-dark);
padding: 10px 16px;
text-decoration: none;
transition: 0.5s;
border: 1px solid var(--bs-secondary);
margin: 0 4px;
}

.pagination a.active {
background-color: #01cdee;
color: var(--bs-light);
border: 1px solid var(--bs-secondary);
}

.pagination a:hover:not(.active) {background-color: #01cdee}

.nav.nav-tabs .nav-link.active {
border-bottom: 2px solid var(--bs-secondary) !important;
}
/*** Single Page End ***/


/*** Footer Start ***/
.footer .footer-item .btn-link {
line-height: 35px;
color: rgba(255, 255, 255, .5);
transition: 0.5s;
}

.footer .footer-item .btn-link:hover {
color: var(--bs-secondary) !important;
}

.footer .footer-item p.mb-4 {
line-height: 35px;
}
/*** Footer End ***/

.search-input-1[type] {
font-size: 15px;
font-weight: normal;
line-height: 35px;
display: inline-block;
width: 100%;
padding: 0px 40px 0px 15px;
border: 0px solid #000;
border-radius: 50px;
background: #f5f5f5;
}



/*rathis */

.ul-style
{
list-style: none;
display:inline-flex !important;
}
.list-pad
{
/*padding: 0px 100px !important;*/
}
.icon-search:before {
content: "\e990";
}
.self-center{
align-self: center;
}

.search-button-1 {
font-size: 20px;
line-height: 40px;
position: absolute;
top: 0px;
right: 10px;
}

.list-pad1
{
padding: 0px 67px;
}

.txt-center
{
text-align: center !important;
}

.padding-both-10
{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.padding-both-20
{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.padding-both-30
{
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.padding-both-40
{
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.bann-txt{
width: 825px !important;
height: 100px !important;
top: 90px !important;
position: absolute !important;
font-family: work sans,sans-serif !important;
letter-spacing: px !important;
opacity: 1 !important;
font-size: 35px !important;
z-index: 1 !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: #000 !important;

}
.bann-txt-1{
width: 825px !important;
height: 100px !important;
top: 150px !important;
position: absolute !important;
font-family: work sans,sans-serif !important;
letter-spacing: 0px !important;
opacity: 1 !important;
font-size: 35px !important;
z-index: 1 !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: #000 !important;

}
.bann-txt-2{
width: 825px !important;
height: 100px !important;
top: 160px !important;
position: absolute !important;
font-family: work sans,sans-serif !important;
letter-spacing: 0px !important;
opacity: 1 !important;
font-size: 35px !important;
z-index: 1 !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: #000 !important;

}
.op-cha-1
{
opacity: 1 !important;
}

@media (max-width: 992px) {
.mobile-logo{
width:10% !important;
}
}

body{
font-family: 'Jost', sans-serif !important;
}


/*<<<<<<<JOHAN CSS>>>>>>>*/
.benefits
{
font-size: 28px !important;
font-weight: 500;
color: #000;
margin-left: 7px;
}
.top-info .btn{
color: #fff !important;
width: 25px !important;
height: 25px !important;
border-color: #0000 !important;
font-size: 12px !important;
}
.top-info.ps-2 {
margin-right: 10px;
}
/*.hdr-bg a:first-child{
background: linear-gradient(180deg, #f00 1%, #ff7676 100%);
}
.hdr-bg a:nth-child(2){
background: linear-gradient(180deg, #25d366 1%, #6ef3a0 100%);
}
.hdr-bg a:nth-child(3){
background: linear-gradient(193deg, #db1be9 1%, #ffb238 100%);
}
.hdr-bg a:nth-child(4){
background: linear-gradient(193deg, #00b2f6 1%, #006df6 100%);
}
.hdr-bg a:nth-child(5){
background: linear-gradient(193deg, #ffdb1d 1%, #dd7114 100%);
}*/
.search.search-1{
position: relative;
top: 35%;
}
.search.search-1 input{
position: relative;
padding: 4px 10px 4px 32px;
}
.search.search-1 i {
color:#747d88;
position: absolute;
left: 10px;
top: 35px;
z-index: 2;   
font-size: 20px;
transform: rotate(95deg);
}
.hdr-login{
/*position: relative;
top: 33%;*/
}

.font-w-5{
font-weight: 500;
}
.hdr-3 i{
background: #f5f5f5;
padding: 19px;
border-radius: 50%;
width: 13%;
}
.hdr-3 {
display: flex;
justify-content: center;
}
.wid-100{
width: 100%;
}
.li-none
{
list-style: none;
}
.wid-30{
width: 33%;
}
.wid-3{
width: 30%;
}
.hdr-li{
width: 17%;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Jost', sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'Jost', sans-serif !important;
}
.hdr-menu{
width: 100% !important;
display: flex !important;
justify-content: space-between !important;
}

.img-fluid.rounded{
width: 71%;
}
.hdng {
position: relative;
font-size: 30px;
z-index: 1;
overflow: hidden;
text-align: center;
font-weight: 500;
color: #453119 !important;
}
.hdng:before, .hdng:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 48%;
height: 1px;
content: '\a0';
background-color: #cccccc;
margin-left: 2%;
padding: 1px;
}
.hdng:before {
margin-left: -50%;
text-align: right;
}

.hdng2 {
position: relative;
font-size: 30px;
z-index: 1;
overflow: hidden;
text-align: center;
font-weight: 700;
color: #01cdee !important;
line-height: 0.9;
}
.hdng-bg span{
color: #000 !important;
background: #ffd600; 
padding: 0px 31px;
border-radius: 13px;
font-size: 25px;
}
.hdng2:before, .hdng2:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 48%;
height: 1px;
content: '\a0';
background-color: #cccccc;
margin-left: 2%;
padding: 1px;
}
.hdng2:before {
margin-left: -50%;
text-align: right;
}
.hdng2 span{
font-size: 15px;
color: #453119 !important;
font-weight: 500 !important;
}
.mar-t-45{
margin-top: 45px;
}
.mar-t-45 .col-md-6{
margin-top: 33px !important;
}
.shop_cato .h6{
color: #464680 !important;
font-size: 14px;
}
.benifit-sec{
background: #f5f5f5;
border-radius: 40px;
padding: 25px;
}
.mar-t-10{
margin-top: 10px;
}
.mar-t-20{
margin-top: 20px;
}
.hdr-ul{
padding: 0px 25px 0px 0px;
}
.sec-2{
position: relative;
}
.sec-2-txt{
position: absolute;
top: 53%;
left: 33.5%;
color: #464680 !important;
font-weight: 600;
}
.sec-2-txt-2 {
position: absolute;
top: 53%;
left: 38.5%;
color: #464680 !important;
font-weight: 600;
}
.sec-2 img{
width: 80% !important;
}
.top-star{
position: absolute;
width: 130px;
right: 0px;
top: 10%;
}
.btm-star{
position: absolute;
width: 130px;
left: 0px;
bottom: 0px;
}
.bnf-sec{
display: flex;
}
.bnf-sec p{
align-self: center;
margin: 0px 0px 0px 10px;
font-size: 11px;
color: #242323;
font-weight: 500;
}
.bg-secondary, .bg-primary {
background-color: #ffd600 !important;
} 
.blue-sec {
background: #01cdee;
border-radius: 35px;
position: absolute;
width: 88%;
height: 128%;
top: -45px;
left: 6%;
text-align: end;
}
.blue-sec span{
color: #fff;
font-size: 37px;
margin-right: 35px;
font-weight: 600;
line-height: 1;
}
.fnt-40{
font-size: 45px !important;
}
.mar-0{
margin: 0px !important;
}
.blue-sec-inner{
/*background: #fff;*/
border-radius: 35px;
margin: 35px;
text-align: center;
margin-bottom: 5px;
}
.blue-sec-img{
position: absolute;
bottom: -15%;
left: 13%;
width: 18%;
z-index: 1;
}
.clr-theme{
color: #464680 !important;
}
.offer-card{
position: absolute;
text-align: center;
left: 34%;
font-size: 13px;
}
.offer-card-img{
position: absolute;
top: -8px;
left: 0px;
}
.offer-card-img img{
width: 70px;
}
.bg-gray{
border: 1px solid #d3d3d3;
}
.bg-gray p{
font-size: 12px;
color: gray;
margin-bottom: 5px;
}
.vid-seg-1{
background: #01cdee;
border-radius: 35px;
padding: 18px;
}
.color-fff{
color: #fff !important;
}
.color-000{
color: #000 !important;
}
.vid-seg-1-line{
border: 1px solid #fff;
border-radius: 35px;
padding: 27px; 
}
.vid-btn-1{
background: #fff;
color: #000;
padding: 4px 7px;
border-radius: 7px;
float: right;
border: 0px;
font-weight: 500;
}
.vid-seg-2{
background: #ffd600;
border-radius: 35px;
padding: 18px;
z-index: 9;
}
.vid-btn-2{
background: #202020;
color: #fff;
padding: 7px 22px;
border-radius: 9px;
border: 0px;
font-weight: 500;
margin-top: 40px;
}
.vid-sec-mail{
border: 0px;
padding: 8px 10px;
height: 50px;
width: 65%;
border-radius: 23px;
margin-top: 11px;
}
.vid-sec-mail[placeholder] {
text-align: center;
font-size: 20px;
font-weight: 500;
color: #000;
}
.vid-seg-2 p{
font-weight: 500 !important;
margin-top: 15px !important;
}
.vid-seg-2-img{
display: flex;
justify-content: space-between;
position: absolute;
top: 49.5%;
left: 4%;
width: 93%;
z-index: -1;
}
.vid-seg-3{
background: #5ed3a7;
border-radius: 35px;
padding: 18px;
width: 46%;
margin: 25px 10px 0px 15px;
}
.vid-seg-4{
background: #ff9c00;
border-radius: 35px;
padding: 18px;
width: 46%;
margin: 25px 10px 0px 15px;
}
.vid-size{
border-radius: 36px;
width: 100%;
height: 230px;
}
.vid-seg-1-line h3{
line-height: 1.5;
}
.pdd-17{
padding: 17px !important;
}
.pdd-l-40{
padding-left: 40px;
}
@media (max-width: 1399px) {
.vid-size{
height: 180px;
}
.vid-seg-2-img{
top: 54.5%;
}
.benefits {
font-size: 25px !important;
}
.process-seg p{
left: 16% !important;
}
}
.star-size i{
font-size: 25px;
margin-right: 8px;
background: -webkit-linear-gradient(#f8a82b, #fcc10f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.testimonial-item h2{
color: #ffd600;
}
.testimonial-item{
padding: 35px 45px !important;
background: #fff !important;
box-shadow: 0px 0px 8px 4px #fde082;
border-radius: 29px !important;
}
.mar-tb-20{
margin: 20px 0px;
}
.testi .owl-item{
padding:  0px 25px !important;
}
.testi .owl-nav, .prod .owl-nav, .prod .owl-dots {
display: none !important;
}
.prod .img-border-radius img{
border-radius: 35px;
}
.testimonial-item:hover{
transition: all 300ms ease-in;
transform: scale(1.09);
box-shadow: 0px 0px 8px 4px #9d9d9d;
transition: all 300ms ease-out;

}
/*.owl-item.active .testimonial-item:nth-child(1){
box-shadow: 0px 0px 8px 4px #9d9d9d !important;
}*/
.process-seg p{
position: absolute;
bottom: 2%;
left: 20%;
font-size: 17px;
font-weight: 500;
color: #000;
}
.l-18{
left: 18% !important;
}
.process-seg {
position: relative;
}
.process-img
{
width: 95%;
background: #fff;
}
.pb-50{
padding-bottom: 50px !important;
}
.pb-0{
padding-bottom: 0px !important;
}
.pb-10{
padding-bottom: 10px !important;
}
.footer-bg{
background: #fff;
border-radius: 25px;
margin-right: 10px;
padding-top: 37px;
}
.footer-img{
background: url(../../images-mist/img/webimages/footer.png);
background-size: 100% 100%;
padding: 140px 0px;
}
.footer-image{
width: 100%;
position: absolute;
}
.ftr{
position: relative;
top: 132px;
}
.footer-bg h5{
font-weight: 500;
margin-bottom: 15px;
}
.footer-bg p, .footer-bg a{
font-size: 17px;
font-weight: 300;
color: #000;
}
.footer-seg{
justify-content:end;
}
.navbar-toggler{
width: 8%;
}
.prd-price .price-old {
font-size: 13px;
font-weight: 300;
line-height: 18px;
padding-right: 10px;
text-decoration: line-through;
color: #e8451a;
}
.prd-price .price-new {
font-weight: 600;
color: #000;
}
.cart-btn{
text-align: end;
transform: translateY(25%);
}
a:hover {
color: #01cdee;
}
.cart-pdd{
padding: 5px 15px !important;
}
.text-bx{
padding: 5px 5px;
border-radius: 0px;
background-color: #e9ecef;
}
.input-group-text{
border-radius: 0px;
color: #fff;
background-color: #9ebf3e;
}
.flt-r{
float: right;
}
.sort-lbl{
color: #000;
align-self: center;
font-size: 12px;
font-weight: 700;
margin-right: 10px;
}
.sort-select{
border: 1px solid #c5c5c5 !important;
padding: 5px;
}
.column-sort{
border: 1px solid #d7d7d7;
border-left: 0px;
padding: 10px;
margin-bottom: 20px;
}
.pad-8{
padding:8px; 
}
.text-bx::placeholder{
color: #999 !important;
font-size: 13px;
font-weight: 400;
opacity: 0.8;
}
.txt-cat{
color: #3d6481;
font-size: 18px;
text-decoration: underline;
text-underline-position: under;
}

.cursor-point{
cursor: pointer;
}
.prd-tag,
.prd-tag a
{
color: #9e9e9e;
font-size: 14px;
}
.prd-tag a:hover
{
text-decoration: none;
}
.productTil{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
height: 40px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.select-wrapper select
{
padding: 5px 44px 5px 8px; 
border-radius: 0; 
background-color: #ffffff;
cursor: pointer;
font-size: 13px;
color:#000;
margin-bottom: 10px;
}

.select-wrapper
{
position: relative;
}



.prd-grid .prd--style2:not(.prd-hor) .prd-info
{
margin-top: 5px;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-action .btn
{
margin-right: auto; 
margin-left: auto;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-action-left:only-child
{
margin-right: auto; 
margin-left: auto;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-tag
{
text-align: center;
}

.prd-grid .prd--style2:not(.prd-hor).prd-w-sm .prd-action-left,
.prd-grid .prd--style2:not(.prd-hor).prd-w-xs .prd-action-left,
.prd-grid .prd--style2:not(.prd-hor).prd-w-xxs .prd-action-left
{
margin-right: auto;
margin-left: auto;

text-align: center;
}

.prd-grid .prd-w-md:not(.prd-hor) .prd-action .btn
{
padding: 14px 16px;
}

.prd .prd-inside
{
overflow: hidden; 

background-color: #fff;
}

.prd .prd-info
{
margin-top: 20px;
}

.prd .prd-action
{
display: -ms-flexbox;
display: flex;

transition: .2s;
transform: translate3d(0, 0, 0);

-ms-flex-align: center;
align-items: center;
}
.prd .prd-action .btn
{
line-height: 15px;

max-height: 43px;
padding: 14px 22px;
}
.prd .prd-action .btn,
.prd .prd-action .btn:active,
.prd .prd-action .btn:active:focus,
.prd .prd-action .btn:visited,
.prd .prd-action .btn:focus
{
color: #fff;
background-color: #bf1e2e;
}
.prd .prd-action .btn:hover,
.prd .prd-action .btn:active:hover,
.prd .prd-action .btn:focus:hover
{
color: #fff;
background-color: #bf1e2e;
}
.pad-cart-btn{

padding: 8px 5px !important;
font-size:  13px;
color: #fff;
background-color: #000;
width: 100%;
}

/*20-10-1 */
.atributelable{
font-size: 16px;
font-weight: normal;
line-height: 1.903em;
position: relative;
border-bottom: 1px solid #e1e1e1;
list-style: none;
color: #000;
margin: 0px 0 4px 0;
padding-left: 0px;
outline: none !important;
}
.color-a7008e{
color: #a7008e !important; 
}
.dwdth-60{
width: 60%;
}
.qty-changer button{
height: 30px;
}
.qty-changer button.increase:after{
top: 10px;
}

.text-left{
text-align: left !important;
}
.justify-left{
justify-content: left !important;
}
.qty-changer button:before{
left: 12px;
}
.viewallbtn{
padding: 8px 20px;
}

.prd-title,
.prd-title a
{
color: #ec8100;
font-size: 16px;
}
.btn:hover{
color: #fff !important;
}

.prd-inside{
padding: 10px;
border: 1px solid rgba(0,0,0,.125);
border-radius: 12px;
}
.ds-flex{
display: flex;
}


.prd-grid .prd--style2:not(.prd-hor) .prd-title
{
text-align: center;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-price
{
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-info
{
margin-top: 5px;
}

.prd-grid .prd--style2:not(.prd-hor) .prd-action .btn
{
margin-right: auto; 
margin-left: auto;
}

.prd-price > *
{
display: block;

white-space: nowrap;
}
.prd-price{
width: 40%;
}
.prd-price .price-new
{
font-family: 'Georgia', sans-serif;
font-weight: 600;

color: #000;
}
.prd-price .price-old
{
font-family: 'Georgia', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 18px;

padding-right: 10px;

text-decoration: line-through; 

color: #e8451a;
}


.qtySelector{
border: 1px solid #ddd;
width: 107px;
height: 35px;
margin: 10px auto 0;
}
.qtySelector .fa{
padding: 10px 5px;
width: 35px;
height: 100%;
float: left;
cursor: pointer;
}
.qtySelector .fa.clicked{
font-size: 12px;
padding: 12px 5px;
}
.qtySelector .fa-minus{
border-right: 1px solid #ddd;
}
.qtySelector .fa-plus{
border-left: 1px solid #ddd;
}
.qtySelector .qtyValue{
border: none;
padding: 5px;
width: 35px;
height: 100%;
float: left;
text-align: center
}
.product-title{
font-size: 18px;
font-weight: 600 !important;
margin-bottom: 10px;
line-height: 25px;
text-decoration-thickness: 2px !important;
text-underline-offset: 0.6rem;

}
.price-lne{
color: #000;
text-decoration: line-through;
font-weight: 500;
font-size: 16px;
padding-right: 10px;
}
.price-lne-new{
color: #e5253d;
font-weight: 600;
font-size: 16px;
padding-right: 5px;
}
.price-save{
padding: 2px 10px;
font-size: 12px;
background: #e5253d;
color: #fff;
}

.desc-lbl{
font-weight: 500;
font-size: 15px;
text-align: justify;
border-bottom: 2px solid #cccccc;padding-bottom: 14px;
}
.wittypops-btn{
border-radius: unset;
padding: 6px 20px !important;
margin-left: 20px;
background-color: #d06f52;
text-transform: uppercase;  
width: unset; 
}
.brd-btm3{
border-bottom: 2px solid #cccccc;
padding-bottom: 20px;
}
.box{
padding: 8px 10px;
text-align: center;

border-radius: 10px;
}
.bg-fad2bc{
background: #fad2bc;    
}
.bg-aae0f4{
background: #aae0f4;    
}
.bg-c0e3d5{
background: #c0e3d5;    
}
.bg-e1cce3{
background: #e1cce3;    
}

.box img{

max-width: 45px;
}
@media (max-width: 600px) {
.mbllogo{
width: 35%;
}
.mbllogo img{
width: 100% !important;
}
.list-pad{
	display: none;
}
.mbl-menu .wid-30{
	display: none;
}
.mbl-menu .hdr-li{
width: 100%;
}
.navbar-toggler{
	width: 15%;
}
.hdr-login  h6{
	text-align: left !important;
}
.mbl-login{
	width: 50%;
}
.mar-t-45 .col-xl-2{
	width: 50%;
}
.mbl-50 .col-xl-2{
	width: 50%;
}
#jssor_2{
	margin-top: 190px !important;
}
.pad-mobile{
	padding: 0px !important;
}
.pad-mobile img{
width: 55px;
	}
.mds-blk{
	display: block;
}
.mds-blk .dwdth-60{
width: 100%;
margin-top: 10px;
}
.vid-seg-3, .vid-seg-4{
	width: 100%;
	 
	    margin: 0px;
}
.pdd-l-40{
   padding: 0px;	
}
.mds-none{
	display: none;
}
}
.box p{
font-size: 10px;
color: #141414;
font-weight: 600;
margin-bottom: 0;
line-height: 12px;
padding-top: 5px;
}
.brd-tabs{
border: 1px solid black !important;
border-radius: unset !important;
color: #000;
font-weight: 600;
}
.nav.nav-tabs .nav-link.active{
border-bottom: 1px solid black !important;
color: red;
}
.tab-pane p{
color: #000;
}
.variant-li{
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 5px 7px 0 0;
vertical-align: bottom;
-ms-flex-pack: center;
justify-content: center;
}
.variant-li span{
background: #bf1e2e;
color: #fff;
padding: 2px 10px;
font-size: 12px;
border: 1px solid #bf1e2e;
}
.size-list{
padding-left: 0px;
}
.option-label{
color: #000;
font-size: 16px;
font-weight: 600;
}
a{
color: #45595b;
}
a:hover{
color: #45595b;
}
.user-welcom{
color: #000;
font-weight: 500;
font-size: 14px;
}
.user-icons{
color: #232569;
padding: 0;
}
table th, table td{
color: #000;
}
.brd-tbl{
border: 1px solid #dedede;
}
.form-control:disabled, .form-control:read-only{
background-color:#fff;
}
.bilingaddr, .bilingaddr .form-control{
color: #000;
}
.checkout-title{
font-size: 25px;
text-decoration: underline;
color: #000;
}
.checkout-total{
font-size: 25px;
color: #000;
font-weight: 500;
margin-bottom: 15px;
}
.form-check-input:checked {
background-color: #ec008c;
}
.apply-btn{
padding: 0px 30px !important;
background: #01cdee;
line-height: 35px;
color: #fff;
margin-right: 5px;
margin-left: 5px;
}
.alert-dangers{
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;   
}
.lnethrough{
text-decoration: line-through;
}
.thank-you-btn{
padding: 8px 5px !important;
font-size: 13px;
color: #fff;
background-color: #ec008c;

}

.list-group-item.active {
z-index: 2;
color: #000;
background-color: #ffd600;
border-color: #ffd600;
}
.bg-146236{
background: #01cdee;
}

.imgicon{
position: absolute;
left: 40%;
top: 40%;
}

.custom-social-proof {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999999999999 !important;

}
.custom-notification {
max-width: 370px;
border: 0;
text-align: left;
z-index: 99999;
box-sizing: border-box;
font-weight: 400;
border-radius: 6px;
box-shadow: 2px 2px 10px 2px hsla(0, 4%, 4%, 0.2);
background-color: #fff;
position: relative;
cursor: pointer;
}
.custom-notification-container {
display: flex !important;
align-items: center;
height: 80px;
}

.custom-notification-image-wrapper img {
max-height: 90px;
width: 90px;
overflow: hidden;
border-radius: 6px 0 0 6px;
object-fit: cover;
}
.custom-notification-content-wrapper {
margin: 0;
height: 100%;
color: #fff;
padding-left: 20px;
padding-right: 20px;
border-radius: 0 6px 6px 0;
flex: 1;
background-color: #ec008c;
display: flex !important;
flex-direction: column;
justify-content: center;
}
.custom-notification-content {
font-family: inherit !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
line-height: 16px;
}
small {
margin-top: 3px !important;
display: block !important;
font-size: 14px !important;
opacity:1;
}
.custom-close {
position: absolute;
top: 8px;
right: 8px;
height: 12px;
width: 12px;
cursor: pointer;
transition: 0.2s ease-in-out;
transform: rotate(45deg);
opacity: 0;}
.custom-close::before {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: gray;
position: absolute;
left: 0;
top: 5px;
}
.custom-close::after {
content: "";
display: block;
height: 100%;
width: 2px;
background-color: gray;
position: absolute;
left: 5px;
top: 0;
}    
.custom-close::hover {
opacity: 1;
}
.time-text{
color: #fff200;
margin-top: 20px;
font-weight: 500;
}
.details-img .img-thumbnail{
border-radius: unset;
}
.brd-fff{
border: 1px solid #fff;
background: #fff;
}
.mt-6{
margin-top: 60px;
}
body{
	color: #000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.stock-alerts{
margin-top: 10px !important;
    text-align: center;
    color: red;
    font-size: 12px;
    font-weight: 600;
}
.outcarttitle{
font-size: 16px;
text-align: center;
margin-bottom: 5px !important;
margin-top: 10px;
color: red;
font-weight: 700;
}
.outstock{
background-color: red;
color: #fff;
    cursor: no-drop;
pointer-events:unset !important;
}
/*.footer-bottom-shape {
    position: absolute;

}
.footer-bottom-shape.fb-shape1 {
    width: 100%;
}
.running {
    -webkit-animation-name: running;
    animation-name: running;
    -webkit-animation-duration: 4s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes running
{
0% {
    -webkit-transform: translatex(0%);
    transform: translatex(0%);
}
100% {
    -webkit-transform: translatex(100%);
    transform: translatex(100%);
}
}
  .bird-img{ display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}*/

/*.running{
    animation: clockwise 1.625s linear infinite; 

}
@keyframes clockwise
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}*/

.shipping-more{
font-size: 20px;
font-weight: 600;
color: red;
}
#MaxIndiaShipp1{
	color: #bf1e2e !important;
}



  .progressajax {
    background-color: #d8d8d8;
    border-radius: 20px;
    position: relative;
    margin: 0px 0;
    height: 5px;
    margin-bottom: 25px;
    margin-left: 5px;
    
}

.progress-done {
    background: #ff5c0c;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
    position: relative;
}

.progress-done i{
position: absolute;
background: #fff;
color: #ff5c0c;
right: 0px;
border: 2px solid #ff5c0c;
border-radius: 50px;
padding: 3px;
}
.fixed-max{
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    overflow: hidden;
    transition: .2s;
    transform: translateZ(0); 
    background: #fff;
}
.maxshipwdth{
    margin: 0 auto
}
.maxshipwdth h6{
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
}
.maxshipwdth .progressajax{
    margin-left: 0px;
}
.shippinglbels{
        font-size: 14px;
    margin-bottom: 10px;
    color: #00a849;
    font-weight: 600;

           animation: opacity 5s ease-in-out infinite;
    opacity: 1;
}
.ft-25{
    font-size: 25px !important;
}
.size-list .active span{
    background-color: #000;
    border: 1px solid #000;
}
.variant-li:hover span{
	    background-color: #000;
    border: 1px solid #000;
}
.dsc-none{
display: none;
}

@media (min-width: 1200px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1180px;
}
}

.text-primary {
    color: #01cdee !important;
}
@media (max-width: 600px){
.shop_cato .mar-t-45{
    margin-top: 0px;
}

.coupon-block{
display:block !Important;
}
.couponinput{
margin-bottom:10px;
}
.topheadertxt{
width:100% !Important;
font-size:13px;
}
.dis-block-subbanner{
    display:block !Important;
}
.dis-block-subbanner2{
    display:none;
}
.mbl-wrap{
padding-left: unset !Important;   
}
.mbl-wrap .img-selection{
position:unset;
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.mbl-wrap .img-thumbnail{
     flex: 0 0 auto;
    width: 33.3333333333%;   
    margin-bottom:10px;
}
.big-img{
    margin-top:50px;
}
.navbar-collapse1
{
    margin-top:10px;
}
.navbar-collapse1 .nav-item{
    padding: 10px !Important;
    border: 1px solid #e8e8e8;
}

.navbar-light .navbar-toggler
{
    color:unset;
    border-color:unset;
    border:unset;
}
.navbar-toggler:focus{
border:1px solid #fff;
    box-shadow: unset;
}
.vid-sec-mail{

}
.mbl-wdth-50{
	width: 50%;
}
.category-desktop{
	display: none !Important;
}
.category-moblile{
	display: block !Important;
}
#CatFilter{
	margin-top: 0px;
}
.mbl-mt-0{
	margin-top: 0px;
}
.footer-img{
background-size: cover;

}

.mblform{
top:unset !Important;
display:block !Important;
margin-bottom:10px;
}
.mbl-search2{
    position: absolute;
    top: -25px;

}
.plm-0{
padding-left:3px;
}
}
.mblform{
display:none;
}

@media (min-width: 1200px){
.navbar-expand-xl .navbar-collapse1 {
    display: none !important;

}
}
.about-title{
    text-align: center;
    font-size: 25px;
    color: #ea4d54 !important;
}
.about-content{
    font-size: 16px;
    color: #000 !important;
    text-align: justify;
    margin-top: 20px;
}
.category-moblile{
	display: none;
}
.category-desktop{
		display: block;
}
.topheadertxt{
    text-align: center;
    width: 80%;
    margin-bottom: 0;
}