@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "Futura-Normal";
  src: url(../font/FuturaTr.otf);
  font-weight: normal;
  font-style: normal;
}

.burak{margin-top:20px;}
.kutu{ border:#900 solid 2px; width:90%;
height:20px; color:#900; padding:10px; font-size:14px;}
.kutu2{ border:#900 solid 2px; width:100%;
height:45px; color:#900; padding:10px; font-size:14px;}
.kutu3{ border:#900 solid 2px; width:350px;
height:45px; color:#900; padding:10px; font-size:14px;}
.kutu4{ border:#900 solid 2px; width:30px;
height:30px; color:#900; padding:10px; font-size:14px; margin-top:10px; float:left;}
.kutu5{font-size:14px;}
.kutu6{font-size:14px; width:350px; margin-left:45px;}
.gormeMasa{display: none; visibility: hidden;}

body{ margin:0px; padding:0px; background-color:#f1f1f1; font-family: "Futura-Normal";
  overflow-x: hidden !important;


}

	
	

html{ overflow-x: hidden!important;}
.altinonu{margin-left:265px;}

.ustinonu{margin-left:160px;}

.zeminTiyatro{ z-index:-1; position:absolute; width:100%; background-image:url(../images/zemin.jpg); background-repeat:no-repeat; background-size: cover; background-position:top; height:800px;}

.tasiyici{ width:1130px; height:800px; margin-left:auto; margin-right:auto; margin-top:-30px;}
.tasiyici .logo{ text-align:center; padding-top:40px;}
.tasiyici .sosyalMedya{ float:right; z-index:9; top:5%; right:5%; position:absolute;}
.temizle{clear:both;}


.tasiyici .menu{height:40px; padding-top:50px; margin-left:10px; margin-top:-40px;}
.tasiyici .menu ul{ list-style-type:none;  margin:0px; padding:0px; }
.tasiyici .menu ul li{float:left;}
.tasiyici .menu ul li a{text-decoration:none; color:#FFF; line-height:40px; font-size:22px; letter-spacing:2px; display:block; padding:0px 25px;
font-family: "Futura-Normal";}

.orta{text-align: center;  width:1130px; margin-left:auto; margin-right:auto;}
.orta .gorsel .gorsel1{float:left;}
.orta .gorsel .gorsel1 img{ margin-right:25px; margin-bottom:25px;}
.perde{ font-size:75px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:60px;}
.perdeSahne{ font-size:75px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:0px;}
.perdeYazi{color:#7e7e7e; font-size:24px; line-height:180%;}



.orta .gorselSahne{ width:1130px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:25px;}
.orta .gorselSahne img{text-align:center;}
.icerikSahne{ margin-top:-250px;}
.orta .gorselSahne .gorsel1Sahne img{ margin-right:7px; margin-bottom:14px; float:left; text-align:center;}
.orta .gorselSahne .gorsel2Sahne img{ margin-right:7px; margin-left:7px; margin-bottom:10px; float:left; text-align:center;
}



.alt{background-color:#000; width:100%;}
.alt .alt2{background-color:#000; width:1130px; margin-left:auto; margin-right:auto;}

.alt .alt2 .adres{padding:20px; margin-left:auto; margin-right:auto; text-align:center; text-decoration:none; color:#FFF; line-height:30px; font-size:20px;font-family: "Futura-Normal"; float:left; width:600px; margin-left:241px; }
.alt .alt2 .adres a{text-decoration:none; color:#FFF; line-height:30px; font-size:20px;
font-family: "Futura-Normal";}
.alt .alt2 .sosyalMedya2{ text-align:right; float: right; margin-top:41px;}
.kirmizi{color:#F00;}

#top {
            bottom: 5px;
            bottom: 20px;
            display: none;
            height: 100px;
            position: fixed;
            right: 20px;
        }
		
		
@media screen and (max-width:680px) {
	
	.gormeMobil{display:none; visibility: hidden;}
	
	.gormeMasa{display:block; visibility: visible;}
}


@media screen and (max-width:480px) {
	
	
	.kayit{margin-top:380px; margin-bottom:-200px;}
	
	.FormuGonder{}

	
	.kutu{ border:#900 solid 2px; width:85%;
height:20px; color:#900; padding:10px; font-size:14px;}
.kutu2{ border:#900 solid 2px; width:90%;
height:45px; color:#900; padding:10px; font-size:14px;}
.kutu3{ border:#900 solid 2px; width:320px;
height:45px; color:#900; padding:10px; font-size:14px;}
.kutu4{ border:#900 solid 2px; width:30px;
height:30px; color:#900; padding:10px; font-size:14px; margin-top:10px; float:left;}
.kutu5{font-size:14px;}
.kutu6{font-size:14px; width:350px; margin-left:45px;}
	
	.modal-content a img{width:320px; height:320px;}
	

	
/* The Modal (background) */
.modal {
    
	display: none; /* Hidden by default */
	visibility: hidden;
    position: absolute; /* Stay in place */
    z-index:1; /* Sit on top */
    left: 50;
    top: 100;
    width: 25%; /* Full width */
    height: 25%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
#myModal{width: 50%; /* Full width */
    height: 55%;
	margin-left:40px;
	margin-top:100px;
	z-index:1;
	
	}


/* Modal Content/Box */
.modal-content {
    background-color: rgb(0,0,0); /* Fallback color */
    margin: 5px auto; /* 15% from the top and centered */
    padding: 5px;
    border: 50px solid #080808;
    width:400px;
	height:800px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #000;
    font-size: 100px;
    font-weight: bolder;
	margin-left:50px;
	display: visibility !important;
	z-index:9999;
	left:100;
	top:100;
	position:absolute;
	
	
	
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;

}



	
	




.zeminSahne{ z-index:-1; position:absolute; width:100%; background-image:url(../images/sahne.jpg); background-repeat:no-repeat; background-size: cover; background-position:top; height:600px;}
.zeminTiyatro{ z-index:-1; position:absolute; width:100%; background-image:url(../images/zemin.jpg); background-repeat:no-repeat; background-size: cover; background-position:top; height:600px;}


.tasiyici{ width:100%; height: auto; margin-left:auto; margin-right:auto; margin-top:0px;}
.tasiyici .logo{ text-align: left; padding-top:40px; float:left; margin-top:50px;}
.tasiyici .logo img{ text-align: center; padding-top:30px;width:95%; height:95%; margin-left:15px;}
.tasiyici .sosyalMedya{ text-align: center; float: right;  margin-top:-19px; z-index:99999; position:absolute; width:320px;}
.temizle{clear:both;}


.tasiyici .menu{ height:auto; min-height:50px; width:400px; margin-left:160px; }

.tasiyici .menu ul{ display:none; background-color: transparent; color:#FFF; clear:both; z-index:11; position:absolute; top:208px; float:left; width:250px; left:10px;}
.tasiyici .menu ul li{ float:left; border-bottom:#FFF solid 1px;}
.tasiyici .menu ul li:hover{ background-color: #EA7B7E;}
.tasiyici .menu span{ width:50px; margin-top:7px;  float: left; border:#FFF solid 2px; clear:both; margin-right:30px; margin-bottom:5px; margin-left:-150px;}

.tasiyici .menu:hover > ul{display:block;}




.orta{text-align: center;  width:375px; margin-left:auto; margin-right:auto; margin-top:350px;}
.orta .gorsel .gorsel1{float:left; margin-left:10px;}
.orta .gorsel .gorsel1 img{ margin-right:25px; margin-bottom:25px;}
.perde{ font-size:50px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:70px;}
.perdeSahne{ font-size:50px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:70px;}
.perdeYazi{color:#7e7e7e; font-size:16px; line-height:180%; margin-top:-25px;}


.orta .gorselSahne{ width:100%; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:25px;}
.orta .gorselSahne img{text-align:center;}
.icerikSahne{ margin-top:0px;}
.orta .gorselSahne .gorsel1Sahne img{ margin-right:7px; margin-bottom:14px; float:none; text-align:center; width:100%; height:90%;}
.orta .gorselSahne .gorsel2Sahne img{ margin-right:7px; margin-left:7px; margin-bottom:10px; float:none; text-align:center;}

.alt{background-color:#000; width:100%; margin-top:340px;
height:300px; padding-left:5px; padding-right:25px; }
.alt .alt2{background-color:#000; 
width:375px; margin-left:auto; 
margin-right:auto; height:250px;
}


.alt .alt2 .adres{padding:20px; margin-left:auto;
margin-right:auto; text-align:center; text-decoration:none;
color:#FFF; line-height:30px; font-size:14px;
font-family: "Futura-Normal"; float:left; width:330px;
margin-left:-10px; }
.alt .alt2 .adres a{text-decoration:none;
color:#FFF; line-height:30px; font-size:14px;
font-family: "Futura-Normal";}
.alt .alt2 .sosyalMedya2{ text-align: center; 
float: left; margin-top:200px; position:absolute; 
width:375px; z-index:9;}
.kirmizi{color:#F00;}
	
	}
	
@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 

.modal {
    
	display: none; /* Hidden by default */
	visibility: hidden;
    position: absolute; /* Stay in place */
    z-index:1; /* Sit on top */
    left: 50;
    top: 100;
    width: 25%; /* Full width */
    height: 25%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
   
.altinonu{margin-left:265px;}

.ustinonu{margin-left:160px;}

.zeminSahne{ z-index:-1; position:absolute; width:100%; background-image:url(../images/sahne.jpg); background-repeat:no-repeat; background-size: cover; background-position:top; height:786px;}
.zeminTiyatro{ z-index:-1; position:absolute; width:100%; background-image:url(../images/zemin.jpg); background-repeat:no-repeat; background-size: cover; background-position:top; height:1235px;}

.tasiyici{ width:768px; height:1235px; margin-left:auto; margin-right:auto; margin-top:0px;}
.tasiyici .logo{ text-align:center; padding-top:80px;}
.tasiyici .sosyalMedya{ float:right; z-index:9; top:5%; right:5%; position:absolute;}
.temizle{clear:both;}


.tasiyici .menu{height:40px; padding-top:50px; width:600px; margin-left:150px; margin-top:-30px; }
.tasiyici .menu ul{ list-style-type:none;  margin:0px; padding:0px; }
.tasiyici .menu ul li{float:left; margin-right:-40px;}
.tasiyici .menu ul li a{text-decoration:none; color:#FFF; line-height:40px; font-size:22px; letter-spacing:2px; display:block; padding:0px 25px;
font-family: "Futura-Normal"; }

.orta{text-align: center;  width:1130px; margin-left:auto; margin-right:auto;}
.orta .gorsel .gorsel1{float:left;}
.orta .gorsel .gorsel1 img{ margin-right:25px; margin-bottom:25px;}
.perde{ font-size:75px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:60px;}
.perdeSahne{ font-size:75px; color:#8e8e8e; font-family:"Futura-Normal"; padding-top:0px;}
.perdeYazi{color:#7e7e7e; font-size:24px; line-height:180%;}



.orta .gorselSahne{ width:1130px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:25px;}
.orta .gorselSahne img{text-align:center;}
.icerikSahne{ margin-top:-250px;}
.orta .gorselSahne .gorsel1Sahne img{ margin-right:7px; margin-bottom:14px; float:left; text-align:center;}
.orta .gorselSahne .gorsel2Sahne img{ margin-right:7px; margin-left:7px; margin-bottom:10px; float:left; text-align:center;
}



.alt{background-color:#000; width:100%;}
.alt .alt2{background-color:#000; width:450px; margin-top:-1px; margin-left:-130px;}

.alt .alt2 .adres{padding:20px; margin-left:auto; margin-right:auto; text-align:center; text-decoration:none; color:#FFF; line-height:30px; font-size:20px;font-family: "Futura-Normal"; float:left; width:600px; margin-left:195px; }


.alt .alt2 .adres a{text-decoration:none; color:#FFF; line-height:30px; font-size:20px;
font-family: "Futura-Normal";}
.alt .alt2 .sosyalMedya2{ text-align:right; float: right; margin-top:41px;}
.kirmizi{color:#F00;}
		
		}
		
		
			@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
			.orta{text-align: center; padding:20px; margin-left:auto; margin-right:auto;}
			.hariletisim{width:350px;}
			
			
			.tasiyici{ width:1200px;height:800px; margin-left:-125px;}
			.logo{ margin-left:-520px;}
			
			.alt .alt2 .adres{padding:20px; margin-left:auto; margin-right:auto; text-align:center; text-decoration:none; color:#FFF; line-height:30px; font-size:20px;font-family: "Futura-Normal"; float:left; width:600px; margin-left:191px; }
			
			.tasiyici .menu{height:40px; padding-top:50px; margin-left:200px; margin-top:-40px; width:1000px;}
.tasiyici .menu ul{ list-style-type:none;  margin:0px; padding:0px; }
.tasiyici .menu ul li{float:left;}
.tasiyici .menu ul li a{text-decoration:none; color:#FFF; line-height:40px; font-size:22px; letter-spacing:2px; display:block; padding:0px 10px;
font-family: "Futura-Normal";}
			
			 }