@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	font-family: 'Dosis', sans-serif;
	background-image:url(../images/content.png);
}
body a:hover{text-decoration:none; color:#333;}
#clear{clear:both;}
#mobil_menu{display:none;}
#ust{width:100%; background-image:url(../images/menu_bg.png); background-repeat:repeat-x; height:140px;}
#header{width:1100px; margin-left:auto; margin-right:auto; }
#h_ust{width:100%; float:left; height:45px; }

#h_iletisim{float:left; margin-top:13px; margin-right:10px; margin-left:10px;}
#h_iletisim spam{font-family: 'Dosis', sans-serif; font-weight:500; font-size:14px; color:#999999; }
#h_iletisim .fa{font-size:14px; color:#999999;}
#h_iletisim .fa-phone-square{font-size:16px;}

#dil_kutusu{  float:right; background-color:#999999; padding-bottom:12px; }
#dil_kutusu ul{list-style-type:none; padding:0px; margin:0px;}
#dil_kutusu ul li{float:left; font-family: 'Dosis', sans-serif; font-weight:700; font-size:14px; margin-top:12px;}
#dil_kutusu ul a{color:#fff;padding:18px;}
#dil_kutusu ul a:hover{color:#111; background-color:#fff;}

.arama_kutusu{position:fixed; z-index:99999; width:40px; height:40px; top:11%; right:0px; background-color:rgba(0,102,179,0.8); transition:all 500ms;}
.arama_kutusu i{ color:#fff; font-size:25px; margin:7px;}
.arama_kutusu:hover{top:0; width:100%; height:70%; transition:all 500ms; background-color:rgba(0,102,179,0.8);}
.arama_kutusu_ic{display:none;}
.arama_kutusu:hover .arama_kutusu_ic{display:block; color:#fff; font-size:40px; font-family: 'Dosis', sans-serif; font-weight:200; margin-left:auto;
margin-right:auto; margin-top:10%; width:280px;}
#ara{font-size:14px; font-family: 'Dosis', sans-serif; font-weight:500; color:#000; background-color:rgba(240,240,240,1); width:100%; border:none; padding:7px;}
#buton{font-size:15px; font-family: 'Dosis', sans-serif; font-weight:600; color:#fff; background-color:#003380; border:none; width:50%; margin-top:5px;}
#buton:hover{background-color:#fff; color:#000;}
	
#h_sosyal{float:left; margin-left:150px; }
#h_sosyal a .fa{font-size:20px; color:#999999; padding:10px; }
#h_sosyal a:hover .fa{color:#0066B3;}

#h_logo{width:210px; float:left; margin-top:20px;}
#header_logo{width:210px;}

#h_menu{float:right;  }
#menu{list-style-type:none;list-style-image:none;}
#menu li{float:left; padding-top:37px; padding-bottom:37px;  padding-left:15px; padding-right:15px; }
#menu #cizgi{font-size:40px; font-weight:100; margin-top:18px; color:#aaa; padding:0px; font-family: 'Dosis', sans-serif;}
#menu #cizgi:hover{background-color:#fff; }
#menu a li p{ font-family: 'Dosis', sans-serif; font-size: 14px; font-weight:600; color:#4d4d4d; padding:0px; margin:0px;}
#menu a{ font-family: 'Dosis', sans-serif; font-size: 14px; font-weight:600; color:#4d4d4d; padding:0px; margin:0px;}
#menu li:hover{ background-color:#0066B3;  }
#menu li:hover p{ color:#fff;}

#alt_menu{display:none;background-color:#0066B3; width:200px; position:absolute !important;z-index:99999 !important; margin-left:-15px; }
#menu li:hover #alt_menu { list-style:none; display:block; margin-top:30px; }
#alt_menu li{float:none;  padding:10px; margin-left:-40px; padding-left:15px;}
#alt_menu a li {color:#fafafa; font-weight:700;font-size:12px;  font-family: 'Dosis', sans-serif;}
#alt_menu li:hover{color:#fff;  background-color:#004679; }
#alt_menu li a:hover{color:#fff;}


#slayt{width:100%; height:500px; background-image:url(../images/noktalar.png);  }
#slayt_maske{width:1340px; height:500px; margin-left:auto; margin-right:auto; position:relative; z-index:9999 !important; background-image:url(../images/maske.png); margin-top:-500px; }
#slayt_maske2{width:1340px; height:500px; margin-left:auto; margin-right:auto; position:relative; z-index:9990 !important; background-image:url(../images/noktalar.png); margin-top:-500px; }

#orta{
		
		width:100%;
		background-color:#fff;
		}
#orta_menu{
	width:100%;
	margin-top:45px;
}
.orta_menu_ul{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:right;

	}
