/** HEADER **/
.header-wrapper								{ position:absolute; width:100%; }
.header-wrapper .header-logo				{ float:left; width:30%; max-width:300px; }
.header-wrapper .header-logo img			{ width:100%; max-height:298px; max-width:600px; }
.header-wrapper .header-right				{ float:right; width:65%; text-align:right; margin:30px 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:#1F3D73; }
.header-details .number:hover				{ color:#872234; }
.header-details .email						{ color:#1F3D73; cursor:pointer; }
.header-details .email .email-before		{ color:#1F3D73; }/** TEXT BEFORE @ SIGN **/
.header-details .email .email-symbol		{ color:#1F3D73; }/** @ SYMBOL **/
.header-details .email .email-after			{ color:#872234; }/** TEXT AFTER @ SIGN BUT BEFORE DOMAIN **/
.header-details .email .email-end			{ color:#1F3D73; }/** DOMAIN TEXT **/
.header-details .email:hover				{ color:#872234; }
.header-details .prefix						{ color:#872234; font-weight:bold; text-transform:uppercase; }
.header-wrapper .header-details .fa			{ color:#1F3D73; }
.header-wrapper .header-details .fa:hover	{ color:#FFFFFF; }


/** 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:10px auto 0px auto; max-width:330px; }
	.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; }


}