#btn-close-modal {
/*        width:100%;
        text-align: center;
        cursor:pointer;
        color:#fff;*/
		  color: #fff;
    cursor: pointer;
    height: 30px;
    /*left: 1334px;*/
    position: relative;
    text-align: right;
    top: 0px;
	float:right;
	left:-65px;
    }

	.clearfix{
		clear:both;
	}

	.product{

		overflow: hidden;	
		float:left;
		width:31.6%;
		margin:0 0 15px 10px;	
		cursor: pointer;;
		padding:7px 7px 12px 7px;
		position: relative;
		 border: 1px solid #eee;
		 /*height: 460px;*/
         }
.product:hover
{
	
	 border-color: #4E9D08;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
	transition:all 0.6s ease 0s;
	
	
}
	.product h3{
		font-size:22px;
		margin-bottom: 50px;
	}

	.product h3 span{
		border-bottom:2px solid #ccc;
		padding-bottom:10px;
	}

	 Media queries for responsive 
	@media screen and (max-width: 1220px) { 
		.product{
			width:30.5%;
		}
	}
	@media screen and (max-width: 960px) { 
		.product{
			width: 46%;
		}
	}
	
	@media screen and (max-width: 720px) { 
		.product{
		/*	width: 95%;*/
			/*float: none;*/
		}
	}

	.product img{
/*   		display: block;
    	margin: 0 auto;
    	-webkit-transition: -webkit-transform .2s ease-in-out;
  		transition: transform .2s ease-in-out;*/
		  display: block;
    height: 200px !important;
    margin: 0 auto;
    transition: transform 0.2s ease-in-out 0s;
    /*width: 200px;*/
	}

	/* rotate and scale product images */
/*	.product:hover img{
		transform:rotate(8deg) scale(1.05);
		-webkit-transform:rotate(8deg) scale(1.05);
	    -moz-transform:rotate(8deg) scale(1.05);
	    -o-transform:rotate(8deg) scale(1.05);
	}*/

	.product button{
		border:1px solid #ccc;
		background:#fff;
		font-size:20px;
		width:30px;
		height:30px;
		outline: none;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top:5px;
		right:5px;
	}
	
	.product button:hover{
		border:1px solid #99cd4e;
		background:;
		color:#fff;
		background:#4E9D08;
	}

	/* selected product button state */
	.product.selected{
		
	   transition: border-color .5s ease-in-out;
	    -webkit-transition: border-color .5s ease-in-out;
	    -moz-transition: border-color .5s ease-in-out;

	}

	.product.selected button{
		background:#32380C;
		border:1px solid #32380C;
		color:#fff;
	}

	/* rotate the + to be an x */
	.product.selected button div{
		margin-left:-2px;
			/* Safari */
		-webkit-transform: rotate(-45deg);
		/* Firefox */
		-moz-transform: rotate(-45deg);
		/* IE */
		-ms-transform: rotate(-45deg);
		/* Opera */
		-o-transform: rotate(-45deg);
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	}

	.product button.selected:hover{
		background:#1dc0f5;
	}
	
	.product .text-center{
		text-align: center;
		margin:5px 0 0 0;

	}

	/*.product .description{
		padding:0 50px;
	}*/
	
	.product .price{
		margin:0 0 10px;
		color:#666;
	}

	.product .add-to-cart{
/*		background: #16A9EF;
		padding:8px 10px;
		text-decoration: none;
		color: #fff;
		border-radius:4px;
		float: left;
		margin: 0 6%;*/
    background: #4E9D08 none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin: 2px 8px 0 10px;
    padding: 4px;
    text-align: center;
    width: 71%;
	}
	
	.product .add-to-cart:hover
	{
	background: #32380C none repeat scroll 0 0;	
	}
	
	
	.product .added{
		background: #efefef;
		padding:8px 10px;
		text-decoration: none;
		color: #1360b7;
		border-radius:4px;
		float: left;
		margin: 0 6%;
	}
	/* Compare products button */
	
	.compare-products{
	/*   background:#efefef;
background: #9ecd43 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 12px 16px;
    text-decoration: none;*/  	
	
	
	
	   background:#4E9D08 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 10px 20px 0 0;
    padding: 9px 13px;
    text-decoration: none;
	float:right;
	font-family: 'latoregular';
	}

	.compare-products.active{
		 background: #32380C none repeat scroll 0 0;
    float: right;
    height: 39px;
    margin:10px 20px 0 0;
    padding: 9px 13px;
	font-family: 'latoregular';
	}
	
	/* 	Modal Styles */

	.modal-inner{
		padding:5%;
	}

	.modal-inner .no-products{
		color: #fff;
		margin-top:20%;
		font-size:35px;
		text-align: center;
	}

		.modal-inner .product{
		/*background: transparent;
		border-color:#8eccf5;
		padding:0;
		border:1px solid #000;*/
		 border: 1px solid #eee;
    cursor: pointer;
    float: left;
    margin: 0 0 20px 25px;
    overflow: hidden;
    padding: 7px 7px 12px;
    position: relative;
    width: 21.6%;
	background:#FFF;
	max-height:360px;
		}
		
		
	.modal-inner .product:hover
	{
		border-color: #4e9d08;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.18);
    transition: all 0.6s ease 0s;
	}

	.modal-inner .product ul, .modal-inner .product li{
		color:#fff;
		list-style:none;
		margin:0;
		padding:10px 0;
	/*	border-bottom:1px solid #8eccf5;*/
		text-align:center;
	}

	.modal-inner .product li:last-of-type{
		border-bottom:0;
	}

	.modal-inner .product li span{
	 	color: #2d2d2d;
    font-family: "oswald";
    font-size: 20px;   
	}

	#btn-close-modal{
		margin-top:40px;
	}
	
p.product
{
	color:#fff;
}







#animatedModal
{
  animation-duration: 0.6s;
    background-color: #fff !important;
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 9999;
}
.modal-products img
{
/*    border: 1px solid #000;*/  
   height: 170px !important;
    margin: 0;
    text-align: center;
    width: 100%;
}

.modal-products img:hover
{
	transform:scale(1.1);
}

.modal-inner .product li span {
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.modal-inner .product li span.comp_price {
    font-size: 17px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
	font-family: "latoregular";
}
.modal-products ul li span p
{
	font-family: "latoregular";
    font-size: 14px;
    font-weight: normal;
    margin: 2px 0 0;
    min-height: 60px;
	text-transform:none;
}

#grid {
   font-family: 'latoregular';
    font-size: 14px;
    padding: 11px 21px;
}
#list
{
	 font-family: 'latoregular';
    font-size: 14px;
    padding: 11px 21px;
	
	
}
.modal-products {
    width:100%;
}