@CHARSET "UTF-8";
@import url('reset.css');
@import url('../font/hurme/stylesheet.css');
@import url('../font/tpro/font.css');
@import url('../font/din/din.css');

html{height:100%}
body {height:100%;font: 12px Tahoma; text-align: center;
 -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
body.home {background: url('../img/index.jpg') top center no-repeat #000000;}
body.karakterler {background: url('../img/karakterler.jpg') top center no-repeat #000000;}
body.hikaye {background: url('../img/hikaye.jpg') top center no-repeat #000000;}
body.kunye {background: url('../img/kunye.jpg') top center no-repeat #000000;}
body.foto-galeri {background: url('../img/foto-galeri.jpg') top center no-repeat #000000;}
body.basinda {background: url('../img/basinda.jpg') top center no-repeat #000000;}
body.iletisim {background: url('../img/iletisim.jpg') top center no-repeat #000000;}
#wrapper{width:960px;max-width:960px;min-width:960px; margin: 0 auto; text-align:left}
.anime_body #content{opacity:0;top:-100px;position:relative;}

@media only screen 
and (max-width : 1366px) {
.anime_body #content{height: 385px;overflow:hidden;position:relative;}
.foto-galeri #content{height: 395px !important;overflow:hidden !important;position:relative !important;}
.basinda #content{height: 395px !important;overflow:hidden !important;position:relative !important;}
}



.foto-galeri #content{height: 500px;overflow:hidden;position:relative;}
.basinda #content{height: 500px;overflow:hidden;position:relative;}


/* Global */
#header, #content, #footer {width:100%; text-align:left;display: inline-block;}
a {text-decoration: none;color: #27437B}
a:hover {text-decoration: none}

header .navigation, header div.logo, header .navigation li{float:left}

header .navigation li{margin-left:30px;line-height: 78px;}
header .navigation li:first-child{margin-left:0px}
header div.logo{margin: 3px 33px 0px 41px;}
header .navigation li a{color:#fff;font-size:13px; font-family: 'hurme_geometric_sans_4black';position:relative}
header .navigation li a::before,header .navigation li a::after{
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

header .navigation li a::before {
top: -5px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}

header .navigation li a::after {
bottom: -5px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}

header .navigation li a.selected::before, header .navigation li a.selected::after,header .navigation li a:hover::before, header .navigation li a:focus::before, header .navigation li a:hover::after, header .navigation li a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}

#content .h_tools{position: absolute;bottom: 163px;width:960px;}
#content .h_tools div{float: left;text-shadow: 1px 6px 15px #000;}
#content .fragman h1{font-size:24px;color:#fff;font-family: 'hurme_geometric_sans_4black';}
#content .fragman a{width:310px;height:188px;background: url('../img/fragman.png') top center no-repeat;display:block;margin: -33px 0px 0px -37px;
-moz-transition: background .3s ease-in;
-o-transition: background .3s ease-in;
-webkit-transition: background .23 ease-in;
transition: background .3s ease-in;
}
#content .fragman a:hover{background: url('../img/fragman_h.png') top center no-repeat;}

#content .seans a{padding: 3px 10px 11px 48px;background: url('../img/camera.png') center left no-repeat;color:#f70000;font-size:24px;font-family: 'hurme_geometric_sans_4black'; -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .23 ease-in;
    transition: all .3s ease-in;}
#content .seans a:hover{color:#fff; }
#content .manset{margin-bottom:85px;}
#content .manset p{color:#f70000;font-size:15px;font-family: 'hurme_geometric_sans_4regular';letter-spacing: 8px;}
#content .manset p:first-child{color:#fff;font-size:35px;font-family: 'hurme_geometric_sans_4black';letter-spacing:-1px;line-height: 35px;}


#content .c_top{text-align: center;}
#content .c_top h1{color:#fff;font-size:24px;font-family: 'hurme_geometric_sans_4black';}
#content .c_top p{color: #fff;font-size: 14px;font-family: 'TrajanProRegular';margin-top: 23px;letter-spacing: 1px;}

#content .c_bottom ul li, #content .c_bottom ul li img, #content .c_bottom ul li p{float:left}
.karakterler #content .c_bottom ul li{margin: 15px 0px 0px 55px;}
.karakterler #content .c_bottom ul li p{color:#e20000;font-size:16px;font-family: 'hurme_geometric_sans_4black';padding: 43px 0px 43px 15px;}
.karakterler #content .c_bottom ul li p span{color:#848484;font-size:14px;font-family: 'din_medium';}
.karakterler .c_row{width:100%;float:left;}
.karakterler .c_row li:first-child{margin: 15px 0px 0px 0px !important;}

.hikaye #content .c_bottom {padding-top:20px}
.hikaye #content .c_bottom p{float:left}
.hikaye #content .c_bottom p{width: 73%;float:right;padding: 22px 0px;}
.hikaye #content .c_bottom p:first-child{width: 25%;float:left;padding: 0px 0px;}
.hikaye #content .c_bottom p a{text-align: center;width: 100%;float: left;color:#ff2500;font-size:14px;font-family: 'hurme_geometric_sans_4black';margin-top:10px}
.hikaye #content .c_bottom p span:first-child{color:#ff2500;font-size:15px;font-family: 'hurme_geometric_sans_4black';text-shadow: 1px 1px 4px #000;}
.hikaye #content .c_bottom p span{color:#848484;font-size:14px;font-family: 'din_medium';text-shadow: none;line-height:23px}


.kunye #content .c_bottom ul {width:50%;float:left;text-align:center;margin-top: 40px;}
.kunye #content .c_bottom ul li {width:100%;margin-bottom:14px;}
.kunye #content .c_bottom ul li p{margin-right:28px;color:#848484;font-size:14px;font-family: 'din_medium';width: 36%;text-align: left;}
.kunye #content .c_bottom ul li p:first-child{text-align:right}
.kunye #content .c_bottom ul li.title{font-family: 'hurme_geometric_sans_4black';color:#e20000;font-size:16px;margin-bottom:36px}
.kunye #content .c_bottom ul.ul_r p:first-child{width:51%}
.kunye #content .c_bottom ul.ul_r p{width:30%}

.iletisim .c_logo{text-align:center;margin:40px 0px 30px 0px}
.iletisim #content .c_bottom ul{float:left;width:30%;margin-top:57px;}
.iletisim #content .c_bottom ul.c_ulf{width:65%;margin-top:0px;}
.iletisim #content .c_bottom ul.c_ulf li{margin-bottom: 14px;}
.iletisim #content .c_bottom ul li {width:100%;margin-bottom: 24px;font-family: 'din_medium';color:#848484;font-size:14px;}
.iletisim #content .c_bottom ul li a{font-family: 'din_medium';color:#848484;font-size:14px;padding: 7px 0px 8px 45px;}
.iletisim #content .c_bottom ul li.title{font-family: 'hurme_geometric_sans_4black';color:#e20000;font-size:16px;margin-bottom:29px}
.iletisim #content .c_bottom ul li.c_address{background: url('../img/adres.png') left center no-repeat;padding: 10px 0px 6px 36px;}
.iletisim #content .c_bottom ul li.c_tel{background: url('../img/phone.png') left center no-repeat;padding: 8px 0px 8px 36px;}
.iletisim #content .c_bottom ul li.c_mail{background: url('../img/mail.png') left center no-repeat;padding: 5px 0px 5px 36px;}
.iletisim #content .c_bottom ul li a.c_fb{background: url('../img/c_fb.png') 0px 0px no-repeat;}
.iletisim #content .c_bottom ul li a.c_tw{background: url('../img/c_tw.png') 0px 0px no-repeat;}
.iletisim #content .c_bottom ul li a.c_in{background: url('../img/c_in.png') 0px 0px no-repeat;}

.load_page{width:100%;height:100%;background:#000;background:#000 url('../img/load_bg.png') left center no-repeat; position:absolute;  z-index:9999}

.seanslar {}
.seanslar header{background:#fff url('../img/seans_h.png') top center no-repeat;min-height:125px;}
.seanslar header .h_left{float:left}
.seanslar header .h_left p.logo{margin-top: 16px;}
.seanslar header .h_left p.slogan{color: #000;
font-size: 12px;
font-family: 'TrajanProRegular';
margin: 15px 0px 0px 28px;
letter-spacing: 1px;
font-weight: 600;}

.seanslar header .h_right{line-height: 120px;float:right;padding:3px 10px 2px 34px;
background: url('../img/h_kamera.png') center left no-repeat;
color: #f70000;
font-size: 24px;
font-family: 'hurme_geometric_sans_4black';
}
.seanslar {background:#000 url('../img/seanslar_bg.jpg')  top center no-repeat;}

.seanslar ul li {border-bottom:1px solid #3b3b3b;float: left;width: 100%;line-height: 34px;}
.seanslar ul li.s_header{border-bottom:none}
.seanslar ul li p{float:left;width:50%;color: #fff;
font-size: 14px;
font-family: 'din_medium';}
.seanslar ul li.s_header p{color: #f70000;font-size: 18px;font-family: 'hurme_geometric_sans_4black';margin: 19px 0px 0px 0px;}



/*Footer*/
.blockFooter{position: fixed;bottom: 0px;min-height: 75px;width: 100%;left: 0px;border-top: 41px solid red;}

.blockFooter .last_t {margin-top:-48px;float: left;width: 100%;}
.blockFooter .last_t h1{float:left;}
.blockFooter .last_t h1{color:#fff;font-size:19px; font-family: 'hurme_geometric_sans_4black';padding: 14px 37px;background: #a80202;}
.blockFooter .f_logos{float:left}
.blockFooter .f_logos{padding: 22px 0px 16px 0px;}
.blockFooter .f_logos a.lotus{margin-left: 128px;}
.blockFooter .f_logos a.mars{margin-left: 119px;}
.blockFooter .f_logos a{margin-left: 38px;}
.blockFooter .f_logos a:first-child{margin-left:0px;}
.blockFooter .f_social{float:right;padding: 15px 0px 0px 0px;}
.blockFooter .f_social p{float: left;color: #fff;font-size: 14px;font-family: 'hurme_geometric_sans_4black';width: 83px;line-height: 19px;}
.blockFooter .f_social .social_a{width:33px;height:33px;float:left;display:block;margin-left: 10px;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.blockFooter .f_social a.fb{background: url('../img/facebook.png') -38px 0px no-repeat;}
.blockFooter .f_social a.fb:hover{background: url('../img/facebook.png') 0px 0px no-repeat;}
.blockFooter .f_social a.tw{background: url('../img/twitter.png') -39px 0px no-repeat;}
.blockFooter .f_social a.tw:hover{background: url('../img/twitter.png') 0px 0px no-repeat;}
.blockFooter .f_social a.ins{background: url('../img/instagram.png') -40px 0px no-repeat;}
.blockFooter .f_social a.ins:hover{background: url('../img/instagram.png') 0px 0px no-repeat;}



.lb-album li{margin: 25px 0px 0px 32px;}
.lb-album li a{float: left;position: relative;}
.lb-album li a span{display:none;background: url('../img/see.png') center center no-repeat rgba(186,25,30,0.7);width: 100%;height: 100%;position: absolute;}
.lb-album li a:hover span{display:block;}
.lb-album  .lb_row{width: 100%;float: left;}
.lb-album  .lb_row li:first-child{margin: 25px 0px 0px 0px;}


.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(186,25,30);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(186,25,30,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(186,25,30,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(186,25,30,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(186,25,30,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(186,25,30,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay a.lb-close{
color: #fff;font-size: 14px;font-family: 'hurme_geometric_sans_4black';
	z-index: 1001;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
	float:none !important;
	
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}