/* width */
::-webkit-scrollbar {
 width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
 background: #fff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: var(--1-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: var(--3-color);
}



/***** Sidebar *****/
.mbmenu{
width: 47px;
}

.mbmenu-btn{
text-align: right;
}

.menu-side-sp{
	padding: 0px 60px;
}

.sidebar {
    width: 30%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -30%;
    z-index: 999;
    background: #333;
	background-image: url("../../image/menubackground.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    color: #fff;
    transition: all .3s;
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
    text-align: left;
}
.sidebar.active {
    right: 0;
}
.dismiss {
    position: absolute;
    top: 10px;
    left: 10px;
    transition: all .3s;
    background: #444;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
	padding: 10px;
    cursor: pointer;
}
.dismiss:hover, .dismiss:focus {
    background: #6271ff;
    color: #fff;
}
.sidebar .logo {
    padding-bottom:30px;
    transition: all .3s;
}
.sidebar .logo a {
    display: inline-block;
    border: 0;
    text-indent: -999999px;
}
.sidebar ul.menu-elements {
    padding: 10px 0;
    /*border-bottom: 1px solid #444;*/
    transition: all .3s;
}
.sidebar ul li a {
    display: block;
    padding: 7px 0px;
    border: 0;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
}



.sidebar-sp{
	border-bottom: none!important;
}


.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li.active > a:hover, .sidebar ul li.active > a:focus {
    outline: 0;
    background: #6271ff;
    color: #fff;
}
.sidebar ul li a i {
    margin-right: 5px;
}
.sidebar ul li.active > a, a[aria-expanded="true"] {
    background: #444;
    color: #fff;
}
.sidebar ul ul a {
    background: #444;
    padding-left: 30px;
    font-size: 14px;
}
.sidebar ul ul li.active > a {
    background: #555;
}
.sidebar a[data-toggle="collapse"] {
    position: relative;
}
.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.sidebar .to-top {
    padding: 20px;
    text-align: center;
}
.sidebar .dark-light-buttons {
    padding: 10px 20px 30px 20px;
    text-align: center;
}
/* sidebar light */

.sidebar.light {
    background: #fff;
    color: #888;
}
.sidebar.light .dismiss {
    background: #ddd;
    color: #888;
}
.sidebar.light .dismiss:hover, .sidebar.light .dismiss:focus {
    background: #ccc;
    color: #888;
}
.sidebar.light .logo {
    border-color: #eee;
}
.sidebar.light .logo a {
    background-image: url(../img/logo-dark.png);
}
.sidebar.light ul.menu-elements {
    border-color: #eee;
}
.sidebar.light ul li a {
    color: #888;
}
.sidebar.light ul li a:hover, .sidebar.light ul li a:focus, .sidebar.light ul li.active > a:hover, .sidebar.light ul li.active > a:focus {
    background: #ccc;
    color: #888;
}
.sidebar.light ul li.active > a, .sidebar.light a[aria-expanded="true"] {
    background: #ddd;
    color: #888;
}
.sidebar.light ul ul a {
    background: #ddd;
}
.sidebar.light ul ul li.active > a {
    background: #ccc;
}
.sidebar.light a.btn-customized-3 {
    background: #ddd;
    color: #888;
}
.sidebar.light a.btn-customized-3:hover, .sidebar.light a.btn-customized-3:active, .sidebar.light a.btn-customized-3:focus, .sidebar.light a.btn-customized-3:active:focus, .sidebar.light a.btn-customized-3.active:focus, .sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active, .sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #ccc;
    color: #888;
}
.sidebar.light a.btn-customized-4.btn-customized-dark {
    background: #555;
}
.sidebar.light a.btn-customized-4.btn-customized-light {
    background: #eee;
}
.sidebar.light a.btn-customized-4.btn-customized-dark:hover, .sidebar.light a.btn-customized-4.btn-customized-dark:active, .sidebar.light a.btn-customized-4.btn-customized-dark:focus, .sidebar.light a.btn-customized-4.btn-customized-dark:active:focus, .sidebar.light a.btn-customized-4.btn-customized-dark.active:focus, .sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active, .sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #ccc;
    color: #fff;
}
.sidebar.light a.btn-customized-4.btn-customized-light:hover, .sidebar.light a.btn-customized-4.btn-customized-light:active, .sidebar.light a.btn-customized-4.btn-customized-light:focus, .sidebar.light a.btn-customized-4.btn-customized-light:active:focus, .sidebar.light a.btn-customized-4.btn-customized-light.active:focus, .sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active, .sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #ccc;
    color: #fff;
}
/***** Dark overlay *****/

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(51, 51, 51, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
/***** Content *****/

.content {
    width: 100%;
    transition: all 0.3s;
}
.open-menu {
    position: absolute;
    z-index: 997;
	right: 0;
	bottom: 0;
}
.open-menu.btn-customized, .open-menu.btn-customized:hover, .open-menu.btn-customized:active, .open-menu.btn-customized:focus, .open-menu.btn-customized:active:focus, .open-menu.btn-customized.active:focus, .open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active, .open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}


.address-menu h4{
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.address-menu p {
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 23px;
}


.address-menu p a i {
    font-size: 25px;
    color: #fff;
    padding-left: 8px;
	margin-top: 10px;
}

.spl-inside-btn{
	position: relative;
	float: right;
}