@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a { text-decoration: none;}
a:hover { text-decoration: none;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
p{ font-size: 15px; line-height: 24px; color:rgba(0,0,0,0.7)}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{background: #f6f7f8;font-family: 'Poppins', sans-serif;}

header { background: #ececec; padding: 10px 0;}
header hr {
    margin-top: .5rem;
	margin-bottom: .5rem;}
.top-menu { text-align: right;}
.top-menu a { font-size: 15px; color: rgba(37, 37, 37, .8); padding: 0 20px;}
.top-menu select { border: 1px solid #292c30; color: rgba(37, 37, 37, .8); font-size: 15px; background: #ececec;}
.offer-bold {font-size: 14px !important; position: relative;padding-top:0px !important;padding-bottom:0px !important;font-weight: 700; color: #323232;}
.offer-bold:hover { color: #323232;}
.offer-bold p {color:#949494;margin:0px;padding: 0px;display: inline-block;font-weight: 300;}
.offer-bold span { background: #252525; color: #fff; font-weight: 700; padding: 5px 10px; margin-left: 10px;transform: rotate(-3deg); display: inline-block;}
.search {text-align: right; padding: 30px 0 20px; position: relative;}
.search input { width: 90%; height: 42px; border-radius: 50px; border: 1px solid #bbbbbb; text-indent: 10px;}
.search img, .search button { background: #ee1fa4;  padding: 8px;border-radius: 20px; position: absolute; right: 8px; top: 34px; color: #fff; font-weight: 100;}
.search button {top: 79px;  border: 0; font-size: 18px;}
.search h5 { color: #fff; font-size: 20px; text-align: center; font-weight: normal; text-transform: uppercase; margin-bottom: 25px;}
.help-menu { padding: 30px 0 20px; text-align: right; }
.help-menu a{ font-size: 13px; text-align:center; float: left;  color: rgba(37, 37, 37, .8); padding: 0 13px; height: 30px;}
.phone { text-align: right !important; position: relative;}
.phone img  { padding-right:10px;}
.phone span { position:relative; top:-12px;}
.phone span strong {font-weight: 700;}
.dropdown-toggle::after { display: none !important;}
.navbar { padding: 0;}
.nav-item a { color: #323232 !important; font-size: 14px;}
.nav-item a img { margin-right: 15px;}
.cato { font-size: 18px !important; font-weight: 600; line-height: 28px; color: #323232 ; }
.cato:hover { color: #323232 ; }
.dropdown:hover>.dropdown-menu {
  display: block;
}
.my-drop { border: 0; border-radius: 0; top:25px; left: 13px;}
.side-bar2 { width: 205px;
    padding: 10px;}
.star { color:#ee1fa4;}
.revi textarea { height: 100px !important; margin-bottom: 25px;}
.revi .sbbb{ background: #ee1fa4 !important; color: #fff; }
.revi i{}
/* Megadrop width dropdown */
 .side-bar > li > .megadrop {
    opacity: 0;
	 background: #fff;
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 0px;
    left: 188px;
    width: 600px;
    min-height: 100%;
    text-align: left;
    margin-top:30px;
    padding: 0;
    z-index: 99;
    overflow: hidden;
	 border-left: rgba(0,0,0,0.1) solid 1px;
}
.side-bar > li:hover .megadrop {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}
.side-bar ul li:hover:after {
    color: #227087;
}
.side-bar .col {
    width: 31%;
    float: left;
    color:white;
    margin: 0 0 0 2.2%;
}
.side-bar .col ul {
    padding: 0;
    margin: 0;
}

.side-bar .col h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    color: #000;
}

.megadrop2 {left: 200px !important; }

.side-bar > li > ul li ul, .side-bar li >ul li, .side-bar > li > .megadrop, .side-bar > li > ul, .side-bar > li {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-outs;
}
/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.droppable {	position: static;}
.droppable > a:after {	content: "\f107";	font-family: FontAwesome;	font-size: 12px;	padding-left: 6px;	position: relative;	top: -1px;}
.droppable:hover .mega-menu {	display: block;}

/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,.cf:after {	content: " "; /* 1 */	display: table; /* 2 */}
.cf:after {	clear: both;}
.nm { white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
display: inline-block;}
.acc{ height: auto !important;}
.help-menu .dropdown-menu { border: 0; border-radius: 0;}
.help-menu .dropdown-menu a i { line-height: 25px;}
.banner {background: rgb(45,194,240); padding: 25px 0; background: linear-gradient(90deg, rgba(45,194,240,1) 0%, rgba(234,35,166,1) 50%, rgba(45,194,240,1) 100%);}
.banner-box { background: #fff; padding: 12px;}
.nl-add {padding-top:2px !important;padding-bottom:5px !important;}

#BannerHome .carousel-item img { max-height: 334px; }

figure.snip0015 { color: #fff; position: relative; overflow: hidden; min-width: 271px; max-height: 159px; width: 100%; background: #000000; text-align: center;}
figure.snip0015 * {  -webkit-box-sizing: border-box; box-sizing: border-box; }
figure.snip0015 img { opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
figure.snip0015 figcaption {position: absolute; bottom: 0; left: 0; padding: 3em 3em; width: 100%; height: 100%;}
figure.snip0015 figcaption::before { position: absolute; top: 50%; right: 30px; bottom: 50%; left: 30px; border-top: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8); content: ''; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s;
-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
figure.snip0015 h2, figure.snip0015 a {  margin: 0 0 20px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;}
figure.snip0015 h2 {font-size: 20px; text-transform: uppercase; -webkit-transform: translate3d(0%, 50%, 0); transform: translate3d(0%, 50%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
figure.snip0015 a {	font-size: 14px; padding: 5px; margin-top: 20px; border: 1px solid #fff; color: #fff; -webkit-transition-delay: 0s; transition-delay: 0s;}
figure.snip0015:hover img { opacity: 0.35;}
figure.snip0015:hover figcaption h2 {  opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;}
figure.snip0015:hover figcaption a { opacity: 0.9; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
figure.snip0015:hover figcaption::before {background: rgba(255, 255, 255, 0); top: 30px; bottom: 30px; opacity: 1; -webkit-transition-delay: 0s;  transition-delay: 0s;}
figure.snip0015 a:hover { text-decoration:none;}

.side-bar li { line-height: 28px; display: block;}
.side-bar li a { color: #222529; font-size: 13px;  display: block;}
.side-bar li a span{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
	display: inline-block;}
.side-bar li a img { position: relative; top: -5px; margin-right: 10px; }

.side-bar li a i {color: #bbbbbc; font-weight: 100; font-size: 12px; float: right; position: relative; top:7px;}
.h-box { padding: 15px 15px 10px; background: #fff; border: 1px solid #e1e1e1;}
.h-box img, .h-box h2  { display:inline-block}
.h-box h2  { color:rgba(0,0,0,0.8); font-size: 18px; position: relative;  top: -14px;  left: 10px;}
.h-box h2 span { font-size: 14px;}

.featured { padding: 20px 0;}
.featured-head { font-size: 30px; position: relative; font-weight: 600; text-transform: uppercase; color: #fd1ca8;}
.featured-head::after { content: ''; width: 75%; height: 2px; background: #fd1ca8; position: absolute; bottom: 0; right: 0px;}
.featured-product { margin-top: 20px; font-size: 30px; position: relative; font-weight: 600; text-transform: uppercase; color: #fd1ca8;}
.featured-product::after { content: ''; width: 65%; height: 2px; background: #fd1ca8; position: absolute; bottom: 0; right: 0px;}
.top-rated { margin-top: 20px; font-size: 30px; position: relative; font-weight: 600; text-transform: uppercase; color: #fd1ca8;}
.top-rated::after { content: ''; width: 65%; height: 2px; background: #fd1ca8; position: absolute; bottom: 0; right: 0px;}
.white_box {padding: 25px; background: #fff; border: 1px solid #e1e1e1;}
.featured-box {   border-radius: 10px; background: #f2f2f2;} 
.featured-box h3 { font-size: 25px; color: #000; font-weight: 700; line-height:30px; margin-top: 20px;}
.featured-box h3 small { font-size: 15px; color: #575e65; font-weight: 300;}
.featured-box a { margin: 25px 0 ; display:inline-block; color: #fff; padding: 10px; background: #fd1ca8; font-size: 20px; }
.featured-box img { float: right;}

.sm-pro img {min-height: 143px;}
.sm-pro a {  padding: 10px;background: #fff; font-size: 14px; color: rgba(0,0,0,0.8); text-align: center; display: block;}
.sm-pro a:hover { box-shadow: 0px 0px 5px #7d7d7d;}

.featured-head2::after {width: 78%;}
.featured-product2::after {width: 70%;}
.featured-head3::after {width: 82%;}
.top-rated2::after {width: 68%;}
.hp_slick {margin-bottom: 40px !important;}
.hp_slick div { margin: 1px; }
.hp_slick h4 { font-size:13px; color:rgba(0,0,0,1); padding: 10px 0; line-height: 19px; width:100%;  height: 50px; overflow: hidden;  position: relative;}

.hp_slick h6 { font-size: 17px; color: #fd1ca8; font-weight: 700; margin-bottom: 10px; padding-top: 15px;}
.hp_slick a:first-child { border: none;padding-bottom: 0; }
.hp_slick a:hover:first-child { border: none; outline: none;  }

.hp_slick a { font-size: 14px; color:rgba(0,0,0,.8);  margin-bottom: 10px; border: 1px solid rgba(0,0,0,0.5); padding: 5px 10px; display: inline-block;}
.slick-dots li button:before {	font-size: 10px;}
.slick-dots li.slick-active button:before{  opacity: 1; color: #fd1ca8;}

.latest-product { padding: 50px 0;}
.small-p img { float: left; width: 35%;     padding: 5px;
    background: #fff;
    margin-right: 10px;} 
.small-p h2 small { font-size: 14px;}
.small-p h2 {
    font-size: 14px;
    line-height: 19px;
    height: 60px;
    overflow: hidden;
}
.small-p a:first-child {  font-weight:normal;}
.small-p a { font-size: 17px; font-weight: 700; color: #000;}

.tp-head { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}

.hp_footer { background: #087fa0 ; padding: 40px 0 20px;}
.hp_advertise { text-align: center;}
.hp_footer_menu { text-align: left;}
.hp_footer_menu h5 { font-size: 18px; color: #fff; margin: 50px 0 20px; }
.hp_footer_menu h5 span {color:#fff}
.hp_footer_menu img {margin: 85px 0 20px;}
.hp_footer_menu a { font-size: 14px; color: #fff; display: block; line-height: 30px;}
.hp_footer_menu p { font-size:14px; color: #fff; line-height: 30px;}

.doen h5 { color: #fff; float: left; line-height: 70px; margin-left: 10%; }
.doen img { float: left;}
.doen2 img { margin-top: 20px; margin-left: 20px;}
.ft-content{line-height: 30px; font-size: 14px; padding-bottom: 0 !important; display:inline-block; padding: 0 80px;}
.ft-content p { color: #fff;}
/*Sign In Page*/
.pdd { padding: 100px 0;}

.sign-in-content { background: #fff url("../images/bg-logo.png") no-repeat center center; padding: 40px 25px 40px 40px; display: inline-table;box-shadow: 2px 0 7px #5e5e5e;}
.mtop { margin-top: 15%;}
.sign-box h2 { font-size: 16px; font-weight: 600; line-height: 30px; margin-top: 10px;}
.sign-box p { font-size: 14px;}
.banner2 { position: relative;background:  linear-gradient(90deg, rgba(45,194,240,1) 0%, rgba(234,35,166,1) 50%, rgba(45,194,240,1) 100%);}
.bg2 { position: absolute; background: url("../images/bg-2.png") no-repeat; background-size: cover; width: 100%; height: 100%; }
.sign-in { background: #fff; padding: 20px;box-shadow: 2px 0 7px #5e5e5e;}
.sign-in h1 { font-size: 20px; text-transform: uppercase; color:rgba(0,0,0,0.8); font-weight: 500;}
.sign-in h2 { font-size: 18px; text-transform: uppercase; color:rgba(0,0,0,0.8); margin-bottom: 20px; text-align: center;  position: relative; }
.sign-in h2::before { content: ''; width: 100%; position: absolute; height: 1px; background: rgba(0,0,0,.5); left: 0; top: 8px; z-index: 1;}
.sign-in h2 span {display:inline-block;padding:4px 12px;background: #fff;position: relative;z-index:10; top:-4px;}

.my-form label, .ckeckout label { color: #323232; font-size: 15px !important; padding-bottom: 15px;}
.my-form .form-control, .ckeckout .form-control, .custom-file .form-control { height: 49px; border-radius: 0 !important ; font-size: 14px; color: rgba(0,0,0,0.5) !important; }
.my-form .form-check { margin-bottom: 10px;}
.my-form button, .checkout button { height: 49px; border-radius: 0; margin-bottom: 20px; position: relative;}
.my-form button i, .ckeckout button i { position: absolute; left: 12px;  top: 16px;}
.my-form .form-check-input, .checkout .form-check-input {margin-top: 0.1rem; font-size: 15px;}
.my-form .form-check a { float: right;  color: rgba(0,0,0,.8);  font-weight: 700;}
.fb { background: #3b5998; border-color: #3b5998;}
.gg{ background: #ea4335;border-color: #ea4335;}
.not-yet { text-align: center; display: block; padding: 5px 0; color: #323232;}
.add  { height: 130px !important;}
.stng { font-weight: 600; color: #000;}
.note { font-size: 13px; line-height: 30px; color: rgba(0,0,0,0.7); margin-bottom: 40px;}
.note2 { font-weight: 600; color: #000;}
/**/
.breadcrumb  { background: none ; font-size: 13px; color: rgba(0,0,0,0.6) !important;  padding: 20px 0 0;}
.breadcrumb a {color: rgba(0,0,0,0.6) !important;}

.filter h2 { font-size:18px;}
.filter h2 span { font-size:14px; float: right;}
.filter h2 span a { color: #ee1fa4;}
.filter .card { border: 0; border-radius: 0;}
.filter .card .card-header { background: none; border: 0; font-size: 18px; color: #323232 !important;}
.filter .card .card-header a{color: #323232 !important;}
.filter-content .card-body {padding: 0 1.25rem;}
.filter-content .card-body .list-menu, .custom-control-label { line-height: 25px;  }
.filter-content .card-body .list-menu a, .custom-control-label { font-size: 15px; color: rgba(0,0,0,0.6);}
.pro-fil { background: none; border-radius: 0;}
.filter-content .card-body .form-control { border:none!important;}
.pdd2{ padding-left: 10px !important; padding-right: 10px !important; margin-bottom: 20px;}
.icon-control {  margin-top: 5px; float: right; font-size: 80%;}

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ee1fa4; background-color: #ee1fa4; }
.list-menu { list-style: none;  margin: 0; padding-left: 0;}

.btn-light:hover { background: none !important; }
.form-inline { align-items: flex-start; }
.ghh { position: relative; top: -10px; border-radius: 0; }
.card-product-grid .info-wrap { overflow: hidden; padding: 12px;}
[class*='card-product'] a.title { display: block;}

.fix-height .title { color:rgba(0,0,0,0.8); font-size: 16px; font-weight: 500; padding-bottom: 00px; line-height: 20px; text-align: left;}
.price-wrap { margin: 5px 0 10px;}
.price-wrap span { font-size: 20px; font-weight: 700; color: #ee1fa4;}

.info-wrap a { background: none; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.4);}
.info-wrap a:hover {}
.card-product-grid:hover .btn-overlay {opacity: 1;}


.card-product-grid .btn-overlay {-webkit-transition: .5s; transition: .5s; opacity: 0; left: 0; bottom: 50px; color: #fff; width: 100%;  padding: 10px 0; text-align: center; position: absolute; bckground: rgba(0, 0, 0, 0.8);}
.img-wrap {overflow: hidden; position: relative;}
.page-item.active .page-link {z-index: 1; color: #fff; background-color: #087fa0; border-color: #087fa0;}
.selected img {	opacity:0.5;}
.pd-box .carousel-item {  min-height: 25em;}
.pd-box .carousel-item > img { min-height: 397px;}
.pd-box .carousel-item .card { width: 100%; min-height: calc(50% - 3rem); padding: 2rem; box-sizing: border-box; transform: translateZ(0); border-radius: 0; border-left: none; border-right: none;  border-top: none; border-bottom: 8px solid purple;}
.pd-box .carousel-item .card a {  color: inherit;  text-decoration: none;}
.pd-box .carousel-control { display: inline-block; position: absolute; bottom: 0; z-index: 10000; color: inherit; padding: 0.25em 0.5em; background-color: white; font-size: 1.5rem; transform: translateY(-50%); margin: 0; border: none;}
.pd-box .carousel-control:hover { text-decoration: none; color: inherit;  background-color: #ddd;}
.pd-box .carousel-control.left {float: left;  left: 0;}
.pd-box .carousel-control.right {  float: right;  right: 0;}

.pro-detail {color: #323232; }
.pro-detail h1 { font-size: 22px; padding: 0;}
.review a  { font-size: 13px; padding: 15px 0; display: inline-block; color: #666; margin-right: 30px;}
.review a i { font-size: 20px;}
.in-stock p { display: inline-block; text-align: left; font-size: 15px; margin-right: 25px; padding: 10px 0;}
.in-stock p i { padding: 3px; border-radius: 50px; font-size: 10px; color: #fff; background: #ee1fa4;}
.in-stock p:last-child i {background: #626262;}
.price { margin: 10px 0 30px;}
.price p { font-size: 25px; color: #ee1fa4; font-weight: 700;}
.price p del { font-weight: 400; color: #a2a2a2; padding-left: 10px; font-size: 18px;}
.price p span { font-size: 16px; color: #666; padding: 2px 8px 2px 0; font-weight: 400; margin-left: 5px;}
.product-quin p span { font-size: 13px; }
.product-quin p { font-size: 16px; color:#666; line-height:20px; border:1px solid #dbdbdb; display:inline-block; padding:5px 8px; margin-right:5px; border-radius: 5px;}
.size { font-size: 16px; margin: 30px 0 20px;}
.size p { display: inline-block; margin: 0 2px; }
.size a{ color: #323232;padding: 4px 10px; font-size: 14px; background: #fff; border: 1px solid #dbdbdb; border-radius: 3px;}
.size p a:hover { background: #2d88bc; color:#fff;}
.count { width: 130px; float: left; margin-top: 10px;}
.number-spinner .form-control  { background: none; border-bottom: 0; border-top: 0;}
.number-spinner { border: 1px solid #e1e1e1; color: #323232;}

.cart-btn { float: left; margin-top: 20px;}
.cart-btn a { font-size: 16px; color: #fff; padding: 8px 10px; background: #2d88bc; border-radius: 0; font-weight: 500; margin-left: 20px; }
.cart-btn a:last-child { background: #ee1fa4;}

.social a { color: #9B9B9B; padding: 0 10px;}

/* Tabs panel */
.w-70 { width: 70%;}
.tabbable-panel {  border:1px solid #eee;  padding: 10px;}
/* Default mode */
.tabbable-line > .nav-tabs {  border-bottom: 1px solid #dee2e6; margin: 0px;}
.tabbable-line > .nav-tabs > li {  font-size: 16px;  margin-right: 50px; font-weight: 600; line-height: 40px; color: #000;}
.tabbable-line > .nav-tabs > li > a {  border: 0;  margin-right: 0;  color: #737373;}
.tabbable-line > .nav-tabs > li > a > i {  color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {  border-bottom: 4px solid #fbcdcf;}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333333;}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px;}
.tabbable-line > .nav-tabs > li.active {  border-bottom: 4px solid #ee1fa4; position: relative;}
.tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333333;}
.tabbable-line > .nav-tabs > li.active > a > i { color: #404040;}
.tabbable-line > .tab-content {border: 0; padding: 15px 0;font-size: 15px;line-height: 24px;}
.portlet .tabbable-line > .tab-content { padding-bottom: 1px solid #e3e3e3;}

.cart-totals { background: #fff;}

.cart-totals h3 {font-size: 18px;  color: #3c3c3c;}
.cart-totals table {width: 100%;}
.cart-totals table tr th, .cart-totals table tr td {width: 50%;   padding: 3px 0; vertical-align: middle;line-height: 30px;}
.cart-totals table tr td:last-child {text-align: right;}
.cart-totals table tr td.subtotal {	font-size: 20px;   color: #6f6f6f;}
.cart-totals table tr td.free-shipping {font-size: 14px; color: #6f6f6f;}
.cart-totals table tr.total-row td { padding-top: 20px; border-top: 1px solid #dee2e6 ;}
.cart-totals table tr td.price-total { font-size: 24px; font-weight: 600; color: #8660e9;}
.btn-cart-totals {text-align: center;}
.btn-cart-totals .round-black-btn {	margin: 25px 0 0; }
.btn-cart-totals a { display: block; margin-top: 20px; background: #087fa0; color: #fff; padding: 15px 10px;}

.ord h5 { font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.ord p { font-size: 14px; line-height: 20px; text-align: left;}
.cart-totals2 { font-size: 14px;}
.cart-totals2 strong { font-weight: 500;}

.pll { padding-left: 0px;}
.prr { padding-right: 0px;}
.small-p { margin-bottom: 30px;}




/*Cart page*/

.table-cart table {
    width: 100%;
}
.table-cart thead {
    border: 1px solid #e5e5e5;
	background: #fff; padding: 5px; height: 50px;
}
.table-cart thead tr th {
    padding: 15px;
    color: #484848;
    font-size: 18px;
    font-weight: 400;
}
.table-cart tr { margin-top: 25px !important;}
.table-cart tr td {
    padding: 20px 0px 0px;
	margin-top: 20px;
}
.table-cart tr td:nth-child(1) {
    width: 50%;
}
.table-cart tr td:nth-child(2) {
    width: 20%;
}
.table-cart tr td:nth-child(3) {
    width: 15%;
}
.table-cart tr td:nth-child(4) {
    width: 15%;
    text-align: center;
}
.table-cart tr td .img-product {
    width: 72px;
    float: left;
    margin-left: 8px;
    margin-right: 31px;
    line-height: 63px;
}
.table-cart tr td .img-product img {
	width: 100%;
}
.table-cart tr td .name-product {
    color: #484848;
    padding-top: 24px;
    line-height: 24px;
}
.table-cart tr td .price2 {
}
.table-cart tr td .quanlity {
    position: relative;
}
.product-count .qtyminus,
.product-count .qtyplus {
	width: 34px;
    height: 34px;
    background: transparent;
    text-align: center;
    font-size: 19px;
    line-height: 34px;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
.product-count .qtyminus {
    line-height: 32px;
}
.product-count .qtyminus {
	border-radius: 3px 0 0 3px; 
}
.product-count .qtyplus {
	border-radius: 0 3px 3px 0; 
}
.product-count .qty {
	width: 60px;
	text-align: center;
	border: none;
}
.count-inlineflex {
	display: inline-flex;
	border: solid 2px #ccc;
	border-radius: 20px;  
}
.disa { opacity: 0.3;}
.coupon-box {opacity: 1;;
    padding: 63px 0 58px;
    text-align: center;
    border: 2px dotted #e5e5e5;
    border-radius: 10px;
    margin-top: 55px;
}
.coupon-box form input {
    display: inline-block;
    width: 264px;
    margin-right: 13px;
    height: 44px;
    border-radius: 25px;
    border: solid 2px #cccccc;
    padding: 5px 15px;
    font-size: 14px;
}
.shipment h2 { font-size: 17px; font-weight: 600; margin-bottom: 10px;}
.shipment p { font-size: 14px; line-height: 30px; margin-bottom: 10px;}

/**/

.account-menu { background: #fff; padding: 15px; min-height: 600px; margin-bottom: 20px;}
.account-menu ul li { border-bottom: 1px solid #e1e1e1;}
.account-menu ul li a { line-height: 50px;  color:#252525; display:block;}
.account-menu ul li a:hover, .account-menu ul li a:active {  color: #fff; text-decoration: none;}
.my1 { background:url("../images/ac_icon_1.png") no-repeat 10px center; text-indent: 40px;} 
.my1:hover { background:url("../images/ac_icon_1_h.png") no-repeat 10px center #ee1fa4;} 
.my2 { background:url("../images/ac_icon_2.png") no-repeat 10px center;} 
.my3 { background:url("../images/ac_icon_3.png") no-repeat 10px center;} 
.my4 { background:url("../images/ac_icon_4.png") no-repeat 10px center;} 
.my5 { background:url("../images/ac_icon_5.png") no-repeat 10px center;} 
.my6 { background:url("../images/ac_icon_6.png") no-repeat 10px center;} 
.my7 { background:url("../images/ac_icon_7.png") no-repeat 10px center;} 
.my2:hover { background:url("../images/ac_icon_2_h.png") no-repeat 10px center #ee1fa4;} 
.my3:hover { background:url("../images/ac_icon_3_h.png") no-repeat 10px center #ee1fa4;} 
.my4:hover { background:url("../images/ac_icon_4_h.png") no-repeat 10px center #ee1fa4;} 
.my5:hover { background:url("../images/ac_icon_5_h.png") no-repeat 10px center #ee1fa4;} 
.my6:hover { background:url("../images/ac_icon_6_h.png") no-repeat 10px center #ee1fa4;} 
.my7:hover { background:url("../images/ac_icon_7_h.png") no-repeat 10px center #ee1fa4;} 


.ac-detail { padding: 15px; min-height: 600px;}
.ac-detail h3 { font-size: 22px; margin-bottom: 20px;}

.ac-box { padding: 15px; min-height: 300px; position: relative; margin-bottom: 10px;}
.ac-box h2 { font-size:17px; line-height: 25px;}
.ac-box h2 a { color: #252525; background: #efefef; padding: 10px; position: relative; top: -10px; border-radius: 5px; float: right;}
.ac-box h2 i { color: green; font-size: 25px;}


.ac-box p { font-size: 14px; color: #5F5F5F; line-height: 24px;}
.ac-box p span { font-weight: 500; line-height: 30px;}
.ac-box a { font-size: 15px; background: #087fa0; padding: 10px 15px; color: #fff; position: absolute; bottom: 15px;}
.h-a { min-height:  auto;}
.gree p{ position: relative; padding-left: 20px;}
.gree p:first-child::after {  content: '';  width: 10px;  height: 10px;  background: green;  position: absolute;  left: 0;  top: 8px;  border-radius: 15px;}
.gift { padding:5px !important; border:1px dashed #252525;}
.cp span { position: absolute; right: 10px; color: #ee1fa4;}
.gift p { display:flex;}
.gift p span{ color:#ee1fa4; float:right; }
.gift h5{ font-size:22px; font-weight:500; color:#087fa0; margin:5px 0 15px;}
.gift h5 img {  position:relative; top:10px;}
.gift h5 a { text-align:right; background:none; color:#333 !important; text-align:right; float:right; display:inline-block; position:relative !important; bottom:-12px !important;}

.buy-now { background: url("../images/cart-2.png") 10px no-repeat #ee1fa4; padding: 8px 20px; color: #fff; text-indent: 30px; margin-bottom: 20px; text-align: right;}
.buy-now:hover { color:#fff; }

.remove { font-size: 20px; color: #087fa0;}
.wish { position: absolute; right: 20px; z-index: 25; font-size: 12px;}

/**/
.about h2 { font-size: 20px; margin-bottom: 10px;}
.mob-menu, .logo .l2 { display: none;}
#sidebar{ display: none;}
.in-me .dropdown { display: inline-block;}

@media all and (min-width: 1024px) {
.help-menu a {
	padding: 0 7px;}
}

@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

@media (max-width: 768px){
	.logo .l1 { margin-top: 10px;  display: none;}
		.logo .l2 { margin-top: 10px; margin-left: 30px; display: block; }
	.in-me { display: none;}
	.d-menu { display: none;}
	.logo .mob-menu  { display: block; }
	.logo .mob-menu i { float: left !important;  margin-top: 10px; color: rgb(158 158 158) !important;     font-size: 26px;}
	#sidebar {  background:#fff;  width:280px;  height:100%;  display:block;  position:fixed; overflow-y: scroll; z-index: 99;  left:-280px;  top:0;  transition:left 0.3s linear;}
#sidebar.visible {  left:0;  transition:left 0.3s linear;}
	

	.widget-title h4 {  text-transform: uppercase;  font-size: 18px;  color: #222222;	background: #d2d1d1;border-bottom: 1px solid #e9e9e9; padding: 10px;}
	.mob-menu-icon { display: block !important;}
	.widget-title h4 a i { font-size: 20px; position: absolute; right: 10px; color: #ee1fa4; top: 10px;}
	.widget-content ul#accordion {  margin: 0;  padding: 10px;  list-style: none;}
	.widget-content ul#accordion li {  display: block;  margin: 0 0 10px;}
	.widget-content ul#accordion li span {  position: absolute;  right: 14px;}
	.widget-content ul#accordion li h4 {  font-size: 13px;  color: #222222;	line-height: 25px;  border-bottom: 1px solid #e9e9e9;  padding: 0 0 10px;}

	.widget-content ul#accordion li h4 img { position: relative; margin-right:10px; top: 5px; }

	.widget-content ul#accordion li ul {  padding: 0;  margin: 0;  display: none;}
	.widget-content ul#accordion li ul li {  padding: 8px 0;  margin:0;}
	.widget-content ul#accordion li ul li a {  color: #888888;  text-transform: none;  font-size: 13px;  font-family: Poppins;  font-weight: 300;  transition: 0.3s;}
	.widget-content ul#accordion li ul li a:hover {  text-decoration: none;  color: #000000;}

	.pll { padding-left: 15px;}
	.prr { padding-right: 15px;}
	.logo { text-align: left;}
	.top-menu { text-align:left;  margin-top: 10px; overflow: scroll;}
	.top-menu a { display: table-cell; padding: 0; text-align: center; }
	.top-menu a span { width: 100px !important; display: block; padding: 10px 0px;}
	.top-menu select { position: absolute; right: 15px; top: -100px;}
	.search { text-align:center; padding: 10px 0;}
	.search img { right: 25px;top: 15px;}
	.search button { right: 25px;top: 59px;}
	.help-menu { padding: 10px 0; text-align: right;    position: absolute;   top: -40px; width: 100px; right: 0;}
	.help-menu a { display: inline-block; text-align: center; float: none;}
	.help-menu a span, .sn { display: none;}
	.navbar-toggler { border: 2px solid #ee1fa4; position: absolute; top: -50px;}
	.navbar-toggler-icon i { font-size: 30px; color: #000;}
	.women { margin-top: 15px;}
	.white_box {padding: 15px;}
	.featured-box, .mbb { margin-bottom: 15px;}
	.filter  { margin-bottom: 25px;}
	.slick-slide img { margin: 0 auto;}
	.ghh { position: static !important; margin-top: 10px; padding: 0;}
	.carousel-item .card { max-width: 30em; position: absolute; left: 0; bottom: 0;  }
	.slick-list { padding: 0 10px;}
	.pro-detail h1 { margin-top: 10px;}
	.count {width: auto; float: none;}
	.cart-btn{ width: 100%; float: none;}
    .carousel-control.right { float: left; left: 2.5rem; right: unset;  }
	.tabbable-line > .nav-tabs > li {margin-right: 30px;}
	.product-quin p {   font-size: 14px; padding: 5px 4px;     margin-right: 1px;}
	.featured-head::after { content:none;}
    .doen h5 {  margin-left: 0%;}	
	.doen { display: grid;}
	.doen2 { display:block;}
	.ft-content {    padding: 0px 15px;}
	.slick-prev, .slick-next { display:none !important;}
	.banner-box { padding: 0;}
	.dpg { display: grid;}
	.small-p { margin-bottom: 15px;}
	.small-p img { width: 25%;}
	.table-cart tr td:nth-child(1) {
    width: 100%; float: left;
}
.table-cart tr td:nth-child(2) {
    width: 33%; float: right;padding-top: 33px; text-align: center;
}
.table-cart tr td:nth-child(3) {
        width: 30%;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
}
.table-cart tr td:nth-child(4) {
    width: 33%; float: left;padding-top: 33px;
    text-align: center;
}
.table-cart tr { width: 100%; display:inline-block;}
	.table-cart tr td {margin-top: 0px;}	
	.table-cart tr td .img-product { line-height: 0;}
	.product-count .qty {    width: 35px;}
	.table-cart thead { display: none;}
	.coupon-box { padding: 30px 0; margin: 20px 0;}
	.coupon-box form input { margin-bottom: 20px;}

#BannerHome .carousel-item img {
    max-height: 181px;
}
}
.ac-detail, .account-menu { min-height: auto;}

/*.ac-box { margin-bottom:  25px;} */

.ac-box .gree a {
    display: block;
    margin-bottom: 6px;
    text-align: center;
    position: unset;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #087fa0;
}

.ac-box .gree a.btnGrey {
    background: #e1e1e1;
    color: #333333;
}

.ac-box h4 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}