@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

img{max-width:100%; height: auto}
a, button, a::after, a::before, .product-slide .item {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.topbar{ background-color: #cf043f; padding: 5px 0px;}
.tophead{display:flex; justify-content: space-between; align-items: center; font-size: 12px; color:#fff}

.tophead ul{ padding:0px; margin: 0px; list-style: none}
.tophead ul li{ padding:0px 5px; margin: 0px; list-style: none; display: inline-block}
.tophead ul li i{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal}


select, select.form-control {
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 28px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 40%;
	background: #fff url(../img/down-arrow.png) no-repeat scroll calc(100% - 12px) center !important;
}
select.form-control:not([size]):not([multiple]) {
	height: 36px; line-height: 20px; border-radius: 0px; font-size: 13px;
}
select, select.form-control option {
	padding: 0 5px;
}


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

.pt100{padding-top:85px;}
.pb100{padding-bottom:85px;}
.mt100{margin-top:85px;}
.mb100{margin-bottom:85px;}

h1{font-size:40px; color:#000; padding: 0px; margin: 0px;}
h2{font-size:28px; color:#000; padding: 0px; margin: 0px 0px 30px 0px; font-weight: bold}
h3{font-size:20px; color:#444444; padding: 0px; margin: 0px 0px 30px 0px; font-weight: bold}



.main-head{background-color:#000; padding: 25px 0px}

.head-area{display:flex; justify-content: space-between; color:#fff}

.head-area i{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal}

.user-area ul{padding:0px; margin: 0px; list-style: none}
.user-area ul li{padding:0px; margin: 0px 15px 0px 0px; list-style: none; display:inline-block; position: relative}
.user-area span{font-size:12px; color:#878787; display: block}

.callarea{position:relative; padding-left: 25px!important}
.callarea i{position:absolute; left: 0px; top: 0px;}
.tcartarea{position:relative!important; padding-right: 30px!important}
.tcartarea img{position:absolute; right: 0px; top: 10px;}

.topsrch-flt { width:40%}
.topsearch {
  background-color: #fff;
  height: 38px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between; align-items: center
}

.main-search-inner {
  display: flex;
  width: calc(100% - 15px); align-items: center
}

.main-search-inner i {font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; color:#000}

.main-search-inner .form-control{border:0px; margin-bottom: 0px; }

.navbar{padding:5px 0px!important; font-size: 14px; font-weight: bold}
.main-nav .nav-item{ margin-right:10px;}

.shipbox{ box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07); background-color: #fff; padding: 15px; margin-bottom: 25px; margin-top: 35px;}

.shpping-cont {
  position: relative;
  padding-left: 70px;
  margin-bottom: 15px;
}
.shpping-cont figure{position:absolute; left: 0px;}
.shpping-cont strong{font-weight:bold; color:#313131}
.shpping-cont span{display:block; color:#7A7A7A}

.category {
  position: relative;
  margin-bottom: 15px;
}
.category img{ border-radius: 12px;}
.category .category-btn{ position:absolute; bottom: 10px; margin: 0px auto; left: auto; right: auto; display: block; text-align: center; width: 100%}

.btn-custom{background-color:#e51953; border-radius: 4px; padding: 15px 15px; border:0px; color:#fff; width: 95%; font-size:14px; font-weight: bold}
.btn-custom:hover{background-color:#2266cc; }


.product-cat{font-size:12px; color:#999; margin-bottom: 3px}
.product__title{font-size:14px; color:#666; margin-bottom: 3px;}
.Price-amount{color:#222; font-size: 16px; font-weight: 700}

.review-link {font-size:12px; color:#999; margin-bottom: 3px}
.category-box{ margin-bottom:15px;}
.category-box:hover{ cursor:pointer}

.category-box .category{ position:relative; }
.category-box .category img{ border-radius: 12px;}
 .category-box .category .category-btn{display:none}
 .category-box .category:hover .category-btn{ display:block}
.category-box:hover .category-btn{display:block}
.heart-icon{position:absolute; top: 10px; right: 10px}
.heart-icon i{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; color:#888888; background-color: #fff; border-radius: 100%; padding: 10px;}
.heart-bag{position:absolute; top: 50px; right: 10px}
.heart-bag img{ background-color: #fff; border-radius: 100%!important; padding: 5px; height: 40px; width: auto}


.category-box .heart-icon, .category-box .heart-bag{display:none}
.category-box:hover .heart-icon, .category-box:hover .heart-bag{display:block}

.prodct-thumb{ display: block; position: relative; padding: 0px 0px 0px 120px; min-height: 150px;}
.product-details { font-size:14px; padding-top:30px;}
.product-details .Price-amount{color:#222; font-size: 16px; font-weight: 700}

.product-media { position:absolute; left: 0px;}
.product-media img{ width:100px; height: auto}

footer{ background-color:#222222; padding: 50px 0px}

.newsletter-box{ display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #3a3a3a; padding-bottom: 15px; margin-bottom: 30px}

.subscrib-txt {font-size:20px; color:#fff; font-weight: 600}
.subscrib-txt span{display:block; font-size: 14px; color:#8F8F8F; font-weight: normal}

.newsletter-box .form-control{background-color:#474747!important; border: 0px; border-radius: 0px; color:#D5D5D5; margin-right: 5px;}

.ftlink h3{font-size:16px; color:#fff; margin-bottom: 10px}
.ftlink ul{padding:0px; margin-bottom: 10px; list-style: none}
.ftlink ul li{font-size:14px; color:#BDBDBD; margin-bottom: 10px;}
.ftlink ul li a{font-size:14px; color:#BDBDBD}
.copyright{ color:#fff; border-top:1px solid #3a3a3a; padding-top: 15px; margin-top: 30px}
.social-lnk i{border-radius: 100%; border:1px solid #fff; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; color:#fff}
.user-area em{font-style:normal}