div{
	box-sizing:border-box;	
}

*{
	box-sizing:border-box;
}

a{
	text-decoration:none;
}
a:visited {
  color: inherit;
}

p.bold{
	font-weight:bold;
}



body{
	width:calc(100vw - 17px);
	margin:0;
	min-height:100vh;
}

header{
	width:100%;
	/*background:blue;*/
	background:black;
	color:white;
}

main{
	width:100%;

	/*min-height:90vh;*/  /*  ***  */

	padding-left:25px;
	padding-right:25px;

	display:flex;
	justify-content:space-around;
	align-items:flex-start;
}



footer{
	width:100%;
}






.boxshadow{
	  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2),
             inset 0 -3px 3px rgba(255, 255, 255, 0.2);
}



#pay_with_stripe_button{
	background:#6772e0;
	color:white;
	cursor:pointer;
	font-weight:bold;

	border:1px solid black;

	padding:15px;
}






header > div.header-container{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;

	padding-left:20px;
	padding-right:20px;

}

header a{
	color:white;
	text-decoration:none;
}




header div.logo-container{
	height:75px;
}

header div.logo-container > a{
	height:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

header div.logo-container > a > img{
	height:100%;
}



header div.links{

}

header div.links > a{
	margin-right:10px;
}



header div.right{
	display:flex;
	flex-direction:row;
}

header div.right > div.currency_container{
	margin-right:15px;
}

header div.right > div.currency_container select{
	background:none;
	color:white;
	border:1px solid white;
	border-radius:7.5px;
	padding:5px;
	padding-right:7.5px;
	cursor:pointer;
}

header div.right > div.currency_container select option{
	/*background:blue;*/
	background:#4A4A4A;
	cursor:pointer;
}


header div.right > div.cart{
	display:flex;
	justify-content:space-around;
	align-items:center;
}









main > div.main-container{
	width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;

	max-width:1500px;
}


main > div.main-container > div{
	width:100%;
}


main > div.main-container > *{
	margin-bottom:25px;
}



div.img-container{
	height:50px;
	width:50px;
}

div.img-container > img{
	width:100%;
	height:100%;
	object-fit:contain;
}






main.homepage{
	padding:0;

	background:#d9d9d9;
}

main.homepage > div.main-container{
}

main.homepage > div.main-container > div{
	border:1px solid black;
	width:100%;

	padding-left:15px;
	padding-right:15px;

	background:white;
}


main.homepage > div.main-container > div.top-container{

	padding-top:0;
	padding-left:0;
	padding-right:0;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;

	height:80vh;
}

main.homepage > div.main-container > div.top-container h3{
	text-align:center;
}


main.homepage > div.main-container > div.top-container > div.img-container{
	width:80%;
	height:100%;
}

main.homepage > div.main-container > div.top-container > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}

main.homepage > div.main-container > div.top-container > div.content{
	width:20%;
	height:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;

	padding-top:25px;
	padding-bottom:25px;

	background:white;
}

main.homepage > div.main-container > div.top-container > div.content > p{
	width:80%;
	line-height:25px;
	text-align:center;
}


main.homepage > div.main-container > div.top-container > div.content > a.action{
	/*background:blue;*/
	background:#C1272D;
	border:1px solid black;
	color:white;

	padding-left:42px;
	padding-right:42px;
	padding:15px;

	cursor:pointer;
}

main.homepage > div.main-container a.action{
	/*background:blue;*/
	background:#C1272D;
	border:1px solid black;
	color:white;

	padding-left:42px;
	padding-right:42px;
	padding:15px;

	cursor:pointer;
}






main.homepage > div.main-container > div.value-prop-container{
	padding-left:0;
	padding-right:0;

	border:none;
	background:none;
}

main.homepage > div.main-container > div.value-prop-container h3{
	text-align:center;
}

main.homepage > div.main-container > div.value-prop-container > div.element{
	width:100%;
	height:750px;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row;

	border:1px solid black;

	margin-bottom:15px;

	background:white;
}

main.homepage > div.main-container > div.value-prop-container > div.element > div.img-container{
	height:100%;
	width:80%;
}

main.homepage > div.main-container > div.value-prop-container > div.element > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}

main.homepage > div.main-container > div.value-prop-container > div.element > div.content{
	width:20%;
	height:100%;


	padding-top:25px;
	padding-bottom:25px;


	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
}

main.homepage > div.main-container > div.value-prop-container > div.element > div.content > p{
	width:80%;
	text-align:center;

}




main.homepage > div.main-container > div.triple-display-container{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;

	border:0;

	background:none;
}

main.homepage > div.main-container > div.triple-display-container h3{
	text-align:center;
}

main.homepage > div.main-container > div.triple-display-container > div.element{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;

	width:30%;

	padding:0;

	border:1px solid black;

	background:white;
}

