@charset "utf-8";
/* CSS Document */

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1500; /* Sit on top */
    left: 0;
    top: 0;
    background-color: #fff; /* Black fallback color */
    overflow-x: scroll; /* Disable horizontal scroll */
    transition: 0.1s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 10%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 20px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay-content .text_logo{
	margin-top: 20px;
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size:18px;
	color: #667876;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
	text-align: left;
	border-top: 1px solid #d1bfbd;
}

.overlay a:nth-last-child(2) {
border-bottom:1px solid #d1bfbd;
}
.overlay-content img{
    max-width: 70%;
	padding-top:20px;


}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: rgba(255,130,30,0.8);
	cursor:pointer;
}

/* Position the close button (top right corner) */
#closebtn {	
	border-top:none;
	border-bottom:none;
	font-size:34px;
	}
.closebtn {
    position: absolute;
    top: 0px;
    right: 25px;
}
.modal-header .close {
    font-size:50px;
    top:10px;
    right:0px;
}


.overlay-logbox {
    height: 100%;
    width: 100%;
	float:left;
}
.overlay-logbox ul {
	width:300px;
	margin:0 auto;
	padding:0px;
	}
.overlay-logbox ul li {
	display:inline-block;
	float: left;
	list-style:none;
	width:33%;
	}
.overlay-logbox ul li a {
	list-style:none;
	margin:0 auto;
	}
	.dropdown-menu {
		}
	.dropdown-menu li {
		display:block;
		width:100%;
		padding:5px;
		background-color:#fff;
		color:#777;
		border-bottom:1px solid rgba(153,153,153,0.2);
		}
		.dropdown-menu li a{
			float:left;
			width:100%;
			line-height:2;
		}
	.menu_img{
		width:30px;
		float:left
		}
	.menu_menu {
		
		}
		.menu_menu a {
			font-size:14px;
			font-weight:normal;
			/*font-family:'PT Sans Narrow', sans-serif;
			*/
			}	


.margin-left{
	margin-left:20px;
	box-shadow: none
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .closebtn {
        font-size: 30px !important;
        top: 15px;
        right: 35px;
    }
}