/******************************************************/
/*SHAPE*/
/******************************************************/
input#mobile_menu{display:none;}
label.mobile_menu span{margin-left:10px;color:#fff;display:none;}

.nav.unite-nav {
font-family:'Rubik', sans-serif; 
font-weight:400;
font-size:13px;
line-height:13px;
position:relative;
padding:0 0 0 4px; /* Fix for inline-block spacing*/
margin:0;    
}
/* Reset Links */
.nav.unite-nav a,
.nav.unite-nav a:link,
.nav.unite-nav a:visited,
.nav.unite-nav a:hover,
.nav.unite-nav a:focus,
.nav.unite-nav span{color:#fff;text-decoration:none;}

/* Main element of the naviagtion */
.nav.unite-nav > li{
display:inline-block;
text-align:center;
margin-left:-4px; /* For the inline-block spacing */
}

/* Link Style + 1 уровень*/
.nav.unite-nav > li{position: relative;/*z-index: 10;*/}
.nav.unite-nav > li > a{
display:block;
padding:18px 15px 18px 15px;
font-family:'Graphik-Medium';
text-transform: uppercase;
font-size: 14px;
color:#fff!important;
position: relative;
line-height:14px;
/*z-index:100!important;*/
}

.nav.unite-nav > li > a:hover,
.nav.unite-nav > li > a:focus{background: none;}
.nav.unite-nav > li.current > a,
.nav.unite-nav > li:hover > a{color:#f7c317!important;}

/* Simple multilevel dropdown */
.nav.unite-nav > li > ul{
opacity:0;
visibility:hidden;
position:absolute;
list-style:none;
top:50px;
width:300px;
text-align:left;
/*margin-top:30px;*/
padding:15px 0 15px 0;
border-bottom:3px solid #f7c317;
/*z-index:99;*/
z-index:10001;
background:#0b7099;
font-family:'Graphik-Medium';
}

/* First level appear */
.nav.unite-nav > li:hover > ul{opacity:1;visibility:visible;margin-top:0;}

/* Style for dropdown links */
.nav.unite-nav li > ul li{color:#fff;font-size:14px;position:relative;display:block;padding:0 20px;text-transform: uppercase;}
.nav.unite-nav ul li > a{display: block;padding:10px 0;line-height:16px;}

.nav.unite-nav ul li > a,
.nav.unite-nav ul li > a:link,
.nav.unite-nav ul li > a:visited,
.nav.unite-nav ul li > a:hover,
.nav.unite-nav ul li > a:focus,
.nav.unite-nav ul li > span{color:#fff;}

.nav.unite-nav > li > ul li:hover,
.nav.unite-nav > li > ul li.active,
.nav.unite-nav > li > ul li.current{background:#0b7099;}
.nav.unite-nav li:hover > a,
.nav.unite-nav li.active > a,
.nav.unite-nav li.current > a{color:#f7c317!important;}
.nav.unite-nav ul li:hover > a,
.nav.unite-nav ul li.active > a,
.nav.unite-nav ul li.current > a{color:#f7c317;}

/* Second and third dropdown level */
.nav.unite-nav > li > ul li ul{
opacity:0;
visibility:hidden;
position:absolute;
list-style:none;
top:0;
left:300px;
width:300px;
text-align:left;
padding:0;
/*margin-left:30px;*/
background: #0b7099;
}
.nav.unite-nav > li > ul li ul li:hover{background:#0b7099;}
.nav.unite-nav > li > ul li ul li ul{}
.nav.unite-nav > li > ul li ul li ul li:hover{background:#0b7099;}

/* Second and third level appears */
.nav.unite-nav > li ul li:hover > ul{opacity:1;visibility:visible;margin-left:0;}

/* Arrows for dropdowns */
.nav.unite-nav > li.dropdown > a:after{content:" \f107";font-family:FontAwesome;color:#fff;font-size:15px;}
.nav.unite-nav ul li.dropdown:after{content:"\f105";position:absolute;top:9px;right:7px;font-family:FontAwesome;display:inline-block;color:#05458c;margin-left:10px;margin-top:2px;}
.nav.unite-nav ul li.dropdown:hover:after{content:"\f105";color:#f7c317;}










/* Full width dropdown */
.nav.unite-nav > li > .fulldrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	left: 0px;
	background-color: #0b7099;
	width: 100%;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	z-index: 99;
	overflow: hidden;
}

/* Full dropdown appears */
.nav.unite-nav > li:hover .fulldrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.nav.unite-nav ul li:hover:after {
	color: white;
}

/* coldrop based dropdown */
.nav.unite-nav .coldrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	background-color: #0b7099;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	padding: 0 10px;
	z-index: 99;
}

.nav.unite-nav > li:hover .coldrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.nav.unite-nav .coldrop .column {width: 130px;margin:0 9px;}


/* coldrop for full width dropdown */
.nav.unite-nav .column {
	width: 14.1%;
	float: left;
	color:white;
	margin: 0 0 0 2.2%;
}

.nav.unite-nav .column ul {
	padding: 0;
	margin: 0;
}

.nav.unite-nav .column ul li {
	padding: 0;
	list-style: none;
	font-size: 11px;
}

.nav.unite-nav .column h3 {
	font-size: 14px;
	padding: 14px 0;
	font-weight: 400;
	margin: 5px 0 5px 0;
}

.nav.unite-nav .column ul li a {
	display: block;
	padding: 0 0 15px 0;
}
/******************************************************/
/*END - SHAPE*/
/******************************************************/










/******************************************************/
/*ANIMATION CSS3*/
/******************************************************/
.nav.unite-nav > li > ul li ul, .nav.unite-nav li >ul li, .nav.unite-nav > li > .fulldrop, .nav.unite-nav > li > .coldrop, .nav.unite-nav > li > ul, .nav.unite-nav > li{
transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out; /* Firefox 4 */
-webkit-transition:all 0.1s ease-in-out; /* Safari and Chrome */
-o-transition:all 0.1s ease-in-outs; /* Opera */
/*z-index: 10000!important;*/
}
/******************************************************/
/*END - ANIMATION CSS3*/
/******************************************************/










/******************************************************/
/*RESPONSIVNESS*/
/******************************************************/

@media only screen and (max-width: 959px) {

/* New direction for third dropdown level */
.nav.unite-nav > li > ul li ul li ul{left:-200px;z-index:3;}
.nav.unite-nav > li > a{padding:20px 12px;font-size:12px;}

.nav.unite-nav .coldrop .column{width:120px;margin:0 5px;}

}

@media only screen and (max-width: 959px) {

.nav.unite-nav{display: none;}

label.mobile_menu span {display: inline;text-transform: uppercase;font-size: 16px;font-family: "Graphik-Medium";}
label.mobile_menu{position: relative;display:block;width:200px;height:50px;line-height:50px;cursor:pointer;}

#mobile_menu:checked+.nav.unite-nav{display: block;z-index: 10002;background: #0b7099;}

.tpl-menu-center label:after{position: absolute;top:-1px;right:-16px;content: "\2261";font-size:40px;color:#fff;}

	.nav.unite-nav {
		padding: 0;
	}

	.nav.unite-nav li {
		width: 100%;
		text-align: left;
		margin-left: 0;
	}

	.nav.unite-nav > li {
		border-right: none;
    	padding: 18px 0px;
    	position: relative;
	}

	.nav.unite-nav > li > a {
		display: inline;
	}

	.nav.unite-nav li ul, .nav.unite-nav li .fulldrop, .nav.unite-nav li .coldrop {
		top:45px;
	}

	.nav.unite-nav li ul {
		padding: 0;
	}

	.nav.unite-nav .fulldrop, .nav.unite-nav .coldrop {
		width: 95%;
		padding: 0 2.5%;
	}

	.nav.unite-nav li > ul li {
		padding: 18px 0px;
	}

	.nav.unite-nav .column, .nav.unite-nav .coldrop .column { 
		width: 94%;
		padding: 0 3%;
	}

.nav.unite-nav > li > ul{display: block;width: 100%;background:#0b7099;}

	.nav.unite-nav > li > ul li ul {
		width: 100%;
		top:43px;
		left: 0;
		margin-top: 30px;
		z-index: 2;
	}

	.nav.unite-nav > li > ul > li:hover ul {
		margin-top: 0;
	}

	.nav.unite-nav > li > ul li ul li ul {
		width: 100%;
		top:43px;
		left: 0px;
		margin-left: 0;
		margin-top: 30px;
	}

	.nav.unite-nav > li > ul > li ul li:hover ul{
		margin-top: 0;
	}

.nav.unite-nav > li > ul li{ padding:0 0 0 3%;width: 97%;}

	.nav.unite-nav > li > ul li ul li{ 
		padding: 15px 0 15px 9%;
		width: 91%;
	}

	.nav.unite-nav > li > ul li ul li ul li{ 
		padding: 15px 0 15px 12%;
		width: 88%;
	}

	.nav.unite-nav > li.search {
    	float: none;
    	padding-left: 14px;
	}

	.nav.unite-nav ul li.dropdown:after {
		left: 90%;
	}

	.nav.unite-nav > li.search i {
		left: 27px;
	}

	/* Disable animation on mobile device*/
	.nav.unite-nav > li > ul li ul, .nav.unite-nav li >ul li, .nav.unite-nav > li > .fulldrop, .nav.unite-nav > li > .coldrop, .nav.unite-nav > li > ul, .nav.unite-nav > li {
		transition: none;
		-moz-transition: none; /* Firefox 4 */
		-webkit-transition: none; /* Safari and Chrome */
		-o-transition: none; /* Opera */
	}

}

/******************************************************/
/*END - RESPONSIVNESS*/
/******************************************************/


li.item-835 a{
	color: gold;
}