@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	font-family: 'Dosis', sans-serif;
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
}
body a:hover{text-decoration:none; color:#333;}
#clear{clear:both;}
#mobil_menu{display:none;}

#ust{width:1100px; left:50%; margin-left:-550px;  background-repeat:repeat-x; position:fixed; z-index:100; background-color:#36263E;}
#header{width:1100px; margin-left:auto; margin-right:auto;   }
#h_ust{width:100%; float:left; height:20px;}

#h_iletisim{float:left; margin-top:5px; margin-left:350px; }
#h_iletisim spam{font-family: 'Dosis', sans-serif;  font-size:14px; color:#fff; font-weight:500; }
#h_iletisim .fa{font-size:14px; color:#fb9c13;}
#h_iletisim .fa-phone-square{font-size:16px;}

#dil_kutusu{ margin-top:5px; float:right;  background-color:#fff; }
#dil_kutusu b{color:#ccc; font-weight:100;}
#dil_kutusu ul{list-style-type:none; padding:0px; margin:0px;}
#dil_kutusu ul li{float:left; font-family: 'Dosis', sans-serif;  font-size:13px; font-weight:600;}
#dil_kutusu ul a{color:#111; padding:5px;}
#dil_kutusu ul a:hover{color:#000; background-color:#fff;}

#h_sosyal{float:right; margin-right:10px;}
#h_sosyal a .fa{font-size:16px; color:#fb9c13; padding:5px; }
#h_sosyal a:hover .fa{color:#fff; }

#h_logo{width:336px; float:left; margin-top:-20px;}
#header_logo{height:71px; }


#h_menu{float:left; margin-top:10px;  margin-left:-35px; }
.menu li {float:left; list-style:none; font-size:27px; color:#999; font-weight:100; }
.menu li {color:#fff; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:5px; font-family: 'Dosis', sans-serif; font-weight:600; font-size:18px; margin-top:1px;}
.menu li #yol{color:#fff; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-family: 'Dosis', sans-serif; font-weight:600; font-size:18px; margin-top:1px;}
.menu  li:hover, .menu  li #yol:hover { background-color:#fff; color:#111;}
#alt_menu{display:none;background-color:#4f4e4f; width:1100px;  margin-left:-550px; left:50%; padding-bottom:10px;}
.menu li:hover  #alt_menu {position:absolute !important;z-index:99999 !important; list-style:none; display:block; margin-top:5px; background-color:#fff; }
#alt_menu_2{ margin-top:25px; margin-left:9px; margin-right:9px; text-align:center; float:left; border:1px solid #ccc; border-radius:5px; min-height:300px; width:200px;}
#alt_menu_2 p{font-size:17px; font-weight:600; color:#111; margin-bottom:0px; margin-top:5px; }
#alt_menu_2 img{ height:100px; margin-left:auto; margin-right:auto;}
#alt_menu_2 #alt_menu_kategori { float:left; text-align:left; margin-left:-10px;}
#alt_menu_kategori li{float:none; margin-left:-25px; width:190px; padding:0px;}
#alt_menu_kategori li a{  font-size:14px; font-weight:500; color:#333; padding:0px;}
#alt_menu_kategori li:hover {background-color:#ffd200;}


#slayt{width:100%; height:700px; }
#cizdirik{width:100%; height:10px;  background-color:#36263e;}

#orta{
		
		width:100%;

		}
#index_icerik{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	
	
}
#index_icerik_ayrac{float:left;margin-top:20px;margin-left:10px; margin-right:10px;}
.index_icerik_kutu h3{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#222;
	text-align:left;
	width:100%;
	padding-top:15px;
	padding-bottom:5px;
	margin:0px;
	
}
.index_icerik_kutu{
	width:900px;
	height:219px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;	
	color:#444;
	padding-bottom:19px;
	background-image:url(../images/main_golge.png);
	background-position:bottom center;
}
#d_yazi{float:left;width:620px; padding-left:15px; background-color:#fdf; height:200px;}
#k_yazi{float:right;width:620px;padding-left:15px; background-color:#ffd; height:200px; font-size:15px; font-family: 'Dosis', sans-serif;}
#i_yazi{float:left;width:620px;padding-left:15px; background-color:#dff; height:200px;}
#il_yazi{float:right;width:620px;padding-left:15px; background-color:#ddf; height:200px;}
.index_icerik_kutu a, .index_icerik_kutu a:hover {
color:#444;
}
.index_icerik_kutu i{
color:#000;
}
#index_resim{
width:280px;
float:left;
}
#index_resim_sag{float:right; width:280px;}
#alt {
	width: 100%;
	background-color:#fefefe;
}
#footer{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Roboto', sans-serif;
	color:#111;
}
#footer_logo {
	float:left !important;
	width: 280px;
	padding:15px;
	margin-top:45px;
	margin-bottom:35px;

	}
