/*
## Footer
********************************************************************/

footer{
	min-width:320px;
	max-width:1280px;
	margin:0 auto;
}

footer ul{
	list-style:none;
	margin:0;
	padding:0;
}

#upperFooter, #middleFooter, #bottomFooter{
	width:100%;
}

footer .footerWrapper{
	max-width:1280px;
	margin:0 auto;
}

#bottomFooter{
	background:#1a1a1a;
}

#bottomFooter .scrollToTop{
	height:50px;
	background:#000000;
	cursor:pointer;
	position:relative;
}

#bottomFooter .scrollToTop i{
	position:absolute;
	color:#4b4b4b;
	font-size:25px;
	top:50%;margin-top:-12.5px;
	left:50%;margin-left:-12.5px;
}

#bottomFooter .bottomFooterLinkContainer li{
	text-align:center;
}

#bottomFooter .bottomFooterLinkContainer li a{
	font-family: MuseoSans;
	font-weight: 700;
	font-size:14px;
/* 	font-weight:bold; */
	color:#9f9f9f;
	text-decoration:none;
	display:block;
	height:50px;
	line-height:50px;
}

#upperFooter{
	background:#424242;
}

#upperFooter .upperFooterSection:first-child{
	border-top:1px solid #333333;
}

#upperFooter .upperFooterSection .headline{
	position:relative;
	margin:0;padding:0;
	font-family: MuseoSans;
	font-weight: 700;
	color:#ffffff;
	font-size:14px;
	text-align:center;
/* 	background:url('../images/arrow_footer_down.png') no-repeat 95% 50%; */
	cursor:pointer;
	border-bottom:1px solid #333333;
	height:50px;line-height:50px;
}

#upperFooter .upperFooterSection .headline:before{
	content:"\a010";/*ico-arrow_sharp_down*/
	color:#979797;
	position:absolute;
	font-size:8px;
	top:50%;margin-top:-4px;
	left:93%;
}

#upperFooter .upperFooterSection .headline.open:before{
	content:"\a013";/*ico-arrow_sharp_up*/
}

#upperFooter .upperFooterSection ul{
	display:none;
	border-bottom:1px solid #333333;
	background:#666666;
}

#upperFooter .upperFooterSection ul.open{
	display:block;
}

#upperFooter .upperFooterSection ul li{
	height:40px;line-height:40px;
	text-align:center;
}

#upperFooter .upperFooterSection ul li a{
	text-decoration:none;
	font-size:12px;
	color:#ffffff;
	display:block;
}

#middleFooter{
	background:#333333;
	text-align: center;
}

.middleFooterFirstSectionPart{
	padding-top: 28px;
	padding-bottom:22px;
	margin: 0 auto;
	width: 70%; /* 224/256 */
	
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 7px 2px;
	background-repeat: repeat-x;
}

.middleFooterSecondSectionPart{
	padding: 28px 10% 22px 10%;
}

#middleFooter label{
	display:block;
}

#middleFooter h3.title{
	margin-bottom: 18px;
}

#middleFooter .title{
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
}

#middleFooter .contacts{
	font-family: MuseoSans;
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
	color:white;
	position:relative;
}

#middleFooter .contacts a[href^=tel] { color: inherit; text-decoration: none; }

#middleFooter .subtitle{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #cccccc;
	margin-bottom: 23px;
}

#middleFooter .footerRateComponent .subtitle {
	text-align: left;
	margin-bottom: 20px;
	font-style: italic;
}

#part1 .contacts i{
	color:#d9252b;
	margin-right:10px;
}

#part1 .contacts i.ico-mail{
	position:relative;
	top:3px;
}

footer .contacts a {
    color: white;
}
.middleFooterFirstSectionPart #socialIcons{
	width: 129.147982063%; /* 288/223 */
	margin-left: -14.573991032%; /* -((129.147982063-100)/2) */
	text-align: center;
}

.middleFooterFirstSectionPart #socialIcons .socialImage{
/*	margin-right: 11.8055556%; /* 34/288 */
	margin-right: 9.5%;
	text-decoration:none;
}

.middleFooterFirstSectionPart #socialIcons a:last-child .socialImage{
	margin-right: 0;
}

