*{
	margin:0;
	padding:0;
}


a{
	text-decoration:none;	
}

.slider{
	overflow:hidden;
	width:100%;
	height:550px;
	position:relative;
	background-image:url("../images/s_zemin.jpg");
	background-size:100% 100%;
	background-position:center;
}

.slider #pictures{
	width:100%;
	height:550px;
}


.slider #pictures li{ 
	width:100%;
	height:550px;
	position:relative;
}

.slider #pictures li h1{
	font-size:70px;
	text-transform:uppercase;
	color:rgba(255,255,255,0.6);
	position:absolute;
	z-index:800;
}

.slider #pictures li a{
	font-size:45px;
	color:rgba(255,255,255,0.6);
	position:absolute;
	z-index:800;
}

.slider #pictures li .resim11{
	width:700px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:relative;
	
}


.slider #pictures li .resim12{
	width:800px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:900px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}







.slider #buttons{
	position:absolute;
	bottom:10px;
	float:left;
	left:50%;
	transform:translateX(-50%);
	
}

.slider #buttons li{
	float:left;
	width:34px;
	height:34px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	list-style-type:none;
	margin:0 3px;
	padding:0;
	border:4px solid rgba(0,0,0,0.8);
	border-radius:0%;
	
}

.slider #buttons li a{
	width:24px;
	height:24px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	float:left;
	background-color:rgba(0,0,0,0.0);
	padding:0;
	margin:4px;
	border-radius:0%; 
	border:1px solid rgba(255,255,255,0);
}

.slider #buttons li a:hover{
	width:24px;
	height:24px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
	float:left;
	background-color:rgba(255,255,255,0.8);
	padding:0;
	margin:4px;
	border-radius:50%; 
	border:1px solid rgba(0,0,0,0.8);
}


.slider #buttons li.aktif a{
	width:24px;
	height:24px;
	float:left;
	background-color:rgba(0,0,0,0.8);
	padding:0;
	margin:2px;
	border-radius:0%; 
	border:3px solid rgba(255,255,255,0.8);
}




.yazi1{
	top:20%;
	float:right;
	right:20%;
}


.yazi2{
	top:30%;
	left:10%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:20%;
}




@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
	

.slider{
	height:980px;
}

.slider #pictures{
	height:980px;
}


.slider #pictures li{ 
	height:980px;
}

.slider #pictures li h1{
	font-size:70px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li .resim11{
	width:1300px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:absolute;
	left:-150px;
	
}


.slider #pictures li .resim12{
	width:1100px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:1000px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:20%;
	float:right;
	right:20%;
}


.yazi2{
	top:30%;
	left:10%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:20%;
}


.icerik1{
	top:35%;
	width:35%;
	float:right;
	right:5%;
}

.icerik2{
	width:35%;
	top:45%;
	left:5%;
	float:left;
}

.icerik3{
	width:55%;
	top:30%;
	float:right;
	right:5%;
}

	
	
}








@media screen and (max-width: 1680px), screen and (max-device-width: 1680px) {
	

.slider{
	height:880px;
}

.slider #pictures{
	height:880px;
}


.slider #pictures li{ 
	height:880px;
}

.slider #pictures li h1{
	font-size:70px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li .resim11{
	width:1300px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:absolute;
	left:-150px;
	
}


.slider #pictures li .resim12{
	width:1100px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:800px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:20%;
	float:right;
	right:20%;
}


.yazi2{
	top:30%;
	left:10%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:20%;
}


.icerik1{
	top:35%;
	width:35%;
	float:right;
	right:5%;
}

.icerik2{
	width:35%;
	top:45%;
	left:5%;
	float:left;
}

.icerik3{
	width:55%;
	top:30%;
	float:right;
	right:5%;
}

	
	
}










@media screen and (max-width: 1366px), screen and (max-device-width: 1366px) {
	

.slider{
	height:600px;
}

.slider #pictures{
	height:600px;
}


.slider #pictures li{ 
	height:600px;
}

.slider #pictures li h1{
	font-size:70px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li .resim11{
	width:800px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:absolute;
	left:-50px;
	
}


.slider #pictures li .resim12{
	width:750px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:700px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:20%;
	float:right;
	right:20%;
}


.yazi2{
	top:30%;
	left:7%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:10%;
}


.icerik1{
	top:35%;
	width:45%;
	float:right;
	right:5%;
}

.icerik2{
	width:45%;
	top:45%;
	left:5%;
	float:left;
}

