body {
	margin: 0px;
	padding: 0px;
	  overflow-x: hidden !important;
}
body a:hover{text-decoration:none;}
#taglar, #mobil_menu{display:none;}
#noktalar {height: 100%;width: 100%;position: fixed;z-index:1;}
.orta_menu{
	width:100%;
	margin-top:0px;
	padding-bottom:20px;
}
.orta_menu_ul{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:center;
	}
.orta_menu_ul li{
	float:left;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	width:45%;
	margin-bottom:40px;
	margin-left:15px;
	margin-right:15px;
	font-size:16px;
	text-align:left;
		background-size:cover;background-position:center;box-shadow:4px 5px 8px rgba(0,0,0,.18);
}

.orta_menu_ul p{
	color:#757575;

	font-family: 'Raleway', sans-serif;
	font-weight:600;

	font-size:16px;
	text-align:center;
	
}

.orta_menu_ul li a{padding:0px; color:#fff; text-align:center; }
.orta_menu_ul li a p{float:left; margin-top:-300px;height:300px; font-family: 'Raleway', sans-serif; font-size:12px; text-align:left; background-color:rgba(250,250,250,0.1); color:#000; padding:10px; width:100%;}
.orta_menu_ul li a div b{ font-family: 'Raleway', sans-serif; font-size:16px; text-align:left; background-color:rgba(250,250,250,0.8); color:#fff; padding:20px; border-radius:0px; transition:all 500ms; }
.orta_menu_ul li a :hover{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:linear-gradient(rgba(255, 255, 255, 0), rgb(234, 11, 11));z-index:99999 !important;
}


.orta_menu_ul li a:hover div b{  font-size:20px;  padding:25px; transition:all 500ms; }
.orta_menu_ul li a:hover{
padding-top:10px;
color:#fff;}
.orta_menu_ul li a:hover #orta_menu_resim{
	background-position: left;
	transition:all 500ms;

}
#orta_menu_resim{
		background-position: center;
	padding-top:70px;
width:100%;
background-repeat:no-repeat;
transition:all 500ms;
height:300px;
background-size:cover;
}


.ust{  	margin: 0px auto;
	padding-top: 0px;
	width:100%;
	height: 200px;
	background: linear-gradient(to top, rgba(0,0,0,0), rgba(62,0,0,1));
	text-align: left;
position:fixed;
z-index:999999999999999;
	}

.header{width:1300px; height:200px; margin-left:auto; margin-right:auto; }

.header_ortala {
	margin-left:140px;
background:rgba(93,0,0,0.2);
	margin-top:57px;
	width:1000%;
	position:absolute;
	height: 38px;
z-index:-99999999 !important;
}
#dil_kutusu{  float:left; margin-left:870px; padding-bottom:0px; width:200px; z-index:9999999999;	}
#dil_kutusu ul{list-style-type:none; padding:0px; margin-left:30px;}
#dil_kutusu ul li{float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; margin-top:8px; padding-left:3px;}
#dil_kutusu ul a{color:#ebebeb; border:1px solid #ebebeb; padding:5px;}
#dil_kutusu ul a:hover{color:#cd2323; border:1px solid #cd2323; transition:all 500ms;}

#h_iletisim{float:left; margin-top:10px; margin-left:555px; position:absolute;}
#h_iletisim spam{font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px; color:#fff; }
#h_iletisim .fa{font-size:14px; color:#fff;}
#h_iletisim .fa-phone-square{font-size:16px;}

.arama_kutusu{position:fixed; z-index:999999999999 !important; width:40px; height:100px; top:0px; right:0px; background: linear-gradient(to top, rgba(0,0,0,0), rgba(62,0,0,1)); transition:all 500ms;}
.arama_kutusu i{ color:#fff; font-size:25px; margin:7px; margin-top:30px;}
.arama_kutusu:hover{top:0; width:100%; height:32%; transition:all 500ms; background:rgba(62,0,0,0.8);}
.arama_kutusu_ic{display:none;}
.arama_kutusu:hover .arama_kutusu_ic{display:block; color:#fff; font-size:40px; font-family: 'Raleway', sans-serif; font-weight:400; margin-left:auto;
margin-right:auto; margin-top:0px; width:400px;}
#ara{font-size:14px; font-family: 'Raleway', sans-serif; font-weight:400; color:#000; background-color:rgba(240,240,240,1); width:100%; border:none; padding:7px;}
#buton{font-size:15px; font-family: 'Raleway', sans-serif; font-weight:400; color:#fff; background-color:#003380; border:none; width:50%; margin-top:5px;}
#buton:hover{background-color:#fff; color:#000;}

#promopis  {
	background-image: url("../images/arka.jpg");  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;
}


.parallax-section { 	
	background-position: 50% 0;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	width: 100%;
	min-height: 400px;
	color: #fff;
	font-size:18px; 
		
}
.parallax-content {	
	padding-bottom:70px;
	padding-top:110px;
}


#promopis2  {
	background-image: url("../images/arka2.jpg");  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;
}


.parallax-section2 { 	
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	width: 100%;
	min-height: 400px;
	color: #fff;
	font-size:18px; 
		
}
.parallax-content {	
	padding-bottom:70px;
	padding-top:110px;
}


.brand-promotion {
	bottom:92px;
	left: 0;
	position: relative;
	right: 15px;
	color:#000;
	top:-97px;
	z-index:15;

}

.brand-content {
	background-color:rgba(254,220,0,0.5);
    color:#000;
	padding: 10px 32px;
	font-size: 14px;
	margin-right: -25px;
   text-align:justify;
}

.brand-content h2 {
	text-transform: capitalize;

}

.brand-content:hover {
	background-color:#FF0000;
    color:#000;
}

.brand-content img {
	margin-right: 15px;
	margin-top: 15px;
}


.brand-content2 {
    background-size:cover;
	background-color:rgba(255,255,255,0.8);

    color:#000;
	padding: 20px 22px;
	font-size: 14px;
	margin-right: -25px;
    margin-bottom:5px;

}

.brand-content2 h2 {
	text-transform: capitalize;
		font-family: 'Raleway', sans-serif; font-weight:600; color:#000;
		font-size:18px;
    float:right
}

.brand-content2:hover {
	border-bottom:5px solid #494949;
background-color:rgba(255,255,255,1);
}


#index_sosyal i{
font-size:30px;
margin-left:15px;
margin-right:15px;
color:#cf1111;
}
#index_sosyal i:hover{color:#303030;}
#clear{clear:both;}
#logo {height: 234px;width: 440px; margin-top:-100px; margin-left: 0px;
	position: absolute;
	z-index: 999;

	background-image:url(../images/logo_bg.png);
	background-repeat:no-repeat;
	text-align:center;
	transition: all 700ms;
}
#logo:hover{margin-top:-80px; transition: all 700ms;}
#logo_resim{
width:250px;
margin-top:50px;
}
.menu {

	height: 60px;
	width: 100%;
	position: relative;
	z-index: 995;
	text-align:center;
	margin-top:20px;
}
#menu{list-style-type:none;list-style-image:none; margin:0px; padding:0px; width:1300px; margin-left:auto !important; margin-right:auto !important; padding-left:550px;}
#menu li{float:left; padding-top:17px; padding-bottom:17px;  padding-left:10px; padding-right:10px; transition: all 700ms; text-align:right; }
#menu #cizgi_sol{font-size:30px; font-weight:100; margin-top:5px; color:#ddd; padding:0px; font-family: 'Dosis', sans-serif;  }
#menu #cizgi_sag{font-size:30px; font-weight:100; margin-top:5px; color:#ddd; padding:0px; font-family: 'Dosis', sans-serif;}
#cizgi_sag:hover img ,#cizgi_sol:hover img, #cizgi_sag:hover ,#cizgi_sol:hover{background-color:rgba(0,0,0,0) !important; }
#menu a li p{ font-family: 'Raleway', sans-serif; font-size: 16px; font-weight:600; color:#fff; padding:0px; margin:0px; transition: all 700ms;}
#menu a{ font-family: 'Raleway', sans-serif; font-size: 16px; font-weight:600; color:#fff; padding:0px; margin:0px; }
#menu li:hover{transition: all 700ms;}
#menu li:hover p{ color:#cd2323; border-bottom:1px solid #cd2323; transition: all 500ms;}