#footer_logo img{width:250px;}
#footer_ic_divler{
	float:left;
	width:290px;
	margin-top:20px;
	margin-left:10px;
	color:#555;
}
#footer_ic_divler a{
	
	color:#555;
}
#footer_ic_divler h4{
	font-family: 'Nunito', sans-serif;
	color:#222;
	font-size:16px;
	font-weight:600;
	margin-bottom:20px;
}
#footer_ic_divler .fa{
color:#36263e;
}
#footer_adres{
	margin-top:7px;
	color:#000;
}
.footer_text{
padding:6px;
margin-bottom:10px;
border:1px solid #ddd;

width:250px;
font-weight:300;
font-size:10px;
color:#ffffff;
background-color:#fff;
}
.footer_btn{
padding:10px;
margin-bottom:10px;
border:0px;

font-weight:500;
font-size:10px;
color:#000;
background-color:#36263e;
}
.footer_btn:hover{background-color:#000;color:#fff;}
#index_sosyal .fa{ font-size:25px; padding:10px; margin-bottom:-10px;}
#footer_mobil{display:none;}

#taglar{display:none;}
#icerik{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Dosis', sans-serif;
	background-image:url(../images/icerik_dis_bg.png);
	background-repeat:repeat;
	
	margin-bottom:20px;
	padding-top:110px;
}
#ic_sol{
	width:900px;
	float:left;
}
#ic_sag{
	
	width:200px;

	float:left;

	border:#ccc 1px solid;
}
#etiket{
background-color:#36263e;

font-size:20px;
font-weight:500;
width:200px;
text-align:center;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
}
.sag_menu_ul li{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:13px;
	padding:5px;
	margin-left:-40px;
	list-style-type:none;
}
.sag_menu_ul li a{
	color:#111;
}
.sag_menu_ul li a:hover{
	color:#F79521;
}
#etiket2{
background-color:#36263e;
font-size:20px;
font-weight:500;
width:200px;
text-align:center;
margin-top:10px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
}
#ic_sag #marque{
	font-size:12px;
}
#urun_div{
	padding-top:3px;
	width:250px;
	height:220px;
	padding-bottom:10px;
	float:left;
	margin-top:10px;
	margin-left:7px; margin-right:7px;
	text-align:center;

	border:#ccc 1px solid;
	}
	#urun_div_logo{
				   height:50px !important; 
				   margin-top:-40px !important;
				   }