main.homepage > div.main-container > div.triple-display-container > div.element > div.img-container{
	width:100%;
	height:300px;
}


main.homepage > div.main-container > div.triple-display-container > div.element > div.img-container  > img{
	width:100%;
	height:100%;
	object-fit:cover;
}


main.homepage > div.main-container > div.triple-display-container > div.element > div.content{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;	

	width:100%;
}

main.homepage > div.main-container > div.triple-display-container > div.element > div.content > p{
	width:80%;
	text-align:center;
}

main.homepage > div.main-container > div.triple-display-container > div.element > div.content > a.action{
	width:100%;
	padding:0;
	padding-top:15px;
	padding-bottom:15px;

	text-align:center;
}


main.homepage > div.main-container > div.homepage-categories-display{
	border:none;
	background:none;
}












h2{
	font-size:27.5px;
}


a.nav-action{
	font-size:17.5px;
	/*color:blue;*/
	/*color:#C1272D;*/
	color:#4A4A4A;

	cursor:pointer;

	display:flex;
	justify-content:space-between;
	align-items:center;
}

a.nav-action.checkout{
	font-weight:bold;
}

a.nav-action > i{
	margin-left:5px;
}

a.nav-action.back{
	font-size:12.5px;
}







main > div.main-container > div.category{
	
}

main > div.main-container > div.category > div{
	width:100%;

	margin-bottom:15px;

}

main > div.main-container > div.category > div.top-container{
	border:1px solid black;
	position:relative;

}

main > div.main-container > div.category > div.top-container > div.img-container.background{
	width:100%;
	height:200px;
}

main > div.main-container > div.category > div.top-container > div.img-container > img{
	object-fit:cover;
}

main > div.main-container > div.category > div.top-container > div.img-container.category-thumbnail{
	height:175px;
	width:175px;

	position:absolute;
	top:12.5px;
	left:12.5px;

	border:1px solid #C1272D;
}

main > div.main-container > div.category > div.top-container > div.img-container.category-thumbnail > img{
	width:100%;
	height:100%;
}


main > div.main-container > div.category > div.container.products-container > div{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:flex-start;
}

main > div.main-container > div.category > div.container.products-container > div > *{
	margin-bottom:5px;
}


main > div.main-container > div.category > div.container.products-container > div.products-grid{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-start;
}


main > div.main-container > div.category > div.container.products-container > div.products-grid > div.coming-soon{
	width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;	
}


main > div.main-container > div.category > div.container.products-container > div.products-grid > div.coming-soon > h2{
	color:#C1272D;
}


