@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 8px 0px 0;padding: 0px 19px 0 0;position: relative;}
header .menuBar > ul > li:last-child { margin-right: 0; border-right: 0px; padding-right: 0px; }
header .menuBar ul > li:last-child a:after { display: none; }
header .menuBar ul > li:last-child:after {display:none}
header .menuBar > ul > li:after { content: ""; width: 10px; height: 2px; position: absolute; right: 0px; top: calc(50% - 1px); background: #fff; }
header .menuBar ul li a {min-width: 1px;width: auto;min-height: 1px;height: auto;display: block;font-size: 17px;line-height: 17px;color: #ffffff;letter-spacing: 0.6px;padding: 0;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;}
header .menuBar > ul > li > a { position: relative; padding: 6px 0 6px 0; margin: 0; font-weight: 600; }
header .menuBar ul li.acildi > a { color: #ed272a; }
header .menuBar ul li ul li.acildi > a { background: #fff; }
header .menuBar ul li ul { position: absolute; width: 217px; min-height: 0px; display: none; background: #ed272a; 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: #ed272a; }
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 #ed272a; 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: #ed272a; }
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.tumu a { color: #ed272a; 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 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: #ed272a; }
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 li { margin: 0 0 20px 0; }
	header .menuBar ul li:last-child { margin-bottom: 0; }
	header .menuBar ul ul, header .menuBar ul li, header .menuBar ul li a { width: 100%; float: left; box-sizing: border-box; }
	header .menuBar ul li a { font-size: 20px; line-height: 23px; }
	header .menuBar > ul { width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 99; pointer-events: none; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
	header.active .menuBar > ul { pointer-events: auto; opacity: 1; visibility: visible; }
	header.active .menuBar > ul:after { height: 100%; }
	header .menuBar > ul:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 0; z-index: 0; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; background: #ea663285; backdrop-filter: blur(12px); }
	header.active .menuBar > ul > li { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
	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; padding: 0 !important; margin: 0 0 12px 0 !important; width: 100%; float: left; position: relative; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); z-index: 40; }
	header .menuBar > ul li a {padding: 0 !important;margin: 0 0 0 0;width: 100%;font-size: 23px;line-height: 29px;font-weight: 300;/* font-family: 'play'; */text-align: center;}
	header .menuBar > ul > li:after { display: none; }
	header .menuBar > ul > li > a:before { display: 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; }


	header .menuBar.active > ul {opacity: 1;pointer-events: auto;visibility: visible;background: rgb(44 90 147 / 55%);backdrop-filter: blur(12px);}

	header .menuBar.active > ul > li { opacity: 1; transform: translateY(0) !important; visibility: visible; }
}