.orta_menu_ul li{
	float:left;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	font-size:15px;
	text-align:center;
}
.orta_menu_ul li a{padding:10px; color:#666;}
.orta_menu_ul li a:hover{
padding-top:10px;
color:#111;}
.orta_menu_ul li a:hover #orta_menu_resim{
box-shadow: 6px 6px 5px #aaa;
   -moz-box-shadow: 6px 6px 5px #aaa;
   -webkit-box-shadow: 6px 6px 5px #aaa;
}
#orta_menu_resim{width:170px; border-radius:10px;

  box-shadow: 3px 3px 4px #aaa;
   -moz-box-shadow: 3px 3px 4px #aaa;
   -webkit-box-shadow: 3px 3px 4px #aaa;}
#index_icerik{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	margin-bottom:-20px;
	
	
}
#kurumsal_bg{width:1200px; height:450px; background-image:url(../images/index_icerik.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto; font-family: 'Dosis', sans-serif;}
#kurumsal_bg_dis{width:100%; height:450px; background-image:url(../images/index_bg_r.png); background-position:bottom; background-repeat:repeat-x;}
#kurumsal_bg h3{text-align:center; padding-top:65px; color:#111;}
#kurumsal_bg img{float:left; margin-top:70px;  width:500px;}
#kurumsal_bg .kurumsal_yazi{float:right; width:500px; margin-top:75px;}
#kurumsal_bg .kurumsal_yazi { color:#fff; font-size:16px; font-weight:500; }

.kurumsal_yazi a{width:150px; background-color:#fff; border:1px solid #D2D2D2; color:#111;  text-align:center; padding:5px; float:right; font-weight:600; font-family: 'Dosis', sans-serif; font-size:13px; margin-top:20px;}

.kurumsal_yazi a:hover {background-color:#111;  color:#fff;}
.index_icerik_kutu{
	float:left;
	width:590px;
	text-align:center;
	min-height:200px;

	margin-bottom:20px;
	padding:10px;
	margin-left:10px;
	font-size:12px;	
	color:#555;
}
.index_icerik_kutu a{
color:#222;
}
.index_icerik_kutu i{
color:#222;
}
.index_icerik_kutu h3{
color:#555;
border-bottom:1px solid #555;
font-size:16px;
font-weight:600;
padding-bottom:10px;
margin-bottom:10px;
text-align:left;
}
#iletisim_dis{width:100%; background-image:url(../images/index_bg_r_2.png); height:211px; background-repeat:repeat-x; text-align:center;}
.hizli-cozum{width: 100%;display: block;overflow: hidden; color:#fff !important ;}
.hizli-cozum-center{width: 1140px;height: 201px;margin: 0 auto;margin-top:40px;}
.hizli-cozum-baslik{width: 560px;height: 150px;margin: 0 auto;}
.hizli-cozum-baslik h2{width: 509px;margin: 0 auto;font-size: 30px;font-family: 'Dosis' !important;font-weight: 100;text-align: center;}
.hizli-cozum-baslik h2 strong{font-weight: bold;font-size: 31px;}
.hizli-cozum-baslik .cizgi{width: 100px;height: 2px;background: #444;margin: 0 auto;margin-top: 14px;margin-right: 248px;margin-bottom: 15px}
.hizli-cozum-baslik .hizli-cozum-text{margin-top: 96px;width: 518px;margin: 0 auto;text-align: center;}



/**********************BAYİLİK CSS KODU BAŞLANGIÇ*******************/
.bayilik{width: 350px;height: auto;float: left;margin-right: 40px;}
.bayilik img{margin-left: 10px;  transition: all 1s ease-in-out;cursor: pointer;}
.bayilik img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.bayilik h2 {width: 203px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 21px;font-weight: 500;font-family: 'Dosis' !important;    text-align: center;}
.bayilik h2 strong{font-family: 'Dosis' !important;    font-weight: bold;}
.bayilik p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Dosis' !important; }

/**********************SERVİS VİDEO CSS KODU BAŞLANGIÇ*******************/
.servis{width: 350px;height: auto;float: left;margin-right: 40px;}
.servis img{margin-left: 10px;transition: all 1s ease-in-out;cursor: pointer;}
.servis img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.servis h2 {width: 203px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 21px;font-weight: 500;font-family: 'Dosis' !important; text-align:center;}
.servis h2 strong{font-weight: bold;font-family: 'Dosis' !important;}
.servis p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Dosis' !important;}

/**********************YENİ ÜRÜN VİDEO CSS KODU BAŞLANGIÇ*******************/
.yeniurun{width: 350px;height: auto;float: left;}
.yeniurun img{margin-left: 10px;transition: all 1s ease-in-out;cursor: pointer;}
.yeniurun img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.yeniurun h2 {width: 130px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 21px;font-weight: 500;font-family: 'Dosis' !important; text-align:center;}
.yeniurun h2 strong{font-weight: bold;font-family: 'Dosis' !important;}
.yeniurun p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Dosis' !important;}
#alt {
	width: 100%;
	background-color:#181A17;
	background-image:url(../images/noktalar2.png);
}
#footer{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Roboto', sans-serif;
	color:#4F4F4F;
}
#footer_logo {
	float:left !important;
	width: 200px;
	margin-top:70px;

	}
#footer_logo img{width:220px;}
#footer .logo_div{width:220px !important;}
#footer_ic_divler{
	float:left;
	width:290px;
	margin-top:20px;
	margin-left:10px;
	color:#fff;
	height:190px;
}
#footer_ic_divler a{
	
	color:#ddd;
}
#footer_ic_divler h4{
	font-family: 'Dosis', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}
