body{
	font-family: 'Dosis', sans-serif;
	font-weight:300;
}
#content{
	margin:0 70px 0 70px;
	color:#808080;
	line-height:1.4em;
}
	.one-col{
		width:33.33333%;
		margin-bottom:70px;
		float: left;
		box-sizing:border-box;
		padding-right:20px;
	}
	.one-col img,
	.two-col img{
		width:100%;
	}
	.two-col{
		width:66.66666%;
		margin-bottom:70px;
		float: left;
	}
	.full-width{
		width:100%;
		margin-bottom: 70px;
	}
	#content .cycle-puls-left,#content .cycle-puls-right{
		opacity:1;
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	#content .cycle-puls-left:hover,#content .cycle-puls-right:hover{
		opacity:.8;
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	.one-col.square{
		padding-bottom:33.33333%;
		padding-right:0;
		margin-bottom:30px;
		background-size: contain;
		height:0;
		box-sizing:inherit;
		position:relative;
	}
	.one-col.square .content{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.one-col.square .table{
		display: table;
		width:100%;
		height:100%;
	}
	.one-col.square .table .cell{
		display:table-cell;
		width:100%;
		height:100%;
		vertical-align:middle;
		text-align: center;
		color: white !important;
	}
	.one-col.square .table .cell *{
		color: white !important;
	}
	.one-col.square .table .cell > a{
		display: inline-block;
		padding:10px 20px;
		border:1px solid white;
		min-width:150px;
		text-align: center;
	}
	#content .btn{
		display: inline-block;
		color: white;
		background:#3f5b57;
		text-decoration: none;
		box-sizing:border-box;
		padding:10px;
	}
	#content h1{
		font-weight:300;
		font-size:1.8em;
		letter-spacing:.1em;
		text-transform: capitalize;
		color:#3f5b57;
		line-height:1.4em;
		margin-top:0;
	}
	#content h2{
		font-family: 'Dosis', sans-serif;
		margin:0 0 0.5em 0;
		line-height:25px;
		font-weight: 300;
		font-size:1.5em;
	}
	#content h2 i{
		font-size:70%;
	}
	#content h3{
		font-family: 'Dosis', sans-serif;
		margin:0 0 0.5em 0;
		line-height:25px;
		font-weight: 300;
		font-size:1.3em;
	}
	#content p{
		margin-top:0;
		line-height:25px;
	}
	#content a.btn{
		font-family: 'Dosis', sans-serif;
		display: inline-block;
		background:#3f5b57;
		color:white;
		text-decoration:none;
		padding:5px 10px;
	}
	#content a.btn.btn-large{
		padding:20px 40px;
		width:80%;
		max-width:280px;
		box-sizing:border-box;
		text-align:center;
	}
	#content a.btn.btn-full{
		padding:20px 40px;
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}
	
	.one-col p a,
	.two-col p a{
		color:#222;	
	}
	
	.one-col .table{
		width:100%;
		height:100%;
		display:table;
	}
	
	.one-col .table .cell{
		width:100%;
		height:100%;
		display:table-cell;
		vertical-align: middle;
	}
	
	#content .blog > div.page-header{
		display:inline-block;
		width:100%;
		padding:40px;
		background: #87af99;
		color:white;
		margin-bottom:70px;
		box-sizing: border-box;
		text-align: center;
		text-transform: uppercase;
	}
	#content .blog div.page-header h1{
		color: white;
		margin:0;
		font-weight:300;
		color: white;
	}
	#content .blog .items-leading > div{
		display: inline-block;
		width:33.33333%;
		margin-bottom:30px;
		float: left;
		box-sizing: border-box;
		padding:0 20px;
	}
	#content .blog .items-leading .page-header{
		background:#cccccc;
		color: white;
		min-height:80px;
		position: relative;
		margin-bottom:10px;
	}
	#content .blog .items-leading .page-header h2{
		margin:0;
		display: table;
		width:100%;
		height:100%;
		margin:0;
	}
	#content .blog .items-leading .page-header h2 a{
		display: table-cell;
		box-sizing: border-box;
		padding:10px;
		width:100%;
		height:80px;
		color: white;
		font-size:18px;
		vertical-align: middle;
		text-decoration:none;
	}
	
.clear{
	clear:both;
}

@media only screen and (max-width:900px){
	#content .blog .items-leading > div{
		width:50%;
	}
}
@media only screen and (max-width:800px){
	.one-col,.two-col,.one-col-urunler{
		width: auto;
		float:none;
	}
	#content .blog .items-leading > div{
		width:auto;
		float: none;
		
	}
}
@media screen and (min-width: 550px){
	.one-col-urunler{
	float:none;
	}
}
@media only screen and (max-width:550px){
	#content{
		margin:0;
		width:100%;
		
	}
	#content .one-col,
	#content .two-col,
		padding:0 10px;
		margin-bottom:20px;
	}
	#content .one-col img{
		padding:0 10px;
		width: auto !important;
		height: auto !important;
		max-width:none !important;
		
	}
}
	 .product li{
		 padding:10px;
		 list-style-type: none;
		 
	
	}	 
	.product{
		margin-top:50px;
		width:100%

	}
	.product_line{
		border-style: solid;
		border-width: 1px;
		color:#959595;
	}
	.products {
	
	}	
	#products {
	width:100%;
	margin:0 auto 70px auto;
	position: relative;
		
	}	

	#products li{
		float: left;
		list-style: none outside none;
		font-size:14px;
		width: auto !important;
		height: auto !important;
		max-width:none !important;
		max-height:650px !important;

		
	}	
	#products li img{
	max-height:350px !important;
		
	}
	#products li h1{
		text-align:center;
		
	}
	#products li a:hover{
	opacity: .5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
	#urunler{
	min-height:400px;
	width:100%;
	}	
	.urunler{
	min-height:400px;
	width:25%;
	min-width: 210px;
	background-color:#fff;
	float:left;
	text-align:center;
	font-size:14px;
	}
	#urunler h1{ 
	font-weight: 300;
	font-size: 1.8em;
	letter-spacing: 0em;
	text-transform: capitalize;
	color: #3f5b57;
	line-height: 1.4em;
	margin-top: 0;
	}
	.urunler a:hover{
	opacity: .5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}	
	#urunler img{

	width:50%;

	}
	
	.urunler-menu{
	bottom: 60px;
	left: -50px;
	z-index: 1001;
	position: relative;
	}
	.urunler-menu ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #b7b7b7;
	}
	.urunler-menu ul li:last-child { 
	border-right: none; 
	}
	.urunler-menu ul li a.active{
	color: #579E42
	}
	.urunler-menu ul li a {
	color: #b7b7b7;
	text-decoration:none;
	}

	.one-col-urunler{

	width: 25%;
	margin-bottom: 70px;
	float: left;
	box-sizing: border-box;

	}
	h1 a{
		text-decoration:none;
	}