.errorMessage,span.required{ color:red; }
.alert {
    border-color: #c4df9b;
    
    color: #fff;
    border: 0px;
    border-radius: 0px;
        font-weight: 500;
    font-size: 30px;
    line-height: 1;
}.alert .close{
    position: absolute;
    right: 15px;
    color: red;
    background-color: transparent;
    border: 0px;
    font-size: 29px;
    top: 0;
}.alert ul { margin-top:0px;}
.alert-success {color: green;background: #c4df9b;} .alert .close { display:none; }
.alert-danger {color: orange;} 
.alert ul li {
  
    font-size: 17px;
}.shop-table th{text-align:left; }
.alert ul li::before {
   
    top: 18px; 
    }
    .my-account .nav-tabs .link-item.show .nav-link, .my-account .nav-tabs .link-item.active a, .my-account .nav-tabs .item-item:hover a {
  color: #336699;
}
/*.st-brder-15{ padding:15px;    border-radius: 15px; box-shadow: rgb(0 0 0 / 10%) 0 1px 20px 0;    height: 100% !important;}*/
.d-less-li-mm{ display:none; }
.st-brder-15 {
    padding: 6px !important;
    border-radius: 8px !important;
    /* box-shadow: rgb(0 0 0 / 10%) 0 1px 20px 0; */
    height: 100% !important;
    border: 1px solid #eee;
}
.st-brder-15 .product-media{ height:220px; }.st-brder-15 .product-media img {height:100%;width:100%;object-fit:cover; object-position:top;}
.st-brder-15 .product-media:hover img{ object-fit:contain; object-position:center;}
.st-brder-15  .product-name { 
    white-space: initial; 
}.new-price .offer{
    font-weight: 300;
    padding-left: 10px;
    text-decoration: line-through;
    display: block;
}
.st-brder-15  .product-media:hover img:first-child{ opacity:0; }

.m-detal .swiper-slide {
   
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 992px) {
    .product-thumbs-wrap img {
 
    max-height: 100px;
    object-fit: contain;
}
 .category-menu .megamenu > li:not(:last-child) {
     
    min-width: 25%;
}.vertical-menu > li:hover > ul, .vertical-menu > li:hover .megamenu, .vertical-menu > li.active > ul, .vertical-menu > li.active .megamenu {
    
    flex-wrap: wrap;
}.megamenu ul:last-child {
    margin-bottom: 0px !important;
}
.category-dropdown .megamenu { padding-top:15px !important; padding-bottom:15px !important; }
.category-menu .megamenu > li:not(:last-child) {
    padding:  0px 2rem 0 5rem;
    min-width: 33.333%;
    max-width: 33.333%;
}
.has-no-child a{     font-weight: 500;
    font-size: 13px;
    padding-bottom: 6px !important; }
.megamenu > li {
    
    padding-left: 0px !important;
}
.megamenu a.m-head[data-level="2"]{ padding-bottom:12px; ;}
 
}
 
.input-group .form-control {
 
    background: #fff !important;
}
.price-range input {
    padding: 0.5rem;
    font-family: Poppins, sans-serif;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 62px;
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
    -webkit-appearance: textfield;
}.price-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.3rem 0 1rem;
}.price-range .delimiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0.65rem;
    font-size: 1.9rem;
    font-weight: 600;
    color: #999;
}
.main-nav ul.megamenu   ul { flex-direction:column; }
.main-nav ul.megamenu   .submenu { display:none !important; }
.main-nav ul.megamenu   .mlvl {  min-width:25%;; }
.main-nav ul.megamenu   {  flex-wrap:wrap;; }
.main-nav a.amlvl  {  font-weight:600;padding-bottom:30px;font-size: 15px; }
.d-less-li { display:none; }
.d-lmain-ess-li {
    padding: 0px !important;
    }
 