main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element{
	border:1px solid black;
	background:white;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;

	width:200px;
	height:325px;

	margin-right:50px;
	margin-bottom:50px;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay{
	
	height:100%;
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay > div.img-container{
	width:95%;
	height:65%;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:contain;
}


main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay span{
	color:black;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay span.name{
	text-align:center;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay span.price{
	color:black;
}

main > div.main-container > div.category > div.container.products-container > div.products-grid > div.element > a.overlay span.action{
	font-size:12.5px;
	margin-bottom:15px;
	/*color:blue;*/
	/*color:#C1272D;*/
	color:#4A4A4A;
}












main > div.main-container > div.product{


}

main > div.main-container > div.product > *{
	margin-bottom:15px;
}


main.product > div.popup-overlay{
	width:100vw;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	background:rgba(0,0,0,0.75)
}

main.product > div.popup-overlay > div.popup-container{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:white;
	z-index:6;
	position:absolute;

	display:flex;
	flex-direction:column;

	padding-left:25px;
	padding-right:25px;

}

main.product > div.popup-overlay > div.popup-container > div.top{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;

	padding-top:15px;
}

main.product > div.popup-overlay > div.popup-container > div.top > a{
	display:flex;
	justify-content:space-around;
	align-items:center;
	cursor:pointer;
}


main.product > div.popup-overlay > div.popup-container > div.middle{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;

	margin-bottom:25px;
}


   .check-anchor {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    text-decoration: none;

    margin-right:25px;
  }

  .check-icon {
    width: 100%;
    height: 100%;
  }

  .draw-circle,
  .draw-check {
    stroke: green;
    stroke-width: 5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation: draw 1s forwards;
  }

  .draw-circle {
    stroke-width: 4;
    animation-delay: 0s;
  }

  .draw-check {
    animation-delay: 0.5s;
  }

  @keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
  }




main.product > div.popup-overlay > div.popup-container > div.container{
	width:100%;
	padding:15px;
	padding-left:0;

	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;


	padding-bottom:15px;
}

main.product > div.popup-overlay > div.popup-container > div.container > a{
	/*background:blue;*/
	background:#C1272D;

	padding:15px;
	padding-top:12px;
	padding-bottom:12px;
	color:white;
	border:1px solid white;

	cursor:pointer;

	margin-right:15px;
	margin-bottom:15px;

	text-align:center;
}

main.product > div.popup-overlay > div.popup-container > h1{
	margin-bottom:50px;
}




main.product > div.main-container > div.top_container > div.category_tree{
	padding-top:15px;
}


main.product > div.main-container > div.top_container > div.category_tree > a{
	/*color:blue;*/
	/*color:#C1272D;*/
	color:#4A4A4A;
	font-size:17.5px;
}




main > div.main-container > div.product > div.product-display{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;

	width:100%;
}


main > div.main-container > div.product > div.product-display > div.product_images_container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;

	width:80%;
}



main > div.main-container > div.product > div.product-display > div.product_images_container > div.thumbnails-container{
	margin-right:25px;
	border:1px solid black;
	padding-top:5px;
	padding-bottom:5px;
	
	/*background:blue;*/
	background:#C1272D;

}

main > div.main-container > div.product > div.product-display > div.product_images_container > div.thumbnails-container > div.img-container{
	display:flex;
	margin-bottom:5px;
	cursor:pointer;
}

main > div.main-container > div.product > div.product-display > div.product_images_container > div.thumbnails-container > div.img-container > img{
	filter:saturate(17.5%);
}

main > div.main-container > div.product > div.product-display > div.product_images_container > div.thumbnails-container > div.img-container.active > img{
	filter:saturate(100%);
}


main > div.main-container > div.product > div.product-display > div.product_images_container > div.product-img-container{
	margin-right:25px;

	width:80%;

}

main > div.main-container > div.product > div.product-display > div.product_images_container > div.product-img-container > div.img-container{
	display:none;
	width:500px !important;
	height:350px !important;

	/*display:flex;*/

}


main > div.main-container > div.product > div.product-display > div.product_images_container > div.product-img-container > div.img-container{
	width:100%;
	max-height:100%;
	object-fit:contain;
}	



main > div.main-container > div.product > div.product-display > div.product_images_container > div.product-img-container > div.img-container.active{
	display:flex;
	justify-content:space-around;
	align-items:flex-start;

}





main > div.main-container > div.product > div.product-display > div.right_container{
	border:1px solid black;

	display:flex;
	flex-direction:column;

	padding:25px;

	max-width:20%;
}

main > div.main-container > div.product > div.product-display > div.right_container > *{
	margin-bottom:10px;
}


main > div.main-container > div.product > div.product-display > div.right_container > div.variations_container > div{
	display:flex;
	flex-direction:row;
}

main > div.main-container > div.product > div.product-display > div.right_container > div.variations_container > div > label{
	margin-right:5px;
}



main > div.main-container > div.product > div.product-display > div.right_container > button.add-to-cart{
	
	background:#C1272D;
	/*background:blue;*/
	
	padding-right:15px;
	padding-left:15px;
	padding:10px;
	cursor:pointer;
	color:white;
	border-color:white;
	border:1px solid white;

}


main > div.main-container > div.product > div.product-display > div.right_container > button.add-to-cart:active{
	border-color:blue;
	font-weight:bold;
}


main > div.main-container > div.product > div.product-display > div.right_container > div.stars-rating{
	display:flex;
	flex-direction:row;
	align-items:center;
}

main > div.main-container > div.product > div.product-display > div.right_container > div.stars-rating > span.review-count{
	margin-left:5px;
	font-size:10px;
}










main > div.main-container > div.product > div.description{
	width:100%;
	border:1px solid black;
	padding-left:15px;
}

main > div.main-container > div.product > div.boxes{
	width:100%,;
	border:1px solid black;
}




main > div.main-container > div.product > div.reviews > div.container > div.element.top{
	background:#C1272D;
	/*background:blue;*/
	color:white;

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;

}

main > div.main-container > div.product > div.reviews > div.container > div.element.top > a{
	cursor:pointer;
}


main > div.main-container > div.product > div.reviews > div.container > div.element.top > a.toggle-icon{
	margin-right:15px;
	font-size:25px;
	display:flex;
	justify-content:space-around;
	align-items:center;
}



main > div.main-container > div.product > div.reviews > div.container > div.element{
	border:1px solid darkgrey;
	margin-bottom:5px;

	padding:10px;

	display:none;
	flex-direction:column;
}

main > div.main-container > div.product > div.reviews > div.container > div.element >  div.top{
	display:flex;
	flex-direction:row;
	align-items:center;
	border-bottom:1px solid darkgrey;
}

main > div.main-container > div.product > div.reviews > div.container > div.element >  div.top > a.name{
	margin-right:10px;
}

main > div.main-container > div.product > div.reviews > div.container > div.element > div.top > div.rating-container{
	display:flex;
	flex-direction:row;
	justify-content:flex-start
}


main > div.main-container > div.product > div.reviews  div.rating{
	display:flex;
	align-items:center;
}

main > div.main-container > div.product > div.reviews  div.rating > a{
	font-size:12.5px;
}



/* PRODUCT PAGE display review rating*/

.stars-rating {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 20px;
  width: 100px;
}

.stars-rating .star {
  color: #f8d64e; /* Change color to reflect filled stars */
  display: inline-block;
}

.stars-rating .star:before {
  content: '\2605';
}

.stars-rating .star.half:before {
  content: '\2605';
  width: 50%;
  overflow: hidden;
}

.stars-rating .star.empty:before {
  content: '\2606'; /* Unicode character for empty star */
}





/* style functions */


div.products-horizontal{
	width:100%;

	padding:2.5%;
	padding-left:0;
	padding-right:0;

	display:flex;

	flex-direction:column;

	justify-content:space-between;
	align-items:flex-start;

	margin-bottom:2.5vh;

	border:1px solid black;

	background:white;

}

div.products-horizontal div{
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.products-horizontal > div.top{
	padding-left:2.5%;
	padding-right:2.5%;
}

div.products-horizontal > div.top > h3{
	margin-right:40px;
	font-size:125%;
}

div.products-horizontal > div.top > a{
	color:blue;
	text-decoration:none;
	font-size:90%;
}

div.products-horizontal > div.bot{
	/*height:200px;*/

	width:100%;

	position:relative;

	justify-content:space-between;
	align-items:center;
}

div.products-horizontal > div.bot > div.container{
	/*height:100%;*/
	width:100%;

	justify-content:flex-start;
	overflow-x:scroll;
	overflow-y:hidden;
}

div.products-horizontal > div.bot > div.container > div.scroll-container{
	justify-content:flex-start;
	align-items:flex-start;

	padding-left:1%;
	padding-right:1%;
}



div.products-horizontal > div.bot > div.container > div.scroll-container >  div.product{
	margin-right:30px;

	width:200px;
	/*height:80%;*/
	
	overflow:hidden;

}

div.products-horizontal > div.bot > div.container > div.scroll-container >  div.product:last-child{
	margin-right:0;
}

div.products-horizontal > div.bot > div.container > div.scroll-container > div.product > a.overlay{
	height:100%;
	width:100%;

	text-decoration:none;

}

div.products-horizontal > div.bot > div.container > div.scroll-container > div.product > a.overlay > div.img-container{
	height:200px;
	width:100%;

	margin-bottom:15px;
}

div.products-horizontal > div.bot > div.container > div.scroll-container > div.product > a.overlay > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:contain !important;
}





div.products-horizontal > div.bot > div.button{
	position:absolute;
	height:65px;
	width:65px;
	top:32.5%;
	z-index:3;
	background:white;
	border:1px solid black;

	border-radius:12.5%;

	opacity:0.25;

	cursor:pointer;
}

div.products-horizontal > div.bot > div.button:hover{
	opacity:1;
}


div.products-horizontal > div.bot > div.button.button-left{

	left:0.5%;
}

div.products-horizontal > div.bot > div.button.button-right{
	right:0.5%;
}


div.products-horizontal ::-webkit-scrollbar {
	background-color:transparent;
	scrollbar-width:thin;
	height:7.5px;
	width:7.5px;
}

div.products-horizontal ::-webkit-scrollbar-thumb {
  background-color:black;
  border-radius:5px;
}

div.products-horizontal ::-webkit-scrollbar-button {
  display: none;
}






/* */
main.thank-you{
	
	padding-top:15vh;
	padding-bottom:15vh;
	

	display:flex;
	justify-content:space-around;
	align-items:center;
}

main.thank-you > div.main-container{
	width:auto !important;
	align-items:flex-start;
}

main.thank-you > div.main-container > *{
	margin-top:0;
	margin-bottom:45px;
}

main.thank-you > div.main-container h2{
	margin-top:0;
}


main.thank-you > div.main-container a.nav-action{
	margin-bottom:0;
}




/* PAGE */

main.page > div.main-container{
	max-width:900px;
}

main.page a.nav-action{
	color:#C1272D !important;
	font-weight:bold;
	font-size:30px;
}

main.page h3{
	width:100%;
	text-align:left;
}





/* */
main.contact-us{
	
}

main.contact-us > div.main-container{
	width:auto !important;
	align-items:flex-start;

	padding-bottom:5px;
	padding-top:0;

}

main.contact-us > div.main-container h2{
	margin-top:25px;
}

main.contact-us > div.main-container  a.nav-action{
	margin-top:25px;
	margin-bottom:25px;
}







/* */









main > div.main-container.cart > div.top_container{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding-left:10px;
	padding-right:10px;
}

main > div.main-container.cart > div.cart_container{
	width:100%;

	padding:10px;
}

main > div.main-container.cart a.action-browse{
	margin-right:15px;
	/*color:blue;*/
	color:#C1272D;

	font-size:17.5px;
	cursor:pointer;
}



main > div.main-container.cart > div.cart_container > div.items_container{
	width:100%;
	border:1px solid black;

	margin-bottom:25px;
}

main > div.main-container.cart > div.cart_container > div.items_container > div.item{
	width:100%;
	margin-bottom:40px;

	display:flex;
	justify-content:space-between;
	align-items:center;

	padding:10px;
}

main > div.main-container.cart > div.cart_container > div.items_container > div.item:last-child{
	margin-bottom:0;
}


main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.left{
	display:flex;
	flex-direction:row;
}

main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.left > div.img-container{
	margin-right:25px;
	width:200px;
	height:auto;
	max-height:250px;
}

main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.left > div.img-container > img{
	width:100%;
	height:auto;
	object-fit:contain;
}


main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.left >  div.column{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-around;
}




main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.right{
	display:flex;
	flex-direction:column;
}


main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.right > a{
	margin-bottom:10px;
}

main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.right > div.remove-container{

}

main > div.main-container.cart > div.cart_container > div.items_container > div.item > div.right > div.remove-container > a.remove{
	font-size:12px;
	color:darkgrey;

	cursor:pointer;
}



main > div.main-container.cart > div.cart_container > div.total-container{
	width:100%;

	display:flex;
	align-items:center;
	justify-content:flex-end;
}

main > div.main-container.cart > div.cart_container > div.total-container > div.container{
	border:1px solid black;
	padding:15px;
}

main > div.main-container.cart > div.cart_container > div.total-container > div.container > div{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row;

	border-bottom:1px solid darkgrey;
}

main > div.main-container.cart > div.cart_container > div.total-container > div.container > div > h3{
	margin-right:100px;
}

main > div.main-container.cart > div.cart_container > div.total-container > div.container > div > a{
}



main > div.main-container.cart > div.cart_container > div.total-container > div.container > div.action{
	justify-content:space-around;

}

main > div.main-container.cart > div.cart_container > div.total-container > div.container > div > a.action{
	padding:15px;
	/*background:blue;*/
	background:#C1272D;
	color:white;
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
}













main > div.main-container  div.product_create{

}

main > div.main-container  div.product_create form#create_product_form{
	padding:15px;
}

main > div.main-container  div.product_create form#create_product_form > div.gallery_images_container{
	width:90%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;

	margin-bottom:15px;
}