.middleFooterSecondSectionPart .paymentImage{
	margin-right: 2.690583%; /* 6/223 */
	margin-bottom:3px;
}

.middleFooterSecondSectionPart .paymentImage:last-child{
	margin-right: 0;
}

.middleFooterFirstSectionPart .sealsImage{
	margin-right: 4.9327354%; /* 11/223 */
}

.middleFooterFirstSectionPart .sealsImage:last-child{
	margin-right: 0;
}

#middleFooterSecondSection .sparLogo{
	display:block;
	margin: 0 auto 35px;
/* 	margin-bottom:35px; */
}

#middleFooter .footerButtonLink{
	display: block;
	width: 100%;
	height: 46px; line-height: 46px;
	color: #ffffff;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	background: #1a1a1a;
	text-align: center;
}
.middleFooterWrapper #newsletterForm .newsletterSubmit:hover,
#middleFooter .footerButtonLink:hover{
	background: #0D0D0D;
}
#middleFooter .footerButtonLink:last-child{
	margin-top: 14px;
}



#part4 .footerButtonLink{
	width: 113.452914798%;/* 253/223 */
	margin-left: -6.72646%; /* -((113.452914798%-100)/2) */
}


#middleFooterSecondSection #newsletterContainer{
	padding-top: 28px;
	margin: 25px auto 0;
	width: 87.5%; /* 224/256 */
	
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: top;
	background-size: 7px 2px;
	background-repeat: repeat-x;
}

#middleFooterSecondSection #newsletterForm{
	margin-bottom: 19px;
}

.middleFooterWrapper #newsletterForm .newsletterRegisteredEmail{
	width: 81.8181818%; /* 207/253 */
	background: #424242;
	height: 46px;
	border:none;
	margin:0; padding:0;
	color: #ffffff;
	font-style: italic;
	font-family: MuseoSans;
	font-size: 14px;
	font-weight: 700;
	text-align:center;
}

.middleFooterWrapper #newsletterForm .newsletterSubmit{
	position:relative;
	width: 18.1818182%; /* 46/253 */
/* 	background:url('../images/icoSubmitNewsletter.png') no-repeat 50% 50%; */
 	background-color: #1a1a1a;
	height: 46px;
	border:none;
	margin:0; padding:0;
	cursor: pointer;
}

.middleFooterWrapper #newsletterForm .newsletterSubmit:active{
	position:relative;
	width: 18.1818182%; /* 46/253 */
	/* 	background:url('../images/icoSubmitNewsletter.png') no-repeat 50% 50%; */
	background-color: #222222;
	height: 46px;
	border:none;
	margin:0; padding:0;
	cursor: pointer;
}

.middleFooterWrapper #newsletterForm .newsletterSubmit .ico-arrow_sharp_right{
	position:absolute;
	font-size:14px;
	color:#ffffff;
	top:50%;margin-top:-7px;
	left:50%;margin-left:-7px;
}

#middleFooterSecondSection #part6{
	background: #2a2a2a;
	text-align:center;
}

#part6 .title{
	font-size: 16px;
	text-align: center;
}

#part6 .subtitle{
	color: #ffffff;
}

.middleFooterSecondSectionPart .starSymbolRate{
	margin-right: 3.515625%; /* 9/256 */
	margin-bottom: 25px;
}

.middleFooterSecondSectionPart .starSymbolRate:last-child{
	margin-right: 6.640625%; /* 17/256 */
}

.middleFooterSecondSectionPart .signature{
	margin-top: 20px;
	margin-bottom: 36px;
	text-align:right;
	color: #ffffff;
	font-family: MuseoSans;
	font-weight: 300;
	color: #ffffff;
	font-size: 12px;
}

#starsContainer{
	position: relative;
	float:left;
	height:22px;
 	width: 160px;
}

.middleFooterSecondSectionPart #starsContainer{
	margin-right: 6.640625%; /* 17/256 */
}

#starsContainer .starOn{
	height: 21px;
	position:relative;
	display:block;
	background: url('../images/star_red_margin.png');
	background-size: 31px 21px;
	background-repeat: repeat-x;
	z-index: 3;
	float:left;
}