#footer_ic_divler .fa{
color:#0066B3;
}
#f_sosyal td a .fa{
color:#0066B3;
font-size:25px; 
margin-right:10px;
}
#f_sosyal td a:hover .fa{color:#fff;}
#footer_adres{
	margin-top:7px;
	color:#000;
}
#f_menu {padding:0px;margin-left:20px;}
#ugr_logo{float:right;}
.footer_text{
padding:6px;
margin-bottom:10px;
border:1px solid #000;
width:250px;
font-weight:300;
font-size:10px;
color:#ffffff;
background-color:#181A17;
}
.footer_btn{
padding:10px;
margin-bottom:10px;
border:0px;
font-weight:500;
font-size:10px;
color:#ccc;
background-color:#000;
}
.footer_btn:hover{background-color:#0066B3;color:#fff;}
#footer_mobil{display:none;}	
#taglar{display:none;}
#icerik{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Dosis', sans-serif;
	
	background-color:#fafafa;
	border:1px slid #ddd;
	margin-top:10px;
	margin-bottom:10px;
}
#ic_sol{
	width:880px;
	float:left;
	padding-top:10px;
	padding-left:10px;

}
#ic_sag{
	
	width:220px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	background-color:#cacaca;
}
#etiket{
background-color:#0066B3;
margin-top:10px;
font-size:16px;
font-weight:600;
width:200px;
text-align:center;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
box-shadow: 3px 3px 4px #777;
   -moz-box-shadow: 3px 3px 4px #777;
   -webkit-box-shadow: 3px 3px 4px #777;
}
.sag_menu_ul li{list-style-type:none; padding:5px; border-bottom:1px solid #999; margin-left:-40px;}
.sag_menu_ul a {
	font-weight:600;
	font-size:14px;
	color:#222;
}
.sag_menu_ul a:hover li{
	background-color:#999; 
}
#etiket2{
background-color:#0066B3;
margin-top:10px;
font-size:16px;
font-weight:600;
width:200px;
text-align:center;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
box-shadow: 3px 3px 4px #777;
   -moz-box-shadow: 3px 3px 4px #777;
   -webkit-box-shadow: 3px 3px 4px #777;
}
#ic_sag #marque{
	font-size:12px;
	color:#222;
}
#urun_div{
	padding-top:3px;
	width:200px;
	height:200px;
	padding-bottom:10px;
	float:left;
	margin-top:20px;
	margin-left:7px; margin-right:7px;
	text-align:center;
	font-size:11px;
	border:#ddd 1px solid;
	font-family: 'Dosis', sans-serif;
	}
	#urun_div_logo{
				   width::150px !important; 
				   margin-top:-10px !important;
				   }