main > div.main-container  div.product_create form#create_product_form > div.gallery_images_container > div.img-container{
	width:60px;
	height:60px;

	margin-right:10px;
	border:1px solid black;
}

main > div.main-container  div.product_create form#create_product_form > div.gallery_images_container > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}



form#create_product_form div.variations_container{
	padding:20px;
}

form#create_product_form div.variations_container > div.variation{
	border:1px solid black;
	margin-bottom:10px;
}

form#create_product_form div.variations_container > div.variation > div.container{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
}



main > div.main-container > div.top_container{
	display:flex;
	flex-direction:row;
}




div.main-container > div.categories{
	width:100%;
}

div.main-container > div.categories > div.categories-grid{
	width:100%;

	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}

div.main-container > div.categories > div.categories-grid > div.element{
	border:1px solid black;
	width:250px;
	height:300px;

	margin-right:25px;
	margin-bottom:25px;
}

div.main-container > div.categories > div.categories-grid > div.element > a.overlay{
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-direction:column;
	height:100%;
	width:100%;
}


div.main-container > div.categories > div.categories-grid > div.element > a.overlay > div.img-container{
	height:85%;
	width:100%;
}

div.main-container > div.categories > div.categories-grid > div.element > a.overlay > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
}


div.main-container > div.categories > div.categories-grid > div.element > a.overlay > span{
	/*background:blue;*/
	background:#C1272D;
	color:white;
	height:15%;
	width:100%;

	display:flex;
	justify-content:space-around;
	align-items:center;

}











