@import url('https://fonts.googleapis.com/css?family=Raleway');



/* 
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
 */



.mobile-menu {
/* background: linear-gradient(177deg, rgba(75, 177, 250, 0) 0px, rgba(75, 177, 250, 0) 50%, rgba(75, 177, 250, 0.6) 90%, #169ce5 100%) repeat scroll 0 0%, #169 url("images/bg.jpg") repeat scroll center center;	opacity: 1.0; */
	position: fixed;
	top: 0;
	bottom: 0;
 /* 	border-left:#ddd thin solid;  */
	right: 0;
	width: 0;
	box-shadow: 5px 5px 10px rgba(0,0,0, 0.5);
	text-align: right;
/* 
	padding-top: 60px;
 */
	max-width:100%; 
	/* background-image: url(../../../images/lightbluebg.jpg) ; */
	transition: .3s;
/*	overflow: hidden; 
*/	font-family: "Raleway" ,Verdana, sans-serif;
	z-index: 220; 
	background-color: #343434;



}
.mobile-menu ul {
	margin: 0;
	padding: 0;  
	list-style: none;
	font-size: 14px;
		cursor: pointer;
  
}
.mobile-menu ul li a{
	display: block; 
	padding-right: 15px;
	padding:20px;
	padding-left:15px;
	text-align:left;
 	max-width:100%; 
	color: #fff;
	text-decoration: none;
		/* background-image: url(../../../images/button_bg.jpg);*/
	background-repeat:no-repeat;
	border-bottom:#666 solid 1px;margin-left:5px;margin-right:5px;
	cursor: pointer; 

  
}


.mobile-menu.open {
	width: 100%; 
}



.mobile-menu-bg {

/*  -moz-box-shadow: 0px 3px 3px #666;
  -webkit-box-shadow: 0px 3px 3px #000;
  box-shadow: 0px 3px 3px #000;*/



/* 	background-color: #249de2; */
/*  background-color: #414042; */
/* 
 	background-color: #181715;
 */
 /*background-color: #fbca08;*/
 background-color: #0d0d0d;
 	/* background-color: #394f34; */
	position: fixed;
	top: 0;
	cursor: pointer;
	font-size: 30px;
	color: #e8e8e8;
	z-index: 705;
	width:100%;
	/* height:55px; */
	height:65px;
	opacity: 1.00;
	/*  background-image: url(../../../images/mk_properties-logo.pn) ;  */
	background-repeat:no-repeat;
	background-size: auto 100px;
	text-align:left; 
	
}


  @media(max-width: 960px) { 
  
 
.mobile-menu-bg {

	height:60px;

}
}
  

.zindexlow{
 

}




.mobile-menu-logo {
 	display:block;
 	left:15px;
	position: fixed;
	margin-top: 11px;
	cursor: pointer;
	font-size: 30px;
	color: #e8e8e8;
	z-index: 801;
	width:360px;
	height:55px;
	background-image: url(../../../images/logics/logics_log1.png) ; 
	background-repeat:no-repeat;
 	background-size: auto 50px;
	text-align:left;
}


@media(max-width: 960px) { 
.mobile-menu-logo {
	background-size: auto 40px;
	top: 1px;
	left:10px;
	width:260px;
}
}






.links-header
{
text-align:left;
font-size:14px; 
color:#fff;
font-weight:lighter;
background-color:transparent;
font:  "Raleway","Open Sans","Arial",sans-serif;
}


.ul-list-menu {
float:right;padding-right:18px;
}

@media(max-width: 960px) { 



/* 
.containerx {
  display: inline-block;
  cursor: pointer;
}
 */

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #666;
  margin: 8px 0;
  transition: 0.4s;
}

.change .bar1 {
background-color: #666;
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
background-color: #666;
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px);
}








.mobile-menu-btn {
	display: inline-block;
	position: fixed;
	top: 10px;
	right: 20px;
	cursor: pointer;
	font-size: 36px;
	color: #666;
	z-index: 299 !important;
}
 .menu-header-links {
   visibility: hidden;
display: none;
}
.menu-header-flags {
   visibility: hidden;
display: none;
}}

@media(min-width: 960px) { 
.menu-header-links {
float:right;color:#666;font-size:14px;margin-top:24px; margin-right:0px;
}
  
  .menu-header-flags {
float:left;color:#666;font-size:14px;margin-top:16px;margin-left:120px;z-index: 801;	position: fixed;
}
  .mobile-menu-btn {
visibility: hidden;
display: none;z-index: 802;
}
}

       

 /* 
 
.mobile-menu-btn:after {
	content: "\f0c9";
	font-family: FontAwesome;
	transition: 1s;
}
.mobile-menu-btn.open:after {
	content: "\f0c9"; 
}
 */
.top-logo-mobile {
	position: absolute;
	top: 10px;
	left: 18px;
	opacity: 0;
	transition: .8s .3s;
	z-index: 802;
  max-height:40px;

}
.open .top-logo-mobile {
	opacity: 1;
}