#alt_menu{display:none; width:420px; position:absolute !important;z-index:90000 !important; margin-left:-10px;  }
#menu li:hover #alt_menu { list-style:none; display:block; margin-top:7px; transition: all 700ms; }
#alt_menu li{float:none;  padding:10px; margin-left:-40px; padding-left:15px; background-color:rgb(205,35,35,0.9);}
#alt_menu a li {color:#fff; font-weight:700;font-size:12px;  font-family: 'Raleway', sans-serif; text-align:left;}
#alt_menu li:hover{color:#fff;  background-color:#a81e1e; }
#alt_menu a:hover li{text-align:left; transition: all 700ms; border-left:10px solid #fff;}
#bosluk{margin-left:500px;}

#slayt{  margin-left:auto; width:100%; margin-right:auto; border-bottom:5px solid #cd2323; position:relative; margin-top:0px;  z-index:9 !important;}
#slayt_arkaplan_renk{width: 100%; position:relative; background-color:#fff; height:700px;}


.index_orta_dis{background-color:rgba(000,000,000,0.2);width: 100%; position:relative; z-index:100; height:auto;}
.index_orta{width:1100px; margin-left:auto; margin-right:auto; height:auto; margin-top:300px; }


.index_icerik_kutu h3{
	font-family: 'Roboto', sans-serif; font-size: 14px; font-weight:400; color:#3c3c3b; padding:0px;
}
.index_icerik_kutu{
	font-family: 'Roboto', sans-serif;
	float:left;
	width:290px;
	background-color:#fff;	
	min-height:420px;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	margin-left:10px;
	font-size:12px;	
	color:#222;
	font-weight:400;
	border:1px solid #BDBCBD;
}
.index_icerik_kutu a{
color:#222;
}
.index_icerik_kutu i{
color:#303030;
}
.index_icerik_kutu img{
margin-top:-6px;
margin-left:-6px;

}


