

/** GENERAL **/
.header-wrapper										{ position:relative; }
.header-login { text-align:right; }
.header-login .nav-login { padding:10px 20px; font-size:1.3em; text-transform:uppercase; display:inline-block; background-color:#B8000A; color:#FFFFFF; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.header-login .nav-login:hover { background-color:#8d2818; color:#FFFFFF; }
.header-wrapper .header-logo						{ display:block; float:left; width:360px; padding:30px 0px 0px 0px; }
.header-wrapper .header-logo img					{ width:100%; max-width:600px; max-height:141px; }
.header-wrapper .header-right						{ text-align:right; float:right; margin:30px 0px 0px 0px; }
.header-wrapper .header-details						{ clear:both; }
.header-wrapper .header-details a					{ display:inline-block; text-align:left; margin:0px 0px 0px 10px; font-size:1.6em; }
.header-wrapper .header-details a .icon				{ display:block; float:left; width:15px; }
.header-wrapper .header-details a .icon img			{ width:100%; max-width:29px; max-height:32px; }
.header-wrapper .header-details a .text				{ margin:0px 0px 0px 5px; }
.header-wrapper .header-navigation					{ float:right; margin:20px 0px 0px 0px; }

.header-wrapper										{ border-bottom:5px solid #B8000A; }
.header-wrapper .header-details a .text				{ color:#262626; }
.header-wrapper .header-details a:hover .text		{ color:#B8000A; }
.header-wrapper .formatted-email					{ color:#262626; cursor:pointer; }
.header-wrapper .formatted-email .email-before		{}/** TEXT BEFORE @ SIGN **/
.header-wrapper .formatted-email .email-symbol		{}/** @ SYMBOL **/
.header-wrapper .formatted-email .email-after		{ color:#B8000A; }/** TEXT AFTER @ SIGN BUT BEFORE DOMAIN **/
.header-wrapper .formatted-email .email-end			{}/** DOMAIN TEXT **/
.header-wrapper .formatted-email:hover				{ color:#B8000A; }



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

	.header-wrapper .header-logo		{ width:300px; }
	.header-wrapper .header-details a	{ font-size:1.3em; }

}

@media screen and (max-width:750px){
	.header-login { text-align:center; }
	.header-wrapper .header-logo				{ float:none; display:block; width:90%; margin:0px auto; padding:30px 0px; }
	.header-wrapper .header-right				{ float:none; width:90%; margin:0px auto; }
	.header-wrapper .header-details				{ text-align:center; }
	.header-wrapper .header-details a.tel		{ text-align:center; margin:0px 0px 0px 0px; }
}

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

	.header-wrapper .header-details a.email		{ display:none; }

}

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

	.header-wrapper .header-logo				{ padding:20px 0px; }

}
