@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 { width: auto; float: left; position: relative; }
header .menuBar ul li { width: auto; float: left; }
header .menuBar > ul > li {position: relative;padding: 23px 25px 23px 0;width: auto;margin-right: 22px;}
header .menuBar > ul > li[data-text="Ürünler"] { padding-right: 0; margin-right: 0 }
header .menuBar > ul > li[data-text="Ürünler"]:after { display:none }
header .menuBar > ul > li.mobil { display:none }
header .menuBar > ul > li:after {content: "";width: 1px;height: 24px;position: absolute;right: 0;top: calc(50% - 12px);background: #fff;}
header .menuBar > ul > li:last-child { margin-right: 0; border-right: 0px; padding-right: 0px; }
header .menuBar > ul > li:last-child:after {display:none}
header .menuBar ul li a {min-width: 1px;width: auto;min-height: 1px;height: auto;display: block;font-size: 17px;line-height: 17px;font-weight: 400;color: #ffffff;padding: 0;transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;}
header.koyu .menuBar ul li a { color:#6c6c6c }
header.koyu .menuBar ul li:after { background: #b4b4b4 }
header .menuBar > ul > li > a {position: relative;padding: 0;margin: 0;text-transform: uppercase;}
header .menuBar > ul > li:last-child > a { padding-right: 0; }
header .menuBar > ul > li:last-child > a:before { display: none; }
header .menuBar > ul > li:hover > a {color: #045792;}
header .menuBar ul:after { content: ""; }


header .menuBar ul li ul li.acildi > a { background: #38515e; color: #fff; }
header .menuBar ul li ul {position: absolute;width: 222px;min-height: 0px;display: none;background: #ffffff;z-index: 999999;margin-top: 20px;padding: 0;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 16px 45px rgba(0,0,0,0.21);border-radius: 0;}
header .menuBar ul li ul ul { left: 100%; top: 0px; margin: 0; }
header .menuBar ul li ul li { width: 100%; float: left; position: relative; }
header .menuBar ul li ul li:last-child { border-bottom: 0; }
header .menuBar ul li ul li a {width: 100%;display: block;padding: 15px 20px;margin: 0;background: none;font-size: 15px;line-height: 14px;font-weight: 400;color: #000000;}
header .menuBar ul li ul li a:hover {background: #0058a9;color: #fff;}
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 #faa61a; 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: #faa61a; }
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: #faa61a; 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: #faa61a; }
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 { 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; display: initial;}
	header .menuBar ul li a { font-size: 20px; line-height: 23px; }
	header .menuBar ul { width:100%; float:left; }
	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: 0px 0px 12px 0 !important; text-align: center; opacity: 0; transition: all .6s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); }
	header .menuBar > ul li a { padding: 0 !important; margin: 0 0 0 0 !important; width: 100%; font-size: 20px; line-height: 23px; font-weight: 200;  text-align: center;}
		header .menuBar > ul li a.sub {display:flex; flex-wrap:wrap; flex-direction: row;align-items: center;justify-content: center;}
	header .menuBar > ul li a.sub:after {content:""; width:10px; height:6px; position:relative;  background:url(../images/mnar.svg) no-repeat;margin: 0 0 0 9px;transition: all .6s cubic-bezier(.645,.045,.355,1) 0s;}
	header .menuBar > ul li a.sub.acildi:after {transform:rotate(180deg)}
	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;  border-bottom: none; margin-top: 0px; border: none; border-radius: 0px; padding: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none;margin: 11px 0 0 0;}
	header .menuBar ul ul li {  border-right: none; margin: 0 0 10px 0;}
	header .menuBar ul li ul li a { width: 100%; float: left;               font-size: 15px;line-height: 15px;color: #fff;}
	header .menuBar ul ul li:last-child a { border-bottom: none; }
	header .menuBar ul ul ul { width: 100%; background: #2c2c2c; }
	
	header .menuBar ul li ul ul {width: 100%;left: 0;background: none;margin: 15px 0 9px 0;}	

	.menuWrap ul ul li, .alt_menus li a { width: 100%; float: left; }
	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 > li { opacity: 1; transform: translateY(0) !important; visibility: visible; }
	header.acildi .menuBar > ul > li:not(.acildi) { opacity: 0;   position:absolute;left: 100%;}

}



@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 { 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; display: initial; }
	header .menuBar ul li a { font-size: 20px; line-height: 23px; }
	header .menuBar ul { width: 100%; float: left; }
	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: 0px 0px 12px 0 !important; text-align: center; opacity: 0; transition: all .6s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); }
	header .menuBar > ul li a {padding: 0 !important;margin: 0 0 0 0 !important;width: 100%;font-size: 22px;line-height: 23px;font-weight: 500;text-align: center;}
	header .menuBar > ul li a.sub {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
	header .menuBar > ul li a.sub:after {content: "";width: 10px;height: 6px;position: relative;background: url(../images/mnar.svg) no-repeat;margin: 0 0 0 9px;transition: all .6s cubic-bezier(.645,.045,.355,1) 0s;}
	header .menuBar > ul li a.sub.acildi:after { transform: rotate(180deg); }
	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: #3a3a3a !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; border-bottom: none; margin-top: 0px; border: none; border-radius: 0px; padding: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: none; margin: 11px 0 0 0; }
	header .menuBar ul ul li { border-right: none; margin: 0 0 10px 0; }
	header .menuBar ul li ul li a {width: 100%;float: left;font-size: 15px;line-height: 15px;color: #000;}
	header .menuBar ul ul li:last-child a { border-bottom: none; }
	header .menuBar ul ul ul { width: 100%; background: #2c2c2c; }

	header .menuBar ul li ul ul { width: 100%; left: 0; background: none; margin: 15px 0 9px 0; }

	.menuWrap ul ul li, .alt_menus li a { width: 100%; float: left; }
	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 > li { opacity: 1; transform: translateY(0) !important; visibility: visible; }
	header.acildi .menuBar > ul > li:not(.acildi) { opacity: 0; position: absolute; left: 100%; }

	header .menuBar > ul > li.mobil { display: initial }
}