.b-top-bar {
	height: 42px;
	overflow: hidden;
	line-height: 41px;
	color: #9B9FA2;
	font-family: "Open Sans", "sans-serif";
	 font: 13px/20px;
}



.layout {
	width: 1300px;
	min-width: 200px;
	margin: auto;
	padding: 0px 40px;
}
.b-top-bar {
	line-height: 41px;
	font-size: 12px;
	color: #9B9FA2;
}



.b-top-bar .wrap-left {
	width:52%;
}
.b-top-bar .wrap-right {
	width:40%;
	float:right;
}
.wrap-right .top-bar-social {
	margin-left:10px;
}

/* DROPDOWN NAV */
.accordion {
  
}

.accordion ul {
	list-style:none;
	margin:0;
	padding:0;    
}
.accordion li {
	margin:0;
	padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
	display:none;
}
.accordion label {
	display:block;
	cursor:pointer;
	text-transform:uppercase;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
	color:#FFF;

}
.accordion .nationalnumber1, .nationalnumber2, .nationalnumber3, .nationalnumber4 {
	padding:0px;
	overflow:hidden;
	/*border:none;  Make the border match the background so it fades in nicely */
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
}
.accordion p {
margin-top:0px;
padding-top:0px !important;
}

/* Horizontal */
/* Unfortunately fixed heights need to be set for this */
.horizontal {
	overflow:hidden;
	height:42px;
}
.horizontal ul li {

	margin:0 1px 0 0;
}
.horizontal ul li label {
	word-wrap:break-word;
	letter-spacing:10px;
	text-align:center;
	height:42px;
	padding:0px;
	padding-top:5px;
	width:32px;
	float:left;
	border-left:rgba(255, 255, 255, 0.25) thin solid;
}
.horizontal ul li .nationalnumber1, .nationalnumber2, .nationalnumber3, .nationalnumber4 {
	height:42px;
	padding:0px;
	display:block; /* Makes its work in FF */
	visibility:hidden; /* Chrome bug cant show width < 1px for some reason so need to toggle visibility */
	width:1px;
	border:none; 
	float:left;
}
.horizontal [type=radio]:checked ~ label {
	border-right:0; 
	background-color:rgba(255, 255, 255, 0.10)
}
.horizontal ul li label:hover {
	background-color:rgba(255, 255, 255, 0.10)
}
.horizontal [type=radio]:checked ~ label ~ .nationalnumber1 {    
	visibility:visible;
	height:42px;
	width:118px;
	padding:0px;
	padding-right:3px;
	border:none;    
	background-color:rgba(255, 255, 255, 0.10)
}
.horizontal [type=radio]:checked ~ label ~ .nationalnumber2 {    
	visibility:visible;
	height:42px;
	width:80px;
	padding:0px;
	padding-right:4px;
	border:none; 
	background-color:rgba(255, 255, 255, 0.10)
}
.horizontal [type=radio]:checked ~ label ~ .nationalnumber3 {    
	visibility:visible;
	height:42px;
	width:112px;
	padding:0px;
	padding-right:4px;
	border:none; 
	background-color:rgba(255, 255, 255, 0.10)
}
.horizontal [type=radio]:checked ~ label ~ .nationalnumber4 {    
	visibility:visible;
	height:42px;
	width:90px;
	padding:0px;
	padding-right:4px; 
	border-right:rgba(255, 255, 255, 0.25) thin solid;
	background-color:rgba(255, 255, 255, 0.10)
}

.nationalnumber {
margin-top:0px;
padding-top:0px !important;
color:#ffffff !important;
font-weight:800;
}


.b-top-bar .wrap-left {
	float: left;
	text-align: left;
}

.b-top-bar .wrap-right {
	text-align: right;
}
.wrap-left .top-bar-text, .wrap-left .top-bar-nav, .wrap-left .top-bar-phone, .wrap-left .top-bar-social {
	margin-right: 25px;
	margin-top: 0px;
}
.b-top-bar .wrap-left {
	text-align: left;
}

.top-bar-phone {
	position: relative;
	top: -1px;
	font-family: "Open Sans";
	color: #DFDFDF;
}


.top-bar-social {
	display: inline-block !important;
}
.top-bar-social a {
	display: inline-block;
	width: 31px;
	height: 28px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #60646A;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	transition: color 0.2s ease-in-out 0s;
}
/*New paste*/
i, .stars a {
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
}


.top-bar-social a.tw {
	font-size: 15px;
}	
	

.top-bar-social a.fb:hover {
	color: #576EC7;
	text-shadow: 0px 0px 12px #3C4978;
}

.top-bar-social a.gl:hover {
	color: #BA3526;
	text-shadow: 0px 0px 12px #6D2D27;
}

.top-bar-social a.lin:hover {
	color: #007BB6;
	text-shadow: 0px 0px 12px #105070;
}
.top-bar-social a.yt:hover {
	color: #ED3639;
	text-shadow: 0px 0px 12px #872D31;
}
.top-bar-social a.tw:hover {
	color: #5DB4F0;
	text-shadow: 0px 0px 12px #3F6C8D;
}