.main-nav .megamenu .has-submenu > a {
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    padding: 0px;
    padding-bottom: 7px;
}
.d-lmain-ess-li {
    padding: 0px !important;
    min-width: 10% !important;
}
.d-lmain-ess-li a{
    font-size: 12px!important;
}
.header-bottom {
     
    border-bottom: 1px solid #eee;
}
 html .top-stickyalert.alert
  {
    position: fixed;
    z-index: 1111;
    right: 0px;
    background: #fff;
    border: 3px;
  
    color: #fff;
    max-width: 400px;
    top: 15px;
} .top-stickyalert.alert  i { color:#fff; }
.top-stickyalert.alert.alert-danger {   background-color: red;}
.top-stickyalert.alert.alert-success {   background-color: green;}
.trim-text-t{    max-width: 200px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;}
.breadcrumb.shop-breadcrumb {
  
    justify-content: flex-start;
}
.appear-animate {
  visibility: visible;
  opacity: 1;
}
.category-classic .mdiv{
    background: #fff;
    margin: 0px 2px;
    border-radius: 15px !important;
}
.category-classic img{ width:190px !important;height:190px !important ;    object-fit: contain; }
.st-brder-15 .product-name {
 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.store-list .store-banner {
    height:152px;
}
.ratings-0.ratings::before {
  content: unset;
}
.ratings-1.ratings::before {
  content: "";
}
.ratings-2.ratings::before {
  content: "" "";
}
.ratings-3.ratings::before {
  content: "" "" "";
}
.ratings-4.ratings::before {
  content: "" "" "" "";
}
.ratings-5.ratings::before {
  content: "" "" "" "" "";
}
.nav-link1 {
    display: block;
    position: relative;
    font-size: 1.4rem;
    font-weight: 600;
    color: inherit;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    padding: 1.5rem 2.85rem;
    -webkit-transition: border 0.3s, color 0.3s, background-color 0.3s;
    transition: border 0.3s, color 0.3s, background-color 0.3s;
}
.login-popup .nav-item .nav-link1 {
    padding: 1.3rem 0;
    font-size: 1.6rem;
    font-weight: 700;
}
.out-stock {
    display: block;
    font-weight: 600;
    color: red;
    font-size: 14px;
}
.megamenu.shop  .has-submenu > a::after { content:unset;} 
 li.mlvl.d-lmain-ess-li { max-width: 25% !important; }.main-nav ul.megamenu .mlvl.more-list { max-width: unset !important; }
	.more-list ul { display:flex;flex-wrap:wrap;flex-direction:row !important;max-width:unset;}
	.more-list ul li {	max-width: 35%;	min-width: 35%; margin-right:1%;  }
	@media only screen and (min-width:768px) {
    .menu.vertical-menu li {    position: unset; }
    html .category-menu>.has-submenu > a::after {    content: unset !important;}
    .vertical-menu > li:hover > ul, .vertical-menu > li:hover .megamenu, .vertical-menu > li.active > ul, .vertical-menu > li.active .megamenu {    bottom: 0;}
    .category-menu li .megamenu {  background: #f6f7f8;  border: 1px solid #eeee;transition:unset!important;box-shadow:unset !important; }
    .vertical-menu {  border-right: 1px solid #eee; }
   .vertical-menu a.head-l {    width: calc(100% + 33px);    background: #fff;    padding-left: 20px !important;    margin-left: -22px;    position: relative;    top: -16px;    margin-right: -20px !important;    border: 1px solid #eeee;    padding-top: 15px !important;    padding-bottom: 15px!important;}
}
.horiizontal-menu li  a { white-space:nowrap;}
.horiizontal-menu.category-menu{ padding-top:0;padding-bottom:0;}
.horiizontal-menu.category-menu > li  > a { border-bottom: 0px; }
.horiizontal-menu .megamenu  {left:0px;right:0px; }
.inner-wrap{ position:relative;}
.horiizontal-menu  .has-submenu{position:unset !important;}

html .horiizontal-menu .megamenu {    left: 0px;    right: 0px;    padding: 15px !important;}
.horiizontal-menu.category-menu .megamenu {    padding: 10px 0px 20px; }
.horiizontal-menu.category-menu  .has-submenu > a.top-m { line-height: 25px !important; }
 .horiizontal-menu a.head-l {    padding: 0px;    padding-bottom: 20px; }
 .vertical-menu a.head-l {  
    position: absolute;
    z-index: 1;
    max-width: calc(100% + 3px);
}
.horiizontal-menu.category-menu li .megamenu {    background: #fafbfc; }
.horiizontal-menu.category-menu > li {    margin-right: 0px;}
.horiizontal-menu.category-menu > li:hover a.top-m{ background: #f6f7f8;  }
.header {    z-index: 11;    position: relative;}
.horiizontal-menu.category-menu:hover1::after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    z-index: -1;
    height: 100vh;
    width: 100%;
}.vertical-menu.category-menu{ padding:0px !important;}
.vertical-menu > li:first-child:hover > ul, v.vertical-menu > li:hover .megamenu, .vertical-menu > li:first-child.active > ul, .vertical-menu > li:first-child.active .megamenu {
    top: 14px !important;
}.vertical-menu > li:hover > ul, .vertical-menu > li:hover .megamenu, .vertical-menu > li.active > ul, .vertical-menu > li.active .megamenu {
     
    top: 14px !important;
}.horiizontal-menu.category-menu  .has-submenu > a.top-m {     text-transform: uppercase;    font-weight: 600;} 
	@media only screen and (min-width:768px) {
.header-middle {
    padding-top: 5px;
    padding-bottom: 5px; 
}
}
.top-stickyalert.alert.alert-success {
    background-color: #fff;
    border: 0px solid #2b358c;
    color: #242424;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 20px 0;
    border-radius: 10px;
}.top-stickyalert.alert.alert-success  .btn-success {
    padding: 0.86em 1.37em;
    margin-right: 1.9rem;
    background: #2b358c;
    border: 1px solid #2b358c;
}

/*Popup login */

.mainmodel.modal#myModal56 {
display:none; 
}
.mainmodel.modal.open#myModal56 {
    position: fixed;display:block; 
    padding-top:50px;
}.mainmodel.modal.open#myModal56 {
    background: rgba(0,0,0,.7)!important;
}.mainmodel.modal.open#myModal56 {
    margin: auto!important;
    width: unset;
    left: 0;
    right: 0!important;
    top: 0;
    bottom: 0;
    z-index: 11111;
}
 
.mainmodel.modal.openl#myModal56 .modal-dialog {
    margin: auto!important;
    width: auto;
    min-width: 400px;border-radius: 25px;
}.mainmodel.modal.open#myModal56 .modal-content  {
	margin-top: 50px;
   max-width: 440px;
   overflow: hidden;
    background: transparent;
    border: 0px;
}
.mainmodel.modal.open#myModal56 .modal-body {
 
	border: 2px solid var(--button-color);
	border-radius: 25px;background: #fff;
}
.mainmodel.modal.open#myModal56 {
    position: fixed;
     
}   
 
