/* VARIABLES */
/* BASE */
/*html,
body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.4;
	height: 100%;
	margin: 0;
	padding: 0;
}*/

/*a {
	text-decoration: none;
	color: inherit;
}*/

.container {
	overflow: hidden;
	*zoom: 1;
	/*margin: 0 20px;*/
}

.site-content {
	padding-top: 44px;
}

/* HEADER */
.header_mobile {
	float: left;
	color: #fff;
	background-color: #0654aa;
    margin-bottom: 5px;
}

.header__logo {
	font-weight: 700;
	float: left;
}

/* MENU */
.menu-mobile {
	float: left;
}
.menu-mobile a {
	padding: 0 10px;
}
.menu-mobile a:hover {
	color: #c5cae9;
}

/* RESPONSIVE */
@media only screen and (max-width: 992px) {
	.site-pusher,
	.site-container {
	height: 100%;
	}

	.site-container {
	overflow: hidden;
	}

	.site-pusher {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	}

	.site-content {
	position: absolute;
	top: 44px;
	right: 0;
	left: 0;
	bottom: 0;
	padding-top: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	}

	.header_mobile {
	position: static;
	}

	.header__icon {
	    position: absolute;
        top: 3px;
        right: -5px;
	    display: block;
	    float: left;
	    width: 50px;
	    height: 44px;
	    cursor: pointer;
	}
	.header__icon:after {
	    content: '';
	    position: absolute;
	    display: block;
	    width: 1.5rem;
	    height: 0;
	    top: 16px;
	    left: 15px;
	    box-shadow: 5px 0 0 1px #fff, 5px 6px 0 1px #fff, 5px 12px 0 1px #fff;
	}

	.menu-mobile {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #3498db;
	/*    overflow-y: scroll;
		-webkit-overflow-scrolling: touch;*/
	width: 260px;
	-webkit-transform: translateX(-260px);
	transform: translateX(-260px);
	}
	.menu-mobile a {
	display: block;
	height: 40px;
	text-align: left;
	line-height: 40px;
	border-bottom: 1px solid #3f51b5;
	}

	.with--sidebar .site-pusher {
	-webkit-transform: translateX(260px);
	transform: translateX(260px);
	}
	.with--sidebar .site-cache {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	}
}

.main-menu-mobile{
    text-decoration: none;
    list-style: none;
    padding: 0;
}
.main-menu-mobile li{
    text-align: left;
    padding: 0 20px;
}
.main-menu-mobile>li>a{
    color: #fff;
    font-weight: bold;
}
.main-menu-mobile-sub{
    text-decoration: none;
    list-style: none;
    padding: 0;
}
.main-menu-mobile-sub li{
    text-align: left;
    padding: 0 0 0 15px;
}
.main-menu-mobile-sub li a{
    color: #fff;
}