
body {
	margin:0px;
	padding:0px;
	padding-top:75px;
}
h3 {
	margin-top:40px;
}
.myslider {
	text-align:center;
}
.myslider .sitem {
	display:inline-block;
	margin:10px;
	text-align:center;
}
.myslider .sitem img {
	max-width:125px;
	max-height:125px;
}
.myslider .sitem .title {
	font-weight:500;
}
.menuIcon {
	font-size:29px;
	cursor:pointer;
}
.menu {
	position:fixed;
	top:75px;
	width:200px;
	z-index:102;
	height:100%;
	background:#fff;
	left:-300px;
	border:1px solid #ccc;
}
.menu li {
	list-style:none;
}
.menu2 {
	position:fixed;
	top:75px;
	left:0px;
	padding-left:200px;
	width:100%;
	height:100%;
	z-index:101;
	display:none;
}
.menu2 ul {
	padding-left:0px;
}
.menu2 .bg {
	background:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	cursor:pointer;
}
.menu2 .data {
	width:80%;
	background:#fff;
	height:100%;
	padding:15px;
	overflow-y:auto;
	padding-bottom:100px;
}
.accordion-button {
	cursor:pointer;
}
.menu2 .data .accordion-body {
	padding:0px;
}


.menu2 .data li {
	list-style:none;
	display:inline-block;
	width:130px;
	padding:5px;
	text-align:center;
	cursor:pointer;
}
.menu2 .data li img {
	width:100%;
	max-height:120px;
}
.menu2 .brandLetters {
	margin-top:10px;
	height:36px;
	overflow-x:auto;
	padding-left:0px;
}
.menu2 .brandLetters li {
	width:35px;
	height:35px;
	cursor:pointer;
	border-radius:5px;
	
}
.menu2 .brandLetters li.active {
	background:#000;
	color:#fff;
}
.menu2 .brandLetter {
	font-size:18px;
	font-weight:500;
	background:#eee;
	padding:5px;
	width:35px;
	text-align:center;
	margin-top:10px;
	border-radius:5px;
}

.menu2 .brandsData {
	overflow-y:auto;
	margin-top:15px;
}
.menu2 .brandsData a {
	display:block;
}
.sticky {
	position:sticky;
	top:0px;
	z-index:1;
}
.menu .accordion .accordion-body {
	padding:0px;
}
.menu  ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.menu  li {
	padding:10px 18px;
	cursor:pointer;
}
.menu  li:hover {
	background:#eee;
}

#slider1 {
	margin-left:200px;
}

a {
	text-decoration:none;
	color:#666;
}
a:hover {
	color:#710c10;
}
header {
	border-bottom:1px solid #ccc;
	padding:0px 20px;
}
header .logo {
	font-size:30px;
	font-weight:bold;
	margin-left:20px;
}
header .logo img {
	max-height:60px;
}
header ul {
	margin:0;
	padding:0;
}
.accordion-item {
	border:none;
}
header li {
	display:inline-block;
	list-style:none;
}
.topbar {
	padding: 15px;
	position: fixed;
	top: 0px;
	width: 100%;
	left: 0px;
	background:#fff;
	z-index:100;
	border-bottom:1px solid #ccc;
}
.topbar h2 {
	margin:0px;
	color:#000;
}

.rightcol {
	text-align:right;
	font-size:20px;
}
.rightcol a {
	display:inline-block;
	padding:10px 5px;
	text-decoration:none;
	border-radius:5px;
}
.topbar .searchmobile {
	display:none;
}

#captchaImg {
	height:45px;
}

header .currency img {
	height:18px;
	width:24px;
	border:1px solid #eee;
	vertical-align:sub;
}
header .currency {
	font-size:12px;
	position:relative;
	
}
header .currency .current {
	display:inline-block;
	cursor:pointer;
}
header .currency .currencies {
	position:absolute;
	left:0px;
	background:#fff;
	border:1px solid #ccc;
	width:68px;
	display:none;
	z-index:10;
}
header .currency .currencies .bg {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
}
header .currency .currencies ul {
	position:relative;
	z-index:2;
}
header .currency .currencies li:hover {
	background:#ddd;
}
header .currency .currencies li {
	display:block;
	padding:5px;
	cursor:pointer;
}
.loginPopup .subscribe {
	margin:0px;
}
.loginPopup .subscribe input {
	font-size:18px;
	border:1px solid #ddd;
	padding:10px;
	border-radius:8px;
}
.loginPopup .subscribe input[type='submit'] {
	background:#ddd;
}
.carousel-indicators {
	display:none;
}
.loginPopup {
	text-align: center;
    position: fixed;
    z-index: 20;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    color: #000;
	left:0;
	top:0;
}
.loginPopup .inner {
	background:rgba(255,255,255,0.9);
	padding:40px;
	margin:50px auto 10px;
	max-width:500px;
	border-radius:10px;
}
.container {
	margin-top:10px;
	max-width:1440px;
}

