/*  
	http://www.freshdesignweb.com/beautiful-image-hover-effects-with-jquery-css.html 
	*/
	 
	.fdw-background{ border:4px solid #E69F43; position:absolute; top:0px; left:0px; z-index:9999; background-color:rgba(0,0,0,0.7); opacity:0; margin-top:0px; width:100%; height:100%; }
	.fdw-background h4{font-size:20px; font-family: 'Dosis', sans-serif; text-align:center; padding:40px 40px 0; }
	.fdw-background a{margin: 0 auto;}
	.fdw-background .fdw-port{ text-align:center; padding:0 40px 0; }
	.fdw-background .fdw-port a{ padding:8px 15px; font-size:1em; }
	/*subtitle*/
	.fdw-subtitle{ font-size:0.8em; margin-top:-20px; color:#0CF; }
	.fdw-subtitle a{ color:#F90; }
	/*columns*/
	.c-two{ width:175px !important; }
	/*align*/
	.a-center{ text-align:center; }
	/*border*/
	.border{  margin:-1px;}
	/*link buttons*/
	.product{
				position:relative;
				margin: 5px 10px;
				width:210px;
				box-shadow: 0px 0px 1px rgba(128, 128, 128, 0.58);
				float:left;
				padding: 10px;
				background: white;
				height:380px;/*madv*/
			}
			.xy
			{
				width:98%;
				margin: 2% 2.5%;
			}
			.product a
			{
				/* margin:2px; */
			}

a.please-visit {
    font-size: 12px;
    width: 100%;
}
			.form-actionsx
			{
				padding:10px 15px;
				background-color:#CCC9C9;
				border-top:thin solid grey;
			}
			.product-title
			{
				padding:5px;
				text-align:center;
				font-weight:bold;
				height: 70px;
				overflow:hidden;
				font-size:9pt;
			}
			.product-dis
			{
				padding:5px;
				text-align:center;
				font-weight:bold;
				overflow:hidden;
				height: 64px;
			}
			.thumbnail2 {
			  position: relative;
			  width: 100%;
			  height: 190px;
			  overflow: hidden;
			  float:left;
			}
			
			.thumbnail2 img {
			  position: absolute;
			  left: 50%;
			  top: 50%;
			  height: auto;
			  -webkit-transform: translate(-50%,-50%);
			  -ms-transform: translate(-50%,-50%);
			  transform: translate(-50%,-50%);
			  border-radius: 0;
			}
			.slider {
				width: 100%;
				margin: 10px auto;
			}
		
			.slick-slide {
			}
		
			.slick-slide img {
			  width: 100%;
			}
		
			.slick-prev:before,
			.slick-next:before {
				color: black;
			}
	.site-header {background-image:none!important;}
	@media screen and (min-width: 480px) 
 	{
		.xy{
				
				margin: 1.5% 2%;
				width:44%;
			}
	}
	@media screen and (min-width: 700px) 
 	{
		.xy{
				
				margin: 1.2% 1.7%;
				width:29%;
			}
	}
	@media screen and (min-width: 900px) 
 	{
		.xy{
				
				margin: 1.3% 1%;
				width:23%;
			}
	}