

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.menu-default-kabuk{
display:block;
position:relative;
width:100%;
padding:0px 0 0;
text-align:center;
 background:#1c3f74;

 }

.menu-default-astar{
width:1200px;
text-align:center;
display:inline-block;
margin:10px auto;
position:relative;
z-index:999;

}

.nav-contanier-fluid{
    /*display:block;
    width:100%;
    position:absolute;
    z-index:99;    */
    border:0px solid #fff;
}



.nav-row {
/*position:relative;   */
display:block;
width:100%;
padding:0px;

height:auto;
}


nav {
    margin: 0;
    padding:0px;
    /*position:relative;   */
text-align:right;

}



nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: none;
    padding: 0;
    margin: 0 auto;
    list-style: none;
/*position:relative;   */
display:inline-block;
border:0px solid #f93;
}

nav ul li {
margin: 0px;
display: inline-block;
float: left;
background-color:transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.li-language{
    display:none;
}

nav ul li label {
    display: none;  /*inline-block*/
    margin:0 0px 0 -10px;
    font-size: 18px;
    line-height:50px;
    padding:0 10px 0 0;
    border:1px solid #eee;
    color:#fff;;
    float:right;

}

nav ul li label span{
padding:0 20px 0 0;
}

nav ul li  {
margin: 0px 10px;
display: inline-block;
text-decoration:none;
display: block;
padding: 0 10px;
color:#fff;
font-size: 14px;
line-height: 30px;
float:left;
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 border:1px solid transparent;
 border-radius:50px;
 z-index: 5;
}

nav ul li a  {
color:#fff;
}

nav ul li a u {
display:none;
}

nav ul li:hover  {
border:1px solid #fff;
color:#fff;
text-decoration:none;
border-radius:50px;
 }

nav ul li a:hover   {

}


nav ul ul {
display: none;
position: absolute;
padding-top:30px;
margin-left:-30px;
width:100% ;
left:30px;
}

nav ul ul .genis-frame {
    width:100%;
    display:block;
    position:relative;
    top:0px;
    left:0;
    background:#fff;
    padding:10px 0;
    border-radius:10px;
    -webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
}

.frame-astar {
    width:18%;
    display:block;
    float:left;
    margin-right:2%;

}

.frame-astar h4{
    display:block;
    text-align:left;
    font-size:14px;
    padding:5px 10px;
    color:#333;
    margin:5px;
    font-family: 'robotobold';
    border-bottom:1px solid  rgba(0,0,0,0.5);
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
    float: none;
    display: list-item;
    position: relative;
    width:100%;
    border-radius:0;
    border:0;
    border-bottom:1px dotted  rgba(0,0,0,0.2);

}

nav ul ul li a{
    display:block;
    float:none;
    position: relative;
    text-align:left;
	font-size: 12px;
    font-family: 'robotomedium';
    line-height: 15px;
    padding:5px 0;
    color:#555;
    border-radius:0;
    border:0;
}

nav ul ul li label{
    display:block;
    position: relative;
    border:none;
    position:absolute;
    right:0px; top:0;
    border:0;

}

nav ul ul li:hover   ,nav ul ul li:hover label {
    color:#222;
    border-radius:0;
    border:#fff;
    background:#eee;
    border:0;
    border-bottom:1px dotted  rgba(0,0,0,0.2);
}

nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 220px;
}

nav ul ul ul li:hover a ,nav ul ul ul li:hover label  {
    border-radius:0;
    border:0;
    background:#eee;
    border-bottom:1px dotted  rgba(0,0,0,0.2);
}

/*li > a:after { content: ' -'; }

li > a:only-child:after { content: ''; }  */

 .toggle-touch {
    display:none;
}
nav ul li a {font-family: 'robotobold';}

.top-logo-kabuk {
display:block;
position:absolute;
left:0;
top:0px;
z-index:99; /*braya zindex eklendi */
}

.top-logo-astar {
margin:20px;
position:relative;
border:0px solid #ccc;
text-align:center;
}

.nav-logo-svg {
width:350px;
position:relative;
border:none;
border:0px solid #ccc;
display:inline-block;
}