main > div.main-container div.cart{
	margin-left:25px;
}


main > div.main-container div.cart div.img-container{
	width:50px;
	height:50px;
	margin-bottom:5px;
}

main > div.main-container div.cart div.img-container > img{
	width:100%;
	height:100%;
	object-fit:contain;
}

main > div.main-container div.cart div.column{
	display:flex;
	flex-direction:column;

}

main > div.main-container div.cart div.column > *{
	margin-bottom:5px;
}


main > div.main-container div.cart div.item{
	border:1px solid black;
	margin-bottom:25px;
	padding:12.5px;
}


main > div.main-container div.cart div.item > div.remove-container{
	margin-top:12.5px;
	font-size:12.5px;
}

main > div.main-container div.cart div.item > div.remove-container > a.remove{
	color:grey;
	cursor:pointer;
	margin-top:50px;
}








div.products{
	width:100%;

	display:flex;
	flex-direction:column;

}

div.products > div.product{
	border:1px solid black;
	padding:15px;
	margin-bottom:15px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

div.products > div.product > *{
	margin-bottom:7.5px;
}

div.products > div.product div.img-container{
	height:75px;
	width:75px;
	margin-bottom:7.5px;
}

div.products > div.product div.img-container > img{
	height:100%;
	width:100%;
	object-fit:contain;
}

div.products > div.product > div.variations_container{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

div.products > div.product > div.variations_container > div{
	margin-bottom:7.5px;

	display:flex;
	flex-direction:row;

}

div.products > div.product > div.variations_container > div > *{
	margin-right:5px;
}






div#checkout_overlay_container div{
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div#checkout_overlay_container{
	position:fixed;
	width:100%;
	min-height:100%;
	background:rgba(0,0,0,0.5);
	z-index:666;
	top:0;
	left:0;

	display:flex;
	justify-content:space-around;
	align-items:center;
	/*display:none;*/
}
div#checkout_overlay_container > div.container{
	height:350px;
	width:350px;

	background:white;
	border-radius:10px;
	border:1px solid black;
}