#urun_div img{ margin-top:7px; width:190px; }
a #urun_div { color:#000; background-color:#fff; font-size:11px; font-weight:600;}
a:hover #urun_div{ color:#222;background-color:#eee; box-shadow: 3px 3px 4px #aaa;
   -moz-box-shadow: 3px 3px 4px #aaa;
   -webkit-box-shadow: 3px 3px 4px #aaa;}
#urun_detay{
float:left;
margin-left:20px !important;
}
#urun_detay h1{font-size:20px;}
#urun_aciklama{
width:100%;
padding:20px;
}
#siparis_btn{	
width:220px;
height:30px;
padding-top:5px;
padding-left:20px;
background-color:#0066B3;
color:#fff;
font-weight:600;}
#siparis_btn:hover{
background-color:#000; color:#fff;
}
#urun_etiket{
width:100%;
padding:20px;
}
#etiket_div a{
	padding:7px;
	margin:5px;
	background-color:#0066B3;
	color:#fff;
	font-weight:600;
	float:left;
}
#text{
padding:10px;
margin-bottom:10px;
border:1px solid #ddd;
width:200px;
font-weight:300;
font-size:10px;
color:#000;
font-family: 'Roboto', sans-serif;
background-color:#fafafa;

}
#btn{
padding:7px;
margin-bottom:10px;
border:0px;
width:50%;
font-weight:300;
font-size:12px;
color:#fff;
background-color:#0066B3;
font-family: 'Roboto', sans-serif;

}
#btn:hover{
	background-color:#000;
	color:#fff;
}
#iletisim_icerik{
 font-size:16px;
 float:left;	
}
#iletisim_icerik a{
color:#000;	
}

#iletisim_icerik a:hover{
color:#ff6e23;	
}
#iletisim_sosyal{float:left;}
#iletisim_sosyal .fa{font-size:30px; padding:10px; color:#111;}
#iletisim_sosyal:hover .fa{color:#0066B3;}
@media screen and (max-width: 960px) {
	#logo{display:none;}
	#header,#ust{display:none;}
	#mobil_menu{display:block; }
	#nav_logo img{width:150px;padding:0px; margin:-5px;}
	#cizgi_ic{width:100%;padding:10px;}
	
	#icerik{padding-top:10px;}
	#ust_golge{width:100%;}
	#alt_golge{width:100%;}
	#header_menu_iletisim{display:none;}
	#iconlar_header{display:none;}
	#iconlar_menu_nav td a {width:40px; color:#000; font-size:12px; padding:5px; margin-top:15px;}
	#iconlar_menu_nav{margin-left:48%; margin-top:17px;}
	#menu{display:none;}
	#kategoriler_ic{width:500px;}
	.orta_menu_ul{width:580px; text-align:center; margin-left:auto !important; margin-right:!important;}
	#index_icerik{width:600px;height:auto; margin-left:auto; margin-right:auto;}
	#alt{display:none;}
	#footer_bg{display:none;}
	#footer_icerik{display:none;}
	#footer_efekt{display:none;}
	#copyright{display:none;}
	#index_icerik_ayrac{display:none;}
	#slayt{width:100%; height:auto;}
	#slayt_maske, #slayt_maske2{display:none;}
	#kurumsal_bg_dis{width:100%;}
	#kurumsal_bg{width:100%;  background-position:center;}
	#kurumsal_bg img{display:none;}
	#kurumsal_bg .kurumsal_yazi{width:100%; float:none; padding:10px;}
	.index_icerik_kutu{width:100%; float:none;}
	.hizli-cozum{width:400px !important; margin-left:auto; margin-right:auto; float:none;}

.hizli-cozum-baslik h2{width: 92%;    font-size: 20px;}
.hizli-cozum-baslik h2 strong {font-size: 20px;}
.hizli-cozum-baslik .cizgi{display: none;}
.hizli-cozum-baslik .hizli-cozum-text {width: 100%;height: 43px;display: block;overflow: hidden;}
.hizli-cozum-baslik .hizli-cozum-text p{    width: 100%;
    /* height: 62px; */
    /* text-align: center; */
    margin-top: 10px;}

.hizli-cozum-center{    
    max-width: 100%;
    float: none;
    padding: 30px !important;
margin-top:-5px;}

.hizli-cozum-resim{width: 100%;text-align: center;margin-left: 0px;}

.hizli-cozum-resim img{    margin: 0px;}
.urun-tanitim{width:  100%}
.urun-tanitim-baslik{width: 100%;height : 93px;display: none;}
.urun-tanitim-baslik h2{    width: 100%;
    font-size: 20px;
    text-align: center;}
.urun-tanitim-baslik h2 strong {font-size: 20px;}
.urun-tanitim-baslik .cizgi{display: none;}
.urun-tanitim-baslik .urun-tanitim-text {width: 100%;height: 43px;display: block;overflow: hidden;}
.urun-tanitim-baslik .urun-tanitim-text p{width: 100%;height: 62px; text-align:center;margin-top: 10px;}


.centerContainer3 h5 {margin-top: 54px;}
.bayilik{    width: 105px;
    float: left;
    margin-right: 0px;}
.bayilik h2{    width: 100%;text-align: center;}
.bayilik p{    width: 100%;
    text-align: center;}


.servis{    width: 105px;
    float: left;
    margin-right: 0px;}
.servis h2{width: 100%;text-align: center;}
.servis p{width: 100%;text-align: center;}

.yeniurun{    width: 105px;
    float: left;
    margin-right: 0px;}
.yeniurun h2{width: 100%;text-align: center;}
.yeniurun p{width: 100%;text-align: center;}

.hizli-cozum{width:  100%}
	#footer_mobil{
	display:block;
	width:100%;
	background-image:url(../images/footer_icon/footer_bg.png);
	height:75px;
	float:left;
	position:absolute;
	margin-bottom:0px;
}