#starsContainer .starOff{
	height: 21px;
	position:absolute;
	display:block;
	background: url('../images/star_grey_margin.png');
	background-size: 31px 21px;
	background-repeat: repeat-x;
	z-index: 2;
	float:left;
	width: 100%;
}

.middleFooterSecondSectionPart #ratings #numberVoters{
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 12px;
	color: #ffffff;
}

.middleFooterSecondSectionPart #ratings{
	margin-bottom: 23px;
}




@media (min-width:768px){

	footer .footerWrapper{
		padding-left:50px;
	}

	footer .footerWrapper.upperFooterWrapper,
	footer .footerWrapper.middleFooterWrapper{
		padding-left:0;
	}


	/*MIDDLE FOOTER STUFF >=1280PX*/
	.footerWrapper.middleFooterWrapper .middleFooterFirstSectionPart{
		float:left;
		width:50%;
		background-image: none;
	}
	
	/*MIDDLE FOOTER STUFF >=1280PX*/
	.footerWrapper.middleFooterWrapper #middleFooterSecondSection{
		display:table;
		width:100%;
	}
	
	.footerWrapper.middleFooterWrapper .middleFooterSecondSectionPart{
		float:none;
		display:table-cell;
		width:50%;
	}

	/*BOTTOM FOOTER STUFF >=768PX*/
	#bottomFooter .bottomFooterLinkContainer li{
		float:left;
		padding-right:4.31754874652%;/*31/718*/
	}

	#bottomFooter .bottomFooterLinkContainer li:last-child{
		padding-right:0;
	}

	#bottomFooter .bottomFooterLinkContainer li a{
		font-size:10px;
	}

	#bottomFooter .scrollToTop{
		float:right;
		width:50px;
		height:50px;
	}
	
	.middleFooterFirstSectionPart{
		border:none;
		padding-left:  6.25%; /* 48/768 */
		padding-right: 10%; /* adapted to long email */
	}
	
	#middleFooter{
		text-align:left;
	}
	
	.middleFooterFirstSectionPart #socialIcons{
		width: auto;
		margin-left: 0;
		text-align: left;
		padding: 6px 0;
	}

	.middleFooterFirstSectionPart #socialIcons .socialImage{
		margin-right: 5.952381%; /* 20/(384-48) */
	}
	
	#part4 .footerButtonLink{
		width: 100%;
		margin-left: 0;
	}

	#part4 .footerButtonLink:active{
		width: 73.2142857%; /* 246/(246+90) */
		margin-left: 0;
		background-color: #222222;
	}

	#part6 .footerButtonLink:active{
		background-color: #222222;
	}
	
	#middleFooterSecondSection #newsletterContainer{
		padding: 0;
		border: none;
		background-image: none;
		width: auto; /* 223/320 */
		margin: 0;
	}
	
	#middleFooterSecondSection .newsletterTitle{
		margin-top: 70px;
		margin-bottom:18px;
	}
	
	#middleFooterSecondSection .sparLogo{
		display: inline;
		margin: 0 0 35px 0;
	}
	
	#part6 .title{
		text-align: left;
	}
	
	#middleFooter .title{
		font-size: 16px;
	}
	
	#middleFooter .subtitle{
		font-size: 14px;
	}
	
	#middleFooter .contacts{
		font-size: 16px;
	}
	
	.middleFooterSecondSectionPart .signature{
		font-weight: 500;
	}
	
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection{
		border-bottom: 1px solid #1a1a1a;
		position: relative;
	}
	
	.borderInTablet{
		position: absolute;
		top: 28px;
		left: 50%;
		bottom: 28px;
		width: 2px;
		background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%);
		background-position: left;
		background-size: 2px 7px;
		background-repeat: repeat-y;
	}
}



