@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext);

body { margin:0; padding:0; background:#FFF;}
A { text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} A:hover { text-decoration:none;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:400;}
p { margin:0px; padding:0px;}
hr { clear: left;}
div > div_alt { position: fixed;}	

.fontozel { font-family:'Oswald', sans-serif;} .fontarial { font-family:Arial;} .fonttahoma { font-family:Tahoma;} .fontref { font-family:"Courier New";} .fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet { font-family: "Trebuchet MS";} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} 

.boyut9 { font-size:9px;} .boyut10 { font-size:10px;} .boyut11 { font-size:11px;} .boyut12 { font-size:12px;} .boyut14 { font-size:14px;} .boyut16 { font-size:16px;} .boyut18 { font-size:18px;} .boyut20 { font-size:20px;} .boyut22 { font-size:22px;} .boyut24 { font-size:24px;} .boyut26 { font-size:26px;} .boyut28 { font-size:28px;} .boyut30 { font-size:30px;} .boyut32 { font-size:32px;}

.bold { font-weight:700;} .bold3 { font-weight:300;} .bold4 { font-weight:400;}

.renkbeyaz { color:#FFFFFF;} .renksiyah { color:#000;} .renkgri { color:#959595;} .renkgri1 { color:#CCCCCC;} .renkgri2 { color:#999999;} .renkgri3 { color:#939393;} .renkgri4 { color:#484848;} .renkkirmizi { color:#FF0000;} .renkkahve { color:#755b1b;} .renkmavi { color: #034ea2;} .renkyesil { color:#aeff00;} .renkkoyuyesil { color:#004206;} .renkturuncu { color:#ffc200;} .renkpembe { color:#FF33CC;} .renksari { color:#e2ca7b;}

.renksite1 { color:#666565;} .renksite2 { color:#f3c208;}

.wr { width:1000px; margin-left:auto; margin-right:auto; display:table;} 
.pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;} .cl { clear:left;} .mc { width:100%; height:auto; display:table;}
.mkwrapper div { width: 80px; height: 20px; margin-right:0px; }
.mk div { width: 20px; height: 20px; }
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}
.morkarinca { position:absolute; bottom:0px; right:0px;}