.item {
	width:295px;
	display:inline-block;
	padding:5px;
	vertical-align:top;
	text-align:left;
	position:relative;
}
.item h4 {
	font-size:18px;
	margin:8px 0px;
}
.item .slides {
	height:410px;
	overflow:hidden;
	position:relative;
	border-radius:14px;
}
.item .slides .bg {
	height:410px;
	width:295px;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:6px;
	position:absolute;
}
.item .slides .bg:nth-child(2){
	display:none;
	 -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.item:hover .slides .bg:nth-child(2){
	display:block;
}
.item .Product {
	display:none;
}
.item .Catalogue {
	padding: 4px 8px;
    background: orange;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    border-radius: 6px;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 0px;
}
.brandDiscount {
	position: absolute;
    margin-top: -42px;
    margin-left: 10px;
    background: #fef2f2;
    padding: 5px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #b91c1c;
}
.item .price.discounted {
	color:red;
}
.item .price .original {
	color:gray;
	text-decoration:line-through;
	font-size:14px;
	margin-left:5px;
	
}
.item .discount {
	position:absolute;
	background:#F1435A;
	color:#fff;
	font-weight:bold;
	padding:4px 8px;
	text-transform:uppercase;
	border-radius:6px 0px 6px 0px;
	font-size:12px;
	z-index:1;
}
.addToFavorite {
    font-size: 24px;	
	color:#999;
	cursor:pointer;
	opacity:0.8;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}
.item .addToFavorite {
	position:absolute;
	z-index:1;
	top:12px;
	right:10px;
	
}
.addToFavorite.added {
	color:#f00;
}

.filters {
	padding:10px;
}
.filters.fixedPos {
	position:fixed;
	left:0px;
	padding-left:220px;
	top:75px;
	width:100%;
	background:#fff;
	z-index:15;
}
.filters .filter.clearFilters {
	display:none;
	color:red;
	cursor:pointer;
}

.filters .color .fdata, .filters .material .fdata {
	min-width:550px;
}
.item img {
	width:100%;
}
.item .title {
	font-size:18px;
	font-weight:400;
}
h2 {
	margin-top:30px;
	margin-bottom:20px;
}
.categories .tab, .styles .tab {
	text-align:center;
	background:#eee;
	padding:8px;
	font-weight:bold;
	cursor:pointer;
}
.categories .tab.active, .styles .tab.active {
	background:#ccc;
}
.catdata .cat {
	width:70px;
}


.brands .item {
	display:inline-block;
	margin:10px;
	width:200px;
}
.brands .item .bg {
	width:200px;
	height:200px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.brands .item h4 {
	text-align:center;
}
.searchForm {
  margin-bottom:0px;
  
}

.searchForm .icon {
	position:absolute;
	margin:12px;
	font-size:18px;
}
.searchForm input {
	border:2px solid #eee;
	background:#eee;
	border-radius:30px;
	padding:8px 8px 8px 40px;
	outline:none;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.searchForm input:focus {
	border:2px solid #ccc;
}
.cat {
	display:inline-block;
	width:300px;
	padding:5px;
}
.cat img {
	max-width:100%;
	max-height:300px;
}
.cat .title {
	font-size:14px;
	text-align:center;
}
footer {
	margin-top:30px;
}
footer .dark {
	background-color:#282828;
	color:#999;
}
footer .dark h3 {
	color:#eee;
}
footer .light {
	background-color:#f6f6f6;
}
footer .tab {
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	border-bottom:2px solid #333;
	cursor:pointer;
}
footer .tab.active {
	border-bottom:2px solid #999;
}
footer .tab:hover {
	border-bottom:2px solid #999;
}
.subscribe {
	margin-top:12px;
	background:#eee;
	border-radius:8px;
	padding:8px;
}
.subscribe input {
	border:none;
	width:100%;
	background:none;
	padding:5px;
	font-size:20px;
}
footer ul {
	margin:0px;
	padding:0px;
}
footer li {
	list-style:none;
}
footer .container {
	margin-top:0px;
}

.footermobile {
	display:none;
	position:fixed;
	width:100%;
	left:0px;
	bottom:0px;
	background:#eee;
	padding:15px 8px;
	text-align:center;
	z-index:1;
}
.footermobile .bi {
	display:block;
	font-size:24px;
}
.leftbar {
	background:#eee;
	padding:0px;
}
.leftbar li {
	list-style:none;
	border-bottom:1px solid #ddd;
	padding:8px;
	cursor:pointer;
}
.leftbar li.active {
	background:#fff;
}
.leftbar ul {
	margin:0px;
	padding:0px;
}

.npitems {
	float:right;
}
.npitems .prev {
	margin-right:20px;
}
.npitems .next {
	margin-left:15px;
}
.npitems .circles {
	vertical-align:middle;
	font-size:0px;
}
.npitems .circle {
	width:34px;
	height:34px;
	display:inline-block;
	border-radius:25px;
	margin-left:-10px;
	vertical-align:middle;
	border:2px solid #eee;
}
.npitems .circle.current {
	width:40px;
	height:40px;
}

.product .images img {
	width:100%;
}
.product .images .col-md-6 {
	padding:3px;
}
.product .images .col-md-12 {
	padding:3px;
}
.product .detail h2 {
	margin:5px 0px;
	font-size:22px;
	font-weight:bold;
}
.product .detail h4 {
	font-size:18px;
}
.product .quantity {
	font-size: 16px;
	border: 1px solid #ddd;
	vertical-align: middle;
	border-radius: 8px;
	padding: 10px;
	width:130px;
	text-align:center;
}
.product .quantity span {
	margin:0px 20px;
	/*font-weight:bold;*/
}
.product .sizeGuide {
	float:right;
}
.product .size ul {
	margin:0;
	padding:0;
}
.product .size li {
	display: inline-block;
	list-style: none;
	width: 45px;
	height: 36px;
	padding: 4px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 7px;
}
.product .subinfo {
	color:#777;
	margin-top:10px;
}
.float-right {
	float:right;
}
.product .delivery, .item .delivery {
	background-color: #eff4fe;
	font-size: 13px;
	color: blue;
	padding: 5px 8px;
	border-radius: 8px;
	width: 90px;
	text-align: center;
}
.product .price {
	font-size:12px;
	font-weight:bold;
	/*float:right;
	text-align:right;*/
}

.product .price .amount {
	font-size:22px;
}
.product .price .oldPrice {
	color:#999;
	text-decoration:line-through;
	font-size:18px;
}
.product .price .discount {
	color:red;
	font-size:16px;
}
.product .shipping {
	padding:10px;
	background:#eee;
	border-radius:10px;
}
.product .shipping .type {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.product .buttons .heart {
	padding:13px 20px;
}
.product .itemsCount span {
	display:inline-block;
	padding:10px;
	/*background:#eee;*/
	border-radius:8px;
}
.product .colors img {
	max-width:30px;
}
.productColor {
	width:30px;
	height:30px;
	display:inline-block;
	border:1px solid #ccc;
	vertical-align:middle;
}
.round {
	border-radius:20px;
}
.productColor.active {
	border:7px solid #f00;
	width:30px;
	height:30px;
}
.dimm {
	opacity:0.25;
}
.loginform {
	max-width:500px;
	margin:0 auto;
}
.signupform {
	max-width:800px;
	margin:0 auto;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
  right:0px;
}

.dropdown-content a {
  color: black;
  padding: 4px 6px;
  text-decoration: none;
  display: block !important;
  font-size:16px;
  text-align:left;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
.favoriteIcon {
	margin-right:10px;
	display:none;
}
.cartIcon .count, .favoriteIcon .count {
	position: absolute;
	background: #000;
	color: #fff;
	border-radius: 10px;
	font-size: 12px;
	width: 18px;
	height: 18px;
	font-weight: 500;
	margin-top: -10px;
	text-align: center;
	display:none;
}
.cartArea {
	position:relative;
}
.cartArea .cart-dropdown {
	display:none;
	position:absolute;
	right:0px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:10;
	min-width:220px;
	background:#efefef;
	padding:10px;
	font-size:16px;
}
.sliderMobile {
	display:none;
}
.cartArea .cart-dropdown .table {
	margin:0px;
}
.cartArea .bundlesQty, .cartArea .amount {
	font-weight:bold;
}
.cartArea:hover .cart-dropdown {
	display:block;
}
.text-dimm {
	opacity:0.5;
}
.form-group {
    margin-bottom: 1rem;
}
.form-group label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.cartDeleteIcon:hover {
	color:red;
}
.cartData .oldPrice {
	padding:0px;
	font-size:12px;
	text-decoration:line-through;
	color:#666;
}
.small {
	font-size:13px;
}
.liveChat {
	position: fixed;
	right: 20px;
	bottom: 20px;
	
	font-size: 40px;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}
.liveChat a {
	color: #128c7e;
}
.accordion-header {
	margin-top:0px;
}
.filters .filter {
	display:inline-block;
	border:1px solid #eee;
	border-radius:6px 12px;
	padding:8px 15px;
	position:relative;
}
.filters .sorting {
	float:right;
	min-width:200px;
}
.filters .filter .bi-filter {
	font-size:21px;
	vertical-align:middle;
	margin-right:10px;
}
.filters .icon {
	background:#eee;
}
.filters .filter .bi-caret-down-fill {
	font-size:12px;
}

.filter-content {
	display: none;
	position: absolute;
	z-index: 1000;
}
.filters .fitem {
	cursor:pointer;
}
.filter-content .fdata {
	margin-left:-30px;
	margin-top:25px;
	box-shadow:0 0 8px rgba(0,0,0,.2);
	border:1px solid #ccc;
	background:#fff;
	min-width: 400px;
	border-radius:8px;
	padding:15px;
}
.sorting .filter-content .fdata {
	min-width:215px;
}
.sorting .filter-content .choices li {
	display:block;
	border:none;
	text-align:left;
}
.filter-content .choices {
	margin:0;
	padding:0;
	max-height:250px;
	overflow:auto;
}
.filter-content .choices li {
	display: inline-block;
	list-style: none;
	padding: 4px 15px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 7px;
	cursor:pointer;
	margin:5px;
}
.filters .color .choices li, .filters .material .choices li {
	padding:5px;
	min-width:150px;
	text-align:left;
}
.filter-content .choices li.selected {
	background:#eee;
}

.filter:hover .filter-content {display: block;}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
.loadAll {
	margin-top:20px;
}
.loadAll a {
	display:block;
	width:160px;
	border:1px solid #ccc;
	padding:8px 15px;
	margin:0 auto;
	border-radius:8px;
}
.carousel-control-next, .carousel-control-prev {
	width:4%;
}

/*load more button effect*/
.glow-on-hover {
    
    border: none;
    outline: none;
    color: #000;
    background: #ccc;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size:16px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:hover:after {
    background: #800000;
	color:#fff;
}
.glow-on-hover:hover {
	color:#fff;
}



.glow-on-hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ccc;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
@media only screen and (min-width:991px){
	.menu {
		left:0px !important;
	}
	.menuIcon {
		display:none;
	}
	.container {
		padding-left:220px;
	}
}
@media only screen and (max-width: 990px) {
	.topbar .row .col-sm-4 {
		width:50%;
	}
	
	.topbar .logo {
		text-align:left;
	}
	
	.filters {
		display:none;
	}
	
	.footermobile {
		display:block;
	}
	.topbar .leftcol {
		width:33%;
	}
	.topbar .midcol {
		width:33%;
	}
	.topbar .rightcol {
		width:34%;
	}
	.topbar .rightcol .username {
		display:none;
	}
	#slider1 {
		margin-left:0px;
	}
}

@media only screen and (max-width: 700px){
	body {
		padding-top:120px;
	}
	.topbar {
		height:120px;
	}
	.topbar .leftcol {
		width:50%;
		white-space:nowrap;
	}
	.topbar .rightcol {
		width:50%;
		white-space:nowrap;
	}
	.topbar .midcol {
		display:none;
	}
	.topbar .searchmobile {
		display:block;
	}
	.menu {
		top:120px;
	}
	.menu2 {
		top:120px;
		padding-left:0px;
		z-index:103;
	}
	.menu2 .data {
		width:85%;
		margin:10px auto;
		padding-bottom:140px;
	}
	
}
@media only screen and (max-width: 580px) {
	.searchForm {
		float:none;
		text-align:center;
	}
	
	body {
		padding-top:60px;
	}
	.logo {
		width: 100% !important;
		text-align: center !important;
	}
	
	.product .images {
		text-align:center;
	}
	.nomobile {
		display:none;
	}
	.item {
		width:100%;
		padding:5px 0px;
	}
	
	.item .slides .bg {
		width:100%;
	}
	.sliderDesktop {
		display:none;
	}
	.sliderMobile {
		display:block;
	}
}
@media only screen and (max-width: 390px) {
	.topbar .logo {
		display:none;
	}
}