.top-products {background-color:var(--green-dark); margin-bottom:20px;}
.top-products .boundary:after {content:""; display:none; }

.aio-product .aio-product-list .aio-product-item .aio-product-item-detail .aio-product-item-name a { color:inherit; }

.product-list {margin:20px 0;}
.product-list .boundary {max-width:1200px; }

.product-list .p-container { text-align:left; }
.product-list .order-by { background-color:#FAFAFA; border:1px solid #DDD; padding:10px; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; margin-bottom:20px; }
.product-list .order-by a {display:inline-block; background-color:#FFF; color:#333; border:1px solid #DDD; margin:0 3px; padding:0 10px; font-size:0.8em; vertical-align:middle; border-radius:3px;}
.product-list .order-by a:hover, .product-list .order-by a.active {background-color:var(--green-dark); color:#DDD; }
.product-list .page-nav { text-align:right; margin-top:2em; }
.product-list .page-nav a { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #DDD; border-radius: 100%; font-size: 0.8em; margin: 0 2px; text-align:center; }
.product-list .page-nav a:hover, .product-list .page-nav a.active {background-color:var(--blue-dark); color:#FFF; }

.product-group {margin-top:20px;}
.pg-title { width:auto; height:auto; text-align:left; position:relative; border-bottom:2px solid var(--green-dark); }
.pg-title h2 { display:inline-block; font-size:1em; text-transform:uppercase; line-height:1.5em; color:#FFF; width: auto; max-width:70%; height: auto; background-color:var(--green-dark); position: relative; padding:13px 30px 2px 10px; margin:0 0 -1px; box-sizing:border-box; }
.pg-title h2:after { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-bottom: 20px solid var(--green-dark); border-right: 20px solid #FFF; box-sizing:border-box; }
.pg-title a {font-size:0.9em; position:absolute; bottom:0; right:5px;}
.pg-title a:hover {color:var(--green-dark);}

.right-box { margin-top:20px; }
.right-box h3 {width:100%; font-size:1em; text-transform:uppercase; background-color:var(--green-dark); color:#FFF; margin:0; padding:10px; box-sizing:border-box;}
.right-box ul { list-style-type:none; padding:0; margin:0; }
.right-box ul li { display:block; }
.right-box ul li a { display:block; border:2px solid var(--green-dark); border-top:0; line-height:1.5em; padding:3px 0; box-sizing:border-box; }
.right-box ul li a:hover {background-color:var(--green-dark); color:#FFF; }
.right-box.news ul li {display:block; background-color:#DDD; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:right; position:relative; }
.right-box.news ul li a {border:0;}
.right-box.news ul li a:hover {color:var(--green-light)!important; background-color:unset;}
.right-box.news ul li .square-image {position:absolute; top:0; left:0; display:inline-block; width:30%; height:100%; vertical-align:top;}
.right-box.news ul li .n-content {display:inline-block; width:70%; vertical-align:top; padding:5px; box-sizing:border-box; }
.right-box.news ul li .n-content .n-title {text-transform:uppercase; color:var(--green-dark); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:left; font-weight:bold; font-size:0.6em; line-height:1.7em; }

.products-title { margin-top:40px; }
.products-title .container-title { margin-bottom:30px; }
.products-title h3 { color:var(--blue-dark); text-transform:uppercase; margin:0; padding-bottom:10px; border-bottom:1px solid var(--blue-dark); font-size:1.2em; }
.products-title h3 a { color:#666; }

.products { text-align:left; background-color:var(--grey); padding:0 0 20px; margin-top:0; }
.products.aio-product { background:unset; padding:0; }

.products .product { display:inline-block; width:100%; margin:0 0 20px 0; position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; background-color:#FFF; box-shadow:0 0 3px #333; }

.products .product .p-content { font-size:1em; text-align:center; }
.products .product .square-image:after { position: absolute; top: 0; left: -75%; z-index: 10; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); transition:all 0.5s; }
.products .product:hover .square-image:after { left:120%; }
.products .product .square-image:before { padding-top:52.333%; }
.products .product .p-content .p-title { color:#000; font-weight:bold; line-height:1.3em; font-size:1.1em;  margin-top:10px; }
.products .product .p-content .p-title a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:inherit; }
.products .product .p-content .p-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px; padding:0 10px; box-sizing:border-box; }
.products .product .p-content .p-price { text-align:center; line-height:1.5em; display:block; padding:10px 0; }
.products .product .p-content .p-price .button { background-color:var(--green-ruby); border-color:var(--green-ruby); color:#FFF; }
.products .product .p-content .p-price .button:hover { background-color:var(--blue-light); border-color:var(--blue-light); }
.products .product:hover .p-title { color:var(--blue-light); }
.products .product:hover .inverted-7 { background-position: left; }

.product-list .products-title h3 [class^='icon-'] { float:right; margin:5px; }

.products .categories { background-color:#FAFAFA; margin:0 0 10px; height:0; overflow:hidden; transition:all 0.3s; opacity:0; }
.products .categories a { display:block; padding:10px; box-sizing:border-box; color:var(--blue-dark); text-align:left; border:1px solid #DDD; border-top:0; }
.products .categories a.active, .products .categories a:hover { border-color:var(--blue-light); background-color:var(--blue-light); color:#FFF; }
.products .categories.active {height:auto; opacity:1;}

@media (min-width:576px){
	.products .product { display:inline-block; vertical-align:top; width:49%; margin:0 2% 20px 0; }
	.products .product:nth-child(2n+0) { margin-right:0; }
}

@media (min-width: 768px){
	.pg-title h2, .right-box h3 {font-size:0.9em;}
	.right-box ul li a {font-size:0.8em;}
	
	.product-list {margin:30px 0 50px;}
	.products-title h3 { border-bottom:unset; }
	.products-title h3 i {display:none;}
	
	.aio-product { margin-top:0; }
	
	.product-list .container-title { margin:20px 0; }
	
	.products { padding:0 0 20px; }
	
	.products .product .p-content .p-price {font-size:0.9em;}
	.products .categories { font-size:0.9em; opacity:1; background-color:unset; border-top:1px solid #DDD; }
	.products .p-container { padding-top:0; padding-left:20px; }
	.products .categories a {  }
}

@media (min-width:992px){
	.product-list .pl-title {padding:10px 0;}
	.product-list .pl-title h2 {font-size:1.5em; }
	
	.products .product { width:32%; margin:0 2% 20px 0; }
	.products .product:nth-child(2n){margin-right:2%;}
	.products .product:nth-child(3n){margin-right:0;}
	
}