html { font-size: 12px }
@media (max-width: 576px) { html { font-size: 8px }  }
a[type="button"] {   -webkit-appearance: none; } /* iOS fix */
 
.display-5 { font-size: 3.0rem; }
.display-6 { font-size: 2.5rem; }
.display-7 { font-size: 2.0rem; }
.display-8 { font-size: 1.5rem; }

.bckg06	{ background:rgba(0,0,0,0.6) !important; color:white !important; }
.top40 { top:40% !important }
.top60 { top:60% !important }
.w-5 { width:5% !important }
.center-h, .center-v { display:flex; justify-content:center; align-items:center }
.center-v { flex-direction:column }
.start-h { display:flex; justify-content:start; align-items:center }

/* FLEX */
.d-none { display:none }
.d-flex-start { display:flex; justify-content:start; align-items:center }
.d-flex-center { display:flex; justify-content:center; align-items:center }
.d-flex-end { display:flex; justify-content:end; align-items:center }
.d-flex-around { display:flex; justify-content:space-around; align-items:center }
.d-flex-between { display:flex; justify-content:space-between; align-items:center }
.d-flex-col { flex-direction: column; }
	
.bg-top { 
	background: url('/images/ecommerce.jpg'); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #548bef;
	min-height:150px;
}
.bg-shadow {
	-webkit-box-shadow: 3px 14px 32px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 14px 32px -3px rgba(0,0,0,0.75);
	box-shadow: 3px 14px 32px -3px rgba(0,0,0,0.75);
}

