@charset "utf-8";

ul, li { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; }

.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a strong { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.header .menuBar ul { min-width: 1px; width: 100%; float: none; min-height: 1px; float: right; position: relative; }
.header .menuBar ul li { width: auto; float: left; }
.header .menuBar > ul > li { float: none; display: inline-table; vertical-align: text-bottom; margin: 0px 13px 0 0; }
.header .menuBar > ul > li:last-child { margin-right: 0; border-right: 0px; padding-right: 0px; }
.header .menuBar ul > li:last-child, .header .menuBar ul > li:last-child a { }
.header .menuBar ul > li:last-child a:after { display: none; }
.header .menuBar ul li a { min-width: 1px; width: auto; min-height: 1px; height: auto; display: block; font-size: 14px; line-height: 14px; color: #ffffff; padding: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.header .menuBar > ul > li > a { position: relative; font-weight: 300; padding: 14px 0; margin: 0; }
.header .menuBar ul li.active > a, .header .menuBar ul li > a.active, .header .menuBar ul li.active a:hover, .header .menuBar ul li.acildi > a { }
.header .menuBar ul li.acildi > a { color: #e31e24; }
.header .menuBar ul li ul li.acildi > a { background: #fff; }
.header .menuBar ul li > a:hover { color: #e0c5a9; }
.header .menuBar ul li a.secili { }
.header .menuBar ul li.secili:hover { }
.header .menuBar ul li ul { position: absolute; width: 217px; min-height: 0px; display: none; background: #e31e24; z-index: 999999; margin-top: 0; padding: 11px 0px; box-sizing: border-box; border: solid 0px #fff; box-sizing: border-box; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); }
.header .menuBar ul li ul ul { left: 100%; top: 0px; }
.header .menuBar ul li ul li { width: 100%; float: left; position: relative; }
.header .menuBar ul li ul li a { width: 100%; min-height: 1px; height: auto; text-align: left; font-weight: normal; text-decoration: none; color: #ffffff; display: block; font-size: 13px; padding: 8px 18px; line-height: 16px; background: none; border-right: none; margin-left: 0px; border-radius: 0px; font-family: tahoma; font-style: normal; box-sizing: border-box; font-weight: 300; }
.header .menuBar ul li ul li a:hover { background: #fff; color: #e31e24; }
.header .menuBar ul li ul li:last-child a { border: none; }
.header .menuBar ul li ul .ucgn { width: 16px; height: 8px; position: absolute; left: 15px; top: -7px; background: url(../images/ucgn.png) no-repeat; display: none; }




.header .menuBar ul li .menuWrap { width: 100%; min-height: 50px; position: absolute; left: 0px; margin-top: 0; padding-top: 0; display: none; background: #ffffff; border-bottom: solid 7px #e31e24; padding: 19px 24px 31px 10px; box-sizing: border-box; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.21); opacity: 1; }
.header .menuBar ul li .menuWrap ul, .header .menuBar ul li .menuWrap ul li { display: inherit; box-sizing: border-box; padding: 0px; margin: 0px; box-shadow: none; }
.header .menuBar ul li .menuWrap ul.megam { width: 230px; float: left; position: static; display: inherit; background: none; padding: 10px 20px 0px 20px; margin: 0px; min-height: 234px; }
.header .menuBar ul li .menuWrap ul.megam > li { width: 100%; float: left; padding: 0; background: none; margin-bottom: 0; position: static; }
.header .menuBar ul li .menuWrap ul.megam > li:last-child { margin-bottom: 0; }
.header .menuBar ul li .menuWrap ul.megam > li > a { font-size: 16px; line-height: 16px; color: #000000; padding: 6px 0; }
.header .menuBar ul li .menuWrap ul.megam > li.acildi > a { color: #e31e24; }
.header .menuBar ul li .menuWrap ul.megam > li ul { width: 100%; float: left; display: inherit; position: static; background: none; margin-top: 5px; }
.header .menuBar ul li .menuWrap ul.megam > li ul li { }
.header .menuBar ul li .menuWrap ul.megam > li ul li a { }
.header .menuBar ul li .menuWrap ul.megam > li ul li a:hover { }
.header .menuBar ul li .menuWrap ul.megam > li ul li.tumu a { color: #e31e24; font-weight: 600; font-size: 13px; }
.header .menuBar ul li .menuWrap .rkAlani { width: 384px; float: right; }
.header .menuBar ul li .menuWrap .rkAlani img { float: left; width: calc(50% - 5px); margin-right: 10px; }
.header .menuBar ul li .menuWrap .rkAlani img:nth-child(2n) { margin-right: 0px; }
.header .menuBar ul li .menuWrap.tek ul.megam { width: calc(100% - 220px); }
.header .menuBar ul li .menuWrap.tek .rkAlani { width: 192px; }
.header .menuBar ul li .menuWrap.tek .rkAlani img { width: 100%; }
.header .menuBar ul li .menuWrap.yok ul.megam { width: 100%; }

.header .menuBar ul li .menuWrap.hActive { }
.header .menuBar ul li .menuWrap.hActive ul.megam { width: calc(100% - 290px); }
.header .menuBar ul li .menuWrap.hActive .mHover { width: 280px; float: right; text-align: center; }
.header .menuBar ul li .menuWrap.hActive .mHover .hRes { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.header .menuBar ul li .menuWrap.hActive .mHover strong { width: auto; display: inline-table; margin-top: 30px; }
.header .menuBar ul li .menuWrap.hActive .mHover strong a { font-size: 14px; line-height: 14px; font-weight: 400; border: solid 1px #000; color: #000; letter-spacing: 2px; padding: 12px 14px; }

.header .menuBar ul li .menuWrap.hActive .mHover .hRes { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }


.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs { width: calc(100% - 230px); position: absolute; left: 230px; top: 0; margin: 0; display: none; box-sizing: border-box; padding: 20px 40px; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li { width: 25%; float: left; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a { text-align: center; float: left; position: relative; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .resim { width: 100%; float: left; position: relative; padding: 0 10px; box-sizing: border-box; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .resim img { width: 100%; float: left; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a strong { width: 100%; float: left; font-size: 12px !important; line-height: 12px; font-weight: 400; color: #000000; letter-spacing: 1px; margin-top: 4px; font-weight: 400 !important; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a:hover strong { color: #e31e24; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat { width: 100%; float: left; position: relative; display: table; table-layout: fixed; border: solid 1px #e1e1e1; padding: 14px 7px; box-sizing: border-box; margin-top: 16px; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat div { width: 50%; display: table-cell; vertical-align: middle; font-size: 12px; line-height: 12px; color: #000000; font-weight: bold; text-decoration: line-through; letter-spacing: 1px; font-weight: 400; }
.header .menuBar ul li .menuWrap ul.megam > li ul.urunGs li a .fiyat div:last-child { font-size: 14px; text-decoration: none; font-weight: bold; }


.header .menuBar ul li .menuWrap.acik { opacity: 1; margin-top: 0px; }




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

	a.kmenu { display: block; }
	.ucgn2 { display: block; width: 13px; height: 6px; position: absolute; right: 13px; top: -6px; background: url(../images/ucgn.png) no-repeat; z-index: 99999999999999999; }
	.header .menuBar > ul > li > a:after { display: none; }
	.header .menuBar ul ul, .header .menuBar ul li, .header .menuBar ul li a { width: 100%; float: left; box-sizing: border-box; }
	.header .menuBar > ul { width: 230px; height: auto; float: left; color: #fff; display: none; position: absolute !important; right: 0; background: #5F5F5F; position: relative; z-index: 99999999; /* margin-top: 52px; */ top: 46px; -webkit-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.43); -moz-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.43); box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.43); padding-right: 0px; padding-left: 0px; }
	.header .menuBar > ul > li.ana { width: 100%; }
	.header .menuBar > ul > li.ana > a { width: 100%; height: auto; background: none; }
	.header .menuBar > ul > li.ana > a:before { content: "Anasayfa"; }
	.header .menuBar > ul li { width: 100%; float: left; font-size: 13px; margin-bottom: 0px; padding-bottom: 0px; border-bottom: solid 1px rgb(95, 95, 95); margin: 0px; border-right: none; padding: 0; }
	.header .menuBar > ul li a { box-sizing: border-box; padding: 13px 25px !important; position: relative; border-right: none; color: #FFFFFF; font-size: 13px; font-weight: 500; border: none; margin-left: 0px !important; t; text-align: right; border-radius: 0px; background-image: none; text-shadow: none; }
	.header .menuBar > ul li.active a, .header .menuBar > ul li a.active, .header .menuBar > ul li.active a:hover { color: #FFFFFF !important; border: none !important; border-bottom: none !important; border-top: none !important; background: #474747; }
	.header .menuBar > ul li a:hover { color: #FFFFFF !important; background: none; }
	.menus:last-child a, .menus:last-child a span .menus:last-child { padding-right: inherit; margin-right: inherit; padding: 13px 25px; }
	.header .menuBar ul li ul { position: relative; float: left; box-sizing: border-box; padding-left: 0; padding-right: 0; width: 100%; min-height: 0px; display: none; background: #403F3F; border-bottom: none; margin-top: 0px; border: none; border-radius: 0px; padding: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
	.header .menuBar ul ul li { border-bottom: solid 1px #3C3C3C; border-right: none; }
	.header .menuBar ul li ul li a { width: 100%; min-height: 1px; height: auto; text-align: left; font-weight: normal; text-decoration: none; color: #fff; line-height: 1em; display: block; font-size: 12px; padding: 10px 30px 10px 10px; background: none; border-bottom: solid 1px #54524f; margin-left: 0px; border-radius: 0px; text-align: right; }
	.header .menuBar ul ul li:last-child a { border-bottom: none; }
	.header .menuBar ul ul ul { width: 100%; background: #2c2c2c; }
	.menuWrap ul ul li, .alt_menus li a { width: 100%; float: left; }
	.header .menuBar ul ul ul li a { padding-right: 40px; font-size: 12px; }
	.header .menuBar ul li ul li a:hover { color: #ffffff; background: none; }
	.menuWrap { display: block; min-width: 0px; background: none !important; }
	.menuWrap ul { display: none; }
}