/* File Name: style.css
Theme Name:  Kurumsal Flat
Author: Murat Serdar
Version: 1.0
Author URI: http://www.muratserdar.com
Theme URI: http://www.muratserdar.com
Description:   Theme Designed by Murat Serdar | Since 2016 | <a href="http://www.muratserdar.com" target="_blank">Blog</a> | <a style="clear:both" href="http://www.facebook.com/mserdarkayar"  target="_blank">Facebook</a> | <a href="http://www.twitter.com/edebimuhendis" target="_blank">Twitter</a> | <a href="https://tr.linkedin.com/in/mserdarkayar" target="_blank">LinkedIn</a>
License: GNU General Public License
*/

/* Genel Başlangıç */
html , body { background:rgba(44,62,80,1);  padding:0; }
* { padding:0; }
* img { padding:0 }
.temizle { clear:both; }
.temizle5 { clear:both; margin:5px 0; }
.temizle10 { clear:both; margin:10px 0; }
.container { background:transparent;}
.textSol { text-align:left; }
.textSag { text-align:right; }
.textOrta { text-align:center; }
.noPadding {padding:0;}
.noLeftPadding {padding-left:0;}
.noRightPadding {padding-right:0;}
body { padding:0; }
#baslik { width:auto; background:rgba(24,85,125,1); padding:10px; line-height:20px; margin-top:10px; font-size:18px; font-family:'Open Sans', sans-serif; color:white; border-radius:3px; float:left; }
html,
body {
    height: 100%;
}
.dikeyortala {     margin: 0 !important;
    padding: 0 !important;
    height: 150px;
    width: 100%;
    position: relative; }
.dikeyortala img  {max-height: 145px;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 !important; }
/* Genel Bitiş */

/* Kolonlar Başlangıç */
	.kolon1   { float:left; width:8.33333333%;}
	.kolon2   { float:left; width:16.66666667%;}
	.kolon3   { float:left; width:25%;}
	.kolon4   { float:left; width:33.33333333%;}
	.kolon5   { float:left; width:41.66666667%;}
	.kolon6   { float:left; width:50%;}
	.kolon7   { float:left; width:58.33333333%;}
	.kolon8   { float:left; width:66.66666667%;}
	.kolon9   { float:left; width:75%;}
	.kolon10 { float:left; width:83.33333333%;}
	.kolon11 { float:left; width:91.66666667%;}
	.kolon12 { float:left; width:100%;}
/* Kolonlar Bitiş */



#kontrol { height:10px; border-bottom:1px solid red; clear:both;}

/* Header Başlangıç */
	#header { background:#d64e07; height:auto; }
	#header #logo img { width:100%; height:auto;}
	#header #telefonNo { background:rgb(24,85,125); padding:15px; line-height:20px; margin-top:10px; font-size:18px; font-family:'Open Sans', sans-serif; color:white; text-align:center; border-radius:3px;}
	#header #menu { background:rgb(24,85,125); margin-top:15px; font-size:18px; font-family:'Open Sans', sans-serif; color:white; border-radius:3px; height:60px; padding:0;}
	#header #menu ul { width:100%; height:60px; padding:0; margin:0 !important;}
	#header #menu li { width:auto; height:60px; float:left; list-style-type:none; margin:0;  line-height:60px;}
	#header #menu li a  { color:white; padding:0 15px; }
	#header #menu li:hover { background:rgb(90,60,9); transition:0.5s;}
	#header #menu .current-menu-item { background:rgba(19,111,58,1); transition:0.5s;}
	#header #menu li:hover a, #header #menu li a { text-decoration:none; }
	#header #menu li:first-child { border-top-left-radius:3px; border-bottom-left-radius:3px;}
	#header #menu li:last-child  { border-top-right-radius:3px; border-bottom-right-radius:3px;}
/* Header Bitiş  */

/* Slider Başlangıç */
	#slider { background:#d64e07; height:500px; float:left; }
	#slider .carousel,
	#slider .item,
	#slider .active {
		height:100%; padding:0;
	}

	#slider .carousel-inner {
		height: 100% !important; float:left;
	}

	#slider .carousel-control .icon-next, .carousel-control .icon-prev { font-size:100px; top:30%; margin:0; }
	#slider .carousel-control .icon-next { right:10%; }
	#slider .carousel-control .icon-prev { left:10%; }
	#slider .fill {
		width: 100%;
		height: 100%;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	#slider .carousel-indicators .active { height:12px !important; }
	#slider .carousel-inner * { color:#18557D !important; text-shadow:0 0 0 !important; font-weight:bold; }
/* Slider Bitiş */

/* Biz Kimiz Başlangıç */	
	#bizKimiz { background:#d64e07; height:auto; overflow:hidden; padding-bottom:5px;}
	#bizKimiz #aciklama { font-size:16px; font-family:'Open Sans', sans-serif; color:white; float:left; }
/* Biz Kimiz Bitiş */

/* Page Başlangıç */	
	#page { float:left; background:#d64e07; height:auto; overflow:hidden; padding-bottom:5px;}
	#page #aciklama { font-size:16px; font-family:'Open Sans', sans-serif; color:white; float:left; }
/* Page Bitiş */

/* Ürünlerimiz Başlangıç */
	#urunlerimiz { float:left; background:#d64e07; min-height:380px; overflow:hidden; padding-bottom:5px;}
	#urunlerimiz #urun { height:220px; padding:10px; }
	#urunlerimiz #urun #item { background:white; height:100%;  border-radius:5px;  }
	#urunlerimiz #urun #item a,
	#urunlerimiz #urun #item a:hover { color:#18557D;  }
	#urunlerimiz #urun #item .urunAdi { height:20px; overflow:hidden; line-height:20px; text-align:center; font-size:16px; margin-top:20px; font-weight:bold; }
	#urunlerimiz #urun #item img {  float:left; margin-top:10px; }
