/* layout S */
.button_side {
	position: fixed;
	z-index: 99;
	bottom: 25px;
	left: 25px;
	width: 50px;
	height: 42px;
	border-radius: 0.8rem;
}

.nav_mobile.active {
    left: 0;
    transition: .2s
}

.nav_mobile {
	display: block;
    position: fixed;
    top: 0;
    left: -9999px;
    z-index: 99;
    width: 200px;
    height: 100%;
    overflow: auto;
    background-color: #333;
    box-shadow: 0.071em 0.714em 2.143em rgba(0,0,0,0.5);
    transition: .2s;
}

.nav_mobile .navbar-nav {
	font-size: 20px;
}

.nav_mobile .navbar-nav > li {
	display:flex;
	align-items: center;
}

.nav_mobile .navbar-nav > li:first-child {
	padding-top:30px;
}


.nav_mobile .navbar-nav > li > i {
	padding-left: 15px;
	color:#fff !important;
}

.nav_mobile .navbar-nav > li > a {
	padding-left: 5px !important;
	color:#a7b1c2 !important;
}

body.fixed {
	overflow: hidden;
}

.modal-bg {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.modal-bg.transparent {
    background-color: rgba(0,0,0,0.5);
    transition: .2s
}
/* layout E */