.c-title{font-family: 'Oswald', sans-serif;border-bottom:1px solid #eaeaea;margin-bottom:10px}
.tiles-container,.related-categories,.category-info,.filters{margin-bottom:30px}
.filters .mode span{display:inline-block;padding:5px 10px;border:1px solid #eaeaea;cursor: pointer;}
.filters .mode span.active{color: #0C5082;border-color: #0C5082;}

.category-info {position:relative;min-height:75px;width:100%}
.category-info .inner-info{position:absolute;width: 100%;bottom:0;left:0;padding:10px;color: #727272;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0C5082+0,23cbc2+100&1+0,0.39+100 */  background: -moz-linear-gradient(left,  rgba(35,203,194,1) 0%, rgba(35,203,194,0.39) 100%); /* FF3.6-15 */  background: -webkit-linear-gradient(left,  rgba(35,203,194,1) 0%,rgba(35,203,194,0.39) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0.39) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C5082', endColorstr='#6323cbc2',GradientType=1 ); /* IE6-9 */}
.category-info .category-name{margin:0 0 5px 0;font-size:17px;padding-bottom: 10px;}

.tiles-container .product-container{border:1px solid #eaeaea;padding:10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin-bottom: 20px;}
.product-container{position:relative;}
.product-container .marketing{position:absolute;top:4px;right:-4px;z-index:1;letter-spacing:1.3px;transition:all .3s ease}
.product-container:hover .marketing{right:0}
.product-container .astx-new{padding: 3px 9px;background-color: #56ce48;color: #fff;font-weight: bold;}
.product-container .astx-sale{padding: 3px 9px;background-color: #dc3e3e;color: #fff;font-weight: bold;}
.product-container .astx-sold-out{padding: 3px 9px;background-color: #333;color: #fff;font-weight: bold;}
.product-overlay-opt{opacity:0;position: absolute;left:0;top:0;width:100%;height:100%;z-index:2;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a89e+0,00a89e+100&0.8+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c5082+0,0c5082+100&0.5+0,1+100 */background: -moz-linear-gradient(top,  rgba(12,80,130,0.5) 0%, rgba(12,80,130,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(12,80,130,0.5) 0%,rgba(12,80,130,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(12,80,130,0.5) 0%,rgba(12,80,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c5082', endColorstr='#0c5082',GradientType=0 ); /* IE6-9 */}
.product-overlay-opt .actions{top:10%;opacity:0;width:100%;position:absolute}
.product-overlay-opt .actions a{display:block;padding:15px 20px;border: 1px solid #fff;font-size:15px;color:#fff}
.product-overlay-opt .action-button{bottom:10%;opacity:0;width:100%;position:absolute;font-family: 'Oswald', sans-serif;}
.product-overlay-opt .action-button a{background-color:transparent;margin-bottom: 12px;border:1px solid #fff;color:#fff;border-radius:0;padding:10px 40px;text-transform: uppercase;font-size: 11px;letter-spacing: 1.3px;}
.product-overlay-opt .actions a:hover, .product-overlay-opt .action-button a:hover{color: #0C5082;background-color:#fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
.tiles-container .product-container:hover .product-overlay-opt{opacity: 1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;outline: 4px solid rgb(206, 206, 206);outline-offset: -4px;}
.tiles-container .product-container:hover .product-overlay-opt .actions {opacity:1;top:30%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.tiles-container .product-container:hover .product-overlay-opt .action-button{opacity:1;bottom: 22%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.tiles-container .img-container{height:200px}
.tiles-container .img-container .inner-img-container{position:relative;height:100%;width:100%;overflow: hidden;}
.tiles-container .img-container img{position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.tiles-container .name-container{font-family: 'Oswald', sans-serif;font-size:14px;text-align:center;padding:10px 0px;border-bottom:1px solid #eaeaea;margin:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tiles-container .product-rating{margin:0;padding:10px 0px 0px}
.tiles-container .product-rating .fa-star-o{color:#ccc}
.tiles-container .product-rating .fa-star{color:#FFDA00}
.tiles-container .desc-container, .tiles-container .prod-option{display:none}
.action-button > a + div {color:#fff;}

.list-container .or-list{width:100%}
.list-container .product-container{margin-bottom:30px}
.list-container .product-container:before, .list-container .product-container:after{content:"";clear:both;display:table}
.list-container .product-container:hover .product-overlay-opt{display:none}
.list-container .product-container:hover .product-overlay-opt .actions {display:none}
.list-container .product-container:hover .product-overlay-opt .action-button{display:none}
.list-container .img-container{height:200px;width:30%;float:left;}
.list-container .list-view-right{width:auto;overflow:hidden;padding-left:10px}
.list-container .img-container .inner-img-container{position:relative;height:100%;width:100%;overflow: hidden;outline: 1px solid #eaeaea;}
.list-container .img-container img{position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.list-container .name-container{font-family: 'Oswald', sans-serif;font-size:14px;text-align:left;padding:0 0 10px;border-bottom:1px solid #eaeaea;margin:0;}
.list-container .desc-container{margin:10px 0;}
.list-container .product-rating{margin:0;padding:10px 0px 0px;text-align:left}
.list-container .btn{border-radius:0;padding:10px 20px;background-color: #0C5082;color:#fff;border:1px solid #fff}
.list-container .btn{font-family: 'Oswald', sans-serif;}
.list-container .btn:hover{background-color:#fff;color: #0C5082;border: 1px solid #0C5082;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.list-container .product-rating .fa-star-o{color:#ccc}
.list-container .product-rating .fa-star{color:#FFDA00}

.related-categories .category-tile{border-bottom:1px solid #eaeaea;position:relative}
.related-categories .category-tile a{font-family: 'Oswald', sans-serif; color:#333;display:block;width:100%;padding:20px 10px;}
.related-categories .category-tile a>span{position:relative;z-index:1}
.related-categories .category-tile a:after{content:"";z-index:0;position:absolute;height:100%;width:0;display:block;left:0;top:0;background-color:#0C5082;}
.related-categories .category-tile a:hover:after{width:100%;-webkit-transition:all 1s ease;transition:all 1s ease;}
.related-categories .category-tile a:hover{color:#fff;text-decoration: none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pagination{font-family: 'Oswald', sans-serif;}
.pagination a{color:#0C5082}

@media screen and (max-width : 780px){
	.category-info .inner-info{position:static;}
}