.stepcarousel { position:relative; border:0px; overflow:hidden; width:670px; height:200px;}
.stepcarousel .belt{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel .panel{ float:left; overflow:hidden; margin:0px; width:240px;}

#ust { position:fixed; float:left; top:0; left:0; width:100%; height:89px; background:#FFF; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.21); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.21); z-index:9999;}
#ust .logo{ width:114px; height:47px; background:url(images/logo.png); margin:24px 0px 0px 66px;}
#ust .icons { width:89px; height:19px; margin:39px 0px 0px 164px;}
#ust .icons .icon1 { float:left; width:19px; height:19px; background:url(images/icons.png) 0px 0px no-repeat;}
#ust .icons .icon2 { float:left; width:20px; height:19px; background:url(images/icons.png) -36px 0px no-repeat; margin:0px 20px 0px 17px;}
#ust .icons .icon3 { float:left; width:13px; height:19px; background:url(images/icons.png) -76px 0px no-repeat;}
#ust .icons .icon1:hover { background:url(images/icons.png) 0px -40px no-repeat;}
#ust .icons .icon2:hover { background:url(images/icons.png) -36px -40px no-repeat;}
#ust .icons .icon3:hover { background:url(images/icons.png) -76px -40px no-repeat;}
#ust .menu { width:auto; height:89px; margin-right:40px;}
#ust .menu a{ float:left; width:auto; height:52px; padding:37px 14px 0px 13px; color:#666565; font-size:16px;}
#ust .menu a:hover{ color:#d0beac;}
#ust .menu .menuhover{ color:#d0beac;}
.ustbosluk { float:left; width:100%; height:89px; z-index:9998;}
.ustbosluk .sosyal { position:absolute; top:226px; left:20px; width:20px; height:106px; z-index:9998;}
.ustbosluk .sosyal a{ float:left; width:20px; height:18px; margin:0;}
.ustbosluk .sosyal .facebook { background:url(images/icons.png) -20px -94px no-repeat; margin-bottom:12px;}
.ustbosluk .sosyal .twitter { background:url(images/icons.png) -20px -124px no-repeat; margin-bottom:11px;}
.ustbosluk .sosyal .instagram { background:url(images/icons.png) -20px -153px no-repeat; margin-bottom:11px;}
.ustbosluk .sosyal .gplus { background:url(images/icons.png) -20px -182px no-repeat;}
.ustbosluk .sosyal .facebook:hover { background:url(images/icons.png) 0px -94px no-repeat;}
.ustbosluk .sosyal .twitter:hover { background:url(images/icons.png) 0px -124px no-repeat;}
.ustbosluk .sosyal .instagram:hover { background:url(images/icons.png) 0px -153px no-repeat;}
.ustbosluk .sosyal .gplus:hover { background:url(images/icons.png) 0px -182px no-repeat;}

#pano { position:relative; float:left; width:100%; height:400px;}
#slider { position:relative;}
#slider .link { cursor:pointer;}

#hakkimizda { float:left; width:100%; height:325px; background:url(images/hakkimizda.jpg) top center no-repeat;}
#hakkimizda .hakkimizda_yazi { width:525px; height:200px; margin:45px 0px 0px 68px; color:#717070; font-size:14px; font-weight:300;}
#hakkimizda .hakkimizda_yazi span{ width:100%; height:auto; font-size:24px; font-weight:300;}
#hakkimizda .hakkimizda_yazi p{ width:36px; height:2px; background:#757171; margin:15px 0px;}

#vitrin { float:left; width:100%; height:335px;}
#vitrin .vitrin_icerik { width:50%; height:335px; padding:60px 97px; color:#717070; font-size:12px; font-weight:300; box-sizing:border-box;}
#vitrin .vitrin_icerik span{ width:100%; height:auto; font-size:32px; font-weight:300;}
#vitrin .vitrin_icerik p{ width:36px; height:2px; background:#757171; margin:15px 0px;}
#vitrin .vitrin_icerik .vitrin_detay { width:320px; height:215px;}
#vitrin .vitrin_icerik .vitrin_detay .vitrin_btn { clear:left; width:93px; height:30px; border:1px solid #c8c3be; padding-top:5px; margin-top:10px; color:#717070; font-size:12px; font-weight:300; text-align:center; box-sizing:border-box;}
#vitrin .vitrin_icerik .vitrin_detay .vitrin_btn:hover { border:1px solid #717070; background:#717070; color:#FFF;}
#vitrin .vitrin_resim { width:50%; height:335px;}

#referanslar { float:left; width:100%; height:245px; background:#FFF;}
#referanslar .referanslar_baslik { width:100%; height:auto; margin:40px 0px 30px 0px; color:#717070; font-size:24px; font-weight:300; text-align:center;}
#referanslar .referanslar_icerik { width:880px; height:65px; margin-left:60px;}
#referanslar .referanslar_icerik a{ width:80px; height:65px; margin-left:15px;}

#alt { float:left; width:100%; height:275px; background:#f4ebe2;}
#alt .altsol { width:286px; height:auto; margin:20px 0px 0px 75px;}
#alt .altsol .ebulten { position:relative; width:286px; height:66px;}
#alt .altsol .ebulten .ebulten_baslik { width:100%; height:29px; border-bottom:1px solid #231f20; padding-left:12px; color:#a78f77; font-size:14px; font-weight:300; box-sizing:border-box;}
#alt .altsol .ebulten .ebultensonuc { position:absolute; top:78px; left:14px;}
#alt .altsol .ebulten .ebulteninput { width:281px; height:37px; padding:0px 70px 0px 9px; background:none; border:none; color:#c8c2bb; border-right:1px solid #231f20; border-bottom:1px solid #231f20; font-size:12px; font-weight:300; outline:0; box-sizing:border-box;}
#alt .altsol .ebulten .ebulteninput::-webkit-input-placeholder { color:#c8c2bb;}
#alt .altsol .ebulten .ebulteninput:-moz-placeholder { color:#c8c2bb;}
#alt .altsol .ebulten .ebulteninput:-ms-input-placeholder { color:#c8c2bb;}
#alt .altsol .ebulten .ebulteninput:hover { color:#c8c2bb;}
#alt .altsol .ebulten .ebulteninput:focus { color:#231f20;}
#alt .altsol .ebulten .ebultenkaydet { position:absolute; top:29px; right:23px; width:45px; height:36px; background:url(images/icons.png?v=1) 0px -340px no-repeat; border:none; cursor:pointer; outline:0; box-sizing:border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#alt .altsol .ebulten .ebultenkaydet:hover { right:15px;}
#alt .altsol .ebulten label.error { position:absolute; top:65px; left:14px; width:222px; display:block; color:#231f20; font-family:'Oswald',sans-serif; font-size:11px;}
#alt .altsol .altsosyal { width:286px; height:70px; margin-top:30px;}
#alt .altsol .altsosyal .altsosyal_baslik { width:100%; height:29px; border-bottom:1px solid #231f20; padding-left:12px; color:#a78f77; font-size:14px; font-weight:300; box-sizing:border-box;}
#alt .altsol .altsosyal a{ float:left; width:20px; height:18px; margin:15px 0px 0px 13px;}
#alt .altsol .altsosyal .facebook { background:url(images/icons.png) -20px -94px no-repeat; margin-bottom:12px;}
#alt .altsol .altsosyal .twitter { background:url(images/icons.png) -20px -124px no-repeat; margin-bottom:11px;}
#alt .altsol .altsosyal .instagram { background:url(images/icons.png) -20px -153px no-repeat; margin-bottom:11px;}
#alt .altsol .altsosyal .gplus { background:url(images/icons.png) -20px -182px no-repeat;}
#alt .altsol .altsosyal .facebook:hover { background:url(images/icons.png) 0px -94px no-repeat;}
#alt .altsol .altsosyal .twitter:hover { background:url(images/icons.png) 0px -124px no-repeat;}
#alt .altsol .altsosyal .instagram:hover { background:url(images/icons.png) 0px -153px no-repeat;}
#alt .altsol .altsosyal .gplus:hover { background:url(images/icons.png) 0px -182px no-repeat;}
#alt .altmenu { position:relative; width:auto; height:230px; margin:25px 50px 0px 0px;}
#alt .altmenu .altmenu_kat { width:90px; height:auto; margin-right:10px;}
#alt .altmenu .altmenu_katbaslik { width:100%; margin-bottom:5px; color:#000000; font-size:16px; font-weight:300; opacity:0.5;}
#alt .altmenu .altmenu_kat a{ float:left; width:100%; height:auto; padding:8px 0px; box-sizing:border-box; color:#000000; font-size:11px; font-weight:300; opacity:0.5;}
#alt .altmenu .altmenu_kat a:hover{ opacity:1;}

#banner { float:left; width:100%; height:300px; background:#eaeaea;}

#icerik { float:left; width:100%; min-height:200px; padding:20px 0px; color:#000;}
#icerik .icerik_sol { width:190px; height:auto; margin-left:65px;} 
#icerik .icerik_sol .sol_anakat { float:left; width:100%; height:47px; margin-bottom:15px; border:1px solid #e9e1d8;} 
#icerik .icerik_sol .sol_anakat:hover .sol_anakat_yazi p{ color:#000;} 
#icerik .icerik_sol .sol_anakat img{ float:left; width:45px; height:45px; margin:1px 10px; border:0;}
#icerik .icerik_sol .sol_anakat .sol_anakat_yazi { float:left; width:125px; height:47px; color:#d0beac; font-size:14px; box-sizing:border-box; display:table;}
#icerik .icerik_sol .sol_anakat .sol_anakat_yazi p{ display:table-cell; vertical-align:middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#icerik .icerik_sol .sol_altkat { width:100%; margin-bottom:15px; padding:10px 10px 10px 0px; border:1px solid #e9e1d8; box-sizing:border-box;} 
#icerik .icerik_sol .sol_altkat a{ float:left; width:100%; height:auto; background:url(images/icons.png?v=3) -7px -650px no-repeat; padding:0px 0px 5px 35px; color:#717070; font-weight:300; font-size:14px; box-sizing:border-box;} 
#icerik .icerik_sol .sol_altkat a:hover{ color:#000; background:url(images/icons.png?v=3) 24px -649px no-repeat;} 
#icerik .icerik_sol .sol_altkat .sol_altkathover{ color:#000; background:url(images/icons.png?v=3) 24px -649px no-repeat;} 
#icerik .icerik_sol .soldiger { width:100%; height:5px; background:url(images/icons.png?v=4) 85px -523px no-repeat;} 

#icerik .icsol { width:190px; height:auto; margin-left:65px;} 
#icerik .icsol .icsol_baslik { width:100%; height:47px; padding:13px 0px 0px 65px; background:url(images/icons.png?v=2) 12px -410px no-repeat; border:1px solid #e9e1d8; color:#d0beac; font-size:14px; box-sizing:border-box;} 
#icerik .icsol .icsol_detay { width:100%; margin-top:15px; padding:10px 10px 10px 0px; border:1px solid #e9e1d8; box-sizing:border-box;} 
#icerik .icsol .icsol_detay a{ float:left; width:100%; height:auto; background:url(images/icons.png?v=3) -7px -649px no-repeat; padding:0px 0px 5px 35px; color:#717070; font-weight:300; font-size:14px; box-sizing:border-box;} 
#icerik .icsol .icsol_detay a:hover{ color:#000; background:url(images/icons.png?v=3) 24px -649px no-repeat;} 
#icerik .icsol .icsol_detay .icsolhover{ color:#000; background:url(images/icons.png?v=3) 28px -650px no-repeat;} 
#icerik .icerik_sag { position:relative; width:670px; min-height:300px; margin-right:55px; color:#717070; font-size:14px; font-weight:300;}
#icerik .icerik_sag h1 { float:left; width:100%; padding:14px 5px 22px 0px; color:#717070; font-size:16px; box-sizing:border-box;}
#icerik .icerik_resim { position:relative; float:right; width:210px; height:145px; border:0; -webkit-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26); box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26);}

#kategori { float:left; width:880px; height:auto; margin-left:65px;}
#kategori .kat_detay { position:relative; width:210px; height:185px; margin:5px;}
#kategori .kat_detay .kat_resim { width:75px; height:75px; margin:35px 0px 10px 67px;}
#kategori .kat_detay .kat_baslik { width:100%; height:auto; color:#6f6f6f; font-size:14px; font-weight:300; text-align:center;}
#kategori .kat_detay:hover { -webkit-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26); box-shadow: 0px 0px 29px 5px rgba(0,0,0,0.26);}

/* İLETİŞİM */
.iletisim_sol { width:450px; height:auto; margin-left:66px;}
.iletisim_sag { width:321px; height:auto; position:relative; margin-right:55px;}
.iletisim_yazi { width:115px; height:22px; margin-bottom:5px; padding-top:5px; text-align:left;}
.iletisim_textbox { width:200px; height:25px; border:1px solid #8a8d8e; background:none; padding:2px; margin-bottom:5px; outline:0; position:relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.iletisim_textbox:hover { border:1px solid #000; color:#000;}
.iletisim_textbox:focus { border:1px solid #000; color:#000;}
.iletisim_textbox::-webkit-input-placeholder { color:#000;}
.iletisim_textbox:-moz-placeholder { color:#000;}
.iletisim_textbox:-ms-input-placeholder { color:#000;}
.iletisim_selectbox { width:206px; height:30px; border:1px solid #8a8d8e; color:#FFF; background:none; padding:2px; margin-bottom:5px; outline:0; position:relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.iletisim_selectbox option{ background: rgb(204, 0, 1);}
.iletisim_selectbox:hover { border:1px solid #000; color:#000;}
.iletisim_selectbox:focus { border:1px solid #000; color:#000;}
.iletisim_selectbox::-webkit-input-placeholder { color:#000;}
.iletisim_selectbox:-moz-placeholder { color:#000;}
.iletisim_selectbox:-ms-input-placeholder { color:#000;}
.iletisim_textarea { width:200px; height:60px; border:1px solid #8a8d8e; background:none; padding:2px; margin-bottom:5px; outline:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.iletisim_textarea:hover { border:1px solid #000; color:#000;}
.iletisim_textarea:focus { border:1px solid #000; color:#000;}
.iletisim_textarea::-webkit-input-placeholder { color:#000;}
.iletisim_textarea:-moz-placeholder { color:#000;}
.iletisim_textarea:-ms-input-placeholder { color:#000;}
.iletisim_verify { position:absolute; top:1px; right:1px; width:91px; height:31px;}
.iletisim_buton { width:206px; height:35px; outline:none; padding:0px 10px; text-align:center; border:1px solid #8a8d8e; background:none; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.iletisim_buton:hover { border:1px solid #000; color:#000;}
.iletisim_hata { width:100%; height:auto; margin-bottom:10px;}
.iletisim_harita { float:left; width:100%; height:auto; border:none; margin-top:20px; box-sizing:border-box;}

label.error { position:absolute; top:140px; left:130px; width:200px; display: block; color:#fff; font-family:'Exo 2'; font-size:12px;}
div.message{ background: transparent url(images/arrow.png) no-repeat scroll center left; padding-left: 3px;}
div.error{width: 160px; background:#990000; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding: 5px; border-radius:3px;}

/* ÜRÜNLER */
.urunler { float:left; position:relative; width:100%; height:auto;}
.urunler .urun { position:relative; width:187px; height:192px; color:#3d474f; border:1px solid #d7d7d7; margin:0px 0px 30px 34px;}
.urunler .urun:hover { border:1px solid #d0beac;}
.urunler .urun:hover .urun_ad { color:#FFF; background:#d0beac;}
.urunler .urun .urun_ad { width:100%; height:30px; padding:0px 10px; background:#d7d7d7; color:#6f6f6f; font-size:12px; font-weight:300; text-align:center; box-sizing:border-box; display:table;}
.urunler .urun .urun_ad p{ display:table-cell; vertical-align:middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* ÜRÜN DETAY */
.detay_resimler { width:670px; height:auto; border:1px solid #e9e1d8;}
.detay_resimler_sol { width:670px; height:auto;}
.detay_resim { width:auto; height:auto; padding:0px 0px; margin-bottom:5px;}
.detay_resimk { width:120px; height:auto; padding:0px 0px; margin:0px 7px;}

.kat_detaybaslik { width:100%; height:49px; margin-bottom:15px; font-size:18px; display:table;}
.kat_detaybaslik p{ display:table-cell; vertical-align:middle; font-weight:300;}

.urun_ozet { width:100%; height:auto; margin:20px 0px;}

.detay_ozellikler { clear:left; width:100%; height:auto; margin-top:10px;}
.detay_ozellikler .sol_baslik { width:100%; height:auto; padding:5px 0px 15px 0px; font-size:18px; font-weight:300; box-sizing:border-box;}
.detay_ozellikler .detay { width:100%; height:auto;}

.detay_urunler { position:relative; width:100%; height:auto; margin-top:10px;}
.detay_urunler .sol_baslik { width:100%; height:auto; padding:5px 0px 15px 0px; font-size:18px; font-weight:300; box-sizing:border-box;}
.detay_urunler .urun { position:relative; width:187px; height:192px; color:#3d474f; border:1px solid #d7d7d7;}
.detay_urunler .urun:hover { border:1px solid #d0beac;}
.detay_urunler .urun:hover .urun_ad { color:#FFF; background:#d0beac;}
.detay_urunler .urun .urun_ad { width:100%; height:30px; padding:0px 10px; background:#d7d7d7; color:#6f6f6f; font-size:12px; font-weight:300; text-align:center; box-sizing:border-box; display:table;}
.detay_urunler .urun .urun_ad p{ display:table-cell; vertical-align:middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.urun_liste { width:100%; height:200px; border:1px solid #d0d0d0; margin:2px 0px 5px 0px;}
.urun_liste .urun_liste_sag { width:550px; height:auto;}
.urun_liste .urun_liste_sag .urun_liste_driver { width:100%; height:auto;}
.urun_liste .urun_liste_sag .urun_liste_driver span{ float:left; width:100%; height:50px; border-bottom:1px solid #d0d0d0; padding-top:16px; box-sizing:border-box;}
.urun_liste .urun_liste_sag .urun_liste_driver a{ float:left; width:265px; height:42px; background:url(images/icons.png) 0px -553px no-repeat; margin:7px 10px 0px 0px; padding:12px 0px 0px 40px; color:#3d474f; box-sizing:border-box;}