/*SHAPE*/

/******************************************************/

input#mobile_menu { display: none; }



label.mobile_menu span {

	margin-left: 10px;

	color: white;

	display: none;

}



.nav.unite-nav {

	/* General Font */

	font-family: 'Open Sans', sans-serif; 

	font-weight: 400; /* 400 thinner */

	font-size: 16px !important;

	line-height: 13px;



	/* General Shape */

	position: relative;

	padding: 0 0 0 4px; /* Fix for inline-block spacing*/

	margin: 0;

	text-align: center;

	/* Genral Styling */

    background-color: #595857;

}



/* 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 {

	color: #fff;

	text-decoration: none;

}



/* Main element of the naviagtion */

.nav.unite-nav > li {

	display: inline-block;

	text-align: center;

	margin-left: 0px; /* For the inline-block spacing */

}



/* Search */



/* Search reset */

.nav.unite-nav > li.search {

	border:none;

	-webkit-box-shadow:  none;

    box-shadow:  none;

    float: right;

    padding: 11px 6px;

    position: relative;

}



.nav.unite-nav > li.search:hover {

	background-color: transparent;

}



/* Search form */

.nav.unite-nav > li  input {

	padding: 7px 6px 6px 38px;

	margin: 0 5px;

	color:#fff;

	border:none;

	background-color: #252525;

	font-size: 14px;

	border: 1px solid #585858;

}



.nav.unite-nav > li  input:focus {

	outline: none;

	border-color: white;

}



.nav.unite-nav > li.search i {

	position: absolute;

	left: 20px;

	top:20px;

	color: #585858;

	font-size: 16px;

}



/* Link Style */

.nav.unite-nav > li > a {

	padding:20px 10px;

	display: block;

}



.nav.unite-nav > li:hover > a{

	color: #fff;

}



.nav.unite-nav > li:hover {

	background-color: #f39200;

}





/* Simple multilevel dropdown */

.nav.unite-nav > li > ul {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	list-style: none;

	top:60px;

	background-color: #595857;

	width: 200px;

	text-align: left;

	margin-top:30px;

	padding: 0px;

	z-index: 99;

}



/* First level appear */

.nav.unite-nav > li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin-top: 0px;

}



/* Style for dropdown links */

.nav.unite-nav li > ul li {

	font-size: 16px;

	position: relative;

	display: block;

	padding: 15px 10px;

}



.nav.unite-nav > li > ul  li:hover {

	background-color: #f39200;

}



.nav.unite-nav ul  li:hover > a {

	color: white;

}



/* Second and third dropdown level */

.nav.unite-nav > li > ul li ul {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	list-style: none;

	top:0px;

	left: 200px;

	background-color: #595857;

	width: 200px;

	text-align: left;

	padding: 0px;

	margin-left: 30px;

}



.nav.unite-nav > li > ul li ul li:hover {

	background-color: #f39200;

}



.nav.unite-nav > li > ul li ul li ul {

	background-color: #F19408;

}



.nav.unite-nav > li > ul li ul li ul li:hover {

	background-color: #f39200;

}



/* Second and third level appears */

.nav.unite-nav > li ul li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin-left: 0px;

}



/* Full width dropdown */

.nav.unite-nav > li > .fulldrop {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	list-style: none;

	top:53px;

	left: 0px;

	background-color: #0078b3;

	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: #0078b3;

	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;

}



/* Arrows for dropdowns */

.nav.unite-nav > li.dropdown > a:after {

	 content: " \f107";

	 font-family: FontAwesome;

	 color: #fff;

}



.nav.unite-nav ul li.dropdown:after {

  content: "\f067";

  position: absolute;

  left: 170px;

  font-family: FontAwesome;

  display: inline-block;

  color: #fff;

  margin-left: 10px;

  margin-top: 2px;

}



.nav.unite-nav ul li.dropdown:hover:after{

  content: "\f068";

}

/******************************************************/

/*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 */

}



/******************************************************/

/*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;

}

.container-unite
{
	max-width: 940px;
}


.nav.unite-nav > li > a{

	padding: 20px 10px;

	font-size: 12px;

}



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



}



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

	.nav.unite-nav {

      display: none;

    }



	label.mobile_menu span {

		display: inline;

	}



	label.mobile_menu {

      position: relative;

      display: block;

      width: 100%;

      background-color: #252525;

      padding: 10px 0;

      border-bottom: 1px solid white;

	}



	#mobile_menu:checked+.nav.unite-nav {

		display: block

	}



    label:after {

        position: absolute;

        top:0px;

        right: 10px;

        content: "\2261";

        font-size: 30px;

        color: white;

    }



	.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 {

		width: 100%;

	}



	.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: 15px 0 15px 6%;

		width: 94%;

	}



	.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*/