﻿
@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: 0;width: auto;margin-right: 20px;}
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: 16px;line-height: 16px;font-weight: 400;color: #ffffff;padding: 0;transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;}
header.koyu .menuBar ul li a { color:#434343 }
header .menuBar > ul > li > a {position: relative;padding: 0;margin: 0;text-transform: uppercase;letter-spacing: 1px;}
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: #dfb773;}
header .menuBar ul:after { content: ""; }



@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/mas.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%; }
}
