﻿@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: 25px;padding: 0 25px 0 0;}
header .menuBar > ul > li.mob { display: none }
header .menuBar > ul > li:after {content: "";width: 2px;height: 17px;position: absolute;right: 0;top: calc(50% - 9px);background: #ffffff;border-radius: 100%;}
header .menuBar > ul > li:last-child, header .menuBar > ul > li:nth-last-child(2) { margin-right: 0; border-right: 0px; padding-right: 0px; }
header .menuBar > ul > li:last-child:after, header .menuBar > ul > li:nth-last-child(2):after {display:none}
header .menuBar > ul > li > a {min-width: 1px;width: auto;min-height: 1px;height: auto;display: block;font-size: 18px;line-height: 18px;font-weight: 500;color: #ffffff;padding: 0;transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;}
header.koyu .menuBar ul li a {color: #5b5851;}
header.koyu  .menuBar > ul > li > a.secili:after {background-image: url(../images/arrow.svg);}
header .menuBar > ul > li > a {position: relative;padding: 25px 0;margin: 0;}
header .menuBar > ul > li > a.secili:after {content: "";width: 11px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/mnar-byz.svg) no-repeat center;}
header .menuBar > ul > li > a.secili {padding-right: 21px;}
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: #5eb7b5;}



header .menuBar ul li ul li.acildi > a {background: #fab64a;color: #fff;}
header .menuBar ul li ul {position: absolute;width: 192px;min-height: 0px;display: none;background: #ffffff;z-index: 999999;margin-top: -1px;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 6px 5px 0px rgba(0,0,0,0.21);border-radius: 21px;padding: 20px 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: 14px;line-height: 14px;font-weight: 500;color: #41454e;text-transform: uppercase;}
header .menuBar ul li ul li a:hover {background: #009688;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; }





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


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