@font-face 

{

	 font-family:'OpenSans-Regular-webfont';

	 src: url('../css/fonts/OpenSans-Regular-webfont.eot');

	 src: url('../css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/OpenSans-Regular-webfont.woff') format('woff'),  url('../css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),  url('../css/fonts/OpenSans-Regular-webfont.svg#One-Starry-Night') format('svg');

}



@font-face 

{

	 font-family:'OpenSans-Semibold-webfont';

	 src: url('../css/fonts/OpenSans-Regular-webfont.eot');

	 src: url('../css/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/OpenSans-Semibold-webfont.woff') format('woff'),  url('../css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),  url('../css/fonts/OpenSans-Semibold-webfont.svg#One-Starry-Night') format('svg');

}



@font-face {

    font-family: 'OpenSansExtrabold';

    src: url('../css/fonts/opensans-extrabold.eot');

    src: url('../css/fonts/opensans-extrabold.eot') format('embedded-opentype'),

         url('../css/fonts/opensans-extrabold.woff') format('woff'),

         url('../css/fonts/opensans-extrabold.ttf') format('truetype'),

         url('../css/fonts/opensans-extrabold.svg#OpenSansExtrabold') format('svg');

}

@font-face {

    font-family: 'OpenSansBold';

    src: url('../css/fonts/opensans-bold.eot');

    src: url('../css/fonts/opensans-bold.eot') format('embedded-opentype'),

         url('../css/fonts/opensans-bold.woff') format('woff'),

         url('../css/fonts/opensans-bold.ttf') format('truetype'),

         url('../css/fonts/opensans-bold.svg#OpenSansBold') format('svg');

}



@font-face {

    font-family: 'OpenSansLight';

    src: url('../css/fonts/opensans-light.eot');

    src: url('../css/fonts/opensans-light.eot') format('embedded-opentype'),

         url('../css/fonts/opensans-light.woff') format('woff'),

         url('../css/fonts/opensans-light.ttf') format('truetype'),

         url('../css/fonts/opensans-light.svg#OpenSansLight') format('svg');

}



a,

a:hover {

	text-decoration:none;

}

ul,

ol {

	list-style:none;

}

.nav {

	position:relative;

	display:inline-block;

	font-size:14px;

	font-weight:900;

}

.nav-list {

	text-align:left;

	padding:0;

	margin:0;

}

.nav-item {

	float:left;

	*display:inline;

	zoom:1;

	position:relative;

}

.nav-item a {

	display:block;

	color:#FFF;

	padding:15px 44px;

	background:#2e3192;

	font-family:'OpenSans-Regular-webfont';

	font-weight:normal;

	font-size:14px;

	text-transform:uppercase;

}

.nav-item > a:hover {

	background:#000359;

}

#active

{

	background:#000359;

}

.nav-item:hover .nav-submenu {

	display:block;

}

/* Navigation submenu */

.nav-submenu {

	display:none;

	position:absolute;

	left:0;

	width:180px;

	z-index:9999;

	margin:0 0 0 -40px;

}

.nav-submenu-item a {

	background:#2e3192;

	border-bottom:1px solid #2e3192;

	display:block;

	padding:15px;

	font-size:13px;

}

.nav-submenu-item a:hover {

	background:#000359;

}

/* Mobile navigation */

.nav-mobile {

	display:none; /* Hide from browsers that don't support media queries */

	cursor:pointer;

	position:absolute;

	top:0;

	right:0;

	background:#3D3D3B url(../images/nav.svg) no-repeat center center;

	background-size:18px;

	height:50px;

	width:50px;

}

/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {

	position:absolute;

	top:0;

	right:0;

	display:none;

	border-left:1px solid #fff;

	height:49px;

	width:50px;

	cursor:pointer;

}

.nav-click i {

	display:block;

	height:48px;

	width:48px;

	background:url(../images/drop.svg) no-repeat center center;

	background-size:20px;

}

.nav-click:hover {

	background-color:#000359;

}

.nav-rotate {

	-webkit-transform:rotate(180deg);

	-moz-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	-o-transform:rotate(180deg);

	transform:rotate(180deg);

}



/*------------------------------------*\

    Media Queries

\*------------------------------------*/



@media only screen and (min-width: 320px) and (max-width: 979px) {

	.nav-mobile {

		display:block;

	}

	.nav {

		width:100%;

		padding:50px 0 0;

                margin: -50px 0 0;

	}

	.nav-list {

		display:none;

	}

	.nav-item {

		width:100%;

		float:none;

	}

	.nav-item > a {

		padding:15px;

	}

	.nav-click {

		display:block;

	}

	.nav-mobile-open {

		border-radius:5px 5px 0 0;

		-webkit-border-radius:5px 5px 0 0;

		-moz-border-radius:5px 5px 0 0;

	}

	.nav-item:hover .nav-submenu {

		display:none;

	}

	.nav-submenu {

		position:static;

		width:100%;

	}

}