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

/***** ANIMATIONS *****/

/***** slidenava *****/

#slidenava {
	position: fixed;
	z-index: 1000;
	left: -253px;
	top: 0;
	height:100%;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

#slidenava:hover, #slidenava:focus, .slidenava-active {
	left: 0 !important;
}

.slidenava-inner {
	width: 270px;
	padding: 125px 0 0 0;
	margin: 0 0 75px 0;
	height: 100%;
}

#slidenava nav ul, #slidenava nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slidenava nav ul {
	margin-right: 17px;
	border-top-width: 1px;
	border-top-style: solid;
}

#slidenava:hover nav ul, #slidenava:focus nav ul, #slidenava:hover #social, #slidenava:focus #social, #slidenava:hover #search, #slidenava:focus #search {
	margin: 0;
}

.slidenava-active nav ul, .slidenava-active #social, .slidenava-active #search {
	margin: 0 !important;
}

#slidenava nav ul li {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#slidenava nav ul li a {
	font-size: 11px; /* 11px */
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 40px 13px 40px;
	display: block;
}

#slidenava nav ul li:hover a:after, #slidenava nav ul li:focus a:after {
	font-family: 'Revalia', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 21px;
	content:'>';
	position: absolute;
	right: 30px;
}

#slidenava #social, #slidenava #social li, #slidenava #social li a {
	margin: 0;
	padding: 0;
}

#slidenava #social {
	margin-right: 17px;
	list-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	clear: both;
	overflow: auto;
}

#slidenava #social li {
	display: inline-block;
	float: left;
	min-width: 20%;
	max-width: 20%;
	overflow: hidden;
}

#slidenava #social li a {
	display: block;
	padding: 12px 0 10px 0;
	text-align: center;
	font-size: 1.2em;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#slidenava #search, #slidenava #search .input, #slidenava #search .button {
	margin: 0;
	padding: 0;
	border: none;
}

#slidenava #search {
	margin-right: 17px;
	clear: both;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#slidenava #search .input {
	float: left;
	display: block;
	max-width: 80%;
	padding: 16px 30px 14px 40px;
	font-size: 11px; /* 11px */
	font-weight: 600;
	text-transform: uppercase;
}

#slidenava #search .button {
	display: inline-block;
	min-width: 20.3%;
	max-width: 20.3%;
	overflow: hidden;
	position: absolute;
	right: 17px;
	padding: 9px 0 10px 0;
	cursor: pointer;
	z-index: 100000;
	font-family: 'Revalia', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 21px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#slidenava:hover #search .button, .slidenava-active #search .button {
	right: 0 !important;
}

#slidenava .footer {
	opacity: 0.5;
	position: relative;
	margin: 50px 40px;
	color:#fff;
	font-size: 11px;
	line-height: 16px;
}

#slidenava .nav-icon-bg {
	width: 16px;
	height: 17px;
	padding: 9px 7px;
	position: absolute;
	top: 125px;
	right: -15px;
	z-index: -1;
}

#slidenava .nav-icon {
	width: 16px;
	padding: 9px 7px;
	position: absolute;
	top: 125px;
	right: -15px;
	z-index: 1000000;
	overflow: visible !important;
}

#slidenava .nav-icon, #slidenava .nav-icon-bg, .logo {
	margin-top: 1px !important;
}

#slidenava .nav-icon hr {
	height: 3px;
	margin: 2px 0;
	width: 16px;
}

#back-top {
	width: 17px;
	height: 14px;
	padding: 3px 9px 18px 9px;
	margin: 0;
	position: fixed;
	bottom: 60px;
	right: 0;
	z-index: 1000000;
	display: block;
	border: none;
	overflow: hidden;
	
	font-family: 'Revalia', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 21px;
	text-align: center;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.jspContainer
{
	overflow: hidden;
	position: relative;
			background-color:#363d52;
			height:100%
}

.jspPane
{
	position: absolute;

}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: #0098a3;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #0098a3;
	position: relative;
}

.jspDrag
{
	background: #0098a3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}