/* ff6600 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navsol-Cab::-webkit-scrollbar{width: .3vw;}

.navErgo {
	margin: 0vw;									/*İLK MENU*/
	padding:0vw;
//	-webkit-transform: translateX(0);			/* SAĞ MENÜ İÇİN 100% */
//		    transform: translateX(0);			/* SAĞ MENÜ İÇİN 100% */
	display: flex;
	position: fixed;
	cursor: pointer;
	z-index: 99;
	left: -0.8vw;
	width: 3vw;
	top: 30vh;
	height: 40vh;
	border:none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	transition: .5s;
	transition-timing-function: ease-in;
    -webkit-border-radius: 0 3vw 3vw 0;
    -moz-border-radius: 0 3vw 3vw 0;
    border-radius: 0 3vw 3vw 0;
	background-color: rgba(255,255,255,0.7); 		/* MENU BCK */
	-webkit-box-shadow: .1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);
	   -moz-box-shadow: .1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);
			box-shadow: .1vw .5vw .8vw rgba(0,0,0,0.3), inset -.8vw 1vw 1vw rgba(100,100,100,1);  /* ERGO BACKGR */
}
.navErgoAc{
  -webkit-transform: translateX(210%);		/* SAĞ MENÜ İÇİN 0 */
          transform: translateX(33.8vw);		/* SAĞ MENÜ İÇİN 0 */
}
.navErgoKapa{
  -webkit-transform: translateX(0);		/* SAĞ MENÜ İÇİN 0 */
          transform: translateX(0);		/* SAĞ MENÜ İÇİN 0 */
}

.navErgoTxt{ 
display:block;
position:absolute;
right:-6.2vw;
top:9.1vw;
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
white-space:nowrap;
}
.navErgoTxt a{ 
color:#333;font-size:1.2vw;font-weight:700;text-decoration:none;word-spacing: .2vw;letter-spacing: .2vw;
text-shadow: -1px 1px 2px #fff, -1px 1px 2px #fff;
}

.navsol-CabKapa{
		-webkit-transform: translateX(0);			/* SAĞ MENÜ İÇİN 100% */
		    transform: translateX(0);			/* SAĞ MENÜ İÇİN 100% */
  //opacity: 0;
  //visibility: hide;
}

.navsol-CabAc{
		-webkit-transform: translateX(100%);			/* SAĞ MENÜ İÇİN 100% */
		    transform: translateX(100%);			/* SAĞ MENÜ İÇİN 100% */
  //opacity: 1;
  //visibility: visible;
}

.navsol-Cab {
	margin-top: 0vw;									/*İLK MENU*/
	padding-top:0vw; /* bunuda değiştir2 */

	display: flex;
	position: fixed;
	z-index: 1000001;
	top: 0;
	left: -35vw;								/* SAĞ MENÜ İÇİN right:0 */
	width: 34vw;
	height: 100vh;
	
	border:none;
	font-size:.9vw;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: .5s;
	transition-timing-function: ease-in;
	-webkit-box-shadow: 0 10px 10px 0px #000;
	   -moz-box-shadow: 0 10px 10px 0px #000;
			box-shadow: 0 10px 10px 0px #000;
background-color: rgba(255,255,255,.8); 		/* MENU BCK */
/*	backdrop-filter: blur(5px); yazıları bulanıklaştırıyor
/*	-moz-backdrop-filter: blur(5px);
/*
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top left, #fff 0%,#eee 100%);
background: -o-linear-gradient(top, #fff 0%,#eee 100%);
background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
background: linear-gradient(top, #fff 0%,#eee 100%);
*/
}
.navsol-Cab a{text-decoration:none;}
.navsol-Cab ul li:before {content: '';}
.navsol-items {flex: 0 0 100%;}
.navsol-item:not(:last-child) {
	border-bottom: solid 1px #ddd; /*MENU ARA ÇİZGİLER*/
	//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.navsol-link {
	display: block;
	padding: .7vw 2vw;
	/*background-color: #fff;		/*MENU ITEM BCK*/
	color: #000;				/*MENU TEXT COLOR*/
	font-size:1vw;
	text-rendering: geometricPrecision; /* keskin fontlar */
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	line-height: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
}
.navsol-link:hover {				/*ANA MENU HOVER*/
	//background-color: rgba(0,0,0,0.5);
	background-color: var(--r);						/*ANA MENU HOVER BACKGROUND*/
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color: #fff;
}

.navsol-expand-content {								/*2. MENU*/
	padding-top:0vw;	/* bunuda değiştir2 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(100%);
		    transform: translateX(100%);
	transition: .5s;
	transition-timing-function: ease-in;
	visibility: hidden;
}
.navsol-expand-content .navsol-item:not(:last-child) {
	border-bottom: solid 1px #ddd; /*2. MENU ARA ÇİZGİLER*/
	//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.navsol-expand-content .navsol-item:hover{ /*2. MENU HOVER*/
	//background-color: rgba(0,0,0,0.5);
	background-color: var(--r);		/*ALT MENU HOVER BACKGROUND*/
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	color: #fff;
}
.navsol-expand-content .navsol-link {
	text-transform: capitalize;
	padding: .7vw 2vw;
}
.navsol-expand-content .navsol-back-link {/* GERİ TUŞ */
  display: block;
  align-items: center;
  background-color: var(--r) !important;    /* GERİ TUŞ BCK */
  color: #fff;
  padding: .7vw 2vw;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.navsol-expand-content .navsol-back-link::before {
  content: "➤";
  display: inline-block;
  margin-right: 0.5em;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  text-shadow:-1px -1px 1px rgba(255,255,255,0.5);
}
.navsol-expand-link {
	cursor:pointer;
  display: flex;
  justify-content: space-between;
}
.navsol-expand-link::after {
  content: "➤";
  flex: 0 1 auto;
  color:#000;
}
.navsol-expand.active > .navsol-expand-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.navsol-expand .navsol-expand-content {background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px);} 												/* 1. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-link {background: none;}															/* 1. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content {background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px);}							/* 2. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-link {background: none;}										/* 2. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content {background-color: rgba(255,255,255,1)}		/* 3. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-link {background: none}					/* 3. MENU TUŞ BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-expand-content {background-color: #aaa}	/* 4. MENU BACK*/
.navsol-expand .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-expand-content .navsol-link {background-color: #ccc;}/* 4. MENU TUŞ BACK*/

@media only screen and (max-width: 799px) {
 .navErgo{display:none} /*mobil için flex */
 .navsol-Cab{display:none}
}