#urun_div img{ height:150px; margin-left:auto; margin-right:auto;  margin-top:10px;}
a #urun_div { color:#111; background-color:#fff; font-size:14px;font-weight:600; padding-top:10px; 	font-family: 'Dosis', sans-serif;}
a:hover #urun_div{background-color:#fafafa; }
#urun_detay{
float:left;
margin-left:20px !important;
}
#urun_detay h1{font-size:20px;}
#urun_aciklama{
width:100%;
padding:20px;
}
#siparis_btn{	
width:210px;
height:30px;
padding-top:5px;
padding-left:20px;
background-color:#36263e;
color:#fff;
font-weight:700px;}
#siparis_btn:hover{
background-color:#000; color:#fff;
}
#urun_etiket{
width:100%;
padding:20px;
}
#etiket_div a{
	padding:7px;
	margin:5px;
	background-color:#36263e;
	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:#fefefe;

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

}
#btn:hover{
	background-color:#000;
	color:#fff;
}
#iletisim_icerik{
 font-size:16px;	
}
#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:#ffc20e;}
@media screen and (max-width: 960px) {
	#logo{display:none;}
	#header,ust{display:none;}
	#mobil_menu{display:block;margin-bottom:0px;}
	#nav_logo img{height:40px; margin-top:-7px;}
	#header_menu_iletisim{display:none;}
	#cizdirik{width:100%; height:10px;}
	#slayt{height:auto !important;}
	#cizgi_ic{width:500px;   margin-top:-170px; position:relative; z-index:99999; text-align:center; margin-left:auto; margin-right:auto; left:0px;}
	#subeler{height:600px; }
	#subeler_ic{width:600px; }
	#iconlar_header{display:none;}
	#iconlar_menu_nav a i{width:30px; color:#000; font-size:15px; padding:15px;}
	#iconlar_menu_nav{float:right; margin-right:30px; margin-top:20px;}
	#iconlar_menu_nav tr td a{padding:5px; color:#111; }
	#iconlar_menu_nav tr td a:hover{color:#fd0;}
	#ust_golge, #alt_golge, #footer{width:100%;}
	#menu{display:none;}
	#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;}
	.index_icerik_kutu{
	width:100%;}
#d_yazi{width:320px;}
#d_yazi #marque{width:300px !important;}
#k_yazi{width:320px; font-size:12px;}
#i_yazi{width:320px;}
#il_yazi{width:320px;}
	#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:600px;height:auto; margin-left:auto; margin-right:auto;}
	#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: #36263e;
		text-align:center;
    }

        .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: #36263e !important;
            color: #fff !important;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            background-color: #36263e !important;
            color: #fff !important;
        }
		.navbar-nav > li:hover {
          background-color: #36263e !important;
            color: #fff !important;
        }
		#ic_sol{width:100%; padding:5px; margin-top:-100px; min-height:450px;}
		#ic_sag{display:none;}


@media screen and (max-width: 480px) {
	
	
	#cizgi_ic{width:300px; padding:0px; margin-left:auto; margin-right:auto; }
	#subeler{height:600px; }
	#subeler_ic{width:300px; }
	.subeler_sag{display:none;}
	#slayt{height:430px;}
	#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:300px;}
	.index_icerik_kutu{
	width:100%; height:auto;}
	.index_icerik_kutu #index_resim_sag, .index_icerik_kutu #index_resim{
	width:300px; height:auto;}
#d_yazi{width:300px;}
#d_yazi #marque{width:300px !important; height:150px !important;}
#k_yazi{width:300px; height:auto;}
#i_yazi{width:300px;}
#il_yazi{width:300px;}
	#iconlar_menu{display:none;}
	#icerik{width:100%; padding:0px !important; margin:0px;}
	#ic_sol{width:90% !important; float:none !important; margin-left:auto !important; margin-right:auto !important; padding-top:150px; min-height:600px !important;}
	#ic_sag{ float:left; width:220px; margin-left:25%; margin-top:50px !important; }
	#slogan{display:none;}
	#logo{margin-top:-20px;}
	#urun_div{margin-left:auto; margin-right:auto; float:none; width:300px;
	height:240px;}
	#urun_div img{width:290px; height:auto;}
	#cizgi_ic a{ font-family: 'Dosis', sans-serif; font-weight:500; font-size:15px; color:#fff; text-align:center;}
	#e_bulten{display:none;}
	#nav_logo img{height:30px; margin-top:-4px;}
	#iconlar_menu_nav{margin-right:10px; font-size:14px !important;}
}