.index_sosyal{float:left; margin-top:2px; margin-left:0px; font-size:24px; text-align:center; width:270px; position:absolute;}
.index_sosyal .fa{border-radius:0px; color:#fff;  padding:0px; width:50px; }
.index_sosyal .fa:hover{}

.index_sosyal .facebook{color:#fff; background: #0088e7;border-radius:0px;   padding:5px;   }
.index_sosyal .facebook:hover{color:#fff;  background: #006eba; transition:all 500ms;  }

.index_sosyal .twitter{color:#fff; background: #10daff;border-radius:0px;   padding:5px;  }
.index_sosyal .twitter:hover{color:#fff;  background: #00b2d2; transition:all 500ms;  }

.index_sosyal .instagram{color:#fff; background: #9c4900; border-radius:0px;   padding:5px;  }
.index_sosyal .instagram:hover{color:#fff;  background: #693100; transition:all 500ms;   }

.index_sosyal .youtube{color:#fff; background: #e90000; border-radius:0px;   padding:5px;  }
.index_sosyal .youtube:hover{color:#fff;  background: #b30000;   }


.farkimiz{width:100%; height:auto; position:relative; z-index:100; padding-bottom:50px; margin-top:20px; 	z-index:999999999 !important;  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;}
#farkimiz_ic{width:1200px; margin-left:auto; margin-right:auto;}
.farkimiz_kutular{float:left; width:200px; height:180px; margin:10px; transition: all 800ms; text-align:center; box-shadow: 3px 4px 0px #333;-moz-box-shadow: 3px 4px 4px #333;-webkit-box-shadow: 3px 4px 4px #333;}
.farkimiz_kutular h2{color:#111; font-family: 'Dosis', sans-serif; font-size: 20px; font-weight:500; text-align:center; margin:0px; margin-top:40px; font-variant:100;}
.farkimiz_kutular i{font-size:20px; margin-top:30px; color:#111; border:2px solid #111; padding:22px; border-radius:100px; width:70px; height:70px; transition: all 800ms;}
.farkimiz_kutular:hover i{font-size:100px; margin-top:-30px; -webkit-transform: rotate(360deg); transition: all 800ms;}

.sari_kutu{width:100%; height:auto; position:relative; z-index:100; margin-top:0px;  padding-top:20px; padding-bottom:20px; box-shadow: 0px 3px 7px #767676;   -moz-box-shadow: 0px 3px 7px #767676;   -webkit-box-shadow: 0px 3px 7px #767676; }
.sari_kutu_ic{ font-family: 'Raleway', sans-serif; width:1200px; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; padding-bottom:50px;}


a .buton{width:200px; padding:15px; text-align:center; border:1px solid #000; border-radius:3px; background-color:#ad0000; color:#000; margin-left:auto; margin-right:auto; margin-top:50px;}
a:hover .buton{background-color:rgb(0,0,0); color:#FFF;}

.beyaz_serit{background-color:rgba(235,0,0,1); width:100%; position:relative; z-index:100; padding-top:20px; padding-bottom:20px; margin-top:0px;  box-shadow: -3px -3px 10px #767676;}
.beyaz_serit_ic{ font-family: 'Raleway', sans-serif; width:1200px; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; padding-bottom:50px;}
.beyaz_serit span{ font-weight:100; font-size:40px; color:#000; margin-top:-20px; } 
.beyaz_serit #referans_marque{width:100%; height:100px; margin-top:30px;}
.beyaz_serit #referans_marque img{width:auto; height:150px; margin-right:50px;}


#footer_mobil{ display:none;}

.footer{width:100%; margin-top:0px;  border-top:30px solid #e3000f;  height:500px;  position:relative; z-index:100; font-family: 'Roboto', sans-serif;   box-shadow: -3px -3px 10px #767676;
   -moz-box-shadow: -3px -3px 10px #767676;
   -webkit-box-shadow: -3px -3px 10px #767676;}
.footer_ic{width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; 	background:url(../images/altarka.png) no-repeat; background-position:right;}
.footer_kutu{ float:left; width:100%; color:#6d6d6d; margin-left:12px;  padding-top:0px; padding-bottom:30px;}
.footer_kutu2{ float:left; width:400px; color:#6d6d6d; margin-left:12px;  padding-top:0px; padding-bottom:30px;}
.footer_kutu3{ float:left; width:400px; color:#6d6d6d; position:relative; margin-left:12px;  padding-top:0px; padding-bottom:30px;}
.footer_logo img{ margin-left:auto; margin-right:auto; margin-top:10px; width:200px;}
.footer_kutu h4{color:#6d6d6d; font-weight:600; font-size:16px; border-bottom:1px solid #6d6d6d; width:450px; padding-bottom:5px; }
.footer_ic a{color:#6d6d6d; font-weight:300; font-size:15px; }
.footer_kutu a:hover{color:#6d6d6d;}
.footer_kutu a:hover i{ }
.footer_kutu i{color:#6d6d6d;font-weight:300; font-size:13px;  transition:all 500ms; }
.footer_text{width:90%; margin-top:10px; border:1px solid #999; background-color:rgba(0,0,0,0); color:#000; font-size:14px; padding:5px;}
.footer_btn{width:90%; margin-top:10px; background-color:#0055a7; color:#000; border:none; padding:7px;}
.footer_btn:hover{background-color:#404040; color:#6d6d6d; padding:7px;}

.footer_sosyal{ width:300px; float:left;  margin-left:0px; margin-right:12px;  margin-top:10px; padding-bottom:30px;}
.footer_sosyal h4{color:#6d6d6d; font-weight:600; font-size:16px; border-bottom:1px solid #6d6d6d; width:200px; padding-bottom:5px; }
.footer_sosyal i{color:#6d6d6d; border:1px solid #6d6d6d; width:50px; height:50px; margin-left:5px; margin-right:5px; padding-top:10px;padding-left:12px; font-size:28px;}
.footer_sosyal i:hover{color:#ef3333; border:1px solid #ef3333;  width:50px; height:50px; margin-left:5px; margin-right:5px;  padding-top:10px;padding-left:12px; font-size:28px;}
.footer_ic b{color:#6d6d6d; font-weight:600; font-size:14px; float:left;}
#ugr_logo{float:left; width:75px; margin-top:20px;}
a:hover #ugr_logo{width:75px;}


.logo_div{ background-image:url(../images/footer_logo_bg.png); background-position:right top; background-repeat:no-repeat; height:154px; padding-left:10px;}


.alt_anamenu { 
position:relative;
z-index:999999999 !important;
top:0px;
float:left;

}
.alt_anamenu_ul { min-height: 10px;
  padding: 0px 5px;
  margin-left:10px;
  width:250px;
}
.alt_anamenu_ul a li{color:#6d6d6d; text-transform:lowercase; padding-top:5px; padding-bottom:5px; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:400;  list-style-type:none; margin-left:0px; padding-left:10px; border-left:1px solid #6d6d6d; text-decoration:none;}
.alt_anamenu_ul a li::first-letter {    text-transform: uppercase; }
.alt_anamenu_ul a:hover li {color:#fff; margin-left:0px; text-decoration:underline; padding-top:5px; padding-bottom:5px; transition: all 1000ms; }
.alt_anamenu_ul i{float:right;}



.icerik{min-height:500px; margin-top:0px; padding-bottom:50px; }
.orta{width:1200px; margin-left:auto; margin-right:auto;  padding-top:220px;  min-height:1000px; position:relative;  box-shadow: 3px 4px 0px #c0c0c0;-moz-box-shadow: 3px 4px 4px #c0c0c0;-webkit-box-shadow: 3px 4px 4px #c0c0c0; border-bottom-left-radius:50px; border-bottom-right-radius:50px; padding-bottom:50px;  }
.orta_sol{width:25%; float:left; }
.orta_sag{width:100%; float:left; padding:10px;}
.orta_sag #sayfa_adi{font-family: 'Dosis', sans-serif; font-size:18px; font-weight:500; padding-bottom:10px; border-bottom:1px dashed #333; margin-top:-1px;}
.etiket{background-color:rgba(100,100,100,1); font-family: 'Dosis', sans-serif; font-size:16px; font-weight:700;  color:#fff; padding:10px;}
.sol_menu_ul {padding:10px; margin-left:15px;}
.sol_menu_ul a li{color:#000; padding-top:5px; font-family: 'Dosis', sans-serif; font-size:14px; font-weight:500;}
.sol_menu_ul a:hover li {color:#222; background-color:rgb(255,222,0); transition: all 1000ms; }


.iletisim_logo_firma_adi{text-align:center; font-family: 'Raleway', sans-serif; width:100%;}
.iletisim_bilgi{float:left; width:100%;}

.iletisim_table{width:1200px; margin-left:auto; margin-right:auto;  padding-top:0px;  }
.iletisim_table1{width:40%; float:left;}
.iletisim_table2{ width:55%; float:left; padding:10px;}

.iletisim_sosyal_icon{width:100%; text-align:center;  float:left;}
.iletisim_sosyal_icon a i{width:100px; height:100px; font-size:40px; border:1px dashed rgb(255,222,0); border-radius:100px; color:rgb(255,222,0); padding:30px; transition: all 1000ms; margin-left:20px; margin-right:20px; margin-top:20px;}
.iletisim_sosyal_icon a:hover i{color:rgb(0,0,0); transition: all 1000ms; transform:rotate(360deg); border:1px solid rgb(0,0,0);}
.iletisim_sosyal_icon h4, .iletisim_table h4, .iletisim_bilgi h4{color:#333; font-weight:600; font-size:16px;}
.iletisim_table input, .iletisim_table textarea {width:100%; margin-top:5px; border-radius:10px; margin-bottom:10px; border:1px solid #ccc; background-color:rgba(0,0,0,0); color:#222; font-size:14px; padding:10px; margin-left:10px; box-shadow: 3px 2px 4px #d8d8d8;-moz-box-shadow: 3px 2px 4px #d8d8d8;-webkit-box-shadow: 3px 2px 4px #d8d8d8;}
.iletisim_table label {color:#222; font-size:14px; font-family: 'Raleway', sans-serif; }
.iletisim_table #btn {color:#fff; background-color:#000; transition: all 500ms;}
.iletisim_table #btn:hover {color:#000; background-color:#0084ff; transition: all 500ms;}




#urun_div{
	width:24%;
	height:auto;
	float:left;
	border:#ddd 1px solid;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	z-index:990;
	background-color:#fff;
	margin-top:5px;
	margin-bottom:5px;
	}
.urun_div_2{
	width:100%;
	height:60px;
	background-color:rgba(214,214,214,0.5);
	color:#111;
	position:absolute;
	z-index:999;
	font-size:16px;
	text-align:center;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	transition: all 500ms;
	}	
	
	#urun_div_logo{
	width:100px !important; 
	margin-left:50px; padding-top:30px; 
	}
	
	
#urun_div img{ margin-top:60px; width:100%; }

a #urun_div:hover .urun_div_2{ height:100%; transition: all 500ms;}

#urun_detay_resim{

	float:left; margin:20px; width:500px;


}
#urun_detay_resim .anaresim {

	width:500px;

}
#urun_detay_resim .ekresim {
	border-radius:10px;
	margin-top:0px;
	position:relative;
	width:100px;
	
}

#urun_detay{
float:right;
margin-right:20px !important;
margin-top:10px;
	background-color:#ef3333;
text-align:center;
font-family: 'Raleway', sans-serif;
color:#fff;
width:500px;

height:auto;
		  box-shadow: 3px 3px 4px #dddddd;
   -moz-box-shadow: 3px 3px 4px #dddddd;
   -webkit-box-shadow: 3px 3px 4px #dddddd;
   	border-radius:10px;

}

#urun_detay p{
	font-size:24px;
font-family: 'Raleway', sans-serif;
	font-weight:400;
}

#urun_detay h1{font-size:20px;}
#urun_aciklama{
width:100%;
padding:20px;
position:relative;
}
#siparis_btn{
display:none;	
width:220px;
height:30px;
padding-top:5px;
padding-left:20px;
background-color:#ef3333;
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:rgba(225,225,225,0.6);
	color:#555;
	font-weight:600;
	float:left;
}

@media screen and (max-width: 980px) {
	#logo{display:none;}
	#header,#ust{display:none;}
	#mobil_menu{display:block; }
	#nav_logo img{width:150px; padding:0px; margin:-10px;}
.ust{ display:none;	}

.header{display:none; }
#slayt_arkaplan_renk{width: 100%; position:relative; background-color:#fff; height:500px;}
.header_ortala { display:none;}
	.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:#ef3333 !important;
            color: #000 !important;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
           background-color:#ef3333 !important;
            color: #000 !important;
        }
		.navbar-nav > li:hover {
         background-color: rgb(255,222,0) !important;
            color: #000 !important;
        }
.index_orta{width:100%;}


#promopis  {
	background-image: url("../images/arka.jpg"); 
	box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;
}


.parallax-section { 	
	background-position: 50% 0;

	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:scroll;
	width: 100%;
	min-height: 400px;
	color: #fff;
	font-size:18px; 
		
}
.parallax-content {	
	padding-bottom:70px;
	padding-top:110px;
}
#promopis2  {
	background-image: url("../images/arka2.jpg");  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;
}


.parallax-section2 { 	
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:scroll;
	width: 100%;
	min-height: 400px;
	color: #fff;
	font-size:18px; 
		
}

.sari_kutu{width:100%; height:auto; position:relative; z-index:100; margin-top:0px;  padding-top:20px; padding-bottom:20px; box-shadow: 0px 3px 7px #767676;   -moz-box-shadow: 0px 3px 7px #767676;   -webkit-box-shadow: 0px 3px 7px #767676; }
.sari_kutu_ic{ font-family: 'Raleway', sans-serif; width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; padding-bottom:50px;}

.beyaz_serit{width:100%;  height:auto; position:relative; z-index:100; margin-top:0px;  padding-top:20px; padding-bottom:20px; box-shadow: 0px 3px 7px #767676;   -moz-box-shadow: 0px 3px 7px #767676;   -webkit-box-shadow: 0px 3px 7px #767676; }
.beyaz_serit_ic{ font-family: 'Dosis', sans-serif; width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top:50px; padding-bottom:50px;}
.beyaz_serit_ic h3{ font-weight:100; font-size:40px; color:#000;}
.beyaz_serit_ic p{font-weight:100; font-size:20px;  color:#000;}


.iletisim_table1{width:100%; float:left; position:relative; }

.iletisim_table2{ width:100%; position:relative; float:left; padding:10px;}

a .buton{width:200px; padding:15px; text-align:center; border:1px solid #000; border-radius:3px; background-color:#ad0000; color:#000; margin-left:auto; margin-right:auto; margin-top:50px;}
a:hover .buton{background-color:rgb(0,0,0); color:#FFF;}

.orta{width:100%; margin-left:auto; margin-right:auto;  padding-top:10px;  min-height:500px; position:relative; border-bottom-left-radius:50px; border-bottom-right-radius:50px; padding-bottom:50px;  }
.icerik{width:100%;  padding:0px;}
.orta_sol{display:none;}
.orta_sag{width:600px; float:none; padding:0px; margin-left:auto; margin-right:auto;}

	.farkimiz{width:100%; height:auto; position:relative; z-index:100; margin-top:5px; 	z-index:999999999 !important;  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;}
#farkimiz_ic{width:100%; margin-left:auto; margin-right:auto;}
.brand-promotion {

	left: 0;
	position: relative;
	right: 15px;
	color:#000;
	top:0px;
	z-index:15;

}
.orta_menu{
	width:100%;
	margin-top:0px;
	padding-bottom:20px;
}
.orta_menu_ul{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	}
.orta_menu_ul li{
	float:left;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	width:45%;
	margin-left:15px;
	margin-bottom:20px;
	font-size:16px;
	text-align:left;
		background-size:cover;background-position:center;box-shadow:4px 5px 8px rgba(0,0,0,.18);
}

.orta_menu_ul p{
	color:#757575;

	font-family: 'Raleway', sans-serif;
	font-weight:600;

	font-size:16px;
	text-align:center;
	
}

.orta_menu_ul li a{padding:0px; color:#fff; text-align:center; }
.orta_menu_ul li a p{float:left; margin-top:-300px;height:300px; font-family: 'Raleway', sans-serif; font-size:12px; text-align:left; background-color:rgba(250,250,250,0.1); color:#000; padding:10px; width:100%;}
.orta_menu_ul li a div b{ font-family: 'Raleway', sans-serif; font-size:16px; text-align:left; background-color:rgba(250,250,250,0.8); color:#fff; padding:20px; border-radius:0px; transition:all 500ms; }
.orta_menu_ul li a :hover{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:linear-gradient(rgba(255, 255, 255, 0), rgb(227, 18, 18));z-index:99999 !important;
}


.orta_menu_ul li a:hover div b{  font-size:20px;  padding:25px; transition:all 500ms; }
.orta_menu_ul li a:hover{
padding-top:10px;
color:#fff;}
.orta_menu_ul li a:hover #orta_menu_resim{
	background-position: left;
	transition:all 500ms;

}
#orta_menu_resim{
		background-position: center;
	padding-top:70px;
width:100%;
background-repeat:no-repeat;
transition:all 500ms;
height:300px;
background-size:cover;
}	
	
#urun_div{
	width:100px;
	height:auto;
	}	
	
	#urun_div_logo{
	width:100px !important; 
	margin-left:50px; padding-top:30px; 
	}
	
#urun_detay_resim{
	width:90%;
}
#urun_detay_resim .anaresim {

	width:100%;
}
#urun_detay_resim .ekresim {
	border-radius:10px;
	margin-top:0px;
	width:30%;
}

#urun_detay{
float:right;
margin-right:0px !important;
margin-top:10px;
background-color:rgba(205,205,205,0.5);
position:relative;
text-align:center;
color:#000;
width:100%;
height:auto;
}

#urun_detay p{
	font-size:34px;
	font-family:Raleway;
	font-weight:400;
}	
#urun_div img{ margin-top:60px; width:100%; }
.iletisim_logo_firma_adi h2{font-size:20px;}


.footer{width:100%; margin-top:0px;  border-top:30px solid #ef3333;  height:auto; 	 position:relative; z-index:100; font-family: 'Roboto', sans-serif;   box-shadow: -3px -3px 10px #767676;
   -moz-box-shadow: -3px -3px 10px #767676;
   -webkit-box-shadow: -3px -3px 10px #767676;}
.footer_ic{width:90%; margin-left:auto; margin-right:auto; margin-top:20px; background:none;}
.footer_kutu{ float:left; width:100%; color:#6d6d6d; margin-left:12px;  padding-top:0px; padding-bottom:30px;}
.footer_kutu2{ float:left; width:100%; color:#6d6d6d; margin-left:12px;  padding-top:0px; padding-bottom:30px;}
.footer_kutu3{ float:left; width:100%; color:#6d6d6d; position:relative; margin-left:12px;  padding-top:0px; padding-bottom:30px;}


.footer_kutu #sosyal{width:100% !important; float:none; text-align:center;}


.footer_logo img{ margin-left:auto; margin-right:auto; margin-top:10px; width:200px;}
.footer_kutu h4{color:#6d6d6d; font-weight:600; font-size:16px; border-bottom:1px solid #6d6d6d; width:300px; padding-bottom:5px; }
.footer_ic a{color:#6d6d6d; font-weight:300; font-size:15px; }
.footer_kutu a:hover{color:#6d6d6d;}
.footer_kutu a:hover i{ }
.footer_kutu i{color:#6d6d6d;font-weight:300; font-size:13px;  transition:all 500ms; }
.footer_text{width:90%; margin-top:10px; border:1px solid #999; background-color:rgba(0,0,0,0); color:#000; font-size:14px; padding:5px;}
.footer_btn{width:90%; margin-top:10px; background-color:#0055a7; color:#000; border:none; padding:7px;}
.footer_btn:hover{background-color:#404040; color:#6d6d6d; padding:7px;}

.footer_sosyal{ width:300px; float:left;  margin-left:0px; margin-right:12px;  margin-top:10px; padding-bottom:30px;}
.footer_sosyal h4{color:#6d6d6d; font-weight:600; font-size:16px; border-bottom:1px solid #6d6d6d; width:200px; padding-bottom:5px; }
.footer_sosyal i{color:#6d6d6d; border:1px solid #6d6d6d; width:50px; height:50px; margin-left:5px; margin-right:5px; padding-top:10px;padding-left:12px; font-size:28px;}
.footer_sosyal i:hover{color:#ef3333; border:1px solid #ef3333;  width:50px; height:50px; margin-left:5px; margin-right:5px;  padding-top:10px;padding-left:12px; font-size:28px;}
.footer_ic b{color:#6d6d6d; font-weight:600; font-size:14px; float:left;}


#ugr_logo{float:left; width:75px; margin-top:20px;}
a:hover #ugr_logo{width:75px;}


.logo_div{ background-image:url(../images/footer_logo_bg.png); background-position:right top; background-repeat:no-repeat; height:154px; padding-left:10px;}



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

#index_icerik{width:100%; }
.index_icerik_kutu{
	float:none;
	width:290px;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	
}
#slayt_arkaplan_renk{width: 100%; position:relative; background-color:#fff; height:300px;}
.farkimiz{width:100%; height:auto; position:relative; z-index:100; margin-top:0px;}
#farkimiz_ic{width:250px; margin-left:auto; margin-right:auto;}
.farkimiz_kutular{float:left; width:100px; height:90px; margin:10px; transition: all 800ms; text-align:center; box-shadow: 3px 4px 0px #333;-moz-box-shadow: 3px 4px 4px #333;-webkit-box-shadow: 3px 4px 4px #333;}
.farkimiz_kutular h2{color:#111; font-family: 'Dosis', sans-serif; font-size: 15px; font-weight:500; text-align:center; margin:0px; margin-top:10px; font-variant:100;}
.farkimiz_kutular i{font-size:20px; margin-top:10px; color:#111; border:2px solid #111; padding:8px; border-radius:100px; width:40px; height:40px; transition: all 800ms;}
.farkimiz_kutular:hover i, {font-size:50px; margin-top:-10px; -webkit-transform: rotate(360deg); transition: all 800ms;}

.orta_sag{width:100%; float:none; padding:0px; margin-left:auto; margin-right:auto;}

.farkimiz{width:100%; height:auto; position:relative; z-index:100; margin-top:5px; 	z-index:999999999 !important;  box-shadow: 0px 10px 14px #272727;
   -moz-box-shadow: 0px 10px 14px #272727;
   -webkit-box-shadow: 0px 10px 14px #272727;}
#farkimiz_ic{width:100%; margin-left:auto; margin-right:auto;}
.brand-promotion {

	left: 0;
	position: relative;
	right: 15px;
	color:#000;
	margin-top:-50px;
	z-index:15;

}
.orta_menu{
	width:100%;
	margin-top:0px;
	padding-bottom:20px;
}
.orta_menu_ul{
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	}
.orta_menu_ul li{
	float:left;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	width:80%;
	margin-left:15px;
	margin-bottom:20px;
	font-size:16px;
	text-align:left;
		background-size:cover;background-position:center;box-shadow:4px 5px 8px rgba(0,0,0,.18);
}

.orta_menu_ul p{
	color:#757575;

	font-family: 'Raleway', sans-serif;
	font-weight:600;

	font-size:16px;
	text-align:center;
	
}

.orta_menu_ul li a{padding:0px; color:#fff; text-align:center; }
.orta_menu_ul li a p{float:left; margin-top:-300px;height:300px; font-family: 'Raleway', sans-serif; font-size:12px; text-align:left; background-color:rgba(250,250,250,0.1); color:#000; padding:10px; width:100%;}
.orta_menu_ul li a div b{ font-family: 'Raleway', sans-serif; font-size:16px; text-align:left; background-color:rgba(250,250,250,0.8); color:#fff; padding:20px; border-radius:0px; transition:all 500ms; }
.orta_menu_ul li a :hover{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:linear-gradient(rgba(255, 255, 255, 0), rgb(227, 18, 18));z-index:99999 !important;
}


.orta_menu_ul li a:hover div b{  font-size:20px;  padding:25px; transition:all 500ms; }
.orta_menu_ul li a:hover{
padding-top:10px;
color:#fff;}
.orta_menu_ul li a:hover #orta_menu_resim{
	background-position: left;
	transition:all 500ms;

}
#orta_menu_resim{
		background-position: center;
	padding-top:70px;
width:100%;
background-repeat:no-repeat;
transition:all 500ms;
height:300px;
background-size:cover;
}	

#urun_div{
	width:100%;
	height:auto;
	float:none;
	border:#ddd 1px solid;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:990;
	background-color:#fff;
	margin-top:5px;
	margin-bottom:5px;
	}
.urun_div_2{
	width:100%;
	height:20px;
background-color:rgba(214,214,214,0.5);
	color:#111;
	position:absolute;
	z-index:999;
	font-size:14px;
	text-align:center;
	font-weight:600;
	font-family: 'Dosis', sans-serif;
	transition: all 500ms;
	}	
	#urun_div img{ margin-top:60px; width:100%; }
.iletisim_logo_firma_adi{text-align:center;}
.iletisim_bilgi{float:none; width:300px; margin-left:auto; margin-right:auto;}
.iletisim_table{float:none; width:300px; margin-left:auto; margin-right:auto;}
.iletisim_sosyal_icon{float:none; width:300px; margin-left:auto; margin-right:auto;}

	

}