@charset "utf-8";
/* CSS Document */
body, html { width:100%; height:100%;padding:0px; margin:0px; overflow-x:hidden;font-family: 'Open Sans', sans-serif;}
form, div, span, h1, h2, h3, h4, h5, h6, ul, li, ol, input, select, textarea, a, img {padding:0px; margin:0px; border:none; text-decoration:none; list-style:none; outline:none; resize:none; font-weight:normal;border-radius:0;}
a {color:#595959;}
a:hover {color:#db7474;}
h1, h2, h3, h4, h5, h6 { }
h1.pageTitle { font-size:32px; color:#717171; margin-bottom:30px;}
h1.pageTitle2 { font-size:34px; color:#b2b1b1; margin:6px 0 0 10px;display: block;    float: left; width:auto;}
h1.pageTitleStd { font-size:32px; color:#717171; padding:90px 0 0 30px;}
h2 { font-size:14px; margin-bottom:20px; line-height:26px;}
.clr { display:block;  clear:both;}
body {height:100%; width:100%; background-color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:20px; color:#292929;}
body.homepage { background:#fff; background-size:100% auto; overflow:hidden;}

.mainContainer { width:100%;  position:relative;}
	.leftMenu { display:block; width:400px; height:100%; position:fixed; left:0; top:0; background:#fff; z-index:9999999;}
		.languageCon { display:block; float:left; padding:4px 0 0 0; margin-left:120px; width:181px; height:24px; background:url(../images/language-bg.png) top left no-repeat;}
			.languageCon .tr {display:block; float:left; width:21px; height:14px; margin:0 25px 0 60px; background:url(../images/flame-tr.jpg) no-repeat;}
			.languageCon .en {display:block; float:left; width:21px; height:14px; background:url(../images/flame-en.jpg) no-repeat;}
		.logo { display:block; float:left; width:400px; height:90px; margin-top:10px; background:url(../images/reform-logo.jpg) #fff left top no-repeat;background-position:50% 50%}
		ul.socialMedya { display:block; width:355px; height:42px; padding-left: 45px; background:url(../images/social-bg.png) no-repeat; position:absolute; bottom:0;}
		ul.socialMedya li { display:block; float:left;width:28px; height:42px;margin-left: 20px;}
		ul.socialMedya li a { display:block; width:28px; height:42px;}
		ul.socialMedya li a.facebook { background:url(../images/icon-facebook.png);}
		ul.socialMedya li a.twitter { background:url(../images/icon-twitter.png);}
		ul.socialMedya li a.youtube { background:url(../images/icon-youtube.png);}
		ul.socialMedya li a.pinterest { background:url(../images/icon-pinterest.png);}
		ul.socialMedya li a.instagram { background:url(../images/icon-instagram.png);}
		
	.homeContainer{ display:block; position:relative; left:400px; width:100%; overflow:hidden;}
		.homeContainer div {display:block; float:left;max-width:50%; } 
		.homeContainer img { max-width:50%; height:auto;} 
		.homeContainer a.cephe { display:block; float:left;}
		.homeContainer a.icMekan {  display:block; float:left;}
		.homeContainer a.banyo {  display:block; float:left;}
		.homeContainer a.tas { display:block; float:left; }
		
		.pageCon {width: 100%; height: 100%; height: 100%; position: relative;z-index: 55;clear: both; padding-left:400px;/* overflow:hidden;*/}
			.contactTop { display:block; width:100%; height:50%; background:url(../images/page-bg/contact.jpg) top left no-repeat;}
				.contactInfo { display:block; height:100%; padding:90px 50px 0 50px; position:relative; background:url(../images/contact-bg.png);}
				.contactForm {display:block; height:100%; padding-top:90px;}
				.contactForm form { width:230px; margin:0 auto;}
				.contactForm input, .contactForm textarea { display:block; width:222px; height:30px; padding-left:8px; line-height:30px; margin: 3px auto; border:0; background:#FFF; font-size:12px; font-family: 'Open Sans', sans-serif;}
				.contactForm input.sendForm { float:right; width:92px; cursor:pointer; background:#172537; color:#FFF; margin-right:4px;}
				.contactForm textarea { height:65px;}
			.contactBottom { display:block; width:100%; height:50%; margin:0; padding:0;}
			.aboutCon { display:block; width:100%; height:100%; position:relative; background:url(../images/page-bg/contact.jpg) top left no-repeat;}
				.aboutText { display:block; float:left; width:50%; height:100%; padding:90px 50px 0 50px; position:relative; background:url(../images/contact-bg.png);}
				
			.fullPage {width: 100%; height: 100%; position: relative; padding:20px 40px 20px 40px;}				
			.submenu { background:none; border:0; padding-left:15px;}
			.container-fluid { border:0;}
			.navbar { background:#FFF; min-height:80px; padding:20px 20px 40px 20px; margin-bottom:0;}
			.navbar-nav { margin-left:50px;}
			.navbar-nav li { background:url(../images/submenu.jpg) center left no-repeat; margin-left:10px; margin-top:10px;}
			.navbar-nav li.last { margin-right:0;}
			.navbar-nav li:hover  { background:url(../images/submenu-ac.jpg) center left no-repeat;}
			.navbar-nav li a { padding-left:25px;}
			.navbar-nav li.active { background:url(../images/submenu-ac.jpg) center left no-repeat;}
			.navbar-nav li.active a { background:none !important; color:#d95400 !important;}
			.navbar-nav li a:hover {color:#d95400 !important;}
			.navbar-right { margin-right:0px; margin-left:0 !important;}
			.navbar-toggle {margin:8px 15px 8px 0px !important;}
			.navbar-collapse { border:0 !important; padding-right:0; overflow:hidden;}
			.navbar-brand { padding:15px 0;}
			a.btn-back { display:block; width:auto; height:50px; background:url(../images/btn-back.jpg) right no-repeat #172537; line-height:50px; 
			padding-right: 60px !important;  color:#FFF !important;margin-right: -15px;}
			.navbar-nav li a.btn-back:hover { background:url(../images/btn-back.jpg) right no-repeat #172537 !important;color:#FFF !important;}
			.smallMenu {display:none;}
			.stoneContainer { display:block; padding-top:30px;}
			.stoneCon {  padding-top:30px;}
				.stoneBox { display:block; cursor:pointer;  margin-bottom:30px; position:relative; overflow:hidden;}
				.stoneBox .as { width:100%;overflow:hidden; width:100%; height:100%; bottom:0; position:relative; display:table;}
				.stoneCode { display:block; height:70px; padding-top:25px; width:100%; color:#FFF; font-size:14px; font-weight:bold; 
				background:url(../images/stone-code-bg.png); position:absolute; bottom:-70px; text-indent:20px;}
			#projectDetail a.btn-back { top:0; padding-left:30px; }
			.projeBigImg { display:block; float:left;}
			.projeBigImg img {}
			.projeText { display:block; float:right;}
				.projectName { font-size: 15px; line-height:57px; margin-bottom:25px; padding-left:25px; background:#c84b4b; color:#FFF; }
				.projectDetail { background:#ececec; padding:25px;}
					ul.liste { display:block; margin-left:20px; }
					ul.liste  li { background:url(../images/list-bullet.png) center left no-repeat; padding:3px 15px;}
				.projectSmallImg { display:block; margin-top:25px;max-height:270px; position:relative; overflow:hidden; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray; -webkit-transition: all 0.6s ease;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
				.projectSmallImg:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}
				.projectSmallImg .zoom { display:block; position:absolute; bottom:0; right:15px; background:url(../images/zoom.png) no-repeat; width:30px; height:30px; }
	.pageReference { background:#e9e9e9;width: 100%; position: relative;padding-bottom:16px; }	
		.refCon { z-index: 55;clear: both; padding-left:400px;}
			.referansLeft { padding:90px 0 0 50px;}
				.refBox { display:block; margin-left: -15px;}
				.refBox a { padding-right:15px; background:url(../images/company-bullet.png) center right no-repeat; font-weight:bold; color:#000;  } 
				.refBox a:hover{ color:#db7474; text-decoration:none; }
				.refBox div { margin-bottom:10px; } 
			.referansRight { display:block;padding:170px 50px 50px  50px;}
			.referansRight  img, .standartRight img {display:block; float:right; }
			.standartLeft { padding:20px 0 0 50px;}
			.standartRight {display:block;padding:20px 50px 50px  50px;}
	.categorySmall { margin-bottom:28px;filter: grayscale(100%);
						-webkit-filter: grayscale(100%);
						filter: gray; 
						-webkit-transition: all 0.6s ease;
						filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); }
    .categorySmall:hover {filter: grayscale(0%);
					-webkit-filter: grayscale(0%);
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");}
	.astm_no { text-align:right;}
	nav { display:none; background:#FFF;}
	#projectDetail nav, #dogalTas nav { display:block;}
	.creativeist { position:fixed; right:10px; bottom:10px; background:url(../images/creativelogo.jpg) no-repeat; display:block; z-index:99999; width:67px; height:58px;}
	.navbar-default .navbar-nav > li > a { font-size:12px;}
	.homeButton { display:none;}
	#iletisimSmall { overflow:hidden;}
	.glyphicon { color:#333333;}
	
	.hideBtn { display:none !important;}
	.showBtn {display:block !important;}
    .resimFix {margin-top: 15px;}
    .resimFix img{height: 282px; width: 362px; padding-top: 5px;}
    .resimListeleme {padding-bottom: 50px;}
    .projeIsimListele {font-size: 16px; margin-top: 30px;}
    .projeIsimListele a{text-decoration: none; color: white; background-color: #000000;padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px;}
    .pLeft60 {padding-left: 60px!important;}
    .pLeft25 {padding-left: 25px!important;}
					
@media only screen and (min-width : 320px) and (max-width: 1024px) {
body.homepage { overflow-y:auto; overflow-x:hidden;}
.projectName  { font-size:14px;}
.stoneCode  { font-size:14px;}
.navbar-nav {  margin-top: 0px;}                                                  
.navbar-right { margin-right:0px; }
.smallMenu {display:none; float:right; margin-left:20px;}
.navbar-toggle	 {margin:8px 30px 8px -15px;}
.aboutText { width:400px;}
.contactBottom {padding: 0 !important;top: 0 !important;}
.homepage .leftMenu { display:none;} 
.homepage nav {display:block;}
.homepage .navbar-toggle { margin-right:0 !important;}
.projeIsimListele {font-size: 16px; margin-top: 30px;}

}
@media only screen and (min-width : 320px) and (max-width: 768px) {
.hideBtn { display:block !important; padding-left:20px;background:url(../images/back.jpg) right no-repeat  !important;}
.navbar-nav li a.btn-back:hover {background:url(../images/back.jpg) right no-repeat !important;}
.showBtn {display:none !important;}
.leftMenu { display:none;}
nav {display:block;}
.nav>li>a { padding:10px 4px 10px 25px !important;}
.pageCon { padding-left:0;}
#projectDetail nav { display:block;}
.stoneContainer { padding-top:0;}
.smallMenu {display:block; float:right; margin-left:20px;}
.navbar-nav { /* margin-left: -25px;*/  margin-top: 0px; margin-left:10px; }
.navbar-right { margin-right:-15px;display:block; }
a.btn-back { display:block; padding-left:0 !important; margin-right:0;width: 27px; height:35px;}
.navbar-brand { width:150px; height:34px;}
.navbar { padding-bottom:20px;}
.aboutText { width:100%;}
#iletisim .mainContainer { height:auto; padding-bottom:30px;}
#iletisimSmall { overflow-y:auto; overflow-x:hidden;}
.contactInfo, .contactForm {padding:40px; height:auto; min-height:393px; }
.contactBottom {padding: 0 !important;margin-top: 0 !important;height: 354px;}
#projectDetail a.btn-back {  padding-left:30px; margin-right:15px; }
.referanslarCon .leftMenu { display:none !important;}
.referanslarCon .pageCon { padding-left:0;}
.referansLeft { padding-top:40px;}
.referansRight { padding-top:110px;}
h1.pageTitleStd { padding-top:30px;}
#hakkimizda .homeButton, #iletisim .homeButton, #dogalTas .homeButton {  border: 1px solid #ddd; border-radius: 4px;display: block;float: right; margin: 8px 10px 8px -15px; padding: 13px 18px 14px 18px; background:url(../images/homeBtn.jpg) center center no-repeat;position: absolute;right: 0;top: 20px;}
#projectDetail .homeButton {  border: 1px solid #ddd; border-radius: 4px;display: block;float: right; margin: 8px 10px 8px -15px; padding: 13px 18px 14px 18px; background:url(../images/homeBtn.jpg) center center no-repeat;position: absolute;right: 0px;top: 20px;}
.homeButton:hover { text-decoration:none !important; color: #999;}
.container-fluid { padding-right:0;} 
.fullPage { padding:0;}
.projectName { line-height:30px; padding:10px;}
} 
@media only screen and (min-width : 320px) and (max-width: 640px) {
#hakkimizda .homeButton, #iletisim .homeButton, #projectDetail .homeButton, #dogalTas .homeButton { right:65px;}
.fullPage { padding:0;} 
.navbar-nav { margin:20px 0 0px -30px;} 
.navbar-nav li {background: none repeat scroll 0 0 #ccc;color: #ffffff !important;}
.navbar-nav li.active {background: none repeat scroll 0 0 #ccc;color: #ffffff !important;}
#iletisim .navbar-toggle { display:block;}
.pageCon { padding-left:0;}
.aboutText { width:100%;}
#hakkimizda .aboutText  { padding-top:50px;}
h1.pageTitle2 { display:none;}
}
@media only screen and (max-width : 400px) {
.navbar-brand  {  margin-right:0; }
.navbar-brand .img-responsive { max-width:75%;}
.projeIsimListele {font-size: 12px!important; margin-top: 30px;}
}