html, body, #sb-site, .sb-site-container, .sb-slidebar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}
html {
    height: 100%;
}
body {
    height: auto;
    min-height: 100%;
    position: relative;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
    overflow: hidden;
}
#sb-site, .sb-site-container {
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
}
#sb-site::before, #sb-site::after, .sb-site-container::before, .sb-site-container::after {
    content: " ";
    display: table;
}
#sb-site::before, #sb-site::after, .sb-site-container::before, .sb-site-container::after {
    clear: both;
}
.sb-slidebar {
    background-color: #222222;
    display: none;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 0;
}
.navbar .sb-toggle-left {
    cursor: pointer;
    float: right;
    padding: 14px;
    width: 58px;
}
.navicon-line {
    background-color: #fff;
    border-radius: 1px;
    height: 4px;
    margin-bottom: 3px;
    width: 24px;
}
.sb-slidebar, .sb-slidebar * {
}
.sb-left {
    left: 0;
}
.sb-right {
    right: 0;
}
html.sb-static .sb-slidebar, .sb-slidebar.sb-static {
    position: absolute;
}
.sb-slidebar.sb-active {
    border-right: 3px solid #253b57;
    display: block;
}
.sb-style-overlay {
    z-index: 9999;
}
.sb-momentum-scrolling {
}
.sb-slidebar {
    width: 30%;
}
.sb-width-thin {
    width: 15%;
}
.sb-width-wide {
    width: 45%;
}
#cssmenu {
    width: 100%;
}
#cssmenu ul {
    width: 100%;
}
#cssmenu ul a {
    color: #fff;
    display: block;
    font-size: 22px;
    padding: 5px;
}
#cssmenu ul a:hover {
    background: #d6d6d6 none repeat scroll 0 0;
    color: #222;
}
#cssmenu ul li {
    width: 100%;
}
#cssmenu ul li:hover {
}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
    height: auto;
}
#cssmenu ul li a, #cssmenu ul ul li a {
    border-bottom: 0 none;
    width: 100%;
}
#cssmenu > ul > li {
    float: none;
    position: relative;
}
#cssmenu ul ul {
    display: none;
}
#cssmenu ul ul li a {
    padding-left: 25px;
}
#cssmenu ul ul li {
    background: #d6d6d6 none repeat scroll 0 0;
}
#cssmenu ul ul li:hover {
    background: #00437c none repeat scroll 0 0;
}
#cssmenu ul ul ul li a {
    padding-left: 35px;
}
#cssmenu ul ul li a {
    color: #000;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
    background: #323030 none repeat scroll 0 0;
    color: #fff;
}
#cssmenu ul ul, #cssmenu ul ul ul {
    left: 0;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
#cssmenu > ul > li.has-sub > a::after, #cssmenu > ul > li.has-sub > a::before, #cssmenu ul ul > li.has-sub > a::after, #cssmenu ul ul > li.has-sub > a::before {
    display: none;
}
#cssmenu #head-mobile {
    color: #ddd;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 23px;
}
#cssmenu .button {
    cursor: pointer;
    height: 46px;
    position: absolute;
    top: 0;
    width: 55px;
    z-index: 12399994;
}
#cssmenu .button::after {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 20px;
}
#cssmenu .button::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 20px;
    top: 16px;
    transition: all 0.3s ease 0s;
    width: 20px;
}
#cssmenu .button.menu-opened::after {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    height: 2px;
    top: 23px;
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
    width: 19px;
}
#cssmenu .button.menu-opened::before {
    background: #000 none repeat scroll 0 0;
    top: 23px;
    transform: rotate(-45deg);
    width: 19px;
}
#cssmenu .submenu-button {


    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    z-index: 99;
}
#cssmenu .submenu-button.submenu-opened {
    background: #d6d6d6 none repeat scroll 0 0;
}
#cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
}
#cssmenu .submenu-button::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 19px;
    top: 22px;
    width: 8px;
}
#cssmenu ul ul .submenu-button::after {
    right: 13px;
    top: 15px;
}
#cssmenu .submenu-button.submenu-opened::after {
    background: #000 none repeat scroll 0 0;
}
#cssmenu .submenu-button::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 22px;
    top: 19px;
    width: 2px;
}
#cssmenu ul ul .submenu-button::before {
    right: 16px;
    top: 12px;
}
#cssmenu .submenu-button.submenu-opened::before {
    display: none;
}
#cssmenu ul ul ul li.active a {
    border-left: medium none;
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-top: medium none;
}
/* start burger icon */
	.menu-icon-toggle {
		/*display:block; This turns on in styles.css*/
		margin:15px;
		position:absolute;
		top:0;
		right: 0;
		z-index: 999;
		cursor: pointer;
	}
	.navbar .sb-toggle-left {
		cursor: pointer;
		float: left;
		padding: 14px;
		width: 58px;
	}
	.navicon-line {
		background-color: #fff;
		border-radius: 1px;
		height: 4px;
		margin-bottom: 3px;
		width: 24px;
	}
/* end burger icon */
/* start desktop styles */
/* end desktop styles */
@media (max-width: 480px) {
	.sb-slidebar {
		width: 70%;
	}
	.sb-width-thin {
		width: 55%;
	}
	.sb-width-wide {
		width: 85%;
	}
}
@media (min-width: 481px) {
	.sb-slidebar {
		width: 55%;
	}
	.sb-width-thin {
		width: 40%;
	}
	.sb-width-wide {
		width: 70%;
	}
}
@media (min-width: 768px) {
	.sb-slidebar {
		width: 40%;
	}
	.sb-width-thin {
		width: 25%;
	}
	.sb-width-wide {
		width: 55%;
	}
}
@media (min-width: 992px) {
	.sb-slidebar {
		width: 30%;
	}
	.sb-width-thin {
		width: 15%;
	}
	.sb-width-wide {
		width: 45%;
	}
}
@media (min-width: 1200px) {
	.sb-slidebar {
		width: 20%;
	}
	.sb-width-thin {
		width: 5%;
	}
	.sb-width-wide {
		width: 35%;
	}
}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
    transform: translate(0px);
    transition: transform 400ms ease 0s;
}
.sb-hide {
    display: none;
}