body {
	margin: 0px;
	padding: 0px;

}
body a:hover{text-decoration:none;}
#taglar, #mobil_menu{display:none;}
.body_cizgiler{width:100%; height:100%; position:absolute; background-image:url(../images/cizgi.png); z-index:1;}
.ust{width:100%; position:relative; z-index:9999; }
.header{width:1100px; margin-left:auto; margin-right:auto; background-color:#fff; }
#clear{clear:both;}
#logo {
	
	text-align:center;
	margin-top:30px;
	float:left;	

}
#logo img{height:82px;}
.menu_sosyal{float:right; margin-right:170px;}
.menu_sosyal a{float:left;}
.menu_sosyal a i{color:#fff; margin-top:12px; margin-left:15px; font-size:16px; }
.menu_sosyal a i:hover{transform:rotate(360deg); transition:all 500ms;}


.header_iletisim{font-family: 'Dosis', sans-serif; width:62%; height:78px; float:right;  font-size: 14px; font-weight:500; padding:5px; text-align:center; background-image:url(../images/telefon_golge.png); background-repeat:no-repeat; background-position:bottom center ; }
.header_iletisim a{ color:#333; margin-right:25px;}
.header_iletisim  i{font-size:22px !important; color:#048FD2; font-weight:100;}
.menu {
	float:right;
	margin-top:-30px;


}

#menu{list-style-type:none; list-style-image:none; margin:0px; padding:0px; }
#menu li{float:left; padding-top:30px; padding-bottom:22px;  padding-left:17.5px; padding-right:16px; transition: all 700ms; text-align:right; }
#menu a li p{ font-family: 'Dosis', sans-serif; font-size: 14px; font-weight:500; color:#444; padding:0px; margin:0px; transition: all 500ms ; padding-bottom:10px;}
#menu a{ font-family: 'Dosis', sans-serif; font-size: 14px; font-weight:500; color:#444; padding:0px; margin:0px; }
#menu li:hover{ background-color:#048FD2;  transition: all 500ms; color:#fff; }
#menu li i{padding-bottom:5px; color:#048FD2;}
#menu li:hover i{ color:#fff; transition: all 500ms;}
#menu li:hover p{ color:#fff; transition: all 500ms;}
#menu #ayrac{ margin-top:38px; padding:0px;}

#alt_menu{display:none; width:200px; position:absolute !important;z-index:90000 !important; margin-left:-17px; margin-top:22px;  }
#menu li:hover #alt_menu { list-style:none; display:block;  transition: all 700ms;}
#alt_menu li{float:none;  padding:10px; margin-left:-40px; padding-left:15px; background-color:#048FD2;}
#alt_menu a li {color:#fff; font-weight:700;font-size:12px;  font-family: 'Dosis', sans-serif; text-align:left;}
#alt_menu li:hover{color:#fff;  background-color:rgba(0,0,0,1); }
#alt_menu a:hover li{text-align:right; transition: all 1000ms; }
#bosluk{margin-left:220px;margin-right:200px; !important;}



 .swiper-container {
        width: 100% !important;
        height: 100%;
    }
	
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img{width:100% !important;}
	    .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 130%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position:center;
    }
    .swiper-slide .title {
        font-size: 41px;
        font-weight: 300;
    }
    .swiper-slide .subtitle {
        font-size: 21px;
    }
    .swiper-slide .text {
        font-size: 14px;
        max-width: 400px;
        line-height: 1.3;
    }	
	.anasayfa_kategoriler_dis_dis{width:100%;  background-color:rgba(250,250,250,1);  text-align:center; padding-top:10px; padding-bottom:10px; font-family: 'Dosis', sans-serif; font-weight:700;}
.anasayfa_kategoriler_dis{width:1100px; margin-left:auto; margin-right:auto;  z-index:999999;  transition:all 500ms; margin-top:10px; margin-bottom:10px; }	
.kategori_ic{width:250px; height:150px; margin:10px;  background-repeat:no-repeat; background-size:cover; background-position:center bottom; transition:all 500ms; padding-top:15px; float:left; text-align:left; }
.kategori_ic b{ font-size:14px; padding:5px; background-color:rgba(250,250,250,1); color:#111; font-family: 'Dosis', sans-serif;transition:all 500ms; }
a:hover .kategori_ic {background-position:left top; transition:all 500ms; padding-top:100px;}

.anasayfa_sosyal_dis_1{width:100%; height:auto; margin-top:30px;}
.anasayfa_sosyal_ucgenler{background-image:url(../images/ucgen.png); height:10px; background-repeat:repeat-x; width:100%;}
#ters{transform:rotate(180deg);}
.anasayfa_sosyal_dis_2{width:100%; background-color:#048FD2; padding:30px;}
.anasayfa_sosyal_ic{width:1100px; margin-left:auto; margin-right:auto; text-align:center;}
.anasayfa_sosyal_ic a{color:#fff; font-size:50px; margin-left:100px; margin-right:100px; transition:all 500ms;}




.anasayfa_kutular_dis{width:100%; font-family: 'Dosis', sans-serif; background-color:rgba(250,250,250,1);}
.anasayfa_kutular_ic{width:1100px; margin-left:auto; margin-right:auto;padding-top:25px; padding-bottom:25px;}
.anasayfa_kutular{float:left; width:500px; margin:25px; text-align:center; border:1px solid #ddd; padding:25px; min-height:440px;}
.anasayfa_kutular_iconlar{width:150px;padding-bottom:10px;}
.anasayfa_kutular_baslik{ font-size:20px; font-weight:700; color:#71716F; padding:20px; border-bottom:1px solid #ddd;}
.anasayfa_kutular_icerik{padding-top:15px; font-weight:400; color:#71716F;}



.footer{width:100%;  height:auto; position:relative; bottom:0px !important; margin-bottom:0px !important; z-index:100; font-family: 'Dosis', sans-serif; border-top:10px solid #048FD2; height:auto; background-color:#dcdcdc; }
.footer_ic{width:1100px; margin-left:auto; margin-right:auto;  padding-bottom:20px; }
.footer_kutu{width:250px; float:left; margin-left:10px; margin-right:10px;  padding-top:30px; padding-bottom:30px; }
#footer_logo{width:200px; margin-left:auto; margin-right:auto; margin-top:25px; border-radius:5px; }
.footer_menu{list-style:square;  margin-left:-20px;}
.footer_menu a li p{padding:0px; margin:0px; transition:all 500ms;}
.footer_menu a:hover li p{margin-left:10px; transition:all 500ms;}
.footer_kutu h4{color:#444; font-weight:800; font-size:16px; border-bottom:1px solid #777; padding-bottom:5px;  }
.footer_kutu a{color:#444; font-weight:500; font-size:14px; }
.footer_kutu a h1{color:#444; font-weight:300; font-size:12px; float:left; margin:0px; margin-left:5px;}
.footer_kutu a:hover{color:#000;}
.footer_kutu a:hover i{transform:rotate(360deg); transition:all 500ms; }
.footer_kutu i{color:#048FD2;font-weight:300; font-size:13px;  transition:all 500ms; }
.footer_text{width:90%; margin-top:10px; border:1px solid #111; background-color:rgba(0,0,0,0); color:#444; font-size:10px; padding:5px;}
.footer_btn{width:90%; margin-top:10px; background-color:rgba(255,222,0,0.9); color:#000; border:none; padding:7px;}
.footer_btn:hover{background-color:rgba(255,222,0,0); color:#111; border:1px solid #111; padding:7px;}
#footer_sosyal i{color:#fff; background-color:#048FD2; width:40px; height:40px; margin-left:5px; margin-right:5px; border-radius:2px; padding-top:10px;padding-left:13px; font-size:20px;}
.footer_kutu b{color:#444; font-weight:500; font-size:14px;}
#optima_logo{float:right; width:100px; transition: all 1000ms;}
a:hover #optima_logo{width:150px; transition: all 1000ms;  }




#sol_menu_marque{font-size:12px !important;}
.icerik{position:relative; z-index:10;  }
.orta{width:1100px; margin-left:auto; margin-right:auto; min-height:500px; background-color:rgba(255,255,255,1);  }
.orta_sol{width:20%; float:left; background-color:#F2F2F3; border:5px solid #E2E3E4; }
.orta_sag{width:80%; float:left; padding-left:10px; font-family: 'Dosis', sans-serif ; }
.orta_sag #sayfa_adi{font-family: 'Dosis', sans-serif; font-size:16px; font-weight:600; padding:7px; margin:0px;

    background: -webkit-linear-gradient( left, #E2E3E4, #fff);
    background: -moz-linear-gradient( left,#E2E3E4, #fff);
    background: -ms-linear-gradient(left,#E2E3E4, #fff);
    background: -o-linear-gradient(left,#E2E3E4, #fff);
    background: linear-gradient(left,#E2E3E4, #fff); }
.etiket{background-color:#E2E3E4; font-family: 'Dosis', sans-serif; font-size:13px; font-weight:700;  color:#333; padding:10px; }
.sol_menu_ul {padding:10px; margin-left:15px; list-style-type:disc;}
.sol_menu_ul a li{color:#222; padding-top:8px; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:500;}
.sol_menu_ul a:hover li {color:#048FD2;  transition: all 500ms; }


.iletisim_logo_firma_adi{text-align:center; font-family: 'Dosis', sans-serif;}
.iletisim_bilgi{float:left; width:50%; font-family: 'Dosis', sans-serif; font-size:14px; font-weight:600; padding:10px;}
.iletisim_table{float:left; width:50%; font-family: 'Dosis', sans-serif; padding:10px;}
.iletisim_sosyal_icon{width:100%; text-align:left;   font-family: 'Dosis', sans-serif; margin-top:100px;}
.iletisim_sosyal_icon a i{width:50px; height:50px; font-size:20px; color:#fff; padding:15px; transition: all 1000ms; margin-left:10px; margin-right:10px; background-color:#048FD2;}
.iletisim_sosyal_icon a:hover i{ transition: all 1000ms; transform:rotate(360deg);}
.iletisim_sosyal_icon h4, .iletisim_table h4, .iletisim_bilgi h4{color:#048FD2; font-weight:700; font-size:16px;}
.iletisim_table input, .iletisim_table textarea {width:100%; margin-top:5px; margin-bottom:5px; border:none; background-color:#efefef;  color:#222; font-size:12px; padding:10px; }
.iletisim_table label {color:#555; font-size:12px; font-family: 'Dosis', sans-serif;}
.iletisim_table #btn {color:#fff; background-color:#000; transition: all 500ms; font-size:16px; font-weight:700;}
.iletisim_table #btn:hover {color:#fff; background-color:#048FD2; transition: all 500ms;}



.urun_resim_div{transition:all 500ms !important; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; }
#urun_div{
	width:200px;
	height:200px;
	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;
transition:all 500ms;
	}
.urun_div_2{
	width:100%;
	min-height:20px;
	background-color:rgba(250,250,250,0.8);
	
	color:#000;
	position:absolute;
	z-index:999;
	font-size:14px;
	text-align:center;
	font-weight:600;
	font-family: 'Dosis', sans-serif;
	transition: all 500ms;
	}	
	
	#urun_div_logo{
	width:100px !important; 
	margin-left:50px; padding-top:30px; 
	}
.urun_div_2 i{display:none;font-size:25px; font-weight:100; margin-bottom:20px;  transition: all 500ms;}
a #urun_div:hover .urun_div_2 i{ display:block;}
.urun_div_2 b{font-size:12px; font-weight:500;  transition: all 500ms; display:none;}
a #urun_div:hover .urun_div_2 b{display:block;}
a #urun_div:hover .urun_div_2{ min-height:100%; padding-top:50px; font-size:17px; font-weight:700; transition: all 500ms;}
a #urun_div:hover .urun_resim_div{transition:all 500ms; background-position:left center; }
.urun_adii{background-color:#333; color:#fff; padding:10px; font-weight:600; font:16px;}
#urun_detay{
float:left;
margin-left:50px !important;
}
.urun_detay_ic_sutun{background-color:rgb(240,240,240); padding:20px; border-radius:5px; font-family: 'Dosis', sans-serif; box-shadow: 3px 4px 0px #ccc;-moz-box-shadow: 3px 4px 4px #ccc;-webkit-box-shadow: 3px 4px 4px #ccc; margin-top:50px; width:290px;}
.urun_detay_ic_sutun div b{float:right;}
.urun_detay_ic_sutun div {font-size:13px; color:#333; font-weight:400; border-bottom:1px solid #aaa; margin-top:20px; margin-bottom:20px;}
.urun_detay_ic_sutun h1{background-color:#fff; padding:10px; border-radius:5px; margin-top:-40px; text-align:center; border:1px solid #ccc; font-size:15px !important; font-weight:700;}
.urun_detay_ic_sutun .beden_buton{padding:7px; width:60%; float:right; background-color:#1D3566; font-weight:600; border-radius:7px; color:#fff; text-align:center; transition:all 300ms;}
.beden_buton:hover {background-color:#444; color:#fff; transition:all 300ms;}
.urun_detay_resim_resim{width:400px; height:300px; background-size:contain; border-radius:5px; background-repeat:no-repeat; background-position:center center;}
.urun_detay_resim_resim_kucuk{width:60px; height:50px; background-size:cover; border-radius:2px; background-repeat:no-repeat; background-position:center center; float:left; margin-top:5px; margin-right:5px; border:1px solid #ddd;}
#urun_aciklama{
width:100%;
padding:10px;
}
#siparis_btn{
margin-bottom:-10px;
width:250px;
height:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
background-color:#303030;
border-radius:5px;
background-image:url(../images/cizgi2.png);
color:#fff;
font-weight:600;
font-size:14px;
box-shadow: 3px 4px 0px #ccc;-moz-box-shadow: 3px 4px 4px #ccc;-webkit-box-shadow: 3px 4px 4px #ccc;
margin-top:50px;
transition:all 300ms;}
#siparis_btn:hover{
background-color:#f63c4a; color:#000; background-image:url(../images/cizgi.png);
transition:all 300ms;
}
#web_siparis{display:block;}
#mobil_siparis{display:none;}
#urun_etiket{
width:100%;
padding:10px;
}
#etiket_div a{
	padding:7px;
	margin:5px;
	background-color:rgba(84,84,63,0.3);
	color:#fff;
	font-weight:600;
	float:left;
}

@media screen and (max-width: 980px) {
.mobil_telefon, .mobil_telefon a{ width:100%; text-align:center;  font-family:'Dosis', sans-serif; background-color:#f63c4a; font-size:18px;padding:10px; color:#fff; font-weight:600; }
	#logo{display:none;}


	.header,.ust{display:none;}
	#mobil_menu{display:block; margin-bottom:-1px; }
	#nav_logo img{width:190px; padding:0px; margin:-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: #CCC !important;
            color: #000 !important;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
           background-color: #048FD2 !important;
            color: #fff !important;
        }
		.navbar-nav > li:hover {
         background-color: #048FD2 !important;
            color: #fff !important;
        }
		

.index_orta{width:100%; margin-left:auto; margin-right:auto; border:none;}

.index_kutular{ margin-top:10px;}


.footer_ic{width:100%; margin-left:auto; margin-right:auto; padding:10px;}


.footer_kutu{width:100%; float:left; margin-left:10px; margin-right:10px;  padding-top:30px; padding-bottom:30px;}


.orta{width:100%;  margin-top:20px; border:none; padding:5px; }
.icerik{width:100%;  padding:0px; border:none;}
.orta_sol{display:none; border:none;}
.orta_sag{width:100%; float:none; padding:0px; margin-left:auto; margin-right:auto; font-family: 'Dosis', sans-serif;}
#urun_div{
	width:175px;
	height:175px;
	}	
	
	#urun_div_logo{
	width:100px !important; 
	margin-left:50px; padding-top:30px; 
	}
	
	
#urun_div img{ margin-top:30px; width:175px; }
.iletisim_logo_firma_adi h2{font-size:20px;}

.anasayfa_kategoriler_dis{width:450px; margin-left:auto; margin-right:auto;  z-index:999999;  transition:all 500ms; margin-top:10px; margin-bottom:10px;}	
.kategori_ic{width:200px; height:125px; margin:5px;  background-repeat:no-repeat; background-size:cover; background-position:center bottom; transition:all 500ms; padding-top:15px; float:left; text-align:left; }
.kategori_ic b{ font-size:14px; padding:5px; background-color:rgba(250,250,250,1); color:#111; font-family: 'Dosis', sans-serif;transition:all 500ms; }
a:hover .kategori_ic {background-position:left top; transition:all 500ms; padding-top:90px;}



.anasayfa_sosyal_ic{width:100%; margin-left:auto; margin-right:auto; text-align:center;}
.anasayfa_sosyal_ic a{color:#fff; font-size:50px; margin-left:25px; margin-right:25px; transition:all 500ms;}




.anasayfa_kutular_dis{width:100%; font-family: 'Dosis', sans-serif; background-color:rgba(250,250,250,1);}
.anasayfa_kutular_ic{width:100%; margin-left:auto; margin-right:auto;padding-top:25px; padding-bottom:25px;}
.anasayfa_kutular{float:none; width:90%; margin:25px; text-align:center; border:1px solid #ddd; padding:25px; min-height:440px;}
.anasayfa_kutular_iconlar{width:150px;padding-bottom:10px;}
.anasayfa_kutular_baslik{ font-size:20px; font-weight:700; color:#71716F; padding:20px; border-bottom:1px solid #ddd;}
.anasayfa_kutular_icerik{padding-top:15px; font-weight:400; color:#71716F;}


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

.icerik{padding:10px;}

.footer_ic{width:250px; float:left; }

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

	
.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;}

.anasayfa_kategoriler_dis{width:300px; margin-left:auto; margin-right:auto;  z-index:999999;  transition:all 500ms; margin-top:10px; margin-bottom:10px;}	
.kategori_ic{width:140px; height:125px; margin:5px;  background-repeat:no-repeat; background-size:cover; background-position:center bottom; transition:all 500ms; padding-top:15px; float:left; text-align:left; }
.kategori_ic b{ font-size:14px; padding:5px; background-color:rgba(250,250,250,1); color:#111; font-family: 'Dosis', sans-serif;transition:all 500ms; }
a:hover .kategori_ic {background-position:left top; transition:all 500ms; padding-top:90px;}

.anasayfa_sosyal_ic{width:100%; margin-left:auto; margin-right:auto; text-align:center;}
.anasayfa_sosyal_ic a{color:#fff; font-size:50px; margin-left:10px; margin-right:10px; transition:all 500ms;}



.index_orta{width:100%; margin-left:auto; margin-right:auto; border:none; }
.index_kutular{ width:95%; height:370px; margin-left:8px; margin-right:8px; border:1px solid #eee;}
.index_kutular h2{color:#fff; font-family: 'Dosis', sans-serif; font-size: 14px; font-weight:600; text-align:left; margin:0px;  border-bottom:1px solid #303030; padding:10px; background-color:#303030; }
.index_kutular i{transition: all 1000ms;}
.index_kutular_icerik{color:#222; padding:10px;}


#urun_div{
	width:200px;
	height:200px;
	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;
transition:all 500ms;border-radius:5px;
	}
	
	.urun_detay_resim_resim{width:270px; height:250px; background-size:contain; border-radius:5px; background-repeat:no-repeat; background-position:center center;}
}