
ol, ul {  list-style: none; }

/* Flexnav Base Styles */

.flexnav {-webkit-transition:none; -moz-transition:none;  -ms-transition:none;  transition:none; -webkit-transform-style:preserve-3d; overflow:hidden;
          margin:0 auto; width:auto; max-height:0; float:none;}
  .flexnav.opacity {opacity:0;}
	
  .flexnav.flexnav-show { max-height:2000px; opacity:1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
	
  .flexnav li {position:relative; overflow:hidden; float:none;  width:100%;}
  .flexnav li a {position:relative; display:block; z-index:2; overflow:hidden;
                 width:auto; padding:0 20px; font-family: 'open_sanslight';
				 font-size:20px; color:#010101; text-align:center; line-height:48px;
                 background:#fff;   border-bottom:1px solid #010101;           
				 transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; -o-transition:all 0s;}
  .flexnav li a:hover {background:#e3c8ae; color:#1b1919;}
  .flexnav li ul {width:100%;}
  .flexnav li ul li {position:relative; overflow:hidden;}
  .flexnav li ul.flexnav-show li {overflow:visible;}
  .flexnav li ul li a {display:block; background:#fff; width:100%; line-height:100%; font-size:20px; padding:10px; margin:0 0 1px 0;} 
  .flexnav li ul li a:hover {background:#010101; color:#fff;} 
  .flexnav ul li ul li a {background:none;}
  .flexnav ul li ul li ul li a {background:none;}
  
.flexnav .touch-button {position:absolute; z-index:999; top:0; right:0;
                        width:100%; height:38px; display:inline-block; text-align:center;}
    .flexnav .touch-button:hover {cursor:pointer;}
    .flexnav .touch-button .navicon {position:relative; line-height:48px; font-size:6px; color:#2d2828;}

  
.menu-button {position:relative; display:block; height:48px; cursor:pointer; padding:0 56px 0 20px;
              font-size:18px; color:#fff; text-align:left; line-height:48px;}
  .menu-button .touch-button {background:url(../../img/menu.png) no-repeat center; position:absolute; z-index:999; top:0; left:0; width:100%; height:48px; display:inline-block; text-align:center;}
    .menu-button .touch-button .navicon {font-size:12px; position:relative; line-height:48px; color:#fff;}


@media all and (min-width:1000px) {

  .flexnav {overflow:visible;}
    .flexnav.opacity {opacity:1;}
    .flexnav li {position:relative; list-style:none; float:left; display:block; overflow:visible; width:auto;}
	.flexnav li a {line-height:48px; font-size:20px; padding:0 20px; color:#010101; background:none;  border-bottom:none;}
	.flexnav li a:hover, .flexnav li a.secili {background:url(../../img/ms.png) no-repeat center bottom; background-size:50% 2px;}
    .flexnav li ul {width:100%; margin:0;}
     .flexnav li ul.imajli {width:660px; background:#fff;}
	   .acilanmenukolon {float:left; background:#fff; display:block; width:220px; padding:10px;}
		.acilanmenukolon img {width:100%; display:block;}
	.flexnav li > ul {position:absolute; top:auto; left:-100px;}
    .flexnav li > ul li {width:100%}
    .flexnav li ul li > ul {margin-left:100%; top:0;}
    .flexnav li ul li a {line-height:30px; font-size:20px; padding:0; color:#010101; width:100%; background:#fff; text-align:center; }

  .flexnav li ul.open {display:block; opacity:1; visibility:visible; z-index:1;}
  .flexnav li ul.open li {overflow:visible;   max-height:100px;}
  .flexnav li ul.open ul.open {margin-left:100%;   top:0;}

.flexnav .touch-button {width:100%; height:48px;}
  .flexnav .touch-button .navicon {line-height:48px; color:#2d2828;}
  
  .menu-button {display:none;}
  
  }




@media only screen and (max-width: 1280px) {


  .flexnav li a {padding:0 5px; font-size:16px;  }

}


@media only screen and (max-width: 1000px) {


  .flexnav li a {padding:0; font-size:18px; line-height:30px; }
  
       .flexnav li ul.imajli {width:100%;}
	   .acilanmenukolon {float:none; width:100%; padding:0;}
	    .acilanmenukolon img { display:none;}

   .flexnav li ul li a { line-height:30px; font-size:16px; padding:0; margin:0;} 
 
}