div#checkout_overlay_container > div.container > div.img-container{
	height:90%;
	width:90%;
}

div#checkout_overlay_container > div.container > div.img-container > img{
	object-fit:contain;
	animation: pulse 3.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}




div.checkout{
	width:100%;

}

div.checkout > div.top{
	width:100%;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

div.checkout > div.bottom{
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}

div.checkout div.total_container{
	width:45%;
}

div.checkout div.total_container > div.sticky_container{
	border:1px solid black;
	position: sticky;
	top:10%;
	display:flex;
	flex-direction:column;
}


div.checkout div.total_container > div.sticky_container > h3{
	margin-left:10px;
}


div.checkout div.total_container > div.sticky_container > div.container{

}

div.checkout div.total_container > div.sticky_container > div.container > div.element{
	border-top:1px solid black;
	border-bottom:1px solid black;

	margin-bottom:10px;

	padding:10px;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

div.checkout div.total_container > div.sticky_container > div.container > div.element.total{
	border-top:none;
	border-bottom:none;
	padding:0;
	margin:0;
	flex-direction:column;

}


div.checkout div.total_container > div.sticky_container > div.container > div.element > div.img-container{
	height:50px;
	width:auto;
}


div.checkout div.total_container > div.sticky_container > div.container > div.element > div.img-container > img{
	height:100%;
	width:auto;
	object-fit:contain;
}

div.checkout div.total_container > div.sticky_container > div.container > div.element > div.mid{
	display:flex;
	flex-direction:column;
}

div.checkout div.total_container > div.sticky_container > div.container > div.element > div.mid > a.name{
	margin-bottom:7.5px;
	font-size:18px;
}


div.checkout div.total_container > div.sticky_container > div.container > div.element > div.right{

}

div.checkout div.total_container > div.sticky_container > div.container > div.element > div.right > a.qty{
	margin-right:50px;
	font-size:18px;
	color:orange;
	font-weight:bold;
}




div.checkout div.total_container > div.sticky_container div.img-container{
	height:60px;
	width:60px;

}

div.checkout div.total_container > div.sticky_container div.img-container > img{
	height:100%;
	width:100%;
	object-fit:cover;
	
}

div.checkout div.total_container div.row{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-left:10px;
	padding-right:10px;
}

div.checkout div.total_container div.element.total div.row.total{
	border-top:1px solid black;
}




form#checkout_form{
	width:50%;
	display:flex;
	flex-direction:column;
}

form#checkout_form div{
	display:flex;
	flex-direction:column;
}

form#checkout_form div.row{
	flex-direction:row;
}

form#checkout_form div.credit_card_container{
	display:none;
}
form#checkout_form div.paypal_container{
	display:none;
}

form#checkout_form div.stripe_container{
	display:none;
}


form#checkout_form div.shipping_container{
	display:none;
	/*display:flex;*/
}




form#checkout_form div.shipping_methods_container.pending{
	border:1px solid red;
}



form#checkout_form input.pending{
	border:1px solid red;
}





form#checkout_form a.error{
	/*display:flex;*/
	display:none;
	color:red;
	font-size:12.5px;
	margin-bottom:20px;
}


form#checkout_form div.img-container.cards-img-container{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	margin-left:10px;
}

form#checkout_form div.img-container.cards-img-container > img{
	margin-right:5px;
	border:1px solid black;
	height:37.5px;
	width:65px;
}


