@charset "utf-8";
/* CSS Document */

.container {
	width: 100%;
	padding: 0 10% 0 10%;
}

#navigation {
width: 100%;	
position: fixed;
height: 150px;
margin: 0 auto;
background: #275187;
padding: 20px 10% 0 10%;
z-index: 101;
opacity: .95;
transition: all 2s;


}

#navigation:not(.resize) {
height: 150px!important;
}



.nav-right {
width: 70%;	
float: right;
display: blcok;
osition: relative;
}

.nav-right * {
	transition: all 2s;
	
}

#navigation ul {
	float: right;
	display: inline-block;
	height: 30px;
	position: relative!important;
	padding-right: 25px;
}

#navigation ul li {
	display: inline-block;
	font-size: 18px;
	min-width: auto;
	padding: 0 0 0 45px;
	max-width: 250px;
	height: 55px;
	line-height: 55px;
	position: relative!important;
	text-align: center;
}

#navigation  ul  li:nth-of-type(1) {
font-size: 24px;	
	
}

#navigation ul li a {
	color: #fff;
	font-weight: lighter;
	
}


#navigation ul li a:hover {
color: #ddd;
text-decoration: underline;	

}

#logo {
	float: left;
	margin-top: 15px;
	transition: all 2s;
}



/* Navigation Resize effect */
#navigation.resize {
	transition: all 2s;
	height: 100px;
	background-color: #254150;
}





#navigation.resize #logo {
	width: 200px;
	margin-top: 0;
		float: left;
}

#navigation.resize #logo img {
	width: 100%;
	height: auto;
	transition: all 2s;
}

/* Search Box CSS starts here */
#search-box {	
	float: right;
	width: 60%;
	height: 33px;
	margin: 10px 25px 0 0;
	padding-bottom: 10px;
	background-color: transparent;
	border-bottom: solid 1px #8FA3B8;
	position: relative;	
	display: block;
	overflow: hidden;
	clear: both;
	
}

#search-box.resize  {
	width: 50px;
}


.ms-srch-sb-navLink, .ms-srch-sb-searchLink {
    float: right;
    position: absolute;
    right: 5px;
    top: -5px;
    height: 35px !important;
    width: 50px !important;
    overflow: hidden;
    background-image: none;
}


.ms-srch-sb-searchImg {
    display: none!important;
}




#search-box input#button {	
float: right; 
background-color: transparent;
border: none;
position: absolute;
right: 5px;
height: 33px;
width: 50px!important;

}


.ms-srch-sb-border, .ms-srch-sb-borderFocused  {
	border: none!important;
	
}



.ms-srch-sb-searchLink:after {	
font-family: fontAwesome;
position: absolute;
content: '\f002';
color: #8FA3B8;
z-index: 99997;
font-size: 22px;
margin-top: 6px;
height: 33px;
right: 0;


}


.ms-srch-sb-searchLink:hover {
	background-color: transparent;
}




#search-box input[type="text"] {	
position: absolute;
width: 70%;
height: 82%;
border: none;
padding-left: 35px;
background-color: transparent;
color: white;
font-size: 16px;


}


#sidebar {
    width: 100%;
    margin: 0 0 0 0;
    background-color: #eee;
    text-align: left;
    position: relative;
    z-index: 5;
    opacity: .98;
				height: auto;
				transition: all 3s;
}





#sidebar ul {
	height: 335px;
	overflow: hidden;
	transition: all 3s;
}

#sidebar.expand ul {
	height: auto;
	transition: all 3s;
}

#sidebar h3 {
    width: auto;
    height: 40px;
    line-height: 35px;
    background-color: #4987c3;
    color: #eee;
    display: block;
    overflow: hidden;
    padding-left: 50px;
    font-weight: lighter;
    border-bottom: 2px #ddd solid;
    position: relative;
    font-size: 21px;
}

#sidebar h3::after {
    content: "\f0c1";
    font-family: fontAwesome;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    top: 0;
    left: 0;
}

#sidebar li {
    display: block;
    width: auto !important;
    font-size: 16px;
    min-height: 30px;
    line-height: 30px;
    border-bottom: solid 1px #ccc;
    color: #444;
    cursor: pointer;
    transition: all 1s;
    padding: 0;
    padding: 5px 0 5px 15px;
}

#sidebar li:hover {
    background: #fefefe;
    transition: all 1s;
}



/* Sidebar Key CSS */

.sidbar-key {
	position: absolute;
	bottom: -30px;
	width: 100%;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background-color: #ccc;
	cursor: pointer;
}


/* Sidnav Key CSS */
.navControl {
	position: fixed;
	z-index: 102;
	left: 40px;
	top: 50px;
	color: white;
	font-size: 36px;
}

	.navControl{
		display: none;
	}