.navbar-wrapper {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0px;
    background-color: #dfdfdf;
}
.navbar-inverse{background-color: #dfdfdf !important;}


    .middle_container .col-lg-4 {
        text-align: center
    }

.navbar {
    margin-bottom: 0px !important;
    border: none !important;
}
.carousel-inner{margin-top:40px;}
.container {
    height: 62px;
}

.navbar-brand {
    padding: 0px !important;
}

.collapse li a {
    height: 64px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #dfdfdf; !important;
    transition: 1.2s;
}

.navbar-inverse {
    background-color: #dfdfdf !important;
}

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #222 !important;
    }

.navbar-collapse {
    border: none !important;
}



    .navbar-collapse a {
        background-color: #dfdfdf !important;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #9d9d9d;
    background-color: #ff1f38 !important;
}
.navbar-inverse .navbar-nav>li>a {color:#000 !important;font-size:15px;font-weight:bold;}
.dropdown-menu{background-color:#dfdfdf !important;}
.form-group .input-group {    width: 100%;}

.form-group .form-control { width: 100%;}
.iletisimformu {margin-top:100px;}

.adres_icerik{margin-bottom:10px;}
.adres_icerik .adres {
    width: 100%;
    font-size: 20px;
    float: left;
}
.adres_icerik .telefon {
    width: 100%;
    font-size: 15px;
    float: left;
}
.adres_icerik .telefon a {
    margin-right:10px;
}
      .header-title
        {
          text-align: center;
          color:#00bfff;
        }

        #tip
        {
            display:none;
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	border-radius:0px;
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #00bfff;
        }

        .textarea-contact
        {
        	resize:none;
        }

        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff;
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;
        }

        .second-portion
        {
        	margin-top:50px;
        }

		        @import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
		@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #00bfff; vertical-align: middle; }
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px;
			}

			.btn-send
			{
				width: 100%;
				padding:10px;
			}

			.second-portion
			{
				margin-top:25px;
			}
      .top_back h2{font-size: 30px !important;top: 80px !important;width:100%;text-align: center;}
      .urunler_div .urunler img{width:100% !important;}
      .urunler_div .urunler span{float:left;width: 100% !important;text-align: center;}
      .urunler_div .urunler .urun_lnk{width: 100% !important;}
      .top_back span{display:none;}
      .social li{float: left;list-style: none;margin-right:10px;}


          .social img{height:40px;width:40px;}

    .referans_icerik {width:40%;margin-right:2%;float:left;text-align: center;}

.urunicerik .urun_detay{width:92% !important;}
.urunicerik .urun_teklif{width:92% !important;}
.icerik_div   span { width: 90% !important;padding: 10px;}
.ktaciklama{display: none;}
.urunler_div .urunler{width: 95% !important;margin-left: 15px;}
.urunler_div .urunler img{height:278px !important;}

		}

.animated {margin-top:60px;}
	/* Conatct end */

.hakkimizda{border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 40px;}

    .hakkimizda div{text-align: center;}

.kalitepolitikamiz{border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 40px;}
.kalitepolitikamiz div{text-align: center;}

footer{
  float: left;
width: 100%;
border-top: 1px solid #f0f0f0;
}

.dropdown-menu>li>a{
height:30%;padding:10px 20px !important;
}
dropdown-menu{
  right: inherit;
}


.social li{list-style: none;}


    .social img{height:40px;width:40px;margin-bottom: 5px;}


.referans_icerik{width: 100%;float:left;padding: 5px;background: rgba(255,255,255,0.5);margin-bottom: 5px;border-radius: 10px;}

.referans_div{width: 100%;padding: 10px;border: 1px solid #f0f0f0;border-radius: 20px;float:left;}


.icerik_div img{width:100%;margin-bottom:20px;}
.icerik_div div{float:left;width: 100%;text-align: center;margin-bottom:20px;background: rgba(255,255,255,0.7);padding: 10px;border-radius: 20px;}

.ktaciklama{width: 100%;text-align: center;margin-top: 10px;margin-bottom: 10px;}
.urunler_div {width:100%;margin-bottom:20px;padding: 10px;border: 1px solid #f0f0f0;border-radius: 20px;float:left;}
.urunler_div .urunler{width: 32%;float:left;padding:10px;background:#fff;border-radius: 10px;margin-bottom:20px;height: 250px;margin-right: 5px;}
.urunler_div .urunler img{float: left;}
.urunler_div .urunler span{float:left;width: 100%;text-align: center;margin-bottom:10px;padding: 10px;color: #00bfff;}
.urunler_div .urunler .urun_lnk{width: 15%;float: right;background: #212121;padding: 10px;border-radius: 30px;text-align: center;}
.urunler_div .urunler .urun_lnk:hover{background: #fff;transition: 0.5s;}
.urunler_div .urunler a:hover{color:blue;text-decoration: none;}
.urunicerik .urun_resim{margin-right: 15px;float: left;width:258px;height:258px;}
.urunicerik .urun_resim img{width:100%;height:100%;}
.urunicerik .p_aciklama{text-align: left;font-size:15px;}

.urunicerik .urun_detay{padding: 10px;text-align: center;background: rgba(255,255,255,0.5);border-radius: 20px;margin-left: 20px;width: 54%;margin-top: 20px;}
.urunicerik .urun_teklif{padding: 10px;text-align: center;background: rgba(255,255,255,0.5);border-radius: 20px;margin-left: 10px;margin-top: 20px;float: right;margin-right: 15px;}
.ktaciklama{background-image: url("/images/bck.png");text-align: right;background-repeat:no-repeat;padding-left: 80px;}
.ktaciklama h3{height: 150px;padding-top: 40px;}


.top_back h2{position: absolute;font-size: 50px;top: 190px;width:100%;text-align: center;}

.footer{margin-top:10px;}

.footer1{width:100%;background:#ff1f38;float:left;}
.footer1 a{color:#fff;}
.footer1 a:hover{color:#003153;text-decoration:none;}

.footer1 .footertop{width:75%;margin:auto;}

.footertab1{width:31%;padding:2%;float:left;}
.footertab1 ul{padding:0px;margin:0px;}


.footertab2 .contacts-item .icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;}

.footertab2 {float:left;width:100%;background:#003153;color: #fff;text-align: center;}
.footertab2 .contacts{width:75%;margin:auto;}

.footertab3{width:100%;background:#ff4c24;color:#fff;float:left;}
.footertab3 div{width:75%;margin:auto;}

.kurumsalcontainer{float:left;height:auto;}