/*Colors:
	blue: #134d96;
	green: #3d9292;
	light-grey: #ededed;
	red: #e30613;
*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Museo-sans', sans-serif;
}

img {
	width: 100%;
	height: auto;
}

p, ul{
	font-size: 15px;
}

a:link, a:visited, a:hover, a:active  {
	text-decoration: none;
	border-bottom: none;
	background-color: transparent!important;
}

.sidebar-col {
	padding-left: 0;
}

.sidebar {
	text-align: center;
	background-color: #134d96;
	display: inline-block;
	height: 100%;
	width: 8%;
	float: left;
	padding:0px 5px 10px 5px;
	position: relative;
}

.sidebar .dropdown-menu {
	display: block;
}

.sidebar img {
	width:20%;
	margin-bottom: 10px;
	/*margin-top: 17.5px;*/
}

.sidebar ul>li {
	margin-bottom: 12px;
	margin-top: 12px;
}

.sidebar ul li>a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom:0px;
	display: block;
}

.side-slide {
	display:block;
	position: relative;
}

.sidebar ul {
	list-style-type: none;
	padding-left: 0;
}

.side-slide-open {
	/*display: none;*/
	position:absolute;
	top: -12px;
	vertical-align:middle;
	min-width:200px;
	width: auto;
	background-color: #134d96;
	padding: 20px 20px 10px 0;
	z-index: -1000;
	/*left:-1000;*/
	left:0;
	transition: all 1s ease;
	/*transition: z-index 0.2s ease-out;*/
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}

.side-slide-open.bottom {
	top: -110px;
}

.side-slide:hover .side-slide-open{
	left:100%;
	z-index: 999;
	transition: all .7s ease;
	transform: translateX(0);
  -webkit-transform: translateX(0);
}

.side-slide-open ul {
	padding-left: 0;
}

.side-slide-open li {
	position:relative;
	display:block;
	/*width:250px;*/
    margin-bottom: 10px;
	padding-left: 0;
}

.side-slide-open li>a {
	color: #fff;
    font-size: 15px;
}

.side-slide-open li>a:hover {
    color: #fff;
}

.side-slide-open li>a>i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 20px;
}