/* Ürünlerimiz Bitiş */

/* Ürün Single Başlangıç */
	#urunSingle { float:left; background:#d64e07; min-height:380px; overflow:hidden; padding-bottom:5px;}
	#urunSingle #urun { height:190px; padding:10px; }
	#urunSingle #urun #item { background:white; height:100%;  border-radius:5px;  }
	/* #urunSingle #urun #item .urunAdi { height:20px; overflow:hidden; line-height:20px; text-align:center; font-size:16px; margin-top:20px; } */
	#urunSingle #urun #item img { float:left; margin-top:10px; }
/* Ürün Single Bitiş */

/* Ürünlerimiz Başlangıç */
	#iletisim { float:left; background:#d64e07; min-height:380px; overflow:hidden; padding-bottom:5px;}
	#iletisim #telefonNo, #iletisim #adres { color:white; line-height:20px; font-size:16px; font-weight:bold;}
	#iletisim #iconPhone { float:left; width:40px; height:40px; background:url('images/phone.png') center center; background-size:100%; margin-right:5px; }
	#iletisim #iconHome   { float:left; width:40px; height:40px; background:url('images/home.png') center center; background-size:100%; margin-right:5px; }
	#iletisim #iconMail   { float:left; width:40px; height:40px; background:url('images/mail.png') center center; background-size:100%; margin-right:5px; }
/* Ürünlerimiz Bitiş */
	
/* Referanslarımız Başlangıç	 */
	#referanslarimiz #baslik { margin:10px 0 6px 0; }
	#referanslarimiz { background:#d64e07; min-height:200px; padding-bottom:10px; }
	#referanslarimiz #referanslar { border:3px solid rgba(131,144,145,1); }
	.multi-item-carousel .carousel-inner > .item {
	  -webkit-transition: 0.6s ease-in-out all;
	  transition: 0.6s ease-in-out all;
	}
	.multi-item-carousel .carousel-inner .active.left {
	  left: -25%;
	}
	.multi-item-carousel .carousel-inner .active.right {
	  left: 25%;
	}
	.multi-item-carousel .carousel-inner .next {
	  left: 25%;
	}
	.multi-item-carousel .carousel-inner .prev {
	  left: -25%;
	}
	.multi-item-carousel .carouse-control.left,
	.multi-item-carousel .carouse-control.right {
	  background-image: none;
	}
	
	.multi-item-carousel .carousel-inner .item { padding:0 10px; }
	@media all and (transform-3d), (-webkit-transform-3d) {
	  .multi-item-carousel .carousel-inner > .item {
		-webkit-transition: 0.6s ease-in-out all;
		transition: 0.6s ease-in-out all;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		-webkit-perspective: none;
		-webkit-transform: none!important;
		transform: none!important;
	  }
	}

 	#referanslarimiz #butonlar { margin-top:-38px; width:89px; height:32px; float:right; margin-right:-3px; }
	#referanslarimiz  #butonlar .left { left: -25%; width:44px; height:32px; float:left; background:url('images/arrow_left.png') center; background-size:100%; }
	#referanslarimiz  #butonlar .right { left: 25%; width:44px; height:32px; float:right;  background:url('images/arrow_right.png') center; background-size:100%;	}
	#referanslar #firma { height:220px; padding:10px; }
	#referanslar #firma #item { background:white; height:100%;  border-radius:5px;  }
	#referanslar #firma #item .firmaAdi { height:20px; overflow:hidden; line-height:20px; text-align:center; font-size:16px; margin-top:20px; font-weight:bold; color:rgb(24,85,125); }
	#referanslar #firma #item img { float:left; margin-top:10px; }

/* Referanslarımız Bitiş */
	
/* Footer Başlangıç */
	#footer { background:rgba(44,62,80,1); min-height:200px;}
	#footer #telefonNo, #footer #adres { color:white; line-height:20px; font-size:16px; font-weight:bold;}
	#footer #iconPhone { float:left; width:40px; height:40px; background:url('images/phone.png') center center; background-size:100%; margin-right:5px; }
	#footer #iconHome   { float:left; width:40px; height:40px; background:url('images/home.png') center center; background-size:100%; margin-right:5px; }
	#footer #iconMail   { float:left; width:40px; height:40px; background:url('images/mail.png') center center; background-size:100%; margin-right:5px; }
	#footer #developer { width:auto; float:right;}
	#footer #developer img { width:80px; height:80px; }
/* Footer Bitiş */

@media (min-width:768px) and (max-width:991px) {
		#slider { height:300px;}
		#menu { min-height:120px; height:auto; margin-top:0px; margin-bottom:10px;}
		#header #telefonNo { display:none;}
}

@media (min-width:701px) and (max-width:767px) {
	#slider { height:300px;}
	#logo { margin-left:25%; }
	#menu { font-size:16px !important; height:60px !important; margin-bottom:10px;}
	#header #telefonNo { display:none;}
}

@media (max-width:700px) {
	#slider { height:300px;}
	#logo { margin-left:25%; }
	#menu { font-size:16px !important; min-height:120px !important; margin-bottom:10px;}
	#header #telefonNo { display:none;}
	#footer #telefonNo, #footer #adres { font-size:14px; }
}
@media (max-width:1200px) {
		#menu li a { padding:0 5px !important;}
}