form#checkout_form div.img-container{
	margin-left:10px;
}

form#checkout_form div.img-container > img{
	border:1px solid black;
	height:37.5px;
	width:65px;
}

form#checkout_form div.row.payment{
	margin-bottom:10px;
}





div.product_edit{
	width:100%;
}

div.product_edit > div.container{
	width:95%;

	display:flex;
	flex-direction:column;
}

div.product_edit > div.container > div.element{
	padding:15px;
	border:1px solid black;
	margin-bottom:5px;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

div.product_edit > div.container > div.element > div.top{
	width:100%;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

div.product_edit > div.container > div.element > div.top > div.img-container{
	height:50px;
	width:50px;
}

div.product_edit > div.container > div.element > div.top > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:contain;
}

div.product_edit > div.container > div.element > div.top > div.gallery_images > div.img-container{
	height:50px;
	width:50px;
}

div.product_edit > div.container > div.element > div.top > div.gallery_images > div.img-container > img{
	height:100%;
	width:100%;
	object-fit:contain;
}




div.product_edit > div.container > div.element > div.top > a.delete{
	color:red;
	cursor:pointer;
}

div.product_edit > div.container > div.element > div.top > a.edit{
	cursor:pointer;
}

div.product_edit > div.container > div.element > div.bottom{
	width:100%;
	display:flex;

	/*display:flex;*/
	display:none;

	justify-content:space-around;
	align-items:center;
	flex-direction:column;

	padding:20px;
}


div.product_edit > div.container > div.element > div.bottom  div.img-container{
	height:50px;
	width:50px;
}

div.product_edit > div.container > div.element > div.bottom div.img-container > img{
	height:100%;
	width:100%;
	object-fit:contain;
}

div.product_edit > div.container > div.element > div.bottom  div.variations_container > div.variation{
	border:1px solid black;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
}






div.categories_view{
	width:100%;
}


div.categories_view > div.container{
	width:100%;
	display:flex;
	flex-direction:column;
}


div.categories_view > div.container > div.element{
	width:100%;
	border:1px solid black;
	width:100%;
	padding:10px;

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
}

div.categories_view > div.container > div.element.top_row{
	color:white;
	background:black;
	flex-direction:row;
}

div.categories_view > div.container > div.element.top_row > a{
	width:20%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.categories_view > div.container > div.element > div.top{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;


	padding-top:10px;
	padding-bottom:10px;
}

div.categories_view > div.container > div.element > div.top > a{
	width:20%;
	display:flex;
	justify-content:space-around;
	align-items:center;

}

div.categories_view > div.container > div.element > div.top >  div.img-container{
	width:20%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.categories_view > div.container > div.element > div.top > div.img-container > img{
	width:50px;
	height:50px;
	object-fit:contain;
}



div.categories_view > div.container > div.element > div.bottom{
	width:100%;
	display:none;
	/*display:flex;*/
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}

div.categories_view > div.container > div.element > div.bottom > form{
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.categories_view > div.container > div.element > div.bottom > form > div{
	width:100%;
	display:flex;
	flex-direction:column;
}

div.categories_view > div.container > div.element > div.bottom > form button{
	height:35px;
	width:90px;
}

input[readonly]{
	background:darkgrey;
	border:1px solid grey;
}





div.categories_view > div.container > div.element 



a.action{
	cursor:pointer;
	color:red;
}



div.orders_view{
	width:100%;
}


div.orders_view > div.container{
	width:100%;
	display:flex;
	flex-direction:column;
}

div.orders_view > div.container > div.element{
	width:100%;
	border:1px solid black;
	width:100%;
	padding:10px;

	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
}

div.orders_view > div.container > div.element.top_row{
	color:white;
	background:black;
	flex-direction:row;
}

div.orders_view > div.container > div.element.top_row > a{
	margin-right:15px;
	width:14.28%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}



div.orders_view > div.container > div.element > div{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}


div.orders_view > div.container > div.element:last-child > div.top{
	border-bottom:none;
}

div.orders_view > div.container > div.element > div.top{
	padding:10px;
	padding-left:0;
	padding-right:0;
	border-bottom:1px solid black;
}

div.orders_view > div.container > div.element > div.top > a{
	margin-right:15px;
	width:14.28%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.orders_view > div.container > div.element > div.top > a#view{
	cursor:pointer;
}


div.orders_view > div.container > div.element > div.content.hidden-content{
	/*display:flex;*/
	display:none;
}


div.orders_view > div.container > div.element > div.content{
	/*display:flex;*/
	flex-direction:column;

	border-top:1px solid darkgrey;
}



div.orders_view > div.container > div.element > div.content > div.items_container{
	width:100%;
	margin-bottom:25px;
}

div.orders_view > div.container > div.element > div.content > div.items_container > div.element{

	border:1px solid black;
	border-top:none;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding-top:10px;
	padding-bottom:10px;
}

div.orders_view > div.container > div.element > div.content > div.items_container > div.element > a{
	width:14.28%;
	display:flex;
	justify-content:space-around;
	align-items:center;
}




div.orders_view > div.container > div.element > div.content > div.items_container > div.element.top_row{
	color:white;
	background:black;
}


div.orders_view > div.container > div.element > div.content > div.items_container > div.element.order_total{
	border-top:2px solid black;
}


div.orders_view > div.container > div.element > div.content > div.items_container > div.element.order_total > a.total{
	font-size:30px;
}



div.orders_view div.img-container{
	width:14.28%;
	aspect-ratio:1/1; /* make height = width */
	display:flex;
	justify-content:space-around;
	align-items:center;
}

div.orders_view div.img-container > img{
	height:50%;
	width:50%;
	object-fit:contain;
	border:1px solid black;
}



form{
	border:1px solid black;
	padding:15px;

	display:flex;
	flex-direction:column;
}

form label{
	margin-bottom:10px;
}

form input{
	margin-bottom:20px;
}


/* submit review */

div.star-rating{
	flex-direction:row;
	justify-content:flex-start;
}

div.star-rating > span{
	margin-right:5px;
	font-size:35px;
	color:white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

	cursor:pointer;
}

div.star-rating > span.selected{
	color: #f8d64e !important;
}








footer > div.top-footer{
	width:100%;
	/*background:green;*/
	background:#4A4A4A;
	color:white;
}

footer > div.bottom-footer{
	width:100%;
	background:black;
	color:white;
}

footer > div.top-footer > div.footer-container{
	width:100%;
	max-width:1500px;

	padding-top:25px;

	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

footer > div.bottom-footer > div.bottom-footer-container{
	width:100%;
	max-width:1500px;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}





footer div.logo-container > img{
	width:400px;
	height:auto;
}






footer > div.top-footer > div.footer-container > *{
	margin-bottom:35px;
}

footer > div.top-footer > div.footer-container > div.top{

	width:100%;

	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;

	padding-left:25px;
	padding-right:25px;

}

footer > div.top-footer > div.footer-container > div.top > p{
	margin-right:75px;
	font-size:20px;
	font-style:italic;
}

footer > div.top-footer > div.footer-container > div.links{
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-direction:row;

	padding-left:25px;
}

footer > div.top-footer > div.footer-container > div.links > div.column{

	width:20%;

	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-direction:column;
}

footer > div.top-footer > div.footer-container > div.links > div.column > a{
	margin-bottom:5px;

	cursor:pointer;

	transition: color 0.3s ease-in-out;

	color:white;
}


footer > div.top-footer > div.footer-container > div.links > div.column > a:hover{
	color:#d1d1d1;
}


footer > div.top-footer > div.footer-container > div.links > div.column > a:first-child{
	padding-bottom:2.5px;
	border-bottom:1px solid white;
	width:100%;

	cursor:default;
}

footer > div.top-footer > div.footer-container > div.links > div.column > a:first-child:hover{
	color:white;
}




footer > div.top-footer > div.footer-container > div.sm{
	width:100%;

	padding-left:25px;

	display:flex;
	flex-direction:row;
}


footer > div.top-footer > div.footer-container > div.sm > a{
	font-size:35px;
	margin-right:10px;

	display:flex;
	justify-content:space-around;
	align-items:center;
}

footer > div.top-footer > div.footer-container > div.sm > a:hover i{
	color:#d1d1d1;
}

footer > div.top-footer > div.footer-container > div.sm > a > i{
	color:white;

	transition: color 0.3s ease-in-out;
}




footer > div.top-footer > div.footer-container > div.payment-icons-container{

	width:100%;

	padding-left:25px;


	display:flex;
	flex-direction:row;
}

footer > div.top-footer > div.footer-container > div.payment-icons-container > div.img-container{
	width:45px;
	height:30px;

	border:1px solid black;

	margin-right:5px;
}


footer > div.top-footer > div.footer-container > div.payment-icons-container > div.img-container > img{
	width:100%;
	height:100%;
	object-fit:cover;
}






footer > div.bottom-footer > div.bottom-footer-container{
	padding:25px;
	padding-top:20px;
	padding-bottom:20px;

	font-size:15px;
}

footer > div.bottom-footer > div.bottom-footer-container > div.right{
	font-size:12px;
}


footer > div.bottom-footer > div.bottom-footer-container > div.right > a{
	margin-right:7.5px;
	color:darkgrey;
	cursor:pointer;

	transition: color 0.3s ease-in-out;
}

footer > div.bottom-footer > div.bottom-footer-container > div.right > a:hover{
	color:grey;
}