/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

#clientnavigation {
	height: 40px;
	width: 100%;
	position: relative;

}


 ul a{ color:#000; cursor:pointer;
 font-family: 'bodytitle' !important;}

#clientnavigation li {
	display: inline;
	float: left;
	
}

.activelink {
	display: inline;
	float: left;
	
}


#clientnavigation a {

	display: inline-block;
	
	text-align: left;
	text-decoration: none;
	padding: 0px 25px 0px 24px;
	font-family: 'bodytitle' !important;
	font-size:13pt;
	

}

#clientnavigation li:last-child a {

	display: inline-block;
	text-align: left;
	text-decoration: none;
	padding: 0px 0px 0px 0px;

}
#clientnavigation li a {

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#clientnavigation li:last-child a {
	border-right: 0;
}
 a:hover, nav a:active {
	color:black;
}
#clientnavigation a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#clientnavigation { 
  		height: auto;
		display:none;
		
		
  	}
	.company3{
		margin-top:30px;}
  	#clientnavigation ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
	#clientnavigation a#pull{
		min-width:100%;}
  	#clientnavigation li {
  		width: 50%;
  		float: left;
  		position: relative;
		margin:0px auto;
  	}
  	#clientnavigation li a {
	
	}
  	#clientnavigation a {
	  	text-align: left;
	  	width: 53%;
		margin:0px auto;
	  
  	}
	
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 1200px) {
	#clientnavigation {
		border: 0px;
	}
	#clientnavigation ul {
		display:block;
		height: auto;
		background-color:transparent;
		-webkit-transition: .2s ease-out;
 	-moz-transition: .2s ease-out;
 	-o-transition:  .2s ease-out;
 	transition: .2s ease-out;
    
	}
	#clientnavigation a#pull {
		display: block;
		background-color: #fff;
		width: 84%;
		position: relative;
		text-align:center;
		margin:0px auto;
		padding:0px;
		-webkit-transition: .5s ease-out;
 
		
	}
	#clientnavigation a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	#clientnavigation { 
  		height: auto;
		display:none;
		
		
  	}
	#clientnavigation li {
		
		display: block;
		float: none;
		width: 100%;
	}
	
}

#addmenu{
		
	width:1200px !important;
	padding-left:128px !important;


}

@media only screen and (max-width : 1200px) {
#addmenu{
		
	width:100% !important;
	padding-left:0px !important;


}
}
@media only screen and (max-width : 1000px) {
#addmenu{
		
	width:100% !important;
	padding-left:0px !important;
	


}
}
@media only screen and (max-width : 768px) {
#addmenu{
		
	width:104% !important;
	padding-left:0px !important;
	


}
}
@media only screen and (max-width : 600px) {
#addmenu{
		
	width:105% !important;
	padding-left:0px !important;
	


}
@media only screen and (max-width : 420px) {
#addmenu{
		
	width:108% !important;
	padding-left:0px !important;
	


}
#clientnavigation { 
  		height: auto;
		display:none;
		
		
  	}
}
@media only screen and (max-width : 320px) {
#addmenu{
		
	width:110% !important;
	padding-left:0px !important;
	


}
#clientnavigation { 
  		height: auto;
		display:none;
		
		
  	}
}