@media (min-width:1280px){
	
	.borderInDesktop{
		position: absolute;
		top: 50px;
		bottom: 32px;
		width: 2px;
		background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%);
		background-position: left;
		background-size: 2px 7px;
		background-repeat: repeat-y;
	}
	
	.border1InDesktop{
		left: 36.7521368%; /* 344/936 */
	}
	.border2InDesktop{
		left: 68.3760684%; /* 640/936 */
	}
	
	/*TOP FOOTER STUFF >=1280px*/
	footer .footerWrapper.upperFooterWrapper{
		padding: 40px 0 35px 50px;
	}

	#upperFooter .upperFooterSection{
		float:left;
		margin-right: 6.504065%; /*80/(1280-50)*/
	}

	#upperFooter .upperFooterSection ul{
		display:block;
		border-bottom:0;
		background:none;
	}

	#upperFooter .upperFooterSection ul li{
		height: 21px;line-height: 21px;
		text-align:left;
	}

	#upperFooter .upperFooterSection ul li a{
		text-decoration:none;
		font-size:11px;
		color:#cccccc;
		font-weight: 300;
	}
	#upperFooter .upperFooterSection ul li a:hover{
		text-decoration:underline;
	}


	/*MIDDLE FOOTER STUFF >=1280PX*/
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection{
		float:left;
		width: 73.125%; /* 936/1280*/
	}

	.footerWrapper.middleFooterWrapper #middleFooterSecondSection{
		float:left;
		width: 26.875%; /* 344/1280 */
	}
	
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection .middleFooterFirstSectionPart{
		padding-bottom: 50px;
		padding-top: 0;
	}
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection .middleFooterFirstSectionPart.middleFooterFirstRow{
		padding-top: 50px;
	}
	
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part1,
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part3{
		width: 36.7521368%; /* 344/936 */
		padding-left: 4%; /* adapted to long email */
		padding-right: 4%; /* adapted to long email */
	}
	
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part2,
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part4,
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part7,
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection #part8{
		width: 31.6239316%; /* 296/936 */
		padding-left: 2.3504274%; /* 22/936 */
		padding-right: 2.3504274%; /* 22/936 */
	}
	
	.footerWrapper.middleFooterWrapper .middleFooterSecondSectionPart{
		width: 100%;
		padding-top: 46px;
	}
	
	#upperFooter .upperFooterSection:first-child{
		border: none;
	}
	
	#upperFooter .upperFooterSection .headline{
		margin: 0 0 14px 0;
		padding:0;
		font-family: MuseoSans;
		font-weight: 700;
		color:#ffffff;
		font-size:11px;
		text-align:left;
		cursor:default;
		border: none;
		height: auto;
		line-height: normal;
	}
	
	#upperFooter .upperFooterSection .headline:before,
	#upperFooter .upperFooterSection .headline.open:before{
		content:"";
	}
	
	
	.middleFooterFirstSectionPart #socialIcons .socialImage{
		margin-right: 3.125%; /* 10/320 */
	}
	
	#middleFooter #part4 .footerButtonLink{
		width: auto;
		margin-left: 0;
	}
	
	.middleFooterSecondSectionPart .paymentImage{
		margin-right: 0.9375%; /* 6/640 */
	}
	
	#middleFooterSecondSection .newsletterTitle{
		margin-top: 76px;
	}
	
	.middleFooterWrapper #newsletterForm{
		margin-bottom:0;
	}
	
	.footerWrapper.middleFooterWrapper #middleFooterFirstSection{
		border-bottom: none;
	}
	
	#middleFooterSecondSection .sparLogo{
		margin: 0 0 27px 0;
	}
	
	.middleFooterSecondSectionPart .signature{
		margin-bottom: 21px;
	}
}

/* popup message newsletter */
.newsletterPopupError,
.newsletterPopupSuccess{
	width:200px;
	position:fixed;
	right: -230px;
	background:#019642;
	bottom: 10%;
	z-index: 1000;
	padding:10px;
	text-align:left;
	transition: right 0.2s;
	vertical-align: middle;
}

.newsletterPopupSuccess.view,
.newsletterPopupError.view{
	right:0;
}

.newsletterPopupSuccess .msg,
.newsletterPopupError .msg,
.newsletterPopupSuccess a,
.newsletterPopupError a{
	display:block;
}

.newsletterPopupSuccess .msg,
.newsletterPopupError .msg{
	color:#fff;
	text-transform: uppercase;
	font-size:14px;
	font-weight:700;
	margin-bottom: 0;
}

.newsletterPopupError{
	background:#e40613;
	color:#ffffff;
}

.newsletterPopupError .close,
.newsletterPopupSuccess .close{
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	right: 3px;
	position: absolute;
	top: 3px;
}