.nav-logo-svg img {
width:100%;
height:auto;
}

.nav-logo {
display:none;
}

.nav-logo-mobil {
display:none;
}

.nav-logo-mobil-svg {
display:none;
}



/* Media Queries
--------------------------------------------- */
 @media all and (max-width : 1600px) {






 }


 @media all and (max-width : 1200px) {





/*}

@media all and (max-width : 1024px) {    */



.menu-kabuk{position:absolute; height:80px; top:-10px; width:100%;}
.menu-astar{ width:100%;  position:relative; }
.menu-default-kabuk{ padding: 0 ; position:relative; }
.menu-default-astar{ width:100%;  position:relative; }


nav { margin: 0; padding:0; position:relative; }

.nav-row {
display:block;
padding:0px;
bottom:0;
border:0px solid #fff;
background:rgba(0,0,0,0.0);
position:relative;

}

.toggle + a,
 .menu { display: none; }

 .nav-mobile-btn {
    display:inline-block;
    background-color:transparent;
    border:1px solid #fff;
    font-size:20px;
    padding:10px;
    text-decoration: none;
    color:#fff;
    position:relative;
    float:right;
    margin: 0;
    top:0px;
    right:10px;
    border-radius:5px;
    z-index:99;
}


nav ul  {
    margin:0 auto 0;
    padding:0;
    width:100%;
    border:0px solid #fff;

}

.nav-frame{
    background-color:rgba(0,0,0,0.8);
    border-radius:10px;
    overflow: hidden;
    width:100%;
    position:absolute;
    top:50px;
    z-index:9999;
}

nav ul li {
    position:relative;
    margin:0;
    padding:5px 20px;
    float:none;
    display:block;
    border-radius:0;
    text-align:left;
    border-bottom:1px dotted  rgba(0,0,0,0.9);
}

.li-language{
    display:none;
    border-radius:10px;
     background:#fff;
    border:3px solid #000;
}

.li-language a{
    display:block;


    color:#369;
}

nav ul li a{
    border-bottom:#fff;
    width:100%;
    position:relative;
    color:#fff;

 }

 nav ul li label ,nav ul ul li label {
    margin: 0px;
    display:block;
    padding:0 20px;
    float:right;
    border:0;
color:#fff;
    position:absolute;
    right:0; top:0;
}

nav ul li:hover  {
    color:#fff;
    text-decoration:none;
    background-color:rgba(0,0,0,0.2);
    border:0;
    border-radius:0;
  }

 nav ul li:hover label {
        color:#fff;
        text-decoration:none;
        border:0;
        border-radius:0;
    }

[id^=drop]:checked + ul { display: block; }


nav ul ul {
    margin:0;
 }



 nav ul ul li a span{
     display:block;
     width:20px;
     height:30px;
     float:left;

 }

nav ul ul li a{
    border-bottom:rgba(0,0,0,0.7);
    display:block;
    position:relative;
    font-size:12px;
    background:transparent;
    font-family: 'robotobold';
    color:#999;
 }

  nav ul ul ul li a span{
     display:block;
     width:40px;
     height:30px;
     float:left;
 }
nav ul ul {
    float: none;
    position: static;
    background:transparent;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }



nav ul ul li {
position: relative;
top:0px;
left:0px;
clear:left;
width:100%;
background:transparent;
}

nav ul ul ul li { position: static;

}

.frame-astar {
    width:100%;
    display:block;
    float:center;
    margin-right:0%;

}

.frame-astar h4{
    display:block;
    text-align:left;
    font-size:16px;
    padding:10px 20px;
    font-family: 'robotobold';
    color:#333;
}


}

@media all and (max-width: 768px) {
.menu-kabuk{ width:100%;  }
.menu-astar{ width:100%;  }
.menu-default-astar{ width:100%;  }
.menu-infobar-kabuk{  }
.menu-infobar-astar{   }


nav ul li  {

font-size: 14px;
line-height: 40px;

}




}

@media all and (max-width : 414px) {
.menu-kabuk{ width:100%;  }
.menu-astar{ width:100%;  }

.menu-infobar-kabuk{  }
.menu-infobar-astar{ }


}