.mainmodel.modal.open .mframe {
	width: 100%;
	height: auto;
	border: 0px;
	min-height: 400px;
	background-image: url('../images/splloader.svg') !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
}.isOnFram .side-sticky-icons,.isOnFram  header{ display:none !important; } 
 
 
.loadCnter {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,.6);
	z-index: 5555;
}
.nspinerr {
	width: 100px;
	width: 70px;
	height: 70px;
	border: 1px solid #eee;
	background-color: #fff;
	margin: auto;
	top: 45%;
	position: absolute;
	left: 48%;
	right: auto;
	background-image: url(../images/splloader.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}.loadCnter.fetching {
  display: block;
}
.opened-iframe  .modal#myModal56 .modal-body {
    border: 0px;
    border-radius: 0px !important;
    background: transparent;
    height: 100vh;
    overflow-y: hidden;
    padding: 0px;
}.opened-iframe {
    overflow-y: hidden;
    max-height: 100vh;
}.mainmodel.modal.open#myModal56 {
 
    max-width: unset;
}
.modal-open {
    overflow: hidden;
}
html.isOnFram {
    height: 100vh;
    overflow-y: hidden;
}html.isOnFram body {
    height: 100vh;
    overflow-y: scroll;
    background: transparent;
}html.isOnFram .page-wrapper {
    position: relative;
    max-width: 400px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background: transparent !important;
    margin-top: 30px !important;
}html .opened-iframe .modal#myModal56 .modal-content {
    margin-top: 0px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0px !important;
    height: 100vh;margin:auto !important;
}
.mainmodel.modal.open#myModal56 {
   
    padding: 0px !important;
    background: transparent !important;
}
.mainmodel.modal.open#myModal56 .modal-body {
 
    background: rgba(0,0,0,0.5) !important;
}
.mainmodel.modal.open .mframe {
    
    min-height: 100vh !important; 
}
html.isOnFram .page-wrapper main{ background:#fff;border-radius:10px;}
html.isOnFram .navigation { display:none;}
html.isOnFram .login-page .login-popup {
    box-shadow: unset;
    padding-left: 0px;
    padding-right: 0px;
     
}html.isOnFram .login-page  {
     padding-left:0px;  padding-right:0px;
}html.isOnFram footer{display:none!important;}
htm .closepopu {
position: absolute;
top: 5px;
right: 5px;
background: transparent !important;
display: none;
}
html.isOnFram .alert .close { 
    top: 0;
    display: none;
}
html.isOnFram .closepopu {
    display: block !Important;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
    background: #eee;
    overflow: hidden !important;
    border-top-right-radius: 10px;
} 
.mainmodel.modal.open#myModal56 {
    position: fixed;
    opacity: 1 !important;
    display: block;
}
.mainmodel.modal.open#myModal56 .modal-body {
    background: rgba(0,0,0,0.5) !important;
}html .opened-iframe .modal#myModal56 .modal-content {
    margin-top: 0px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0px !important;
    height: 100vh;
    margin: auto !important;
}html .opened-iframe .modal#myModal56 .modal-dialog {
    max-width: 100%;
    height: 100vh !important;
    transform: unset !important;
}html .opened-iframe .modal#myModal56 .modal-dialog {
 
    margin-top: 0pc;
}
.login-popup {
    max-width: 50rem;
    padding: 3.3rem 5rem 2.6rem;
}main {
    display: block;
    position: relative;
}
.login-popup .custom-checkbox { left: 0; }
html.isOnFram .page-wrapper {
 
    background: #fff !important;
    overflow: hidden;
    border-radius: 10px;
}
/*Popup login end*/
