/** FOOTER **/
.footer-wrapper				{ padding:20px 0px; }
.footer-wrapper				{ padding:25px 0px; background:#000000 url(logos/logo-02.png) no-repeat 50% 15%; color:#FFFFFF; }

/** FOOTER DETAILS **/
.footer-wrapper .footer-details							{ float:right; }
.footer-wrapper .footer-details .branch					{ font-size:1.1em; text-transform:uppercase; margin-bottom:10px; font-weight:400; }
.footer-wrapper .footer-details .address				{ font-size:1.1em; }
.footer-wrapper .footer-details .tel					{ margin:10px 0px; font-size:2em; display:block; padding-top:10px; font-weight:300; }
.footer-wrapper .footer-details .email					{ font-size:1.1em; display:block; padding-top:10px; }

.footer-wrapper .footer-details .branch					{ color:#e62f33; }
.footer-wrapper .footer-details .address				{ color:#FFFFFF; }
.footer-wrapper .footer-details .tel					{ color:#FFFFFF; }
.footer-wrapper .footer-details .tel .number			{ color:#FFFFFF; }
.footer-wrapper .footer-details .tel .number:hover		{ color:#e62f33; }
.footer-wrapper .footer-details .email a				{ color:#FFFFFF; cursor:pointer; }
.footer-wrapper .footer-details .email a .email-before	{ color:#FFFFFF; }/** TEXT BEFORE @ SIGN **/
.footer-wrapper .footer-details .email a .email-symbol	{ color:#FFFFFF; }/** @ SYMBOL **/
.footer-wrapper .footer-details .email a .email-after	{ color:#FFFFFF; }/** TEXT AFTER @ SIGN BUT BEFORE DOMAIN **/
.footer-wrapper .footer-details .email a .email-end		{ color:#FFFFFF; }/** DOMAIN TEXT **/
.footer-wrapper .footer-details .email a:hover			{ color:#e62f33; }

/** OPENING HOURS **/
.opening-hours			{ float:left; width:250px; line-height:1.7em; }
.opening-hours h2		{ text-transform:uppercase; font-size:1.2em; font-weight:400; padding-bottom:10px; }
.opening-hours ol		{ padding: 0; list-style-type: none; }
.opening-hours li		{ margin:5px 0px 0px 0px; }
.opening-hours .OpeningHours-day		{ display:block; float:left; width:110px; }
.opening-hours .OpeningHours-time	{ display:block; text-align:right; margin:0px 0px 0px 120px; }

.social 		{ width:48%; display:inline-block; float:right; padding:15px 0px; }
.affiliates		{ width:48%; display:inline-block; float:left; padding:15px 0px; }

.social .right	      { float:right; margin:15px 15px 0px 0px; }
.social a .text 	  { color:#FFFFFF; }
.social a .text:hover { color:#e62f33; }

.affiliates a	{ padding:0px 5px 0px 0px; }
.affiliates .affiliates-top,
.affiliates .affiliates-bottom  { width:100%; display:block; float:none; margin:15px 0px;  }

/** FOOTER BASE **/
.footer-copyright-wrapper 						{ background:#000000; padding:10px 0px; text-transform:uppercase; }
.footer-copyright-wrapper .footer-copyright		{ font-size:0.8em; }
.footer-copyright-wrapper .copy-links			{ padding:0px 0px 0px 5px; margin:0px 0px 0px 5px; }
.footer-copyright-wrapper .ppcom				{ float:right; display:inline-block; }

.footer-copyright-wrapper .footer-copyright				{ color:#FFFFFF; }
.footer-copyright-wrapper .footer-copyright a			{ color:#FFFFFF; }
.footer-copyright-wrapper .footer-copyright a:hover		{ color:#e62f33; }

/** RESPONSIVE **/
@media screen and (max-width:770px){
	.social,
	.affiliates a.left		{ display:inline-block; vertical-align:middle; text-align:center; }
	.footer-wrapper			{ background:#000000; }
	.social 				{ width:16%; display:inline-block; float:none; padding:15px 0px; }
	.affiliates				{ width:60%; display:inline-block; float:left; padding:15px 0px; }
	.social a .text			{ display:none; }
}
@media screen and (max-width:767px){
	.opening-hours					{ float:none; margin:0px auto; }
	.opening-hours h2				{ text-align:center; }
	.social,
	.affiliates						{ width:100%; display:block; float:none; display:block; clear:both; }
	.affiliates .left				{ width:100%; float:none; clear:both; text-align:center; margin:20px 0px 0px 0px; }

	.footer-wrapper .footer-details					{ float:none; width:100%; text-align:center; }
	.footer-wrapper .footer-details .address span	{ display:inline; }
	.footer-copyright-wrapper span					{ float:none; width:100%; padding:0px 0px 5px 0px; display:block; text-align:center; }
	.opening-hours h2								{ padding-top:30px; }
	.social .right			{ margin:20px 0px 0px 0px; float:none; display:block; }
	.social a .text			{ display:block; }
}
@media screen and (max-width:530px){
	.footer-wrapper			{ background:#000000; }
}
@media screen and (max-width:380px){
	.footer-wrapper .copy-links		{ display:block; clear:both; padding:10px 0px 0px 0px; border-left:none; }
}