#icerik{width:100%;margin-top:-30px;}

	#footer_mobil_iconlar{
	display:block;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	
}
	#footer_mobil_iconlar img{
	margin-top:20px;
	margin-left:9px;
	
}
#iconlar_menu{margin-top:15px;}
.navbar-default {
        display: block;
        background-color: #fff !important;
		text-align:center;
		font-family:'Dosis', sans-serif;
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
        }

        .navbar-default .navbar-toggle {
            color: #fff;
            border-color: #fff;
        }

            .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
                background-color: #0066B3 !important;
            color: #fff !important;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
              background-color: #0066B3 !important;
            color: #fff !important;
        }
		.navbar-nav > li:hover {
           background-color: #0066B3 !important;
            color: #fff !important;
        }
		#ic_sol{width:100%; min-height:500px; }
		#ic_sag{display:none;}
}
@media screen and (max-width: 480px) {
	.orta_menu_ul{width:100%; text-align:center; margin-left:auto !important; margin-right:!important;}
	#orta_menu_resim{width:140px; border-radius:10px;}
	.orta_menu_ul li{font-size:12px; margin-top:10px;}
	#slayt{width:100%;}
	#slayt_maske, #slayt_maske2{display:none;}
	#iletisim_dis{display:none;}
	#duyuru{width:290px;padding:0px;margin:0px;}
	#duyuru_yazi{width:280px;margin:0px;}
	#marque{height:200px !important;}
	#kurumsal{width:290px;margin:0px;padding:10px; margin-top:50px !important;}
	#iletisim{width:290px;margin:0px;padding:10px;background-image:url(../images/icerik_bg.png);}
	#index_icerik{width:290px}
	#iconlar_menu{display:none;}
	#icerik{width:100%;}
	#ic_sol{width:90% !important; float:none !important; margin-left:auto !important; margin-right:auto !important; min-height:500px;}
	#ic_sag{ float:none; width:220px; margin-left:auto; margin-right:auto; display:none;}
	#slogan{display:none;}
	#logo{margin-top:-20px;}
	#urun_div{margin-left:auto; margin-right:auto; float:none;}
	.index_icerik_kutu{width:90%;}
	#marque{width:250px;}
	#duyuru_yazi{width:250px;}
	#kurumsal_bg, #kurumsal_bg_dis{width:100%;}
	.kurumsal_yazi a{font-size:12px !important;}
}