/*
 @ Prodestek, Front-end Developer & UI Designer by alico
 @ http://alico.me  */



/* 

	@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,800,700,400,300&subset=latin,latin-ext); 
	@import url('fonts/pika/ss-pika.css'); 

*/ 
	

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,800,700,700italic,400,400italic,300,300italic&subset=latin,latin-ext); 
@import url('fonts/279/styles.css');
@import url('fonts/gizmo/ss-gizmo.css'); 
@import url('fonts/pika/ss-pika.css');
@import url('fonts/standard/ss-standard.css');
@import url('fonts/social/ss-social.css');
@import url('fonts/gotham/style.css');



/*
@  plugin baglari  */
 
@import url('libs/swiper/swiper.css'); 
@import url('libs/fancy/fancy.css'); 




/*
@  freamwork bagi  */

@import url('fw.css');



/*
@ message */

@import url('libs/message.css'); 



/*
 @ body  */

html,body, body > .wrap { height: 100% ; width:100% } 
body 					{ color:#222; }
body 					{ font:300 12px Open Sans, Arial }


body 					{ min-width: 1000px }


/*
 @ url style */
a 											{ color: #3bbae9 }
a.url-black,.url-black a  					{ color:#222 }



h1,h2,h3,h4,h5,h6 		{ font-family:Open Sans }



/*
 @ capa */

.capa 										{ position: absolute; width: 1px; height:1px; background: red; z-index: 10}



/*
 @ iskelet */

.t								{ width:960px; margin: 0 auto } 



@media screen and ( max-width: 1024px ){
	
	body 	{ min-width: 880px }
	.t 		{ width:880px; margin: 0 auto } 


}



/*
 @ parallax : image */

.parallax-image img					{ height: auto; width: 100% }


/*
 @ header*/

header							{ height: 130px }
header .symbol					{ top:38px; transition:.3s; }
header .symbol img				{ display:block; width:200px; transition:.3s }
header .cagri 					{ top:58px ;  }
header .cagri .sm 				{ display:none  }
header .cagri .ms 				{ display:none  }



/*
 @ header main menu*/

header nav.main 				{ left: 30%; top: 50px; width: 450px}
header nav.main *				{ font-weight: 400  }
header nav.main a				{ color:#848181; font-size: 16px }
header nav.main a:hover			{ color:#333 }
header nav.main span			{ color:#d8d5d5; font-size: 14px; padding:0 24px; top: 4px }
.tr header nav.main span		{ padding:0 20px}

header nav.main > *.on a 		{ color:#3bbae9 }
header nav.main > * i 			{ display: block; border-top: 2px solid #ececec; border-bottom: 2px solid #ececec; position: absolute }
header nav.main > * i 			{ height: 28px; top: 0; width: 30%; left:33%; opacity: 0; transition:.3s  }
header nav.main > *.hover i,
header nav.main > *:hover i		{ height: 50px; top: -12px;  width: 85%; left:7.5% ; opacity: 1 }
header .main-switch 			{ display: none }

/*
 @ header top right menu */

header nav.prt 					{ top: 10px }
header nav.prt h3 				{ display: none}
header nav.prt span > *			{ float: left }
header nav.prt .ss-icon 		{ color:#cfcfcf; font-size: 24px; margin-left:5px; transition:.3s; }
header nav.prt .ss-icon:hover 	{ color:#999 }
header nav.prt .ss-mail 		{ color:#ffbb28; margin: 0 10px 0 20px}
header nav.prt .ss-mail:hover	{ color:#FB9100 }
header nav.prt .share			{ display: none }
header nav.prt .lan 			{ top: 4px}


/*
 @ footer */
 

footer 					{ background: #F4F4F4; margin-top: 60px  }
footer .cagri 			{ margin-top:23px; }
footer .cagri .sm		{display:none}
footer .us				{ height:230px; padding-top:35px  }
footer .as 				{ background: #F0F0F0 ; border-top:1px solid #DFDFDF; height:70px }
footer .new h5 			{ font-size: 16px; color:#666; font-weight:700 }
footer .new  			{ width:55%  }
footer .new p 			{ font-size: 14px; color:#333; }
footer .new p .ss-icon  { left: 9px; top: 3px; color:#999  }

footer .social 					{ padding: 16px 0 0 0}
footer .social a 				{ font-size: 23px; color:#B6B6B6; margin-right: 4px; transition:.3s }
footer .social a:hover 			{ color:#777;}
footer .social .ss-mail			{ color:#ecb41e; margin-left: 12px }
footer .social .ss-mail:hover	{ color:#F18B25 }

footer .us .prt li				{ border-bottom: 1px solid #dedcdc; text-align: right; }
footer .us .prt li a			{ display: block; padding: 11px 7px; }
footer .us .prt li:last-child	{ border-bottom: 0 }
footer .us .prt li a i			{ font-size: 19px; top: 4px; color:#d2cccc; transition:.3s; }
footer .us .prt li a .ss-store	{ font-size: 18px; top:3px; }
footer .us .prt li a .ss-main	{ font-size: 20px; top:3px; }
footer .us .prt li a .ss-phone	{ top:3px; }
footer .us .prt li a .ss-chat	{ top:5px; }
footer .us .prt li a span		{ color:#888; transition:.3s; font:normal 13px GothamRoundedMedium,"Open Sans"; padding-right: 13px}
footer .us .prt li a:hover span { color:#444 }
footer .us .prt li a:hover i 	{ color:#777 }
footer .us .prt 				{ width: 200px; top: 23px }




footer .as span 				{ color:#8a8a8a; font:normal 13px GothamRoundedMedium,"Open Sans" }
.mobile footer .as span 		{ font-size: 12px }
footer .as span.com 			{ margin-right:40px; color:#999; letter-spacing:0  }
footer .as span.tel  			{ color:#777; letter-spacing:.5px }
footer .as .t 					{ top:29px }

footer .as a.prb 				{ bottom: -15px; right: 224px }


/*
 @ page cover */




.home .cover .in 					{ width:100%; max-width:1423px; margin:0 auto; z-index: 2 }

.home .cover article img 			{ display: block; margin: 0; padding: 0 ;width: 100%   }


.home .cover  .swiper-wrapper, 		
.home .cover  .swiper-slide 			{ height: auto!important  }


/*	
 @ home :  page cover */

.home .cover 						{ /* overflow: hidden; height:calc( 77% - 130px );  min-height: 380px */ }
.home .cover .kolon 				{ z-index: 1; width: 100%; position: absolute; left:0; height: 50%; top:25%; background:#f1f1f1 }

.home .cover img.sm,
.home .cover img.xs 				{ display: none  }

/*
.home .cover .covers,
.home .cover .swiper-wrapper,
.home .cover  article  				{ height: 100%!important }

*/

/*.home .cover  .slide-1  			{ background:url('image/home-cover-3.jpg') no-repeat 50% 50%; background-size: 100% auto }*/


/*.home .cover blockquote  			{ position: absolute; bottom:20px; z-index:2; width: 100%; color:white; text-align: center }
.home .cover blockquote h3  		{ top:0; font-size: 38px; line-height: 40px; font-weight: 700; text-shadow:0 0 2px rgba(0,0,0,.7); }
.home .cover blockquote p  			{ top:0; font-size: 25px; margin-bottom: 10px; }
.home .cover blockquote a 			{ top:0; opactiy:1; color:#ffd541; width: 70px; height: 70px;  font-size: 16px; border-radius: 70px; border: 1px solid white; margin: 0 auto; display: block }
.home .cover blockquote span 		{ top: 22px; left:1px; }
.home .cover blockquote i 			{ display: none}*/

/*.home .cover article 				{ float: left}*/

.home .cover article > span 		{ width: 100%; z-index: 1; height: 300px; background:url('image/home-cover-gradient.png') repeat-x left bottom; display: block } 

.home .cover nav.plt 				{ position: static }

.home .cover nav.plt a				{  z-index: 2 ; color:#fff; top:50%; margin-top:-35px; height:70px; background:rgba(0,0,0,.5); z-index: 5;  opacity: .7; transition:.3s; cursor: pointer; display:flex;align-items: center; justify-content: center}
.home .cover nav.plt a:hover 		{ background:rgba(0,0,0,.7); }
.home .cover nav.plt i				{     font-size: 40px; line-height: 37px;height: 28px;display: block;}

.home .cover nav.plt a				{ opacity:1; transition:.3s }
.home .cover nav.plt a:hover		{ opacity: 1}


.home .cover nav.plt,
.home .cover nav.plt .t 			{ height: 100%  }

.home .cover nav.plt a.disabled     { opacity: 0;}

/*.home .cover nav.plt a.disabled.prev{ left: -90px }
.home .cover nav.plt a.disabled.next{ right: -90px}*/

.home .cover.crop .swiper-wrapper,
.home .cover.crop .article 			{ height: 100%}

 

/*
 @ home page cove slide anime */


.start-on .home .cover .swiper-slide-active h3 	{ animation:cover_h .9s ease both; animation-delay:.3s}
.start-on .home .cover .swiper-slide-active p 	{ animation:cover_p 1s ease both; animation-delay:1.1s}
.start-on .home .cover .swiper-slide-active a 	{ animation:cover_a .5s ease both; animation-delay:2s}


@keyframes cover_h 	{ 0% { opacity:0; top:-50px } 0 { opacity:1; top:0 } }
@keyframes cover_p 	{ 0% { opacity:0; top:30px } 0 { opacity:1; top:0 } }
@keyframes cover_a 	{ 0% { opacity:0 } 0 { opacity:1 } }



/*
 @ home workspace */

.workspace 							{ padding:80px 0 85px 0 }
.workspace article 					{ text-align: center; width: 25% }
.workspace article figure  			{ width: 136px; height: 136px; margin: 0 auto; }
.workspace article figure canvas 	{ position: absolute; left: 0; top: 0}
.workspace article i 				{ color:#5dbbec; top:43px; font-size: 40px}
.workspace article .ss-buildings 	{ left:-3px }
.workspace article .ss-crop 		{ top:45px }
.workspace article .ss-warehouse 	{ font-size:37px; top: 45px }
.workspace article .ss-paintroller 	{ font-size:39px; left:2px; top: 47px }
.workspace article p  				{ margin:0 7%; font-size: 13px; color:#545454; padding-top: 10px; line-height: 21px }
.workspace article h2  				{ color:#2e2f2f; font-size: 23px; font-weight: 600; margin-top:23px  }

/*
 @ home compnay */

.company  							{ border-top: 1px solid #d7d7d7; padding: 40px 0  60px 0  }
.company p 							{ font-size:22px; color:#616262; font-style: italic; text-align: center; padding-bottom: 25px }
.en .company p 						{ font-size: 20px }

/*
 @ more link */

.more-1  							{ width: 56px; height: 56px; margin: 0 auto; display: block ; text-align: center;}
.more-1 canvas						{ position: absolute; left: 0; top: 0; display: block; transition:.4s; }
.more-1 span						{ top:19px;font-size: 12px; font-style: italic  }
.more-1:hover canvas 				{ transform:rotateY(180deg) }
.more-1:hover  						{ color:#FE6601;}


/*
 @ home quality */
/*
.home .quality 						{ position:relative;width:100%; height:440px; max-height:440px;overflow:hidden }
.home .quality .parallax-image 		{ background:url(image/home-parallax.jpg) no-repeat; background-position:100%;background-size:100%;width:100%;min-height:100%;position:relative!important }


*/

.parallax {
	
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	
	height: 450px;
	position: relative
}

.home .quality {

	background-image:url(image/apartman.jpg);
	height: 440px;
	
}

@media screen and ( max-width: 1300px ){
	
	.parallax { background-size:120% }
}




.home .quality > div{ background: rgba(0,0,0,.5); height:100% }


.home .quality .t					{ color:white; text-align: center;   } 
.home .quality .t a					{ color:white; } 
.home .quality  h2 					{ font-size: 53px; font-weight: 600; padding: 60px  0 15px 0} 
.en .home .quality  h2 				{ padding-top: 40px} 
.home .quality  blockquote p 		{ font-size: 19px; padding: 0 45px}
.en .home .quality  blockquote p 	{ padding: 0 16px; font-size: 18px}

.home .quality nav 					{ width: 62%; margin:58px auto 0 auto}
.home .quality nav figure 			{ height: 56px; width: 56px; text-align: center; margin: 0 auto}
.home .quality nav figure canvas	{ position: absolute; left: 0; top: 0; display: block; transition:.3s;}
.home .quality nav figure i	 		{ top: 18px; font-size: 18px;transition:.3s; }
.home .quality nav figure .ss-medal	{ font-size: 21px }

.home .quality .t h4  				{ margin-top: 8px}
.home .quality .t nav a h4			{ color:#ACFB5E;font-size: 25px; font-weight: 300 ;transition:.3s; }

.home .quality .t nav a:hover canvas{ transform:rotateY(180deg) }
.home .quality .t nav a:hover i 	{ color:#b7ff1c }
.home .quality .t nav a:hover h4 	{ color:#fff }


/*
 @ home sums */ 

.home .sums 						 { padding: 70px 0 0 0; text-align: center }
.home .sums article div				 { padding:30px 30px  }
.home .sums article p				 { font-size: 13px; line-height: 21px; padding: 0 31px  }
.home .sums article h2				 { font-size: 27px; color:#000; padding:0 0 18px 0 }
.home .sums article:nth-child(2) div { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.home .sums .more-1 				 { margin-top: 20px}



/*
 @ vizyon */

.vizyon 							{ text-align: center; padding: 75px 0 0 0; }
.vizyon blockquote					{ color:#050505; font:normal 25px/30px "0209"; color:#222; width: 70%; margin: 0 auto  }



/*
@ proje : index*/


.proje .cover-part  		{ background-image:url(image/cover-city2.jpg); height: auto  }
.proje .cover-part .kalip 	{ width: 100%; display: block; margin: 0; max-height: 540px }



.cover-part  > s 					{ width: 100%; z-index: 1; height: 100%; display: block; background:url('image/home-cover-gradient.png') repeat-x left bottom; display: block } 

.cover-part .plt  					{ z-index: 2; width: 100%; height: 100% }
.cover-part .plt ul					{ height: 100%; display: flex; justify-content:center ; align-items:center }
.cover-part .plt li  				{ text-align: center; top: 15px }
.cover-part .plt figure  			{ transition:.3s; width: 160px; height: 160px; margin: 0 auto ;display: flex; justify-content:center ; align-items:center;}
.cover-part .plt figure span 		{ width: 100%; height: 100%; display: block }
.cover-part .plt figure canvas 		{ width: 100%; display: block }
.cover-part .plt figure  			{ margin-bottom: 10px }
.cover-part .plt li a 				{ color:white }
.cover-part .plt li i 				{ font-size: 45px;  transitiom:hover; }
.cover-part .plt li.on a i 			{ color:#ffec6d;}
.cover-part .plt li i.ss-check 		{ top: 5px }
.cover-part .plt li i.ss-clockwise 	{ top: 5px }
.cover-part .plt li i.ss-lightbulbon{ top: 5px; }
.cover-part .plt li h4 				{ transition:.3s; font-size: 27px; font-weight: 600; padding:8px 0 0px 0; color: black; }
.cover-part .plt li a > span 		{ font-size: 46px; font-weight: 300; transition:.3s;   }
.cover-part .plt li canvas 			{ transition:.3s; position: absolute; left: 0; top: 0 }
.cover-part .plt li figure span		{ position: absolute; left: 0; top: 0 }

.cover-part .plt li a:hover canvas  { transform:rotateX(-180deg);} 


.cover-part .slide  		{ display: none }
.cover-part .slide-nav   	{ height: auto;  display: none; top:50%; margin-top: -18px }

.cover-part .slide-nav a  	{ font-size:28px; cursor: pointer; color:white; transition:.3s;opacity: .7  }
.cover-part .slide-nav a:hover  	{ opacity: 1}
.cover-part .slide-nav a.plt{ left: 10px }
.cover-part .slide-nav a.prt{ right: 10px }

.cover-part .slide-nav a.plt.disabled  	{ opacity: 0 }
.cover-part .slide-nav a.prt.disabled  	{ opacity: 0 }






.proje.index  .list 						{ padding: 70px 0}

/*
@media screen and ( max-height: 780px ){

	
	.cover-part .plt figure  			{ width: 140px; height: 140px}	
	.cover-part .plt li i  				{ font-size:35px }	
	.cover-part .plt li h4 				{ font-size: 22px }
	.cover-part .plt li a > span		{ font-size: 38px }

	.proje.index .list { padding-top: 50px}
	
}


@media screen and ( max-height: 690px ){

	
	.proje.index .list { padding-top: 40px}
	.cover-part .plt figure  			{ width: 135px; height: 135px; margin-bottom: 7px;}	
	.cover-part .plt li i  				{ font-size:35px }	


	.cover-part .plt li h4 				{ font-size: 21px; padding-top:6px }
	.cover-part .plt li a > span		{ font-size: 35px }
	
}

@media screen and ( max-height: 625px ){

	.proje.index .list { padding-top: 30px}
	.cover-part .plt figure  			{ width: 130px; height: 130px; margin-bottom: 5px;}	
	.cover-part .plt li i  				{ font-size:34px }	
	
	.cover-part .plt li h4 				{ font-size: 21px; padding-top:6px }
	.cover-part .plt li a > span		{ font-size: 35px }
	
}

@media screen and ( max-height: 600px ){

	.proje.index .list { padding-top: 18px}

	.cover-part .plt figure  			{ width: 125px; height: 125px; margin-bottom: 5px;}	
	.cover-part .plt li i  				{ font-size:34px }	
	
	.cover-part .plt li h4 				{ font-size: 21px; padding-top:6px }
	.cover-part .plt li a > span		{ font-size: 35px }
	
}
*/


/*
 @ proje index list */


.proje.index  .list article h1 				{ font-size: 25px; font-weight: 700; color:#000 }
.proje.index  .list article  				{ border-bottom: 1px solid #dfdfdf;padding: 30px 6px }
.proje.index  .list article:last-child		{ border-bottom: 0}
.proje.index  .list a  						{ display: inline-block; width: 100%}

.proje.index  .list .down  					{ font-size: 14px; font-weight: 300 }
.proje.index  .list .tag-body  				{ color:#736f6f }
.proje.index  .list .tag-city  				{ color:#11b5de; padding-right: 10px }
.proje.index  .list .tag-city i 			{ color:#c4c4c4; font-size: 13px; top: 1px; margin-right:6px }


.proje.index  .list .sag 					{ font-size: 18px; top: 10px; left: 70%; width: 31% }
.proje.index  .list .tag-time 				{ color:#a0a0a0; float: right; margin-right: 4px  }
.proje.index  .list .tag-part i 			{ color:#c4c4c4; font-size: 15px; top: 1px; margin-right:9px }
.proje.index  .list .tag-part i.ss-crop 	{ font-size: 16px; top:1px;  }
.proje.index  .list .tag-part i.ss-warehouse{ font-size: 14px  }



html.start body.proje.view > .wrap       	{ overflow: auto!important}


/*
 @ proje view */
/*

.proje.view .cover-parallax 				 { position:relative;width:100%; background: black; height:324px; max-height:324px; overflow:hidden }
.proje.view .cover-parallax  .parallax-image { background:url(image/home-cover-1.jpg) no-repeat; background-position:100%; background-size:180%; width:100%;min-height:100%;position:relative!important }
*/

.proje .cover-parallax   					{ background-image:url(image/cover-city2.jpg); height: 324px; background-size: 156%;}

.proje.view .cover-parallax  s.plt 			{ background:url(image/gradient-top.png) repeat-x 0 0; height: 169px; width: 100%; opacity: .6 }

.proje.view .post-head  					{ margin-top: -300px }
.proje.view .post-head .capa 				{ top:-24px;}
.proje.view .post-cover-photo  				{ max-height: 370px }
.proje.view .post-cover-photo img 			{ width: 100%}
.proje.view .post-cover-photo .main 		{ display: block }
.proje.view .post-head figure 				{ width: 180px; margin:0 auto; text-align: center;color:white; padding-bottom: 28px;}
.proje.view .post-head figure 				{ width: 180px; margin:0 auto; text-align: center;color:white; padding-bottom: 18px;}
.proje.view .post-head figure div 			{ width: 58px; height: 58px ; margin: 0 auto; }
.proje.view .post-head figure div canvas	{ position:absolute; left:0; right:0 }
.proje.view .post-head figure div i			{ font-size: 16px; top:18px }
.proje.view .post-head figure figcaption	{ font-size: 18px;margin-top: 10px }

.proje.view .post-head nav.page  				{ width: 100%; bottom: 84px }
.proje.view .post-head nav.page a 				{ font-size: 30px; color:#666; transition:.3s; }

.proje.view .post-head nav.page a.prev 			{ left: -86.5px }
.proje.view .post-head nav.page a.next 			{ right: -86.5px }




.proje .front-icart  						{ text-align: center;  }
.proje .front-icart.down  					{ padding:14px 0 0 0; }

.proje .front-icart h1						{ font-size:30px; font-weight: 700; color:#111 }
.proje .front-icart span					{ display: block}
.proje .front-icart .sum					{ margin-top: -2px; margin-bottom: 8px; padding: 0 13% }
.proje .front-icart .city					{ font-size:21px; }
.proje .front-icart .year					{ font-size:18px; }

.proje .front-icart nav						{ font-size:28px;padding-top: 32px }
.proje .front-icart nav a					{ color:#c5c1c1; transition:.3s; }
.proje .front-icart nav a:hover				{ color:#666 }


/*
 @ post icart */

.proje .post-icart ul 						{ padding: 30px 0 50px 0 }
.proje.un-cover .post-icart ul 				{ padding-top: 45px}

.proje .post-icart li 						{ font-size: 16px; border-bottom: 1px solid #dfdfdf; padding: 28px 9px }
.proje .post-icart li:last-child 			{ border-bottom: 0 }

.proje .post-icart li label 				{ font-weight: 600; color:#413e3e; width: calc( 35% - 50px ); margin-right: 50px }
.proje .post-icart li div 					{ color:#535353; padding-left: 30px; width: 60%  }

.proje .post-icart li div i.first 			{ left: -13px; font-size: 18px }
.proje .post-icart li div i.ss-expand 		{ font-size: 14px; top: 3px }
.proje .post-icart li div i 				{ color:#C0C0C0 }

.proje .post-icart .icart-alan .map			{ margin-left: 60px }
.proje .post-icart .icart-alan i.first		{ top: 7px; left: -12px }
.proje .post-icart .icart-alan i			{ font-size: 15px; left: -20px; top: 3px }

.proje .icart-tarih div span				{ margin-right: 8px; color:#000; }
.proje .icart-tarih div em					{ margin: 0 12px; color:#AAAAAA;}

.proje .icart-yer div span 					{ margin-left: 20px;top:-1px; font-size: 13px; letter-spacing: .3px }
.proje .icart-yer div span a				{ color:#F9A800}
.proje .post-icart li.icart-yer div i.first	{ font-size:16px; top:2px; }

	
.proje  .post-icart li.icart-aciklama div 		{ padding: 0; width: 100%}
.proje  .post-icart li.icart-aciklama  			{ margin-top: -30px}


@media screen and ( max-width: 1024px ){
	
	.proje.view .post-head nav.page a.prev 		{ left: -45px }
	.proje.view .post-head nav.page a.next 		{ right: -45px }
}


/*
 @ post view un image */

.proje.un-cover .post-cover-photo 			{ height: 370px; background: #000; overflow: hidden }
.proje.un-cover .post-cover-photo > s 		{ width:100%; height: 100%; background: rgba(40,40,40,.8); z-index: 2 }

.proje.un-cover div.map						{ width: 130%; left: -80px; height:130% }

.proje.un-cover .post-icart 				{ z-index: 3  }
/*
.proje.un-cover .post-icart 				{ margin-top:-335px }

.proje.un-cover.un-images .post-icart 		{ margin-top:-268px }*/ 


.proje.un-cover .front-icart 				{ color:white; z-index:5; position: absolute; width: 100%;}
.proje.un-cover.view .front-icart nav 		{ bottom: 0}

.proje.un-cover .front-icart h1				{ color:white  }
.proje.un-cover .front-icart .city a		{ color:#4ddbff  }
.proje.un-cover .front-icart nav a			{ color:#dededd }
.proje.un-cover .front-icart nav a:hover	{ color:#fff }

.proje.un-cover .front-icart 				{ padding-top: 53px }


/*
.proje.un-cover .post-icart ul 				{ padding-top: 200px }

.proje.un-cover.un-images .post-icart ul 	{ padding-top: 150px }  */


.proje .post-cover-photo  					{ overflow: hidden }



/*
 @ proje view albums  */


.proje .album						{ position: absolute; bottom:0;  opacity: 1; left:0; width: 100%; height: 100%; z-index: 1; background:url('image/cover-gradient.png') repeat-x left bottom rgba(50,50,50,0); transition:.3s;  }

.proje.un-cover .album				{ background-image: none; z-index: 6 }

.start-on .proje .album	 			{ animation:album_gradient .4s ease both; animation-delay:.3s }

.proje .album .album-list 			{ z-index:3; width: calc( 100% - 100px );  display: flex; justify-content:center ; align-items:center; transition:.3s ;flex-wrap:wrap}
.proje .album .anime 				{ padding: 14px 50px; bottom:-75px}
.proje .album .anime .mouse			{ visibility: hidden; opacity: 0;  position: absolute;  }


.proje .album-in 					{ width: 100%; position: absolute; bottom: 0;height:168px; }


.proje .album-list a 				{ width: 90px; height: 90px; border: 2px solid white; margin:0 3px 10px 3px; border-radius: 90px; overflow: hidden; transition:.3s; }
.desktop .proje .album-list a 		{ opacity: 0 }
.proje .album-list a span 			{ display: block; border-radius: 90px; background:black; width: 90px; height: 90px; display: block }
.proje .album-list a:hover 			{ border-color:#FFC600 }

.proje .album-list img 		 		{ width: 100%; transition:.1s; margin: 0;width: 90px; height: 90px; border-radius: 90px; }


.proje .album .album-ico			{ position: absolute; transition:.3s; width: 136px; height: 136px; left: 50%;  margin-left: -67px; z-index:2; top:0; background:url('image/cover-note-gradient.png') no-repeat center center; text-align: center }

.proje.un-cover .album .album-ico	{ background: none; }

.proje .album .album-ico span		{ display: block; color:#ffc619; font-size: 14px; margin-top: 57px; text-shadow:2px 2px 2px #000; opacity: 1}

.proje.un-cover	.album .album-ico span	{ text-shadow:0 0 0 #000} 

.proje .album .album-ico i			{ color:white; font-size: 19px }
.proje  .album-ico 					{ animation:album_ico 1.3s ease both; animation-play-state: paused;  }
.start-on .proje  .album-ico 		{ animation-play-state: running }



@keyframes album_gradient 					{ 0% { opacity:0;} 0 { opacity:1;  } }
@keyframes album_ico 	 					{ 0% {opacity:0;  top:-100px;} 0 { opacity:1; top:0;  } }


.anime[data-liffect="bounceIn"] > *			{  position: relative; animation: bounceIn 600ms ease both; animation-play-state: paused; }
.anime[data-liffect="bounceIn"].play > * 	{ animation-play-state: running; }


@keyframes bounceIn 						{ 0% { opacity: 0; transform: scale(.3); } 50% { transform: scale(1.05); } 70% { transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } }


.proje .album:hover .anime 					{ bottom: 16px}

.proje .album:hover .album-list a 			{ border-width:2px;  }

.proje .album:hover .album-ico  			{ top:-15px; background:none; }
.proje .album:hover .album-ico  span		{ opacity: 0; visibility: hidden;}
.proje .album:hover .album-ico  i			{ font-size: 40px }

.proje .album:hover  						{ background-color:rgba(50,50,50,.85) }
.proje .album:hover .album-in 				{ height: 370px}
.proje .album:hover .anime .mouse 			{ visibility: visible; opacity: 1;  position: static;}

.album-on .proje .album-list a  			{ opacity: 1; background: black }
.album-on .album-list a:hover img 			{ border-radius: 80px; height: 80px; width: 80px; margin:5px }



.proje.un-cover .post-cover-photo  .share     			{ z-index: 8; color:white; visibility: hidden; transition:.3s; opacity: 0; font-size: 19px; right: 16px; top:16px;}
.proje.un-cover .post-cover-photo  .share a  	 		{ color:white; font-size: 22px; margin-left: 2px}
.proje.un-cover .post-cover-photo .album:hover .share   { visibility: visible;; opacity: 1 }
.proje.un-cover .front-icart:hover nav  				{ opacity: 0 }


/*
@ contact */


.contact .cover 					{ height: 380px }
.contact .cover .map 				{ height: 380px; width: 100% }

.contact .merkez  					{ padding: 46px 0 0 0; text-align: center }
.contact .merkez address 			{ font-size: 19px; font-weight: 300; padding-bottom:7px;   color:#222 }
.contact .merkez address i			{ color:#f5b652; font-size: 14px }
.contact .merkez .ss-location		{ margin:0 2px 0 6px  }
.contact .merkez div				{ display: flex; color:#000; justify-content:center; font-size: 18px }
.contact .merkez div i				{ color:#c5c5c5; margin-right: 10px; font-size: 17px }
.contact .merkez .ss-phone			{ top:4px;}
.contact .merkez .ss-fax			{ top:3px;}
.contact .merkez div em				{ color:#888 }
.contact .merkez div span			{ margin-left: 30px }

.contact .merkez h3 				{ font-size: 25px; font-weight: 700; }

.contact .depo 						{ text-align: center; padding: 20px 0 0 0}
.contact .depo h4 					{ font-size: 14px; color:#666; font-weight: 700 }
.contact .depo p,
.contact .depo span					{ font-size: 14px }


.contact .sube 						{ border-bottom: 1px solid #d5d5d5; border-top:1px solid #d5d5d5;font-size: 14px; padding: 33px 0; color:#2a2c2c }
.contact .sube 						{ margin:50px 0 0 0; }
.contact .sube li 					{ text-align: center; padding: 0  }
.contact .sube li address			{ padding-bottom: 17px }
.contact .sube li h3				{ font-size: 25px; font-weight: 700  }
.contact .sube li:nth-child(2) div	{ border-left: 1px solid #d5d5d5; /*border-right:1px solid #d5d5d5;*/}

.contact .sube li div				{ padding:20px 40px  }

.contact .sube li div > span		{ display: block}
.contact .sube li .tel span 		{ color:#777;}
.contact .sube li .fax  			{ padding-top: 6px }

.contact .sube li .tel,
.contact .sube li .fax 				{ font-weight: 400; font-size: 13px; letter-spacing:.6px }
.contact .sube li .ss-fax 			{ color:#c5c5c5; font-size: 12px; top: 4px}

.contact .sube li .location 		{ transition:.3s; display: block; width: 48px; height: 48px; text-align: center; font-size: 18px; border-radius: 48px; margin:42px auto 0 auto; border:2px solid #d1d1d1; color:#f5b652; }
.contact .sube li .location i 		{  transition:.3s; display: inline-block; top:13px; left: -1px }

.contact .sube li .location:hover	{ border-color:#f5b652 }
.contact .sube li .location:hover i	{ color:#444 }


.contact .social-box  					{ display:flex; justify-content:center; flex-wrap:wrap; padding:70px 0 70px 0 }
.contact .social-box > div 				{ max-width: 180px; width: 25%; text-align: center }
.contact .social-box figure canvas 		{ position: absolute; left: 0; top:0; transition:.3s; }
.contact .social-box a:hover canvas 	{  transform:rotateY(180deg); }
.contact .social-box figure  			{ width: 88px; height: 88px; margin: 0 auto}
.contact .social-box figure i 			{ font-size:34px; top:23px; }

.contact .social-box .ss-facebook  		{ color:#24588e }
.contact .social-box .ss-twitter  		{ color:#67b4dc }
.contact .social-box .ss-youtube  		{ color:#b62020 }
.contact .social-box .ss-mail  			{ color:#ff7b23 }


.contact .social-box .face a:hover h4 	{ color:#24588e }
.contact .social-box .twit a:hover h4 	{ color:#67b4dc }
.contact .social-box .tube a:hover h4 	{ color:#b62020 }
.contact .social-box .mail a:hover h4 	{ color:#ff7b23 }

.contact .social-box h4					{ color:#4e5052; font-size: 17px; font-weight: 300; padding-top: 10px}


/*
	.contact .santiye-cover  				{ position:relative;width:100%; background: #999; height:450px; max-height:450px; overflow:hidden }
	.contact .santiye-cover .parallax-image	{ background:url(image/santiye.jpg) no-repeat; background-position:100%; background-size:100%; width:100%; min-height:100% }

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

		.contact .santiye-cover .parallax-image { background-size:135% auto}	
	}

*/

.contact .santiye-cover  {

	background-image:url(image/santiye1.jpg);
	background-color: #333;
	background-size: cover;
	/*background-size: 100%  auto;*/
	height: 450px
}




.contact .santiye-cover .text 			{ color:white; top: 160px;  }
.en .contact .santiye-cover .text 			{ top: 209px;  }
.contact .santiye-cover .text h2 		{ font-size: 110px; left:0; font-weight: 700; margin-bottom: 20px }
.en .contact .santiye-cover .text h2	{ font-size: 70px ; margin-bottom: 4px}
.contact .santiye-cover .text p 		{ font-size: 22px; }
.en .contact .santiye-cover .text p 	{ font-size: 16px; left: 4px }

.contact .santiye 						{ padding: 60px 0 60px 0 }
.contact .santiye article 				{ border-bottom: 1px solid #e6e6e6;  padding: 40px 0 30px 0}
.contact .santiye article:last-child 	{ border-bottom: 0}

.contact .santiye article h4 			{ font-size: 21px; font-weight: 700}
.contact .santiye article address 		{ color:#555; font-size: 15px;padding-top: 4px}
.contact .santiye article address a		{ color:#f5b652; left:15px; font-size: 14px }
.contact .santiye article .prb 			{ font-size: 14px; bottom:32px;}
.contact .santiye article .prb em		{ color:#999;}
.contact .santiye article .prb .fax		{ margin-left: 40px}
.contact .santiye article .prb .ss-fax  { color:#ccc; font-size: 13px; margin-right:10px; top:1px;}



/*
@ metin */

.metin p 										{ font-size: 16px; line-height: 31px; /*text-align: justify;*/ font-style: italic; margin-bottom:17px  }
.metin strong 									{ font-style: italic}


/*
@ about  */


.about .cover 	  {
	background-color: #333;
	width:100%;
	z-index: 10;

	
}

.about .cover 			  { background:url(image/home-cover-3.jpg)  0 bottom; background-size: 120% }
.about .cover-parallax 	  { background-image:url(image/home-cover-3.jpg); background-size: 120% }
.about .cover-parallax 	  { height: 300px }

.about .cover.fix-ac 					{ position: fixed }

.about .mobile-menu		  { display: none; background: white;bottom: -37px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #eee ; height: 36px; width: 100%;}
.about .mobile-menu > a   {z-index: 2; display: block; padding:8px 0 7px 0; font-size: 15px; color:#FF5024;text-align: center }
.about .mobile-menu > a i { font-size: 13px; position: absolute; left: 13px; top: 11px }

.about .mobile-menu > a:hover { color:#111;}
.about .mobile-menu > a:hover i { color:#FF5024;}

.about .clone_menu i 	  { display: none; right: 15px; top:14px;}
.about .clone_menu  	  { background: white; z-index: -1; box-shadow: 0 6px 17px rgba(0, 0, 0, 0.4) }
.about .clone_menu a 	  { display: block; color:#222; font-size: 15px}
.about .clone_menu a 	  { display: block; padding: 10px; padding-left:13px; border-bottom: 1px solid #eee}
.about .clone_menu nav a:last-child 	  {border: 0}
.about .clone_menu			{ height: 0px;overflow: hidden; transition:.3s}
.about .clone_menu a:hover  { color:#FF5024;}
.about .clone_menu a.on  	{ color:#FF5024;}
.about .clone_menu a.on i 	{  display: block; color:#E0E4E1;}



.about .cover .t 								{ height: 100%}

.about .content-wrap							{ padding: 60px 0 100px 0; min-height:320px  }
.about .content-wrap .content					{ padding: 32px 0 0 0 }
.about .content-wrap aside .nav-wrap 			{ min-height:100px;}
.about .content-wrap aside nav a 				{ display: block; color:#A5574B; transition:.3s; font-weight: 400; border-bottom: 1px solid #D4D4D4; font-size: 15px; font-style: italic; padding: 14px 4px; }
.about .content-wrap aside nav a  				{ margin: 0 10px 0 15px}
.about .content-wrap aside nav a.on 			{ color:#000;}
.about .content-wrap aside nav a i				{ top: 17px; display: none; right: 6px; color:#D8D8D8; }
.about .content-wrap aside nav a.on i			{ display: block }
.about .content-wrap aside nav.fix-on  			{ top:160px }
.about .content-wrap aside nav a:last-child 	{ border-bottom: 0 }
.about .content-wrap aside nav a:hover 			{ color:#3f210a;}

.about .cover h1 								{ color:#fff; transition:.3s;  font:normal 70px "0209"; bottom:10%; }
.about .cover.fix-ac h1 						{ bottom:5.1%; font-size:58px }



.about.kurum .t-vizyon					{ font:normal 20px/30px "0209"; text-align: center; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding:25px 50px; margin: 40px 0 0 0  }
.about.kurum .t-misyon					{ padding: 50px 0 0 0 }
.about.kurum .t-kurum span 				{ display: block; }
.about.kurum .t-kurum span a 			{ font-style: italic; font-size: 13px}
.about.kurum .t-kurum span i 			{ display: block; color:#999; font-size: 22px}
.about.kurum .t-kurum .git i 			{ color:#999; top:7px; font-size: 15px}
.about.kurum .t-kurum .git canvas		{ position: absolute; left: 0; top: 0}
.about.kurum .t-kurum .git 				{ display: block; text-align: center; width: 30px; top: 8px; left: -5px}


.about.faaliyet .liste article					{ padding: 50px 0; padding-right: 25%; border-bottom: 1px dashed #ccc}
.about.faaliyet .liste article:last-child 		{ border-bottom: 0}
.about.faaliyet .liste h3						{ font-size: 22px; padding-bottom: 8px; font-style: italic; font-weight: 700}
.about.faaliyet .liste p						{ font-size: 14px; font-style: italic}
.about.faaliyet .liste figure					{ position: absolute; right: 0; top: 50px; width: 80px; height: 80px; text-align: center; }
.about.faaliyet .liste figure canvas			{ position: absolute; left:0; top:0; }

.about.faaliyet .liste figure i					{ font-size: 26px; color:#5dbbec; top:22px;}
.about.faaliyet .liste figure i.ss-paintroller	{ left:2px; top:26px;}
.about.faaliyet .liste figure i.ss-warehouse	{ left:1px; top:25px; font-size: 25px}
.about.faaliyet .liste figure i.ss-crop 		{ font-size: 27px; top: 25px}

.about.kalite .metin .cl 						{ margin: 60px 0 0 0 }
.about.kalite .metin .wS45 h3 					{ font-size: 19px; font-weight: 600; padding-bottom:8px; font-style: italic } 

.about.kalite .belge  div.cap					{ margin-bottom:25px;  border-top:1px dashed #DFDFDF; text-align: center; border-bottom:1px dashed #DFDFDF; margin-top:36px; padding:24px 0 22px 0}
.about.kalite .belge h3 						{ font-family: "0209";  font-size: 33px;; font-weight: normal }



.about.kalite .belge ol   						{ padding-top: 10px}
.about.kalite .belge ol li  					{ margin-bottom: 8px }
.about.kalite .belge ol li a 					{ font-size: 13px; font-style:italic;}
.about.kalite .belge ol li a:hover 				{ color:#E65600;}
.about.kalite .belge ol li i 					{ font-size: 14px; margin-right: 5px; color:#FE7421; top: 3px}
.about.kalite .belge .prt 						{ width: 40px; height:40px; right: 49%; top:67px; z-index: 1; text-align: center; display:none}
.about.kalite .belge .prt canvas				{ position: absolute; left: 0; right: 0}
.about.kalite .belge .prt i						{ color:#FE5E41; font-size: 17px; left:1px;top: 11px}


.about.ik .buton 								{ display: block; border-radius: 4px; padding: 6px 12px; top: 20px; background:#3CBFFF; color:white; font-size: 14px }
.about.ik .metin div .buton i 					{ font-size: 20px; top: 2px; margin-right: 8px}
.about.ik .metin div span  						{ top: -2px;}




.about.uye .cover h1 				 { right: -10px}
.about.uye .metin  					 { padding-bottom: 30px}
.about.uye .post                     { margin-left: -30px }
.about.uye .post article             { margin-bottom:30px;  }
.about.uye .post article a           { border-radius: 2px ; position: relative; overflow: hidden; color:#333 height: 190px; padding:8px; display: block; margin-left:30px ; border:1px solid #EBEBEB }
.about.uye .post article img         { width: 100%; transition:.3s;  max-width: 200px; display: block; margin: 0 auto }
.about.uye .post article figure      {  border-bottom:1px solid #EBEBEB; max-height: 138px; text-align:center}
.about.uye .post article h3          { text-align: center; transition:.3s; padding:13px 0 4px 0; font-size: 14px; letter-spacing: .7px; font-weight: 300 }
.about.uye .post article a:hover h3  { color:#FF6C00 }

.about.uye .post article a.off:hover h3  { color:#333 }
.about.uye .post article h3 span     { display: block; font-size: 10px; color:#888 }

.about.uye .post article figure i    { font-size: 55px; color:#999; opacity: .3; position: relative; top: 44px}
.about.uye .post article a > i       { right:-16px; bottom:4px; color:#555; opacity:0; transition:.3s; }
.about.uye .post article a:hover > i { right:6px; opacity:1}
.about.uye .post article a.off       { cursor: default }
.about.uye .post article a .no-link  { opacity: 0; top: 26px; font-weight: 600; letter-spacing: .5px; font-size: 10px; width: 100%; transition:.3s; }
.about.uye .post article a:hover > i { right:6px; opacity:1 }
.about.uye .post article a .no-link  { color:#B6B6B6; text-align: center; }
.about.uye .post article a.off:hover .no-link  { top:8px; opacity: 1}

.about.uye .post article a.off > i   { color:#DDDDDD }


.about.baskan .imza p{ margin: 0; font-style: italic;}
.about.baskan .imza span { font-style: italic;}



/* 
  @ Explorer 9  : html.lte9  */
 
.lte9 .proje.index ul.x3				{ padding-top:160px }
.lte9 .proje.index ul.x3 figure i		{ top:53px }

.lte9 .contact .social-box:after		{ content:" "; display:block; clear:both }
.lte9 .contact .social-box				{ width:720px; margin:0 auto}
.lte9 .contact .social-box > *			{float:left}

.lte9 .view .album-list  				{ text-align:center}
.lte9 .view .album-list > a 			{ display:inline-block}
  
/* 
  @ Explorer 8  : html.lte8  */
  
  
  
/* 
  @ Explorer 7  : html.lte7  */
  
  
  



/* 
  @ Responsive */

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

	.proje .cover-part { background-size: 129% auto }


	/*
	 @ proje index : cover */

	
	.cover-part .plt figure  			{ width: 150px; height: 150px;  margin-bottom:7px  }	
	.cover-part .plt li i  				{ font-size:40px }	

	.cover-part .plt li h4 				{ font-size: 25px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 41px }



}


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

	/*
	@ kapak resimleri */

	.home .quality  			{ background-image:url('image/apartman_1024.jpg')  }
	.proje .cover-part  		{ background-image:url('image/cover-city2_1024.jpg') }
	.about .cover 			  	{ background-image:url('image/home-cover-3_1024.jpg') }
	.about .cover-parallax 	  	{ background-image:url('image/home-cover-3_1024.jpg') }
	.contact .santiye-cover  	{ background-image:url('image/santiye1_1024.jpg')}
	
	/*.home .cover .slide-1  		{ background-image:url('image/home-cover-3_1024.jpg')}*/



	/*
	@ proje view */
	.proje.un-cover .post-cover-photo 			{ height: 339px }
	.proje.view .post-head nav.page  			{ width: 100%; bottom: 78px }

	/*
	@ proje view un-cover tur */

	.proje.un-cover .front-icart 				{ padding-top: 33px }

	/*
	@ contact  */

	.contact .sube li div				{ padding:20px 30px  }
	.contact .sube li address br 		{ display: none }

	
	.contact .santiye-cover .text h2 		{ font-size: 100px; margin-bottom: 10px }
	.en .contact .santiye-cover .text h2	{ font-size: 65px ; margin-bottom: 4px}

	
}




@media screen and ( max-width: 1020px ){
	
	/*
	@ proje index */

	.proje.index .list article h1 				{ font-size: 23px }
	.proje.index  .list .down  					{ font-size: 13px }
	.proje.index  .list .sag 					{ font-size: 17px; width: 28%; left: 72% }


	/*
	 @ proje index : cover */

	.cover-part .plt figure  			{ width: 140px; height: 140px;  margin-bottom:5px  }	
	.cover-part .plt li i  				{ font-size:38px }	

	.cover-part .plt li h4 				{ font-size: 22px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 38px }

	
}


@media screen and ( max-width: 960px ){
	
	body 		{ min-width: 320px }
	.t 			{ width:93%; margin: 0 auto } 


	/*
	@ proje view */

	.proje.view .post-head nav.page 		 		{ position: fixed; background:#686F84;height: 54px; width: 100%; bottom: 0; left: 0; z-index: 7 }
	.proje.view .post-head nav.page  a	 		{ color:#ddd; width: 44px; text-align: center; display: flex; justify-content:center; font-size: 22px; padding:17px 0 6px 0}
	.proje.view .post-head nav.page  a.prev	 	{ left:0; border-right:1px solid #515868 }
	.proje.view .post-head nav.page  a.next	 	{ right:0;border-left:1px solid #515868 }
	.proje.view .post-head nav.page  a:hover	 	{ color:#FFD324; }

	.proje.view .album-buton 				{ width:calc( 100% - 92px); text-align: center; font-size: 15px; margin:0 auto; height: 100%; color:white; }
	.proje.view .album-buton i 				{ font-size: 18px; color:#FFD324; top: 3px}
	.proje.view .album-buton div			{ top: 16px}
	

	.proje.view .album-buton 				{ cursor: pointer;  }
	.proje.view .album-buton .ss-view 		{ display: none }
	.proje.view .album-buton.on .ss-view 	{ display: inline-block }
	.proje.view .album-buton.on .ss-camera 	{ display: none}
	
}


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

	/*
	@ home cover */	

	.home .cover blockquote h3  		{ font-size: 34px; line-height: 40px; font-weight: 700}
	.home .cover blockquote p  			{ font-size: 22px }
	.home .cover blockquote a 			{ width: 60px; height: 60px;  font-size: 14px; border-radius: 60px }
	.home .cover blockquote span 		{ top: 18px; left:0; }


	/*
	@ fotter */

	footer .as a.prb 					{ right: 0 }

}



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

	/*
	 @ header top right menu */

	header nav.prt 					{ top: 10px; right: -1.7% }
	header nav.prt span > *			{ float: none }
	header nav.prt span 			{ visibility: hidden;}
	header nav.prt .share 			{ display: block } 
	header nav.prt .ss-mail 		{ color:#ffbb28; margin: 0 0 0 13px}

	
	header nav.prt span .ss-icon 	{ font-size: 46px; margin:44px 8px 0 8px; color:#DFDFDF }
	header nav.prt span a:hover 	{ color:#fff!important }

	header nav.prt span 			{ align-items: center;bottom: -32%;display: flex;height: 48%;justify-content: center;left: 0;position: fixed;text-align: center; width: 100%; z-index: 12; transition:.3s; background: rgba(20,20,20,.9); }
	header nav.prt span h3 			{ display: block; background: rgba(0, 0, 0, 0.2);border-bottom: 1px dashed rgba(255, 255, 255, 0.1);color: #fff;font-weight: 600;left: 0;letter-spacing: 0.5px; padding: 11px; position: absolute; text-align: center; top: 0; width: 100% }

	header nav.prt span.on 			{ bottom: 0; visibility: visible }
	


	/*
	@ proje index */

	.proje.index  .list 						{ padding: 65px 0}

	.proje.index  .list article  				{ padding: 22px 6px 38px 6px }
	.proje.index .list article h1 				{ font-size: 22px }
	.proje.index .list .down  					{ font-size: 13px }
	
	.proje.index .list .sag 					{ font-size: 15px; top:64px; width: 28%; left: 73% }
	
	.proje.index .list .tag-body				{ /*width: 400px; height: 22px; overflow: hidden */}


	/*
	@ proje view  cover */

	.proje .album-list a 						{ width: 70px; height: 70px; border-radius: 70px}
	.proje.view .post-head 						{ width: 96%}
	.album-on .album-list a:hover img 			{ border-radius:60px; height: 60px; width: 60px; margin:5px }
	.proje .album-in 							{ height: 41%}
	.proje .album:hover .album-in 				{ height: 100%}
	.proje .album:hover .album-ico  			{ top:9%;  height:auto }
	.proje .album:hover .album-ico  span		{ opacity: 0; height: 0px; margin: 0; visibility: hidden;}
	.proje .album:hover .album-ico  i			{ font-size: 40px; line-height: 35px}


	.proje .cover-parallax 	{ background-size: 180% auto  }



	/*
	@ proje view un-cover model */

	.proje.un-cover .front-icart 				{ padding-top: 58px }

	
	.contact .santiye-cover .text h2 		{ font-size: 90px; margin-bottom: 8px }
	.en .contact .santiye-cover .text h2	{ font-size: 55px ; margin-bottom: 3px}



	.contact .santiye article h4 			{ font-size: 19px}
	.contact .santiye article address 		{ font-size: 13px;padding-top: 0}
	.contact .santiye article address a		{ color:#f5b652; left:7px; top:2px; font-size: 12px }
	.contact .santiye article .prb 			{ font-size: 13px}
	.contact .santiye article .prb .fax 	{ margin-left: 30px }
	.contact .santiye article .prb .ss-fax  { font-size: 12px; margin-right:7px; top:1px;}


}








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

	
	/*
	@ contact */

	.contact .cover 	 { height: 340px }
	.contact .cover .map { height: 340px }
	.contact .merkez  	 { padding-top: 40px }





	/*
	@ home cover */	

	/*.home .cover blockquote h3  		{ font-size: 33px; line-height: 40px; font-weight: 700}
	.home .cover blockquote p  			{ font-size: 22px }
	.home .cover blockquote a 			{ width: 60px; height: 60px;  font-size: 14px; border-radius: 60px }
	.home .cover blockquote span 		{ top: 18px; left:0; }

	.home .cover { min-height: 243px }*/


	/*
	@ workspace */	

	.workspace article figure 			{ width: 120px; height: 120px}
	.workspace article figure canvas	{ width:100%; display: block}
	.workspace article h2 				{ font-size: 21px; margin-top: 6px }
	.workspace article p 				{ font-size: 12px; margin:0 6%;}
	.workspace article p br 			{ display: none }
	.workspace article i 				{ top:36px; font-size: 35px}
	.workspace article .ss-buildings 	{ left:-4px }
	.workspace article .ss-crop 		{ top:39px ; left: -1px;}
	.workspace article .ss-warehouse 	{ font-size:30px; top: 40px }
	.workspace article .ss-paintroller 	{ font-size:32px; left:2px; top: 40px }
	

	/*		
	@ home quality */

	.home .quality  h2 					{ font-size: 47px; padding-top: 50px } 
	.home .quality  blockquote p 		{ font-size: 18px; padding: 0 17px}
	.en .home .quality  blockquote p 	{ font-size: 16px; padding: 0 15px}
	.home .quality .t nav a h4			{ font-size: 23px }
	.en .home .quality .t nav a h4		{ font-size: 21px }
	
	
	/*
	@ about */

	.about .cover.fix-ac h1 			{ font-size:50px }

	
	/*
	@ proje index */

	.proje.index  .list 						{ padding: 60px 0}
	.proje .cover-part 							{ background-size: 133% auto }

	

	/*
	@ proje view un-cover model */

	.proje.un-cover .front-icart 				{ padding-top: 50px }


}

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

	/*
	@ contact */

	.contact .cover 	 { height: 320px }
	.contact .cover .map { height: 320px }
	.contact .merkez address{ font-size: 18px}
	.contact .merkez div 		{ font-size: 18px }
	.contact .merkez  	 { padding-top: 38px }

	.contact .sube li div				{ padding:20px 25px  }
	

	/*
	@ home sums */
	.home .sums 						 { display: flex ;justify-content: center; flex-wrap:wrap}
	.home .sums article:nth-child(2) div { border-left:1px solid #e1e1e1; border-right:0 }
	.home .sums article 				 { width: 50% }
	.home .sums article p br 			 { display: none  }



	/*
	@ proje index */


	.proje.index  .list article  				{ padding: 22px 6px 38px 6px }
	.proje.index .list article h1 				{ font-size: 22px }
	.proje.index .list .down  					{ font-size: 13px }
	.proje.index  .list .tag-part 				{ top:0px }
	.proje.index  .list .tag-part i 			{ font-size: 11px; margin-right:6px }
	.proje.index .list .tag-part i 				{ top:2px }

	.proje.index .list .sag 					{ font-size: 13px; top:64px; width: 25%; left: 76% }
	.proje.index .list .tag-body				{ /*width: 400px; height: 22px; overflow: hidden */}


	/*
	 @ proje index : cover */

	.cover-part .plt figure  			{ width: 136px; height: 136px;  margin-bottom:5px  }	
	.cover-part .plt li i  				{ font-size:35px }	

	.cover-part .plt li h4 				{ font-size: 21px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 36px }
	

	/*
	@ proje view list */

	.proje .post-icart li 							{ font-size: 15px;  padding: 28px 9px }
	.proje .icart-tarih div 						{ line-height: 24px}

	.proje .post-icart li > div em:nth-of-type(2) 	{ display: block; float: none; color:white }


	
	/*
	@ proje view un-cover model */

	.proje.un-cover .front-icart 				{ padding-top: 40px }
	

}	


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

	
	/*
	@ workspace */	

	.workspace article figure 			{ width: 110px; height: 110px}
	
	.workspace article i 				{ top:34px; font-size: 34px}
	.workspace article .ss-buildings 	{ left:-4px }
	.workspace article .ss-crop 		{ top:34px ; left: -1px;}
	.workspace article .ss-warehouse 	{ font-size:31px; left: -1px; top: 37px }
	.workspace article .ss-paintroller 	{ font-size:32px; left:2px; top: 35px }

	.workspace article h2 				{ font-size: 18px; margin-top: 6px }
	.workspace article p 				{ font-size: 12px; margin:0 9%;}


	/*
	 @ home compnay */

	.company  							{ padding: 30px 0  50px 0  }
	.company p 							{ font-size:20px; color:#616262; padding-bottom: 20px }
	.en .company p 						{ font-size:19px }


	/*
	@ fotter */
	footer .as 			{ height: auto; padding: 19px 0 12px 0}
	footer .as .t 		{ text-align: center; top:0;  }
	footer .as .tel  	{ padding-bottom:10px  }
	
	footer .as a.prb 	{ 
		
		display: block;
	    margin: 0 auto !important;
	    overflow: hidden;
	    position: static;
	  
	}
	
	footer .as .t > *	{ float: none; display: block; margin: 0!important }
	footer .as a.prb  	{ position: static; }




	/*
	@ proje view  */

	.proje .cover-parallax 	{ background-size: 210% auto  }
	
}

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

	
	.contact .sube li h3 				{ font-size: 23px }
	.contact .sube 						{ font-size: 13px }
	.contact .sube li div				{ padding:20px 25px  }

	.contact .sube li .location 		{ border-radius: 40px; font-size: 16px; border-width: 1px; width: 40px; height: 40px}
	.contact .sube li .location i		{ top:10px;}


	.contact .santiye-cover .text 			{ top: 160px; text-align: center  }
	
	.en .contact .santiye-cover .text 		{ top:160px;}
	.contact .santiye-cover .text h2 		{ font-size: 80px;  /* margin-bottom: 8px*/ }
	.en .contact .santiye-cover .text h2	{ font-size: 60px ; /*margin-bottom: 3px*/ }
	.contact .santiye-cover .text p 		{ font-size: 20px }
	.en .contact .santiye-cover .text p 		{ font-size: 21px }


	
	.contact .santiye article 				{ text-align: center}
	.contact .santiye article h4 			{ font-size: 23px}
	.contact .santiye article address 		{ font-size: 16px;padding-top: 0}
	.contact .santiye article address a		{ color:#f5b652; left:7px; top:2px; font-size: 12px }
	.contact .santiye article .prb 			{ position: relative;bottom: 0; top:0; margin-top: 10px; font-size: 14px}
	.contact .santiye article .prb .fax 	{ margin-left: 30px }
	.contact .santiye article .prb .ss-fax  { font-size: 14px; margin-right:7px; top:1px;}



	/*
	@ parallax */	

	.parallax  						{ background-size:cover }


	
	/*
	@ about parallax */	

	.about .cover-parallax 	  { height: 200px }
	.about .fixcase-caption   { min-height: 200px!important }
	.about .cover.fix-ac 	  { top: -100px!important }


	/*
	@ about */
	.about .cover h1 	  	   { font-size:59px }
	.about .cover.fix-ac h1    { font-size:45px }


	/*
	@ about */

	.about .content-wrap 			{ padding:40px 0 10px 0}
	.about .content-wrap .content 	{ width: 100%;}
	.about .mobile-menu				{ display: block }
	.about .content-wrap aside 		{ display: none }
	
	/*
	@ about clone menu */

	.about .mobile-menu.on .clone_menu		{ height: 257px;  }


	

	
	/*
	@ header */

	header nav.prt 					{ top: 10px; right: 1% }
	header 							{ height: 80px}

	header .cagri 					{ right:auto; left:344px; top:33px ;}
	header .cagri .lg				{ display: none;	}
	header .cagri .sm				{ display: block;	}


	/*
	@ symbol */
	header .symbol 					{ position: relative; left:13px;top: 15px}
	header .symbol img 				{ display: inline-block; width: 170px }


	/*
 	@ header main menu*/
	header	 						{ background: #F3F3F3; width: 100%!important; border-bottom:1px solid white;}
	
	header nav.prt  			    { right:auto; left:223px; top:27px;}

	header .main-switch  			{ font-size: 19px; display: block; right: 15px; top: 27px; color:#8A8A8A; transition:.3s;}
	header .main-switch:hover 		{ color:#333 }

	header nav.main 				{ background:#E4E4E4; left: 0; top: 80px; visibility: hidden; height: 0px; overflow: hidden; z-index:11; padding: 1px 0 0 0; width: 100% ; transition:.3s }
	header nav.main.on 				{ height: 168px; visibility: visible; }
	header nav.main 				{ box-shadow:0 16px 16px rgba(30, 30, 30, 0.6)}

	header nav.main cufon 			{ width: 100%!important; height: auto!important;}
	
	header nav.main canvas 			{ display: none}
	header nav.main span			{ display: none}
	
	header nav.main cufontext		{ display: block!important; overflow: visible!important;  height: auto!important; text-indent:0!important; width: auto!important }
	header nav.main cufontext 		{ font-size: 16px}
	
	header nav.main > * i 			{ display: none }
	header nav.main > * a 			{ font:normal 14px arial; display: block; padding: 12px 0 }
	header nav.main > *  			{ background: white;  text-align:center; float: none; margin-bottom: 1px; display: block }

	


	/*
	@ proje index */

	

	.proje.index .list article  				{ padding: 22px 6px 38px 6px }
	.proje.index .list article h1 				{ font-size: 22px }
	.proje.index .list .down  					{ font-size: 13px }
	.proje.index .list .tag-part 				{ top:0 }
	

	.proje.index .list .sag 					{ font-size: 13px; top:64px; width: 25%; left: 76% }
	.proje.index .list .tag-body				{ /* width: 400px; height: 22px; overflow: hidden */ }


	/*
	@ proje view un-cover model */

	.proje .album-in 							{ height: 45%}
	.proje.un-cover .front-icart 				{ padding-top: 65px }
	.proje.un-cover .front-icart nav			{ display: none }
	

}

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

	

	/*
	@ contact resposive */

	.contact .cover 	 { height: 300px }
	.contact .cover .map { height: 300px }
	.contact .merkez  	 { padding-top: 35px }


	/*
	@ home cover */	

	.home .cover blockquote h3  		{ font-size: 27px; line-height: 25px; font-weight: 700}
	.home .cover blockquote p  			{ font-size: 19px }
	.home .cover blockquote a 			{ width: 50px; height: 50px;  font-size: 12px; border-radius: 50px }
	.home .cover blockquote span 		{ top: 15px; left:0; }
	.home .cover article 				{ background-size: cover!important}





	/*
	@ proje index */

	.proje.index  .list 						{ padding: 55px 0}
	.proje.index .list article h1 				{ font-size: 19px }
	
	/*
	@ proje view */

	.proje.view .post-head 						{ margin-top: -245px }
	.proje.view .post-head figure 				{ width: 100%;  text-align: center}
	.proje.view .post-head figure > *			{ display: inline }
	.proje.view .post-head figure div canvas	{ width: 100%}
	.proje.view .post-head figure div 			{ display: none; width:40px; height: 40px; }
	.proje.view .post-head figure div i			{ font-size: 15px; top:12px }
	.proje.view .post-head figure figcaption 	{ font-size: 17px; margin: 0; left:7px; top:0 }



	/*
	@ proje view un-cover model */

	
	.proje.un-cover .front-icart 				{ padding-top: 55px }
	
}


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

	
	.home .cover img.lg 				{ display: none  }
	.home .cover img.sm 				{ display: block }

	/*
	@ contact resposive */

	.contact .merkez address{ font-size: 17px}
	.contact .merkez div 		{ font-size: 17px }
	.contact .merkez  	 { padding-top: 33px }
	.contact .merkez address i{ font-size: 14px}

	
	.contact .santiye-cover  				{ height: 400px }

	.contact .santiye-cover .t 				{ height: 100%; display: flex; justify-content:center; align-items:center  }
	.contact .santiye-cover .text 			{ top:0 }
	.en .contact .santiye-cover .text 		{ top:0 }
	

	.contact .santiye-cover .text h2 		{ font-size: 70px;   margin-bottom: 3px }
	.en .contact .santiye-cover .text h2	{ font-size: 53px ; /*margin-bottom: 3px*/ }
	.contact .santiye-cover .text p 		{ font-size: 20px }


	/*
	@ proje index */

	.proje.index .list article  				{ padding: 30px 10px; text-align: center }
	.proje.index .list article h1 				{ font-size: 21px }
	.proje.index .list .down  					{ font-size: 14px; padding: 0 12px }
	.proje.index .list .tag-part 				{ top:0 }
	.proje.index .list .sag 					{ width: auto; padding: 8px 0 0 0 ; position: static; top:0; left:0; font-size: 14px }
	.proje.index .list .tag-time				{ margin: 0; float:none }
	

	


	/*
	 @ proje index : cover */

	/*.cover-part .plt ul 				{ width: 960px}*/
	.cover-part .plt figure  			{ width: 126px; height: 126px;  margin-bottom:2px  }	
	.cover-part .plt li i  				{ font-size:33px }	

	.cover-part .plt li h4 				{ font-size: 19px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 33px }



	/*
	@ proje view  cover */

	.proje .cover-parallax 					{ height:280px }
	.proje.view .post-head 					{ margin-top:-256px }

	


	.proje .album 							{ background: rgba(255,255,255,.95); left:0%;  top:100%; opacity: 0; height: calc(100% - 54px); position: fixed; width: 100% }
	.proje .album  							{ visibility: hidden; transition:.3s; opacity: 1; }
	.proje .album.on  						{ visibility: visible; top:0; }
	.proje .album:hover 					{ background: rgba(255,255,255,.95);}
	.proje .album .album-ico 				{ display: none }
	.proje .album-in 						{ height: 100%!important; padding:2px; width: auto;  position: relative; }

	.proje .album .album-list 				{ display: block; position: relative; width:auto; height:100%; overflow: auto; padding: 0 }
	.proje .album .album-list:after			{ clear: both; display: block; content:" ";  }
	.proje .album .anime 					{ bottom:0 }
	.proje .album:hover .anime 				{ bottom:0 }
	
	.proje .album .anime .mouse				{ position: relative; visibility:visible; opacity: 1 }
	
	.proje .album-list a 					{ background: none!important; border-radius:0!important; float: left;  }
	.proje .album-list a 					{ border:0; margin: 0 0 0 0}

	.proje .album-list a img				{ display: block; width: 100%; height: auto!important; min-height: 100%; border-radius: 0; border:2px solid white; margin: 0 }
	.proje .album-list a:hover img			{ width: 100%; height: auto!important; min-height: 100%; border-radius: 0; margin: 0 }

	.proje .album-list a 					{ height: 106px; width:20%!important }
	


	

	/*
	@ proje view un-cover model */

	
	.proje.un-cover .front-icart 				{ padding-top: 0 }
	.proje.un-cover .front-icart .in 			{ padding: 15px 0 }
	.proje.un-cover .front-icart  				{ display: flex; justify-content:center; height: 100%; align-items:center}
	.proje.un-cover .front-icart nav			{ display: block }
	.proje.un-cover .front-icart:hover nav  	{ opacity: 1 }
	.proje.un-cover .post-cover-photo .album:hover .share   { visibility: hidden; opacity: 0 }


}



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



	/*
	@ contact resposive */

	.contact .merkez address{ font-size: 16px}
	.contact .merkez div 		{ font-size: 16px }
	.contact .merkez div 		{ font-size: 16px }
	.contact .merkez  	 { padding-top: 30px }
	.contact .cover 	 { height:290px }
	.contact .cover .map { height: 290px }

	
	.contact .social-box  					{ padding:60px 0 60px 0 }
	.contact .social-box h4					{ font-size: 15px}



	.contact .santiye-cover  				{ height: 380px }

	.contact .santiye-cover .t 				{ height: 100%; display: flex; justify-content:center; align-items:center  }
	.contact .santiye-cover .text 			{ top:0 }
	.en .contact .santiye-cover .text 		{ top:0 }
	

	.contact .santiye-cover .text h2 		{ font-size: 65px;   margin-bottom: 3px }
	.en .contact .santiye-cover .text h2	{ font-size: 50px ; /*margin-bottom: 3px*/ }
	.contact .santiye-cover .text p 		{ font-size: 20px }
	.en .contact .santiye-cover .text p 		{ font-size: 19px }


	

	/*
	@ header nav */
	header nav.prt  			    { left:195px;}

	header .cagri 					{left:324px;}

	 

	.company  							{ padding: 30px 0  45px 0  }
	.company p 							{ font-size:18px; color:#616262; padding-bottom: 20px }
	.en .company p 						{ font-size:18px }


	/*
	@ workspace */	

	.workspace  						{ padding-bottom: 25px}
	.workspace article 					{ width: 50%; margin-bottom: 60px }
	.workspace article figure 			{ width: 136px; height: 136px}
	
	
	.workspace article i 				{ color:#5dbbec; top:43px; font-size: 40px}
	.workspace article .ss-buildings 	{ left:-3px }
	.workspace article .ss-crop 		{ top:45px }
	.workspace article .ss-warehouse 	{ font-size:37px; top: 45px }
	.workspace article .ss-paintroller 	{ font-size:39px; left:2px; top: 47px }

	.workspace article h2 				{ font-size: 23px; margin-top: 6px }
	.workspace article p 				{ font-size: 13px; margin:0 10%;}


	/*
	@ home quality */

	.home .quality  h2 					{ font-size: 44px; padding-top: 60px } 
	
	.home .quality  blockquote p 		{ font-size: 17px; padding: 0 12px}
	.home .quality .t nav a h4			{ font-size: 23px }
	
	.home .quality nav 					{ width: 70%; margin:50px auto 0 auto}


	/*
	@ home sums */

	.home .sums 						 { width:95% }
	
	
		
	/*
	@ about parallax */	

	.about .cover-parallax 	  { height: 180px }
	.about .fixcase-caption   { min-height: 180px!important }
	.about .cover.fix-ac 	  { top: -95px!important }


	/*
	@ about */

	.about .cover h1 		   { font-size:55px }
	.about .cover.fix-ac h1    { font-size:43px }

 
	.about .content-wrap 			{ padding: 40px 0 10px 0}
	.about .content-wrap .content 	{ width: 100% }	


	/*
	@ proje index */


	.proje.index  .list 						{ padding: 50px 0}
	.proje .cover-parallax 						{ height:260px }
	.proje.view .post-head 						{ margin-top:-236px }

	
}

@media screen and ( max-width: 700px ){
	
	/*
	@ contact resposive */

	.contact .merkez address 	{ font-size: 15px}
	.contact .merkez div 		{ font-size: 15px }
	.contact .merkez address i{ font-size: 13px; top:1px;}
	.contact .merkez div i				{ font-size: 15px }


	/*
	@ proje index */

	.proje .cover-part 							{ background-size: 135% auto }
	.proje .cover-part .kalip					{ min-height: 180px }




	/*
	@ proje view list */
	.proje .post-icart ul 							{ padding: 35px 0 40px 0}
	.proje .post-icart li 							{ font-size: 14px;  padding: 25px 6px }
	
	.proje .post-icart li label 					{ width: calc( 37% - 70px ); margin-right: 70px }
	.proje .post-icart li div 						{ width: 58% ; padding-left: 10px  }

	
	.proje .post-icart li div i.first 				{ left: -13px; font-size: 16px }
	.proje .post-icart li div i.ss-expand 			{ font-size: 12px; top: 3px }
	.proje .post-icart li.icart-yer div i.first		{ font-size:14px; top:2px; }
	.proje .post-icart li.icart-site div i.first	{ font-size:14px; top:1px}


	/*
	@ proje view  cover */

	.proje .cover-parallax 						{ height:230px }
	.proje.view .post-head 						{ margin-top:-206px }




}

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

	/*
	@ contact */
	.contact .sube li .location 		{ margin-top: 32px }
	.contact .sube li h3 				{ font-size: 24px}
	.contact .sube 						{ display:flex; justify-content: center; flex-wrap:wrap; padding: 20px 0 10px 0 }
	.contact .sube > * 					{ width: 50% }
	.contact .sube li div 				{ padding: 20px 35px }
	.contact .sube li address 			{ min-height: 57px}
	
	.contact .sube li:nth-child(2) > div{ border:0 }
	.contact .sube li:nth-child(2) s    { position: absolute;border-left: 1px dashed #d5d5d5; width: 1px; height: 88%; top:10%; position: absolute; left: 0 }
	

	/*
	@ workspace */	
	.workspace article figure 			{ width: 120px; height: 120px}
	.workspace article h2 				{ font-size: 21px; margin-top: 6px }
	.workspace article i 				{ top:36px; font-size: 35px}
	.workspace article .ss-buildings 	{ left:-4px }
	.workspace article .ss-crop 		{ top:39px ; left: -1px;}
	.workspace article .ss-warehouse 	{ font-size:30px; top: 40px }
	.workspace article .ss-paintroller 	{ font-size:32px; left:2px; top: 40px }


	/*
	@ home cover */	

	.home .cover blockquote h3  		{ font-size: 22px; line-height: 25px; font-weight: 700}
	.home .cover blockquote p  			{ font-size: 15px }
	.home .cover blockquote a 			{ border:0; display: inline-block; width: auto; height: auto;  font-size: 12px}
	.home .cover blockquote span 		{ display:none  }
	.home .cover blockquote i 			{ display:block }

	
	/*
	@ symbol */
	header .symbol 					{ position: relative; top: 20px}
	header .symbol img 				{ display: inline-block; width: 150px }


	/*
	@ home sums */
	.home .sums 						 { width:97% }
	.home .sums article p				 { padding: 0 21px  }
	.home .sums article div 			 { padding: 25px}

	/*
	@ about */

	.about .cover h1 					{ font-size:45px }
	.about .cover.fix-ac h1 			{ font-size:39px }



}

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

	/*
	@ contact resposive */

	.contact .merkez address 	{ font-size: 14px }
	.contact .merkez div 		{ font-size: 15px }
	.contact .cover 	 { height:270px }
	.contact .cover .map { height: 270px }


	/*
	@ proje index */

	.proje.index  .list 						{ padding:45px 0}


	/*
	@ proje index : cover */

	.cover-part .plt figure  			{ width: 112px; height: 112px;  margin-bottom:0  }	
	.cover-part .plt li i  				{ font-size:29px }	

	.cover-part .plt li h4 				{ font-size: 18px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 29px }


	/*
	@ proje view cover */

	.proje .cover-parallax 	{ height: 194px ;background-size: 230% auto  }
	.proje.view .post-head	{ margin-top:-170px }

	.proje .front-icart h1 		{ font-size: 28px; line-height: 36px;}
	.proje .front-icart .city 	{ font-size: 19px; line-height: 23px}
	.proje .front-icart .year 	{ font-size: 17px; line-height: 24px}
	.proje .front-icart nav 	{ padding-top: 22px}

	

	.proje .album-list a 					{ height: 110px; width:25%!important }




	/*
	@ home quality */

	.en .home .quality  h2 					{ font-size: 42px; padding-top: 55px } 
	/*.en .home .quality  blockquote p 		{ font-size: 15px; padding: 0 10px}*/
	.en .home .quality .t nav a h4			{ font-size: 22px }
	.home .quality nav 						{/* width: 80%;*/ margin:40px auto 0 auto}
}

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


	/*
	@ home quality */

	.home .quality 						{ height: 399px }
	.home .quality  h2 					{ font-size: 40px; padding-top: 46px } 
	.home .quality  blockquote p 		{ font-size: 15px; padding: 0 12px}
	.home .quality .t nav a h4			{ font-size: 21px }
	

	/*
	@ home sums */

	.home .sums 						 { width:98% }
	.home .sums article p				 { padding: 0 16px  }
	.home .sums article div 			 { padding:25px 15px}

		

	/*
	@home vizyon */

	.home .vizyon { padding-top: 60px; width: 95% }



	/*
	@ fotter */

	footer .us 						{ height: auto; padding: 35px 0 22px 0}
	footer .us .prt 				{ position: static; width:107%; margin:0 -3.5%; top:0; padding-top: 20px }
	footer .us .prt li  			{ text-align: left}
	footer .us .prt li  i 			{ position: absolute; left:15px ; margin-top: 7px;}
	footer .us .prt li  a 			{ padding:17px; padding-left:44px}

	footer .us .prt li a .ss-store	{ top:6px; }
	footer .us .prt li a .ss-main	{ top:6px; }
	footer .us .prt li a .ss-phone	{ top:6px; }
	footer .us .prt li a .ss-chat	{ top:8px; }
	
	footer .new 					{ width: 97%; text-align: center; margin: 0 auto }
	footer .social > * 				{ float: none }
	footer .social     				{ display: flex; justify-content: center; margin: 0 -3.5%; padding: 20px 0 15px; width: 107%; border-bottom: 1px solid white }

footer .cagri 			{     margin-top: 13px;
    text-align: center;
    border-bottom: 1px solid white;
    padding-bottom: 8px; }
footer .cagri .lg		{display:none}
footer .cagri .sm		{display:inline-block}


	/*
	@ proje index */

	.proje .cover-part 							{ background-size: 137% auto }




	/*
	@ proje view list */

	.proje .post-icart li 							{ font-size: 13px;  padding: 22px 4px }
	.proje .post-icart ul 							{ padding: 35px 0 35px 0}

}

	

.makine-parki .grid table 				{ width: 100%; font-size: 13px; border-collapse:collapse; margin-bottom: 50px }
.makine-parki .grid tr > * 				{ vertical-align: middle; padding: 13px 0; text-align: left; padding-left: 8px }
.makine-parki .grid thead tr th:last-child{ text-align: right; padding-right: 8px}
.makine-parki .grid tbody tr td:last-child{ text-align: right; padding-right: 8px}

.makine-parki .grid  h3					{ background: #EFEFEF; letter-spacing: .6px; border-radius: 6px 6px 0 0;    padding: 14px 0; font-size: 17px; font-weight: 600; text-align: center; }

.makine-parki .grid thead tr 					{ border-top:1px solid #ddd;  background: #EFEFEF; }
.makine-parki .grid thead tr th					{ border-left: 1px solid #ddd; color:#E8511B; font-weight: 600; font-size: 13px  }
.makine-parki .grid thead tr th:first-child		{ border-left:0 }

.makine-parki .grid thead tr th:nth-child(1){ width: calc( 50% - 146px ) }
.makine-parki .grid thead tr th:nth-child(2){ width: calc( 50% - 146px )}

.makine-parki .grid thead tr th:nth-child(3){ width: 100px }
.makine-parki .grid thead tr th:nth-child(4){ width: 46px }

.makine-parki .grid tbody tr 			{ border-bottom: 1px dashed #ddd; }
.makine-parki .grid tbody tr:last-child { border: 0 }
.makine-parki .grid tbody tr td:first-child { border: 0 }
.makine-parki .grid tbody tr td{ color:#111;  }
.chrome .makine-parki .grid tbody tr td{ 
	-webkit-text-stroke-width: .5px;
   -webkit-text-stroke-color: rgba(0,0,0,.7);
}



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

	

	/*
	@ contact resposive */

	
	.contact .cover 	 { height:250px }
	.contact .cover .map { height: 250px }

	
	.contact .social-box  					{ padding:55px 0 55px 0 }
	.contact .social-box figure  			{ width: 76px; height:76px;}
	.contact .social-box figure canvas 		{ width: 100%}
	.contact .social-box figure i 			{ font-size:30px; top:21px; }

	.contact .santiye-cover .text h2 		{ font-size: 60px;   margin-bottom: 0 }
	.en .contact .santiye-cover .text h2	{ font-size: 40px }
	.contact .santiye-cover .text p 		{ font-size: 20px }
	.en .contact .santiye-cover .text p  	{ font-size: 19px }
	
	.contact .santiye article h4 			{ font-size: 22px}





	/*
	@ proje index */

	
	.cover-part .plt figure  			{ width: 108px; height: 108px;  margin-bottom:0  }	
	.cover-part .plt li   				{ top:7px }	
	.cover-part .plt li i  				{ font-size:29px }	

	.cover-part .plt li h4 				{ font-size: 17px; /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 25px }


	.proje .front-icart h1 		{ font-size: 24px; line-height: 36px;}


	.proje .album-list a 					{ height: 100px; /* width:25%!important */}



	.en .home .quality  h2 					{ font-size: 37px; padding-top: 38px } 
	.en .home .quality  blockquote p 		{ font-size: 15px; padding: 0 10px}
	/*
	.en .home .quality .t nav a h4			{ font-size: 21px }
	.home .quality nav 					{ width: 80%; margin:35px auto 0 auto}*/

}


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

	header .cagri 					{left:314px;}
	header .cagri .sm 				{display: none}
	header .cagri .ms 				{display: block}

	/*
	@ contact resposive */

	
	.contact .cover 	 { height:220px }
	.contact .cover .map { height: 220px }

	

	/*
	@ proje index */

	.about .content .wS45 { width: auto}
	.about .content .mR10 { margin: 0 }


	/*
	@ proje index */
	.proje.index  .list 						{ padding:40px 0}
	.proje .cover-part 							{ background-size: 143% auto }


	/*.cover-part .plt ul 				{ width: 960px}*/

	.cover-part .plt figure  			{ width: 98px; height: 98px;  margin-bottom:0  }	
	.cover-part .plt li   				{ top:5px }	
	.cover-part .plt li i  				{ font-size:27px }	

	.cover-part .plt li h4 				{ font-size: 15px; padding-top: 4px;  /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 22px }



	/*
	@ proje view list */

	.proje .post-icart li 							{ font-size: 13px;  padding: 20px 4px }
	.proje .post-icart li label 					{ width: calc( 37% - 20px ); margin-right: 20px }
	
	.proje .post-icart li div 						{ width: 58% ; padding-left: 10px  }

	

	.en .home .quality  h2 					{ font-size: 37px; padding-top: 38px } 
	.en .home .quality  blockquote p 		{ font-size: 14px; padding: 0 7px}
	/*.en .home .quality .t nav a h4			{ font-size: 21px }
	.home .quality nav 						{ width: 80%; margin:35px auto 0 auto}*/

}


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


	/*
	@ contact resposive */

	/*
	.contact .cover 	 { height:210px }
	.contact .cover .map { height: 210px }
	*/
	
	/*
	@ proje index */

	/*
	.cover-part .normal 				{ display: none }
	.cover-part .slide 					{ display: block }
	.cover-part .slide-nav 				{ display: block }

	.cover-part .slide  li   			{ top:0; align-items: center; display: flex; justify-content: center }	
	.cover-part .slide  li a  			{ top:6px; display: block; width: 111px; margin: 0 auto }	
	.cover-part .slide ul  				{ display: block; height: 160px; overflow: hidden }	
	.cover-part .slide ul > *  			{ width: 100% }	
	*/
	

	.contact .santiye article h4 			{ font-size: 22px}
	.contact .santiye article address 		{ font-size: 15px;}

}




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

	/*
	@ contact */
	.contact .sube li .location 		{ margin-top: 32px }
	.contact .sube li h3 				{ font-size: 27px}
	.contact .sube 						{ padding: 0 0 0 0; font-size: 14px }
	.contact .sube > * 					{ width: 100% }
	.contact .sube li div 				{ padding: 25px 17% }
	.contact .sube li address 			{ min-height: 1px}
	
	.contact .sube li:nth-child(2) > div{ border:0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5 }
	.contact .sube li:nth-child(2) s    { display: none; }




	.contact .santiye-cover  				{ height: 350px }
	.contact .santiye-cover .text h2 		{ font-size: 55px;   margin-bottom: 0 }
	.en .contact .santiye-cover .text h2	{ font-size: 37px }
	.contact .santiye-cover .text p 		{ font-size:18px }
	.en .contact .santiye-cover .text p  	{ font-size: 17px }

 
	


	/*
	@ home quality */
	
	.home .quality  h2 					{ font-size: 40px; padding-top: 34px } 
	
	
	/*
	@home vizyon */

	.home .vizyon 	 { padding-top: 60px; width: 96% }
	.home blockquote { font-size: 23px}

	
	/*
	@ about parallax */	

	.about .cover 			  { background-size: 130% }
	.about .cover-parallax 	  { background-size: 130% }

	.about .cover-parallax 	  { height: 180px }
	.about .fixcase-caption   { min-height: 180px!important }
	.about .cover.fix-ac 	  { top: -95px!important }


	/*
	@ about */

	.about .cover.fix-ac h1    { font-size:43px }

	/*
	@ proje index */
	
	/*.proje .cover-part 							{ background-size: 141% auto }*/
	.proje.index  .list 						{ padding:35px 0}
	.proje .cover-part 							{ background-size: 147% auto }




	/*
	@ proje index cover : slide */

	.cover-part .slide  li a  			{  }	
	.cover-part .slide ul  				{ height: 160px }	


	/*
	@ proje view cover */
	.proje .cover-parallax 	{ background-position: 55% 0; background-size: 280% auto  }
	.proje .cover-parallax 	{ height: 154px; }
	.proje.view .post-head	{ margin-top:-137px }


	.proje .front-icart h1 		{ font-size: 22px; }
	.proje .front-icart .city 	{ font-size: 18px; }
	.proje .front-icart .year 	{ font-size: 16px; }


	.proje .album-list a 					{ height: 96px; /* width:25%!important */}



	.contact .santiye article h4 			{ font-size: 20px}
	
	



}


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

/*
	@ contact resposive */

	
	.contact .merkez div 	  { display: block}
	.contact .merkez div span { display: block;}
	.contact .merkez div span:first-child {padding:6px 0 8px 0;}
	.contact .merkez div i    { font-size: 13px; margin-left: -22px; position: absolute;}
	.contact .merkez div i.ss-phone    {top:8px;}


	/*
	@ contact sube*/
	
	.contact .sube li div 				   { padding: 25px 14% }

	.contact .social-box > div  			{ min-width: 105px }
	.contact .social-box  					{ padding:50px 0 50px 0 }
	.contact .social-box figure  			{ width: 72px; height:72px;}
	.contact .social-box figure i 			{ font-size:28px; top:20px; }
	.contact .social-box h4					{ font-size: 14px }

	
	.contact .santiye article address 		{ font-size: 14px}
	.contact .santiye article .prb 			{ margin-top:25px}
	
}




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

	
	.home .cover img.lg,
	.home .cover img.sm 				{ display: none  }
	.home .cover img.xs 				{ display: block }


	/*
	@ contact resposive */

	.contact .merkez address 	{ font-size: 13px}
	.contact .merkez div 		{ font-size: 13px }

	.contact .cover 	 { height:230px }
	.contact .cover .map { height: 230px }

	/*
	@ contact sube*/
	
	.contact .sube li div 				{ padding: 25px 12% }

	.contact .social-box 				{ width: 90%}
	.contact .social-box > div  		{ margin-bottom: 26px; width: 50% }
	.contact .social-box figure  		{ width: 80px; height: 80px}
	.contact .social-box figure i 		{ top:24px }
	.contact .social-box h4 			{ font-size: 16px }




	.contact .santiye-cover  				{ height: 330px }
	.contact .santiye-cover .text h2 		{ font-size: 52px;   margin-bottom: 0 }
	.en .contact .santiye-cover .text h2	{ font-size: 35px }


 


	header 							{ height: 70px }
	header nav.main 				{ top: 70px; }

	/*
	@ symbol */
	header .symbol 					{ position: relative; top: 15px}
	header .symbol img 				{ display: inline-block; width: 135px }

	header nav.prt  			    { left:172px; top:22px }
	header .main-switch   		    { top:23px }




	header .cagri 					{ left:291px; top:28px }
	


	/*
	 @ home compnay */

	.company  							{ padding: 30px 0  45px 0  }
	.company p 							{ font-size:16px; color:#616262; padding:0 2% 20px 2% }
	.en .company p 						{ font-size:16px }

	/*
	@ workspace */	

	.workspace article h2 				{ font-size: 19px }

	/*
	@ home cover */	

	.home .cover blockquote 			{ bottom: 15px}
	.home .cover blockquote p  			{ padding:7px 15px 0 15px}


	/*
	@ home quality */
	
	.home .quality  h2 					{ font-size: 40px; padding-top: 34px } 
	.home .quality nav 					{ width: 80%;}
	.home .quality  blockquote p 		{ font-size: 15px; padding: 0 7px}
	.home .quality .t nav a h4			{ font-size: 20px }



	/*
	@ home sums */
	.home .sums 						 { width:93%; padding-top:60px  }
	.home .sums article p				 { padding:0 25px  }
	.home .sums article div 			 { padding:25px 5px }
	.home .sums article 				 { width: 100% }
	.home .sums article:nth-child(2) div { border:0 ; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }


	/*
	@home vizyon */

	.home .vizyon 	 { padding-top:45px;  }
	.home blockquote { font-size: 23px}


	/*
	@ about */

	.about .cover h1 					{ font-size:38px }
	.about .cover.fix-ac h1 			{ font-size:34px }



	/*
	@ proje index */

	
	
	/*.proje .cover-part 							{ background-size: 240% auto }*/
	.proje.index  .list 						{ padding:30px 0}
	.proje.index .list article h1 				{ font-size: 19px }



	/*
	@ proje view list */
	.proje .post-icart ul 							{ padding: 35px 0 30px 0}
	.proje .post-icart li 							{ font-size: 12px;  padding: 20px 4px }
	.proje .post-icart li label 					{ top:1px; width: calc( 39% - 20px ); margin-right: 20px }


	.proje .icart-tarih div em						{ display: block; float: none; margin: 0; line-height: 0; color:white}
	.proje .icart-tarih div span					{ width: 80px }
	.proje .icart-tarih div 						{ line-height: 18px }
	.proje .icart-yer div span 						{ font-size: 11px; letter-spacing: 0; margin-left: 5px}
	.proje .post-icart li div 						{ width: 56% ; padding-left: 7px  }



	.proje .front-icart h1 		{ font-size: 18px; line-height: 22px; padding-bottom: 5px }
	.proje .front-icart .city 	{ font-size: 16px; line-height: 18px }
	.proje .front-icart .year 	{ font-size: 14px; }
	/*
	
	.proje .front-icart .year 	{ font-size: 17px; line-height: 24px}
	.proje .front-icart nav 	{ padding-top: 27px}
	*/


	.proje .album-list a 					{ height: 110px;  width:33.333%!important }



	.contact .santiye article h4 			{ font-size: 19px}



	.en .home .quality  h2 					{ font-size: 32px; padding-top: 30px } 
	
	/*
	.en .home .quality  blockquote p 		{ font-size: 14px; padding: 0 7px}
	.en .home .quality .t nav a h4			{ font-size: 21px }
	.home .quality nav 						{ width: 80%; margin:35px auto 0 auto}*/


}



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

	/*
	@ contact resposive */

	
	.contact .cover 	 { height:200px }
	.contact .cover .map { height:200px }

	
	/*
	@ contact sube*/
	
	.contact .sube li div 				{ padding: 25px 10% }

	/*
	@ home quality */ 

	.home .quality  h2 					{ font-size: 36px; padding-top: 30px } 
	
	.home .quality  blockquote p 		{ font-size: 15px; padding: 0 7px}
	.home .quality .t nav a h4			{ font-size: 19px }
	.home .quality nav 					{ margin:40px auto 0 auto }
	
	/*
	@ home sums */
	.home .sums 						 { width:93%; padding-top:50px  }

	
	/*
	@ about parallax */	

	.about .cover 			  { background-size: 140% }
	.about .cover-parallax 	  { background-size: 140% }
	
	
	.about .cover-parallax 	  { height: 160px }
	.about .fixcase-caption   { min-height: 160px!important }
	.about .cover.fix-ac 	  { top: -80px!important }


	/*
	@ about */
	.about .cover h1 		   { font-size:37px }
	.about .cover.fix-ac h1    { font-size:35px }


	/*
	@ proje index */
	
	
	.proje .cover-part 							{ background-size: 159% auto }

	
}

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

	/*.proje .cover-part 							{ background-size: 263% auto }*/

	.proje .cover-part 							{ background-size: 164% auto }
	
	/*
	@ contact sube*/
	
	.contact .sube li div 				{ padding: 25px 9% }



	/*
	 @ proje index cover */

	.cover-part .plt figure  			{ width: 86px; height: 86px;  margin-bottom:0  }	
	.cover-part .plt li   				{ top:-2px }	
	.cover-part .plt li i  				{ font-size:25px }	

	.cover-part .plt li h4 				{ font-size: 15px; padding-top: 4px;  /* padding-top:8*/ }
	.cover-part .plt li a > span		{ font-size: 20px }


	.proje .cover-parallax 	{ background-position: 55% 0; background-size:337% auto  }


	.proje .album-list a 					{ height: 100px;  /*width:33.333%!important */}



	.en .home .quality  h2 					{ font-size: 33px; padding-top: 33px } 
	.en .home .quality  blockquote p 		{ font-size: 13px; padding: 0 4px}
	.en .home .quality nav 					{ width: 85%; margin:30px auto 0 auto }
	.en .home .quality .t nav a h4			{ font-size: 20px }
}


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

	
	/*
	@ contact sube*/
	
	.contact .sube li div 				{ padding: 25px 8% }

	.contact .santiye-cover  			{ height: 270px }

	/*
	@ workspace */	

	.workspace  						{ padding:60px 0 20px 0 }
	.workspace article 					{ width: 100%; margin-bottom: 40px }
	.workspace article figure 			{ width: 136px; height: 136px }
	
	
	.workspace article i 				{ color:#5dbbec; top:43px; font-size: 40px}
	.workspace article .ss-buildings 	{ left:-3px }
	.workspace article .ss-crop 		{ top:45px }
	.workspace article .ss-warehouse 	{ font-size:37px; top: 45px }
	.workspace article .ss-paintroller 	{ font-size:39px; left:2px; top: 47px }

	.workspace article h2 				{ font-size: 23px; margin-top: 6px }
	.workspace article p 				{ font-size: 13px; margin:0 10%;}


	
	/*
	@ about parallax */	

	.about .cover 			  			{ background-size: 178% }
	.about .cover-parallax 	 		 	{ background-size: 178% }
	
	/*
	@ about uye */	

	.about.uye .post article h3			{ font-size: 13px}


	/*
	@ proje index */
	
	.proje .cover-part 							{ background-size: 172.5% auto }




	/*
	@ proje view list */
	.proje .post-icart ul 							{ padding: 35px 0 20px 0}
	.proje .post-icart li 							{ padding: 20px 3px }
	.proje .post-icart li label span 				{ display: none}

	.proje .post-icart li label 					{ width: calc( 41% - 10px ); margin-right: 10px }
	.proje .post-icart li div 						{ width: 54% ;}

	.proje .icart-yer div span 						{ font-size: 10px;display: block; margin: 0}
	
	.proje .post-icart li div i.first 				{ left: -13px; font-size: 13px }
	.proje .post-icart li div i.ss-expand 			{ font-size: 11px; top: 3px }
	.proje .post-icart li.icart-yer div i.first		{ font-size:12px; top:2px; }
	.proje .post-icart li.icart-site div i.first	{ font-size:12px; top:1px}

	

	.proje .album-list a 					{ height: 90px;  /*width:33.333%!important */}





	
	.contact .santiye article h4 			{ font-size: 19px; margin-bottom: 2px;}



}


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

	/*
	@ symbol */
	
	header .symbol 					{ left:4px; top: 18px}
	header .symbol img 				{ width: 115px }

	header nav.prt 					{ left: 138px}

	header nav.prt .ss-icon 		{ font-size: 19px; top:2px }	
	header nav.prt .ss-mail			{ nargin-left:12px;}

	header .main-switch 			{ font-size: 17px; right: 8px;top:25px;}
	header .cagri 					{ left:246px }
	
	/*
	@ home quality */ 
	
	.home .quality 						{ height: 385px }
	.home .quality nav 					{ width: 87%;}
	.home .quality  blockquote p 		{ font-size: 14px; padding: 0 7px }
	.home .quality nav 					{ margin:28px auto 0 auto }
	

	/*
	@ home sums */
	.home .sums 						 { width:93%; padding-top:35px  }


	.about.uye .post article a{ height: 148px}
	.about.uye .post article h3{padding:0;height: 64px; display: flex; text-align: center;justify-content:center; align-items:center; }


	.proje .cover-part 							{ background-size: 176% auto }


	/*
	@ proje view list */
	.proje .post-icart ul 							{ padding: 35px 0 0 0}


	.proje .cover-parallax 	{ background-position: 49% 0; background-size:460% auto  }


	.contact .santiye article 				{ padding: 22px 0}
	.contact .santiye article h4 			{ font-size: 18px; margin-bottom: 3px;}




	.en .home .quality  h2 					{ font-size: 30px; padding-top: 25px } 
	/*
	.en .home .quality  blockquote p 		{ font-size: 13px; padding: 0 2px}
	.en .home .quality nav 					{ width: 85%; margin:25px auto 0 auto }
	.en .home .quality .t nav a h4			{ font-size: 20px }*/
}




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

	/*
	@ home quality */ 
	
	.home .quality .t nav a h4			{ font-size:18px }
	.home .quality nav 					{ width: 90% }

	/*
	@ home sums */
	.home .sums 						 { width:93%; padding-top:30px  }


	/*
	@ proje index */
	
	.proje .cover-part 							{ background-size: 190% auto }

	.proje .album-list a 					{ height: 82px;  /*width:33.333%!important */}

}

@media screen and ( max-width: 359px ){
	
	header .cagri .ms 					{ display: none }

	.proje .cover-part 							{ background-size: 201% auto }


	.proje .cover-part 							{ background-size: 208% auto }


	.contact .santiye-cover  				{ height: 250px;}
	.contact .santiye-cover .text h2 		{ font-size: 49px;   margin-bottom: 0 }
	.en .contact .santiye-cover .text h2	{ font-size: 30px }
	.contact .santiye-cover .text p 		{ font-size: 17px; padding: 0 10%}
	.en .contact .santiye-cover .text p 	{ font-size: 17px; padding: 0 10%}



	.en .home .quality  h2 					{ font-size: 28px; padding-top: 22px } 
	.en .home .quality  blockquote p 		{ padding: 0 }

	/*
	.en .home .quality  blockquote p 		{ font-size: 13px; padding: 0 2px}
	.en .home .quality nav 					{ width: 85%; margin:25px auto 0 auto }
	.en .home .quality .t nav a h4			{ font-size: 20px }*/
}

	
}

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


	/*
	@ about parallax */	

	.about .cover 			  { background-size: 140% }
	.about .cover-parallax 	  { background-size: 140% }
	
	 
	.about .cover-parallax 	  { height: 160px }
	.about .fixcase-caption   { min-height: 160px!important }


	/*
	@ about */

	.about .cover h1 		   { font-size:35px }
	.about .cover.fix-ac h1    { font-size:33px }

}