/*-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-- Footer
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
footer{
	background-color: white;
}

div.s-s_footerNavigationOuter{
	position: relative;
	min-height: 300px;
	width: 75%;
	transform: translateX(-50%);
	left: 50%;
	padding-top: 50px;
}

div.s-s_footerNavigationInner{
	width: 30%;
	margin-left: 1.65%;
	margin-right: 1.65%;
	min-height: 200px;
	float: left;
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
}

li.s-s_footerList{
	list-style: none;
}

.s-s_footerLabel{
	font-family: 'Open Sans';
	font-size: 1.0em;
	color: #8c8c8c;
	padding-left: 5px
}

div.s-s_footerDataRight{
	float: right;
}

div.s-s_footerDataLeft{
	float: left;
}

div.s-s_footerData{
	width: calc(100%-100px);
	padding: 15px 50px;
	min-height: 10px
}

p.s-s_footerText{
	display: inline;
	margin: 0px;
	width: 100%;
}
a.s-s_footerUnderline{
	display: inline;
	margin: 0px;
	position: relative;
    text-decoration: none;
}

.s-s_footerUnderline:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 1px;
  background-color: black;
  content: "";
  transition: width 0.2s;
}

.s-s_footerUnderline:hover {
    color: black;
}

.s-s_footerUnderline:hover:after {
    width: 100%;
}





















	/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++ Mediaquerys
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	@media screen and (max-width: 1350px) {

		div.s-s_footerNavigationOuter{
			width: 90%;
		}
	}
	@media screen and (max-width: 1090px) {

		div.s-s_footerNavigationOuter{
			width: 100%;
		}
	}
	@media screen and (max-width: 990px) {
		div.s-s_footerNavigationInner{
			float: none;
			width: 94%;
			margin-left: 3%;
			margin-right: 3%;
		}
	}
	@media screen and (max-width: 670px) {
		div.s-s_footerData{
			width: calc(100%-40px);
			padding: 15px 20px;
			min-height: 10px
		}
		div.s-s_footerDataRight{
			float: none;
			text-align: center;
		}

		div.s-s_footerDataLeft{
			float: none;
			text-align: center;
		}
	}