.box-round { 
  font-size: 2.4rem; font-weight: 300;   
  margin-top:15px; 
}
.box-round div 	 { line-height: 1.6; width:50px;height:50px; border-radius:48px; background:#a6d96d;color:white;text-align:center; font-weight:bold; margin:10px; }
.box-round label { margin:10px; }
@media (max-width: 576px) { 
	.box-round div 	{ font-size: 4.0rem; line-height: 1.5; }  
}


.hsection { min-height:350px }
.btn-outline-dark:hover {
	color: #fff;
	background-color: #00b3db;
	border-color: #285e8e;  
}
.btn-cart-wrap, .btn-cart-wrap-m  { position:fixed; top:50%; right:10%; z-index:10000; }
.btn-cart-wrap-m { right:1%; }

.btn-cart-wrap div, 
.btn-cart-wrap a,
.btn-cart-wrap-m div,
.btn-cart-wrap-m a
{ 
	display:block;
	font-size:28px;
	background:rgba(0,0,0,0.4);
	text-align:center;color:white;
	width:60px;height:48px;text-decoration: none;
	margin:10px;padding:10px;
	cursor:pointer;
}

.products-msg { font-size:22px;}
.cart-title { font-size:22px;font-weight:bold }
.cart-line  { background:black;width:100%;margin:0 }
.cart-total { font-size: 2.4rem;font-weight:bold;text-align:right;padding-right:0px }
.cart-info  { font-size: 1.6rem; width:100%; text-align:center;  font-style: italic; }  
.cart-products { font-size: 2.4rem; }
.cart-products td { width:30%;vertical-align:middle }

.cart-products input,.cart-products button { width:50px }
@media (max-width: 576px) { 
	.cart-products { font-size: 1.8rem; }
	.cart-products input,.cart-products button { width:40px }
	.cart-products td:last-child { width:10%; }
}


.td-0 { display:none }
	
.btncart   { margin-top:-5px }
.btncart button, .btncart input { font-size:20px }
	
.btn-side { margin:10px;padding:10px; }

.active-category { border:6px solid #a6d96d; padding:5px }
.categ-wrap {}
.categ-wrap a { 
	margin:  5px 0px 5px 0px; padding: 5px 50px 5px 50px; 
	background:transparent !important; color:black !important;
}
.categ-wrap img { width:220px;height:auto; }

.product-wrap { position:relative; width:290px; border: 1px solid #af000a }
.product-detail { display:none }
.product-detail div { min-height:100px; }
.product-wrap img { max-width:150px }
.product-wrap button { background:rgba(175,0,10,0.6);color:white; font-size:22px }
.product-wrap button:last-child { background:rgba(225,163,50,0.6); }
.product-flag {  display:none; position:absolute;top:0;left:0; background:#a6d96d; color:white; padding:10px }

.container-cart {
	display:none;
	position:fixed; top:0%; left:0%;
	background:rgba(0,0,0,0.6);
	width:100%;height:100%;
	text-align:center; z-index:10000
}
.container-cart-content {
	display: flex; flex-direction: column;
	align-items: flex-start; justify-content: start;
	background:white;width:60%;min-height:300px;
	margin: 0 auto;
}

.privacy-check { width:32px;height:24px }
.privacy-label { line-height:2px }

.spinner { 
	display:none;
	position:fixed; top:0;left:0; width:100%;height:100%; 
	background: rgba(80,80,80,0.5); z-index:50000;
}
.spinner div { 
	display: flex;  justify-content: center; align-items: center; 
	width:100%;height:100%; z-index:50001 
}

/*----------------- SOCIAL MENU -----------------*/

.social-icon .fa {    }
.social-icon ul { padding:0px; margin-left:0   }
.social-menu li { margin:3px    }
 

.social-menu {
	list-style: none;
	display:flex; justify-content:center; align-items: center;
	height:100%; padding:0; margin:0;width:auto
}
.social-right {justify-content:right;}
.social-menu li a {
	background-color: #99a3b0;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
	font-family: fontawesome;
	text-align: center;
	display: block;
	line-height: 30px;
	height: 30px;
	width: 30px;
}

.social-menu-mob li a {
	background-color: #fff;
	border-radius: 100%;
	font-size: 12px;
	font-family: fontawesome;
	text-align: center;
	height: 30px;width: 30px;
	line-height: 30px;
	color: #99a3b0;
}

.transparent .social-menu li a {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: #fff;
	height: auto;
	width: auto;
}

.social-menu li a[href*="facebook.com"]::before {
	content: "\f09a";
}

.social-menu li a[href*="linkedin.com"]::before {
	content: "\f0e1";
}

.social-menu li a[href*="twitter.com"]::before {
	content: "\f099";
}

.social-menu li a[href*="plus.google.com"]::before {
	content: "\f0d5";
}
.social-menu li a[href*="pinterest.com"]::before {
	content: "\f0d2";
}
.social-menu li a[href*="instagram.com"]::before {
	content: "\f16d";
}
.social-menu li a[href*="apple.com"]::before {
	content: "\f179";
}
.social-menu li a[href*="play.google.com"]::before {
	content: "\f17b";
}

.social-menu li a[href*="twitter.com"]:hover {
	color: #333333;
}

.social-menu li a[href*="plus.google.com"]:hover {
	color: #333333;
}

.social-menu li a[href*="linkedin.com"]:hover {
	color: #333333;
}

.social-menu li a[href*="facebook.com"]:hover {
	color: #333333;
}

 
.social-menu li a[href*="instagram.com"]:hover {
	color: #333333;
}
.social-menu li a[href*="pinterest.com"]:hover {
	color: #333333;
}
.social-menu li a[href*="android.com"]:hover {
	color: #333333;
}
.social-menu li a[href*="apple.com"]:hover {
	color: #333333;
}

.transparent .social-menu li a[href*="twitter.com"]:hover {
	color: #99a3b0;
}

.transparent .social-menu li a[href*="facebook.com"]:hover {
	color: #99a3b0;
}

.transparent .social-menu li a[href*="plus.google.com"]:hover {
	color: #99a3b0;
}

.transparent .social-menu li a[href*="linkedin.com"]:hover {
	color: #99a3b0;
}

.transparent .social-menu li a[href*="facebook.com"],
.transparent .social-menu li a[href*="linkedin.com"],
.transparent .social-menu li a[href*="twitter.com"],
.transparent .social-menu li a[href*="plus.google.com"] {
	color: #fff;
}

.transparent .is-sticky .social-menu li a[href*="facebook.com"],
.transparent .is-sticky .social-menu li a[href*="linkedin.com"],
.transparent .is-sticky .social-menu li a[href*="twitter.com"],
.transparent .is-sticky .social-menu li a[href*="plus.google.com"] {
	color: #333333;
}

form input, 
form textarea, 
form button { font-size: 1.5rem !important; }

@media (max-width: 576px) { 
	form input, 
	form textarea, 
	form button { font-size: 2.5rem !important; }
}