@import url(css/font-awesome.min.css) ;


html,body{height:100%}
body{ background-image:url(img/bg.jpg); background-size:100%;font-family:Arial, Helvetica, sans-serif;
	font-size:13px;overflow-x:hidden; color:#FFF;}
	
.hakkimizda{ background-image:url(img/bg_hakkimizda.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#00a860; background-size:100%;font-family:Arial, Helvetica, sans-serif;
	font-size:13px;overflow-x:hidden; color:#FFF;}

img{border:none}[role="main"]{padding:0 0 30px 0}
/*
#header{
	
	 background-image:url(img/ust.png); background-size:100%;z-index:400;
     width:100%; height:24%; background-repeat:no-repeat;
}
#header.fixed+[role="main"]{padding-top:206px;}
#header.fixed.small .top-bar{ margin-top:10%;}
.admin-bar #header.fixed{top:20%;}*/


#header{width:100%; background:#fff;z-index:400;

}
.hakk_aciklama{ padding-left:35px;}
.small .topbar.row .logo a{ margin-top:4%;margin-left:25%;}
.small .topbar.row .sf-menu{margin:5px 0}

.topbar.row .logo>a{display:block;
position:absolute;
					line-height:0;
					margin-top:6%;
					right:0;
					margin-bottom:15px;
					-webkit-transition:all .4s ease-in-out;
					-moz-transition:all .4s ease-in-out;
					-o-transition:all .4s ease-in-out;
					transition:all .4s ease-in-out}
.topbar.row .logo>a.hide-logo{display:block}
.topbar.row .logo>a.show-logo{display:none}
.topbar.row .logo img{display:block;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}



.header_uc{ width:100%; position:absolute; top:100%;}
.header_uc img{ width:100%; height:auto;}
#header.fixed+[role="main"]{padding-top:8%;}
#header.fixed.small .top-bar{margin:5px 0}
.admin-bar #header.fixed{top:28px}


#header.fixed.small .desktop-menu{ top:-15px;}
.desktop-menu{ height:50px; top:-10px; position:relative;-webkit-transition:all .4s ease-in-out;
					-moz-transition:all .4s ease-in-out;
					-o-transition:all .4s ease-in-out;
					transition:all .4s ease-in-out;
	}






#header .mobile-menu-toggle{height:100%;display:none}
#header .mobile-menu-toggle i{
	display:block;
	color:#00795f;
	cursor:pointer;
	float:right;
	font-size:26px;
	line-height:30px;
	margin:7px 0 0 0;
	text-align:center;
	width:35px;
	height:30px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px}
h1,h2,h3,h4,h5,h6{color:#373737}
a{-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}

#wrapper{min-height:100%}

.tp-caption.medium_grey{position:absolute;color:#fff; font-size:80px; opacity:0.7;  margin:0px;}





/* ulkum */

.title_anasayfa{ background:url(http://eralyikim.com.tr/images/erkanli_icon.png) 10px 10px no-repeat #004e7c; 
padding:10px 10px 10px 60px;
font-family: 'scalasansitalicregular'; 
font-size:22px; 
position:relative; 
top:-42px;
width:220px;}

.kutuu{ background:url(http://eralyikim.com.tr/images/home_kutu_bg.png) no-repeat; height:210px; position:relative; float:right;top:-30px; color:#000; 
padding:30px 30px 0px 30px;}

.kutu_bg{ background:#FFF; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	position:relative;
	z-index:1;
	width:100%; min-height:210px; display:inline-block;}
.haber{ position:relative; z-index:2; padding:20px; display:inline-block; transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);}
.haber_title{font-family: 'scalasansitalicregular'; background:url(http://eralyikim.com.tr/images/haber_icon.png) no-repeat; height:26px; font-size:26px; padding-left:50px; color:#004e7c;}
.haber_text{padding-top:20px; color:#000;  background:#FFF; }
.haber_img{width:130px; height:130px; padding:0px 0px; vertical-align:top; cursor:pointer;
-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
 

}

.haber_img:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);


}


.icon_face{ float:left;}
.icon_twitter{ float:left; position:relative; top:3px; left:4px;}
.icon_linkedin{ float:left; position:relative; top:7px; left:7px;}
.social_ara{ border:1px #FFFFFF solid; height:30px; float:left; 
	transform:rotate(7deg);
	-ms-transform:rotate(7deg);
	-webkit-transform:rotate(7deg);}
.social_icons{font-size:10px; position:absolute; right:15%; bottom:105%; z-index:9999;  }



.home_logo{ text-align:center; position:absolute; top:-20px; z-index:2;

    
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;

 }
 
 .animated {
	-webkit-animation-duration: .75s;
	   -moz-animation-duration: .75s;
	     -o-animation-duration: .75s;
	        animation-duration: .75s;
			
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

 
 
 
 
.orta_slogan{font-family: 'scalasansitalicregular'; font-size:40px; text-align:center; padding:15px; position:relative;top:-20px; z-index:2;
      
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}

.yikim{ position:relative; top:-40px; margin-right:10px;}
.yikim_title{ position:absolute; left:35%; z-index:3;top:-35px;background:#FFF; font-weight:bold; padding:9px 45px; color:#ff5b34; text-align:center; border-radius:3px; float:left; margin-right:10px;


-webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);

-webkit-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-moz-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-o-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-ms-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1);}


.gdonusum_title{ position:absolute; left:53%; z-index:3;  top:5px;background:#FFF; font-weight:bold; padding:9px 20px; color:#ff5b34; text-align:center; border-radius:3px; float:left; margin-right:10px;


-webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);

-webkit-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-moz-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-o-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-ms-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1);}

.div_transform
{ position:relative; background:#FFF; width:49%; border-radius:5px; float:left;  border:15px solid #FFF; overflow:hidden;


-webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5);

-webkit-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-moz-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-o-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
-ms-transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
transform: translate(0px, 0px) rotate(0deg) skew(-7deg, 0deg) scale(1, 1); 
}

.div_transform img
{
-webkit-transform: translate(0px, 0px) rotate(0deg) skew(7deg, 0deg) scale(1, 1); 
-moz-transform: translate(0px, 0px) rotate(0deg) skew(7deg, 0deg) scale(1, 1); 
-o-transform: translate(0px, 0px) rotate(0deg) skew(7deg, 0deg) scale(1, 1); 
-ms-transform: translate(0px, 0px) rotate(0deg) skew(7deg, 0deg) scale(1, 1); 
transform: translate(0px, 0px) rotate(0deg) skew(7deg, 0deg) scale(1, 1); 
}


.hakk1_title{ background:url(img/kare.png) no-repeat; padding:2px 0px 5px 35px; font-size:1.2em; margin-bottom:20px;}
.hakk1{ padding:20px 50px; margin-top:10%; 
-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;
}

.hizmet{ padding:20px 50px; margin-top:7%; 
-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;
}

.hometextttt{ padding:20px 30px;  -webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
	
	.hometexttt{ padding:20px 30px;  -webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;}

.hometext{    -webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;}


.hometextt{ border-right:#FFF 1px solid; padding:20px 10px;    -webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
	
	
	.hometextth{ border-right:#FFF 1px solid; padding:20px 20px 20px 10px; margin-top:50px;    -webkit-animation-delay: .5s; 
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}

.orta_slogan1{font-family: 'scalasansitalicregular'; font-size:40px; text-align:center; padding:15px; position:relative;top:-20px; z-index:2;

    -webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;
}




	
	@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


















	@-webkit-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-moz-transform: translateY(10px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-o-transform: translateY(10px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp1 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}







	
.k_slogan{font-family: 'scalasansitalicregular'; font-size:20px; text-align:center; padding:15px; position:relative;top:-20px; z-index:2;


 -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    -webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.fadeInUp1 {
	-webkit-animation-name: fadeInUp1;
	-moz-animation-name: fadeInUp1;
	-o-animation-name: fadeInUp1;
	animation-name: fadeInUp1;
}

.alt_slogan{width:100%; display:inline-block; font-family: 'scalasansregularregular'; font-size:15px; padding:10px; margin-top:15px;
-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
   
    -webkit-animation-delay: 1.25s;
	-moz-animation-delay: 1.25s;
	-ms-animation-delay: 1.25s;
	-o-animation-delay: 1.25s;
	animation-delay: 1.25s;
	 
	 -webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;

}
.slogan_kutu{border-left:1px solid #5a4837; border-right:1px solid #5a4837; float:left; width:33.33333%; text-align:center; line-height:18px; position:relative;}
.slogan_ok1{ 
       width:15px;height:8px; position:absolute; top:-20px; left:40%; z-index:2;
	  -moz-animation: 1s;
	  -ms-animation: 1s;
      -webkit-animation:1s;
	  animation: 1s;
	  
	   animation-name: slidein;
      -ms-animation-name: slidein;
	  -moz-animation-name: slidein;
      -webkit-animation-name: slidein;}
	  
@keyframes slidein {
      from { opacity:0;top:-40px;}
      to   {opacity:1;top:-20px;}
	  				}
@-moz-keyframes slidein {
      from { opacity:0;top:-40px;}
      to   {opacity:1;top:-20px;}
							}
@-webkit-keyframes slidein {
      from { opacity:0;top:-40px;}
      to   {opacity:1;top:-20px;}
    						}
							
							
.slogan_ok2{ 
       width:15px;height:8px; position:absolute; top:68px; left:40%; z-index:2;
	  -moz-animation: 1s;
	  -ms-animation: 1s;
      -webkit-animation:1s;
	  animation: 1s;
	  
	   animation-name: slideinn;
      -ms-animation-name: slideinn;
	  -moz-animation-name: slideinn;
      -webkit-animation-name: slideinn;}
	  
@keyframes slideinn {
      from { opacity:0;top:88px;}
      to   {opacity:1;top:68px;}
	  				}
@-moz-keyframes slideinn {
      from { opacity:0;top:88px;}
      to   {opacity:1;top:68px;}
							}
@-webkit-keyframes slideinn {
      from { opacity:0;top:88px;}
      to   {opacity:1;top:68px;}
    						}
	  
	  
.ustt{height:325px;margin:0 auto;position:relative; top:40px;}
.page_title { font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block; width:100%; padding: 10px 0px 10px 0px; color:#ff5b34;}
.page_titlee { font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block; width:100%; padding: 10px 0px 0px 0px; color:#ff5b34;}
.about_title { font-size:32px; padding-bottom:10px; margin-top:30%;}
.about_title1 { font-size:20px; padding-bottom:5px; margin-top:25%;}
.submenu_kutu{ width:210px; padding:0px; position:relative; top:0px; display:inline-block; }

.sub_menuu{ width:100%;list-style:none; font-family: 'helvetica_neue_lt_pro55_roman'; font-size:14px; padding-right:15px; }
.sub_menuu li{ padding:7px 0px 7px 0px; display:block; border-bottom:solid 1px #8dd7f7; }
.sub_menuu li a{ color:#ffffff; text-decoration:none; background:url(img/ok.png) 0px 5px no-repeat; padding:4px 0px 4px 17px; }
.sub_menuu li a:hover, .sub_menuu li .active{ color:#8dd7f7;  background:url(http://eralyikim.com.tr/images/ok_.png) 0px 7px no-repeat; padding:4px 0px 4px 17px;}

.sub_menuu ul{ padding:0px 0px 0px 0px;}
.sub_menuu ul li{ padding:0px 0px 5px 0px; list-style:none; font-size:12px; background:none; border:none; }
.sub_menuu ul li a{ color:#ffffff; text-decoration:none;  background:none; }
.sub_menuu ul li a:hover, .sub_menu ul li .active{ color:#8dd7f7; background:none;} 



.sub_menuuu{ width:100%;list-style:none; font-family: 'scalasansitalicregular'; font-size:23px; }
.sub_menuuu li{ padding:10px 0px 10px 0px; display:block;}
.sub_menuuu li a{ color:#8dd7f7; text-decoration:none;}
.sub_menuuu li a:hover, .sub_menuuu li .active{ color:#fff; }
.webadres{ color:#fff; font-family: 'segoe_scriptbold'; font-size:16px; }

.sub_menuuu ul{ padding:0px 0px 0px 0px;}
.sub_menuuu ul li{ padding:0px 0px 5px 0px; list-style:none; font-size:11px; background:none; border:none; }
.sub_menuuu ul li a{ color:#ffffff; text-decoration:none;  background:none; }
.sub_menuuu ul li a:hover, .sub_menu ul li .active{ color:#8dd7f7; background:none;} 



.liste{list-style:none; }
.liste li{background:url(img/ok.png) 0px 5px no-repeat; padding:3px 0px 3px 17px; display:block; }





.dil{ position:relative; top:-50px;}
.tr{ float:left; margin-right:10px;}
.en{ float:left; margin-right:10px;}
.proje_title{font-size:26px; padding:20px 0px 15px 0px; color:#fff; font-family: 'scalasansitalicregular'; }
.proje_title a{color:#fff; text-decoration:none;}
.proje_title a:hover{color:#8dd7f7; text-decoration:none;}
.proje_ara{ width:1px; height:100px; margin:0px 25px; float:left; position:relative; top:20px; overflow:hidden;}

.proje_ara_uzun{ width:1px; height:130px; margin:0px 25px; float:left; position:relative; top:0px; overflow:hidden; background:url(img/line.png) repeat-y;}
.proje_ara_uzunn{ width:1px; height:220px; margin:0px 25px; float:left; position:relative; top:0px; overflow:hidden; background:url(img/line.png) repeat-y;}
.proje_araa{ width:1px; height:120px; margin:0px 25px; float:left; position:relative; top:20px; overflow:hidden;}

.slogan_sol{  font-family: 'segoe_scriptbold'; font-size:16px; padding-bottom:15px; color:#c6bbad;}
.slogan_solb{  font-family: 'segoe_scriptbold'; font-size:27px; padding-bottom:10px; color:#c6bbad;}
.vetro_plan{ width:383px; height:290px;position:absolute;z-index:99; background:url(http://eralyikim.com.tr/images/plan_bg.jpg) left no-repeat;}
.tesis_adi{ position:absolute; z-index:999; color:#7a664d; font-size:11px; text-align:right; width:35%; left:10%; top:43%;}
.galeri_ok{ width:49px; height:49px;position:absolute;z-index:999; top:41%; left:37%;}
.vetro_galeri{ position:relative; z-index:9; left:0px; height:290px; left:323px;}

.about_yuvarlak{ border-radius:190px; width:190px; height:190px; float:left; border:10px solid #FFF; overflow:hidden; margin-right:40px;
cursor:pointer;
-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;}
		
		.about_yuvarlak:hover{
-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}


.ilet_mail{ padding-left:10px; position:relative; top:-210px; display:inline-block; }
.ilet_mail li {list-style:none;}
.ilet_mail li a{color:#8dd7f7; list-style:none; font-weight:bold;}
.ilet_mail li a:hover{color:#fff;}
.ilet_title{ font-family: 'segoe_scriptbold'; font-size:17px; position:relative;}


.haber_menu{ font-size:15px; font-weight:bold; list-style:none; text-align:right;}
.haber_menu li img{float:left; padding-left:10px;}
.haber_menu li {display:inline-block; margin-right:20px; padding:10px 10px;}
.haber_menu li a{ padding-top:17px; color:#7b624c; float:left;}
.haber_menu li a:hover{ padding-top:17px; color:#b2a092; float:left;}

.basin_liste{ margin-left:60px; margin-top:6%;}
.basin_tekli{margin-left:60px; margin-top:6%;}
.duyuru{
color:#fff; text-decoration:none; font-size:12px;	
width:40%; cursor:pointer; display:inline-block;
height:75px;
padding: 15px;
margin:7px 40px 7px 0px;
background-color:rgba(0, 121, 95, 0.5);
-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
 }
			
.duyuru a{ color:#fff; text-decoration:none;
 }
			
.duyuru:hover{ background-color:rgba(0, 108, 85, 0.8);}


.list_title{ background:url(img/kare.png) top right no-repeat; text-align:right; padding-right:30px; font-size:20px; text-shadow:0 1px rgba(0,0,0,0.3); margin-bottom:10px;}
.proje_liste{
color:#fff; text-decoration:none; font-size:12px; width:100%;display:inline-block;

padding: 5px 15px 5px;
margin:0px 40px 0px 0px;
border-bottom:dotted 1px #FFFFFF;
-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
 }
			
.proje_liste a{ color:#fff; text-decoration:none;
 }
			
.proje_liste:hover{ background-color:rgba(0, 108, 85, 0.8);}




.duyuruu{
color:#5b4839; text-decoration:none; font-size:16px;
text-align:left;

width:45%; cursor:pointer; display:inline-block;
padding: 15px;
margin:7px 40px 7px 0px;

 }
			
.duyuruu a{ color:#8dd7f7; text-decoration:none;
 }
			
.duyuruu:hover{ background-color:#c4b9af;}
.formmailing{display:inline-block;}
.ebulten{ font-size:11px; color:#004e7d; padding-top:10px; display:inline-block;}
.ebulten_text{ padding:5px 0px;}
.ebulten_kutu{ float:left; padding:0px 0px 0px 10px; width:100px;}

.ebulten_gonderr{ background:#7a664c; color:#FFF; padding:5px; margin-top:-1px; }

.form_table{ background:none; border:none; float:left; position:relative;}
.icon_basin{ background:url(img/icon_foto.png) no-repeat; width:10%; height:26px; float:left;}
.icon_tv{ background:url(img/icon_tv.png) no-repeat; width:10%; height:26px; float:left;}
.basin_basliklar{ float:left; margin-left:5%; width:85%;}
.bulten_ust{ display:inline-block; width:100%; margin-bottom:10px;}
.basin_title{ font-size:20px; float:left; margin-left:2%;}
.bulten_icon{background:url(img/bulten_icon.png) no-repeat; width:2%; height:50px; float:left;}
.multimedia_icon{background:url(img/multimedia_icon.png) no-repeat; width:5%; height:50px; float:left;}

.etext{ font-size:10px; color:#7a664c; width:230px; position:relative; top:-25px;}
.tarih{width:20%; float:left; color:#5b4839; font-size:13px; font-weight:bold;}
.yayin{float:left; color:#fff; font-size:13px; font-weight:bold;}


.duyuru_tarihh{ display:inline-block; width:100%;}

.duyuruu_title{text-align:left; display:block;}

.proje_colum{float:left; width:90%;}
.proje_img{float:left; width:10%;}
.proje_titlee{ font-size:20px;}
.proje_tarih{ font-size:12px;}

.social_title{ float:right; width:80%; padding-left:0px; text-align:left; font-family: 'helvetica_neue_lt_pro55_roman'; font-size:17px; padding-top:8px;}

.geri {font-size:22px; float:right; margin-top:7px; margin-right:30px;}
.geri a{color:#fff; text-decoration:none;}
.geri a:hover{color:#8dd7f7; text-decoration:none;}
.tarihh { font-size:26px; color:#5b4839; font-family: 'scalasansitalicregular'; margin-bottom:20px;}
.web_adres{ position:relative; top:20px; width:200px; float:right; right:165px;}


.sosyalmedya{ float:right; position:relative; top:-30px;}

.bg_beyaz{ background:#FFF; min-height:500px;}
.ucgen_50{ position:absolute; top:-27px; left:158px;}
.ucgen_51{ position:absolute; top:-27px; left:280px;}
.ucgen_52{ position:absolute; top:-27px; left:400px;}

.ucgen_524{ position:absolute; top:-27px; left:630px;}
.ucgen_5224{ position:absolute; top:-27px; left:980px;}
.ucgen_5234{ position:absolute; top:-27px; left:980px;}
.ucgen_5244{ position:absolute; top:-27px; left:980px;}
.ucgen_525{ position:absolute; top:-27px; right:40px;}
.ucgen_73{ position:absolute; top:-27px; left:888px;}


.sf-menu{margin:0px 0 10px 0px;
		padding:0;
		width:100%; background:#039;
}



.ilet_sol{margin-top:10%; padding-left:200px;}
.ilet_title{ font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.harita_cerceve{ border:1px solid #FFF; padding:7px}

.basin_sub{ list-style:none; margin-top:20%; position:absolute; right:6%;}
.basin_sub .sub{width:100px; height:100px; background:transparent; border-radius:50%; padding:4px; margin-bottom:10px; border:1px #FFF solid; cursor:pointer; position:relative; left:30%;}
.basin_sub .sub .icc{width:90px; height:90px;  background:transparent; border-radius:50%; padding-top:40%; text-align:center; font-weight:bold; font-size:12px;
	-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;

}

.basin_sub .sub:hover .icc{background:#fff; color:#0d7960;}
.basin_sub .sub.active .icc{background:#fff; color:#0d7960;}
.proje_bg{background-color:transparent; margin:0 auto;
 	background-image:radial-gradient(100% 60%,#0d7960,transparent);}
	.proje_ara{margin-right:20px;}
.makine_kat{background:#ff5b34;padding:10px 5px; vertical-align:middle;}
.makine_tablo{ font-weight:bold;border-spacing:5px; float:left;}
.makine_tablo tr{vertical-align:middle;} 
.makine_tablo .sutun{ padding:9px 5px;  } 
.cins {background:#00795f;}
.cins1 {background:#0e836b;}
.icon1{width:44px; height:44px; background:#00795f; border-radius:100%; padding:6px; border:3px #FFF solid; position:relative; left:30%;
		-webkit-transition:all 0.2s ease-in-out;
 		 -moz-transition:all 0.2s ease-in-out;
  		-ms-transition:all 0.2s ease-in-out;
  		-o-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
}
.icons1{ /*top:170px; left:190px;*/ cursor:pointer; position:relative; top:50px;}
.icons1:hover .icon1{background:#ff5b34;
-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.icons1.active .icon1{background:#ff5b34;

}

.icons2{ /*top:170px; left:190px;*/ cursor:pointer; position:relative; top:50px;}


.menu1{ display:block;}




.yollar{ position:absolute; bottom:20%; right:27%;}
.konya{ float:left; padding-right:20px;  
    -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
.eskisehir{ float:left;  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;}
.erkanli_text{ padding:25px 0px 0px 40px; text-align:center; 

  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
	
	
	.ilet_text{ padding:75px 0px 0px 0px; text-align:center; 

  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
	
	
	.ilet_text2{ padding:0px 10px 0px 10px;

  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;}
	
		.ilet_text3{ padding:75px 10px 0px 10px;

  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;}
	
	
	.erkanli_textt{ padding:5px 0px 0px 30px; text-align:center;

  -webkit-animation-duration: .75s;
	-moz-animation-duration: .75s;
	-ms-animation-duration: .75s;
	-o-animation-duration: .75s;
	animation-duration: .75s;
    
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;}
	
	
.erkanli_img{
	position:relative;

	
	animation-name: opacityy;
      -ms-animation-name: opacityy;
	  -moz-animation-name: opacityy;
      -webkit-animation-name: opacityy;
	
	 }
	 
@keyframes opacityy {
      from { opacity:0;}
      to   {opacity:1;}
	  				}
@-moz-keyframes opacityy {
      from { opacity:0;}
      to   {opacity:1;}
							}
@-webkit-keyframes opacityy {
      from { opacity:0;}
      to   {opacity:1;}
    						}
								 	
.line_erkanli{ padding:15px 0px;}
.line_erkanlii{ padding:0px 0px 5px 0px;}
.page_ust{ height:160px; position:relative;}
.erkanli_icerik{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; padding:0px 20px;}
.erkanli_icerikk{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; padding:0px 0px;}
.erkanli_icerik_b{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; padding:0px 20px;}


.page_slogan{font-family: 'scalasansitalicregular'; font-size:33px; position:relative;top:60px; z-index:2; left:140px;
 -moz-animation: 2s;
	  -ms-animation: 2s;
      -webkit-animation:2s;
	  animation: 2s;
	  
	   animation-name: slidein2;
      -ms-animation-name: slidein2;
	  -moz-animation-name: slidein2;
      -webkit-animation-name: slidein2;}
	  
@keyframes slidein2 {
      from { opacity:0;left:0px;}
      to   {opacity:1;left:140px;}
	  				}
@-moz-keyframes slidein2 {
      from { opacity:0;left:0px;}
      to   {opacity:1;left:140px;}
							}
@-webkit-keyframes slidein2 {
      from { opacity:0;left:0px;}
      to   {opacity:1;left:140px;}
    						}
							
.vetro{position:relative; width:100%;}
.vetro_bg{ position:relative; display:inline-block;}

.vetro1{position:absolute; z-index:2; right:67%; cursor:pointer; top:-1px; left:1px;}
.vetro2{position:absolute;left:12%; z-index:1; cursor:pointer;}
.vetro3{position:absolute; left:67.2%; z-index:3; cursor:pointer; }
.vetro4{position:absolute; right:67.2%; bottom:-0.5%; z-index:4; cursor:pointer;}

.baslik1{position:absolute; z-index:5; cursor:pointer; top:97%; left:30%; color:#7b624c; font-size:15px;}
.baslik1 a{ background:url(img/nokta.png) no-repeat; padding:5px 5px 5px 25px; color:#fff;}
.baslik1 a:hover, .baslik1 .active{ background:url(img/nokta_.png) no-repeat; padding:5px 5px 5px 25px; color:#fff;}

.baslik2{position:absolute; z-index:5; cursor:pointer; top:35%; left:75%; color:#7b624c; font-size:15px;}
.baslik2 a{ background:url(img/nokta.png) no-repeat; padding:5px 5px 5px 25px; color:#7b624c;}
.baslik2 a:hover, .baslik2 .active{ background:url(img/nokta_.png) no-repeat; padding:5px 5px 5px 25px; color:#7b624c;}

.baslik3{position:absolute; z-index:5; cursor:pointer; top:35%; left:64%; width:100%; color:#7b624c; font-size:15px;}
.baslik3 a{ background:url(img/nokta.png) no-repeat; padding:5px 5px 5px 25px; color:#7b624c;}
.baslik3 a:hover, .baslik3 .active{ background:url(img/nokta_.png) no-repeat; padding:5px 5px 5px 25px; color:#7b624c;}

.baslik4{position:absolute; z-index:5; cursor:pointer; top:20%; left:15%; width:100%; color:#7b624c; font-size:15px;}
.baslik4 a{ background:url(img/nokta.png) right no-repeat; padding:5px 25px 5px 0px; color:#7b624c;}
.baslik4 a:hover, .baslik4 .active{ background:url(img/nokta_.png) right no-repeat; padding:5px 25px 5px 0px; color:#7b624c;}

.galeri{ width:100%; text-align:center;}
.galeri_bg{ position:relative; z-index:1; padding-top:9%;}

/*.vetro{position:relative; height:565px; display:inline-block; width:150%; background:#F00;}

.vetro1{float:left; position:relative;cursor:pointer;  top:-1px;}
.vetro2{float:left; position:relative; cursor:pointer; left:-14.11%; top:-1px;}
.vetro3{float:left; position:relative;cursor:pointer; left:-36.3%;}
.vetro4{float:left; position:relative;cursor:pointer;}
*/

.ilet_page{margin:30px 0px;}
.menuhaber{ border-left:1px solid #5b4839; padding-left:40px; margin-bottom:30px;}
.ortabar{ border-left:1px solid #5b4839; border-right:1px solid #5b4839; }


/* ulkum son */



.btnbg{ background:url(http://eralyikim.com.tr/images/menu_bg.png) center no-repeat ; width:207px; height:91px; position:absolute; z-index:-1; top:-14px; left:-30px; opacity:0;}
.btnbg2{ background:url(http://eralyikim.com.tr/images/menu_bg2.png) center no-repeat ; width:240px; height:91px; position:absolute; z-index:-1; top:-14px; left:-27px; opacity:0;}
/*
.sf-menu li:hover a:not(.btn){color:#7a654c;  background:url(http://eralyikim.com.tr/images/menu_nokta_hover.png) 0px 18px no-repeat;}
.sf-menu li a:not(.btn).active{color:#7a654c;  background:url(http://eralyikim.com.tr/images/menu_nokta_hover.png) 0px 18px no-repeat;}
.sf-menu li a:not(.btn) {padding:0 5px 0px 13px;font-size:13px;color:#004e7c; background:url(http://eralyikim.com.tr/images/menu_nokta.png) 0px 18px no-repeat;}
*/

.sf-menu li:hover > a:not(.btn) {color:#000; }
.sf-menu li:hover > a:not(.btn) .btnbg{ opacity:1; }
.sf-menu li:hover > a:not(.btn) .btnbg2{ opacity:1; }

.sf-menu li a:not(.btn).active{color:#fff;}
.sf-menu li a:not(.btn).active .btnbg{opacity:1;}
.sf-menu li a:not(.btn).active .btnbg2{opacity:1;}
.sf-menu li a:not(.btn) {padding:0 0px 0px 0px;font-size:14px; color:#fff; text-align:center;}

.sf-menu li .home{left:-25px; position:relative; top:15px;}


.sf-menu li>a{position:relative}.sf-menu li ul li{background:#555;height:auto}
.sf-menu li ul li:hover{background:#3c3c3c}.sf-menu li ul li.btnholder{padding-bottom:1px;padding-top:10px;text-align:center;background:#3c3c3c}
.sf-menu li ul li.btnholder>span{color:#fff;text-align:center;font-size:16px}
.sf-menu li ul li a:not(.btn) {color:#7a654c;  background:url(http://eralyikim.com.tr/images/menu_nokta_hover.png) 0px 18px no-repeat;padding:11px 15px;height:auto;line-height:1;font-weight:normal;display:block}
.sf-menu li ul li a:not(.btn):hover {color:#fff}
.sf-menu li ul li a:not(.btn) img {display:inline-block;margin-right:10px;vertical-align:top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.sf-menu li ul li a:not(.btn) span {line-height:20px;display:inline-block}
.sf-menu li ul li:first-child{-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;-ms-border-radius:0 5px 0 0;-o-border-radius:0 5px 0 0;border-radius:0 5px 0 0}
.sf-menu li ul li:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.sf-menu li a.btn{width:90%!important;margin:10px;text-align:center}
.sf-menu li a.btn i{margin-left:5px;font-size:12px}
.sf-menu.right li ul li:first-child{-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-ms-border-radius:5px 0 0 0;-o-border-radius:5px 0 0 0;border-radius:5px 0 0 0}
.sf-menu.right li ul li:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}



.mobile-menu{display:none;background:#fff;padding:0}
.mobile-menu ul{list-style:none;margin:0;padding:0}
.mobile-menu ul li{border-bottom:solid 1px #00795f}
.mobile-menu ul li span{float:right;font-weight:400;font-size:13px;line-height:1;margin-top:5px;margin-right:5px}
.mobile-menu ul li a{display:block;padding:12px 20px;font-size:13px;color:#00795f;}
.mobile-menu ul li a.active{ background:#00795f; color:#FFF;}
.mobile-menu ul li a.active span{color:#8dd7f7}
.mobile-menu ul .sub-menu{display:none}
.mobile-menu ul .sub-menu li{border-top:1px solid #292929;border-bottom:0}
.mobile-menu ul .sub-menu li a{background:#2e2e2e;padding-left:30px}
.mobile-menu ul .sub-menu li a span{float:none;margin-right:5px;font-size:14px}


.post{margin-bottom:20px;width:100%; position:relative; z-index:99999999999999;}
.postt{margin-bottom:0px;width:100%; height:100%; }
.post .post-gallery.flex-start{overflow:hidden}
.thbportfolio .post .post-gallery img,.relatedposts .post .post-gallery img{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;width:100%;max-width:100%}
.post .post-gallery.shortcode .flex-control-paging{top:8px;right:10px}
.post .post-title{background:#595959}
.post .post-title:first-child{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.post .post-title h2{margin:0;padding:15px 20px;font-size:16px;font-weight:600}
.post .post-title h2 a{color:#fff}
.post .post-title h2 a:hover{color:#7ac043}
.post .post-gallery.flex-video{margin-bottom:0;padding-bottom:50%}
.post .post-content{line-height:1.2;padding:0px 30px 30px 30px;}
.postt .post-content{line-height:1.2;padding:0px 30px 30px 30px;}
.post .post-contentt{line-height:1.2;}
.postt .post-contentt{ padding:0px; height:100%;}

.post .post-content ul,.post .post-content ol{list-style-position:inside}
.post .post-meta{padding:0 30px 20px}
.post .post-meta ul{margin:0}
.post .post-meta ul li{list-style:none;display:inline;font-size:12px;margin-right:20px}
.post .post-meta ul li:last-child{margin:0}
.post .post-meta i{margin-right:3px}









.sehir{ position:absolute; /*top:-138px;*/ bottom:93%; width:100%; text-align:center;}
.sehir img{width:100%; height:auto;}

footer{ background:#FFF;padding:10px 0px 10px 0px;width:100%;clear:both; position:relative; bottom:-5%;}
footer>.row{position:relative;padding-bottom:0px}
.cagri{top:-60px; position:absolute; right:0px;}

.subfooter{background:#fff;padding:20px 0 6px 0;color:#ddd; border-top:#FFF 1px solid; width:100%;}
.subfooter p{font-size:11px;margin:0;line-height:22px;}

.footer_kutu {float:left; padding:0px 10px; color:#58595b;}
.footer_kutu a {color:#58595b; font-weight:bold; font-size:9px; }
.footer_kutu a:hover {color:#000;}
.footer_kutu li{padding:1px 2px; font-size:10px;}
.footer_kutu li a{color:#58595b;}
.footer_kutu li a:hover{color:#000;}
.footer_kutuu{float:right; padding:0px 0px;}

.ara{ width:1px; height:70px; background:#58595b; margin:0px 5px; float:left;}
.araa{ width:1px; height:95px; background:#004e7c; margin:0px 5px; float:right;}


.woocommerce .summary .price ins{text-decoration:none}

@media only screen and (max-width:767px){

[role="main"]>.row>.columns{padding:0px 10px; margin-top:-80px;}
#header .topbar.row .logo>a{margin-left:-30px;}
.post .post-content{padding:15px}
.postt .post-content{padding:15px}

}

@media only screen and (max-width:940px){#header.fixed{position:relative!important}

#header.fixed+[role="main"]{padding-top:7%;}
#header .topbar.row{max-height:10px}
#header .topbar.row .logo>a{ margin-left:30%; margin-top:5%;}

#header .logo a.hide-logo{display:none}
#header .logo a.show-logo{display:block}

#header .desktop-menu{display:none;}
#header .mobile-menu-toggle{display:block}

}