.icerik3{
	width:55%;
	top:35%;
	float:right;
	right:5%;
}

	
	
}






@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	

.slider{
	height:700px;
}

.slider #pictures{
	height:700px;
}


.slider #pictures li{ 
	height:700px;
}

.slider #pictures li h1{
	font-size:70px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li .resim11{
	width:700px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:absolute;
	left:-50px;
	
}


.slider #pictures li .resim12{
	width:650px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:650px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:20%;
	float:right;
	right:15%;
}


.yazi2{
	top:30%;
	left:2%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:10%;
}


.icerik1{
	top:35%;
	width:40%;
	float:right;
	right:2%;
}

.icerik2{
	width:35%;
	top:45%;
	left:2%;
	float:left;
}

.icerik3{
	width:55%;
	top:35%;
	float:right;
	right:5%;
}

	
	
}












@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
	

.slider{
	height:950px;
}

.slider #pictures{
	height:950px;
}


.slider #pictures li{ 
	height:950px;
}

.slider #pictures li h1{
	font-size:70px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li a{
	font-size:35px;
	color:rgba(255,255,255,0.6);
	position:absolute;
	z-index:800;
}

.slider #pictures li .resim11{
	clear:both;
	width:750px; 
	top:auto;
	bottom:-100;
	float:left;
	transform:translateY(-0%);
	position:absolute;
	left:-0px;
	
}


.slider #pictures li .resim12{
	width:700px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:850px;
	float:left;
	position:absolute;
	bottom:0;
	left:-70;
	
}

	


.yazi1{
	top:15%;
	float:right;
	right:20%;
}


.yazi2{
	top:15%;
	left:7%;
	float:left;
}


.yazi3{
	top:15%;
	float:right;
	right:10%;
}


.icerik1{
	width:70%;
	top:25%;
	float:right;
	right:5%;
}

.icerik2{
	width:70%;
	top:25%;
	left:5%;
	float:left;
}

.icerik3{
	width:70%;
	top:25%;
	float:right;
	right:5%;
}

	
	
}











@media screen and (max-width: 736px), screen and (max-device-width: 736px) {
	

.slider{
	height:350px;
}

.slider #pictures{
	height:350px;
}


.slider #pictures li{ 
	height:350px;
}

.slider #pictures li h1{
	font-size:40px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li a{
	font-size:25px;
	color:rgba(255,255,255,0.6);
	position:absolute;
	z-index:800;
}

.slider #pictures li .resim11{
	width:400px;
	top:50%;
	float:left;
	transform:translateY(-50%);
	position:absolute;
	left:-50px;
	
}


.slider #pictures li .resim12{
	width:350px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:350px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:35%;
	float:right;
	right:20%;
}


.yazi2{
	top:35%;
	left:7%;
	float:left;
}


.yazi3{
	top:32%;
	float:right;
	right:10%;
}


.icerik1{
	width:45%;
	top:50%;
	float:right;
	right:5%;
}

.icerik2{
	width:45%;
	top:55%;
	left:5%;
	float:left;
}

.icerik3{
	width:55%;
	top:45%;
	float:right;
	right:5%;
}

	
	
}















@media screen and (max-width: 430px), screen and (max-device-width: 430px) {
	

.slider{
	height:620px;
}

.slider #pictures{
	height:620px;
}


.slider #pictures li{ 
	height:620px;
}

.slider #pictures li h1{
	font-size:50px;
	color:rgba(255,255,255,0.6);
}

.slider #pictures li a{
	font-size:25px;
	color:rgba(255,255,255,0.6);
	position:absolute;
	z-index:800;
}

.slider #pictures li .resim11{
	width:400px;
	float:left;
	top:none;
	position:absolute;
	transform:translateY(-0%);
	bottom:0;
	left:0px;
	
}


.slider #pictures li .resim12{
	width:350px;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	
}


.slider #pictures li .resim13{
	width:400px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	
}

	


.yazi1{
	top:20%;
	float:right;
	right:20%;
}


.yazi2{
	top:20%;
	left:7%;
	float:left;
}


.yazi3{
	top:20%;
	float:right;
	right:5%;
}


.icerik1{
	width:90%;
	top:30%;
	float:right;
	right:5%;
	text-align:center;
}

.icerik2{
	width:90%;
	top:30%;
	left:5%;
	float:left;
}

.icerik3{
	width:90%;
	top:40%;
	float:right;
	right:5%;
}

	
	
}