@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Exo+2:400,600&subset=cyrillic,latin-ext');
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin-ext';


.clear { clear:both; }
.wrap{ width: 100%; height: 100px; }
a{ text-decoration: none; color:#fff; font-family: 'Exo 2', sans-serif; font-size:13px;  }
a:hover{ color:#a4dce9; }

h1{ font-weight: 400; }


.center{ width: 1024px; text-align: center; margin: 0 auto; }
.center h1{ font-family: 'Exo 2', sans-serif; font-weight: 600; font-size: 30px; }
#blurH{ opacity: 0.8; font-family: 'Exo 2', sans-serif; color:#808285; font-size: 18px; }
.justText{ text-align: justify; font-size:18px; }

#header{ width: 100%; height: 145px; position: relative; z-index: 9999999999;  }
#headerLeft{ float:left; display: inline-block; margin-top: 35px; margin-left: 50px;}
#headerRight{ float: right; display: inline-block; margin-top: 20px; margin-right: 50px; }
#headerCenter{ width: 800px; margin:0 auto; text-align: center; margin-top: 80px; display: inline-block; margin-left: 5%; }
#headerCenter ul > li{ list-style-type: none; display: inline-block; margin-left: 14px; margin-right: 14px;   }
#headerCenter ul{}

#slider{ width: 100%; height: 80vh; margin-top: -145px; }

#sliderHakkimizda{ width: 100%; height: 396px; background:url(../img/hakkimizdaSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
#sliderFiyat{ width: 100%; height: 396px; background:url(../img/fiyatSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
#sliderReferans{ width: 100%; height: 396px; background:url(../img/referansSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
#sliderMakina{ width: 100%; height: 396px; background:url(../img/makinaSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
#iletisimSlider{ width: 100%; height: 396px; background:url(../img/iletisimSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }

#footer{ width: 100%; background-color: #99a9b8; height: 200px; }
#footerMain{ width: 1024px; margin:0 auto; text-align: center; }
#footerLeft{ float:left; color:#fff; font-size:9px; display: inline-block; margin-top: 100px; font-family: 'Exo 2', sans-serif; }
#footerRight{ float: right; display: inline-block; margin-top:15px; }
#footerCenter{ width: 900px; text-align: center; margin:0 auto; }
#footerCenter ul > li{ list-style-type: none; display: inline-block; margin-left: 5px; margin-right: 5px; margin-top: 50px; vertical-align: middle; position: relative; }
#footerCenter ul > li > a{ color:#021424;  }
#footerCenter ul > li > img{  }

#anasayfa{ width: 100%; background-color: #fff; margin-top: 50px; display: block; color:#808285; font-family: 'Exo 2', sans-serif; }
#mainMid{ width: 100%; margin-top: 100px; margin-bottom: 100px; text-align: center }
.mids{ width: 300px; height: 300px; display: inline-block; vertical-align: top; font-family: 'Source Sans Pro', sans-serif; color:#808285; font-size:12px; line-height: 120%; border-bottom: 5px solid #fff; }
.midText{ text-align: justify; }
.mids h1{ font-family: 'Oswald', sans-serif; font-weight: 300; color:#192430; }
.midLine{ margin-left: 20px; margin-right: 20px; display: inline-block; }
.mids:hover{ border-bottom: 5px solid #192430; }

#bottom{ width: 100%; height: 100px; background-color: #324860; margin-bottom: 50px; }
#bottomBtns{ margin-top: -130px; margin-bottom: 100px; }
#bottomBtns a{ margin-left: 20px; margin-right: 20px; }
#hakkimizda{ width: 75%; margin-top: 100px; margin-left: 15%; margin-bottom: 100px; font-family: 'Exo 2', sans-serif;  }
#hakkimizdaFoto{ width: 30%; display: inline-block; vertical-align: top; }
#hakkimizdaContent{ width: 65%; margin-left: 4%; display: inline-block; vertical-align: top; font-weight: 400;}
#slider{ display: inline-block; }

#map{ width:50%; float: left; height: 500px; }
#iletisimContent{ width: 40%; padding: 5%; float: left; font-family: 'Source Sans Pro', sans-serif; color:#091117; margin-top:40px; }

#fiyat{ margin-top: 100px; margin-bottom: 100px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; }

#referansLeft{ float:left; width: 250px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; text-align: left; }
#referansRight{ float: right; width: 750px; margin-top: -70px; }
#referansRight img{ display: inline-block; width: 120px; margin-left: 60px; margin-top: 70px; }

.matbaaTek{ width: 300px; margin-left:31px; text-align: left; display: inline-block; float: left; margin-top: 40px; }
.matbaaTek h1{ font-size: 19px; }


#gonder{ float: right; width: 150px; height: 40px; border:1px solid #023e68; background-color: #fff; margin-right: 15px; }
input[type=text]{ width: 300px; border:1px solid #023e68; height: 30px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; outline: none; }
select{ width: 300px; border:1px solid #023e68; height: 30px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; outline: none; border-radius: 0; }
table tr{ display: block; margin-top: 20px; }

#menu{ display: none; }
#hamMain{ display: none; }
#iletisimContentM{ display: none; }
#fiyatM{ display: none; }

@media screen and (min-width: 1540px) {

	#headerCenter{ width: 800px; margin:0 auto; text-align: center; margin-top: 80px; display: inline-block; margin-left: 20%; }
	#buble{ width: 500px; margin-top:-350px !important; }

	
}

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

	#buble{ display: none !important;  }
	#refBaslik{ width: 100% !important; }

	#bottom{ width: 100%; height: 100px; background-color: #324860; padding-bottom: 50px; }
#bottomBtns{ margin-top: -130px; padding-bottom: 100px; margin-bottom: 0px; }
#bottomBtns a{ margin-left: 20px; margin-right: 20px; }

	.mids{ border-bottom: none; }
	.mids:hover{ border-bottom:none; }
	#headerRight{ display: none; }
	#headerCenter{ display: none; }
	.center{ width: 90%; margin-left: 5%; }
	.center h1{ margin-top: 0px; }
	#centerID{ background-color: #fff; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; width: 100%;}
	#footerCenter{ display: none; }
	#footerMain{ width: 100%; }
	.midLine{ display: none; }
	#headerLeft{ float:left; display: inline-block; margin-top: 20px; margin-left:20px;}
	#logo{ width: 100px; }
	#anasayfaM{ margin-top: 100px; }
	#makinaM{ margin-top: -20px; }
	#slider{ height: 300px; margin-top: -145px; }
	.masterSlide img{ margin-right: 5% !important; width: 75%; margin-top: 200px !important; }
	#footerLeft{ float:left; color:#fff; font-size:9px; display: inline-block; margin-left: 10px; margin-top: 100px; font-family: 'Exo 2', sans-serif; }
	#footerRight{ float: right; display: inline-block; margin-top:100px; margin-right: 10px; }
	#hamMain{ display: inline-block; float: right;  margin-top: -40px; margin-right: 10px;}
	#menu{ display: block; }

	#hakkimizda{ width: 100%; margin-left: 0px; background-color: #fff; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; font-family: 'Exo 2', sans-serif;  }
	#hakkimizdaFoto{ width: 90%;  display: inline-block; vertical-align: top; margin-left: 5%; float: none !important;}
	#hakkimizdaContent{ width: 90%; margin-left: 5%; display: inline-block; vertical-align: top; font-weight: 400; float: none !important; margin-top: 20px; margin-bottom: 20px;}
	#hakkimizdaMotto{ width: 90% !important; margin-left: 5%; margin-top: 40px; }
	#sliderHakkimizda{ width: 100%; height: 300px; background:url(../img/hakkimizdaSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
	#hakkimizdaH{ margin-top: 200px !important; margin-left: 0; }

	#sliderMakina{ width: 100%; height: 300px; background:url(../img/makinaSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
.matbaaTek{ width: 90%; margin-left:0px !important; text-align: left; display: inline-block; float: none; margin-top: 20px; margin-bottom: 20px; }
.matbaaTek img{ width: 100%; }
.matbaaTek h1{ font-size: 17px; }
	#makinaText{ width: 90%; margin-left: 0%; text-align: justify; margin-top: 30px; display: inline-block; }

	#blurH{ margin-top: 40px; }

	#sliderReferans{ width: 100%; height: 300px; background:url(../img/referansSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }
	#referansLeft{ display: inline-block; float:none; width: 90%; margin-left: 5%; margin-top: 20px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; text-align: left; }
	#referansRight{ float:none; width: 90%; margin-top: 20px; margin-left: 5%; }
	#referansRight img{ display: inline-block; width: 50%; margin-left: 0%; margin-top: 20px; }


	#iletisimSlider{ width: 100%; height: 300px; background:url(../img/iletisimSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }

#map{ width:90%; margin-left: 5%; float: none; height: 300px; margin-top: 40px; }
#iletisimContent{ display: none; width: 90%; padding: 5%; float: left; font-family: 'Source Sans Pro', sans-serif; color:#091117; margin-top:40px; }
#iletisimContentM{ width: 90%; padding: 5%; float: left; font-family: 'Source Sans Pro', sans-serif; color:#091117; margin-top:0px; display: inline-block; background-color: #fff; }
	#iletisimMain{ background-color: #fff; }
	#theB{ margin-top: 40px !important; margin-left: 0px !important; }


	#sliderFiyat{ width: 100%; height: 300px; background:url(../img/fiyatSlider.jpg) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; margin-top: -145px; }


	#fiyat{ display: none; }

	#fiyatM{ display: block; margin-top: 0px; margin-bottom: 0px; background-color: #fff; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; width: 100%; }

	#gonder{ float: right; width: 150px; height: 40px; border:1px solid #023e68; background-color: #fff; margin-right: 15px; }
	input[type=text]{ width: 90%; margin-left: 2%; border:0.5% solid #023e68; height: 30px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; outline: none; }
	select{ width: 90%; margin-left: 2%; border:0.5% solid #023e68; height: 30px; font-family: 'Source Sans Pro', sans-serif; color:#6d6e71; outline: none; border-radius: 0; }
	table tr{ display: block; margin-top: 20px; }

	.mottoMainpage{ margin-top: 500px !important; display: block; }
	a[href^=tel] { color: inherit; text-decoration: none; }
	   #hamburger {
    
     display: block;
     width: 30px;
     padding: 10px 10px;
     z-index: 99999999999999;
     position:relative;
     margin-top: -80px;
     float: right;


  }
  #hamburger span {
     background: #fff;
     display: block;
     height: 3px;
     margin: 5px 0;
  }

  html.mm-opened #hamburger span.top-bar {
     transform: rotate( 45deg );
     top: 7px;
  }
  html.mm-opened #hamburger span.middle-bar {
     opacity: 0;
  }
  html.mm-opened #hamburger span.bottom-bar {
     transform: rotate( -45deg );
     top: -7px;
  }

  #hamburger {
     overflow: hidden;
  }
  #hamburger span {
     position: relative;
     transform: rotate( 0 );
     top: 0;
     left: 0;
     opacity: 1;

     transition: none 0.5s ease;
     transition-property: transform, top, left, opacity;
  }

  html.mm-opened #hamburger span.middle-bar {
     left: -40px;
  }


  
}

::-webkit-input-placeholder {
   color: #323232;
}

:-moz-placeholder { /* Firefox 18- */
   color: #323232;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #323232; 
}

:-ms-input-placeholder {  
   color: #323232; 
}

}