/** HEADER **/
.header-wrapper {
	position: absolute;
	width: 100%;
}

.header-wrapper .header-logo {
	float: left;
	width: 35%;
	max-width: 333px;
	padding-top: 20px;
}

.header-wrapper .header-logo img {
	width: 100%;
	height: auto;
}

.header-wrapper .header-right {
	float: right;
	width: 65%;
	text-align: right;
	margin: 36px 0px 0px 0px;
}

.lt-ie9 .header-wrapper .navigation-list {
	float: right;
}

.header-wrapper .header-details {
	margin: 30px 0px 0px 0px;
	font-size: 1em;
	font-weight: 400;
}

.header-wrapper .header-details .number {
	padding-right: 20px;
}

.header-wrapper .header-details .fa {
	font-size: 1.8em;
	margin: 0px 0px 0px 5px;
}


.header-wrapper {
	color: #1F3D73;
}

.header-details .number {
	color: #333333;
}

.header-details .number:hover {
	color: #a4343a;
}

.header-details .email {
	color: #1F3D73;
	cursor: pointer;
}

.header-details .email .email-before {
	color: #333333;
}

/** TEXT BEFORE @ SIGN **/
.header-details .email .email-symbol {
	color: #a4343a;
}

/** @ SYMBOL **/
.header-details .email .email-after {
	color: #a4343a;
}

/** TEXT AFTER @ SIGN BUT BEFORE DOMAIN **/
.header-details .email .email-end {
	color: #333333;
}

/** DOMAIN TEXT **/
.header-details .email:hover {
	color: #a4343a;
}

.header-details .prefix {
	color: #a4343a;
	font-weight: bold;
	text-transform: uppercase;
}

.header-wrapper .header-details .fa {
	color: #333333;
}

.header-wrapper .header-details .fa:hover {
	color: #a4343a;
}


/** RESPONSIVE **/
@media screen and (max-width:800px) {

	.header-wrapper .header-right {
		margin: 20px 0px 0px 0px;
	}

}

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

	.header-wrapper .header-right {
		margin: 10px 0px 0px 0px;
	}

	.header-wrapper .header-details {
		margin: 20px 0px 0px 0px;
	}

}

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

	.header-wrapper .header-logo {
		float: none;
		width: 100%;
		display: block;
		clear: both;
		margin: 0px auto 0px auto;
		max-width: 330px;
		padding-top: 0px;
	}

	.header-wrapper .header-right {
		float: none;
		display: block;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 0px 0px 0px 0px;
	}

	.header-details .prefix,
	.header-details .number,
	.header-details .email {
		display: none;
	}


}

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

	.header-right .header-details {
		border-top: 1px dotted #666666;
	}

	.header-right .header-details .telephone {
		display: block;
		clear: both;
		padding: 20px 0px;
		font-size: 1.5em;
	}

	.header-right .header-details .email {
		display: block;
		clear: both;
	}

	.header-right .header-details .pipe {
		display: none;
	}


}