#footerinf {
	margin: 20px auto;
	text-align: left;
	width:91%;
}


#footerinf div.separator{
	height: 1px;
    width: 100%;
    background-color: #414042;
    border-radius: 10px;
    margin: 20px auto;
}

#footerinf div.mobile {
    display: none;
}

#footerinf div.linkarea {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  color: #414042;
  font-weight: 500;
}


#footerinf div.linkarea div.linkcontainer{
  width:25%;
  padding-right:10px;
  display:flex;
  flex-direction: column;

}

#footerinf div.linkarea div.socialnetwork ul{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items:center;
}

#footerinf div.linkarea div.linksection{
  padding:0 0 20px 10px;
}


#footerinf div.linkarea div.linksection p {
  font-size: 1.143em;
  margin-top: 0px;
  margin-bottom: 10px;
}

#footerinf div.linkarea div.linksection li {
  list-style: outside none none;
  font-size: 0.857em;
  line-height: 30px;
}

#footerinf div.linkarea div.linksection li a{
  color: #414042;
  text-decoration: none;
}

#footerinf div.linkarea div.linksection li a:hover{
  color: #009ADF;
  text-decoration: underline;
}

#footerinf div.linkarea div.socialnetwork ul li{
  padding-right: 10px;
}

#footerinf div.logoarea{
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  justify-content: space-between;
}

#footerinf div.termslinkarea ul {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items:left;
  line-height: 30px;
}

#footerinf div.termslinkarea ul li {
  list-style: outside none none;
  color:#808285;
  font-weight: 200;
}

#footerinf div.termslinkarea ul li.liseparator {
  padding:10px 0; 
}

#footerinf div.termslinkarea ul li.link, #footerinf div.termslinkarea ul li.copyright  {
  padding: 10px 10px;
}

#footerinf div.termslinkarea ul li.link {
  transition: background-color 0.7s;
  transition-property: background-color;
  transition-duration: 0.7s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

#footerinf div.termslinkarea ul li.link:hover {
  background:#009adf;
}

#footerinf div.termslinkarea ul li.link:hover a {
  color:white;
}

#footerinf div.termslinkarea ul li.link a {
  display: flex;
  align-items:center;
  height:100%;
  color:#808285;
  text-decoration:none; 
}


#footersup {
	background-color: #009adf;
    margin-bottom: 40px;
    margin-top: 40px;
    height: 229px;
    color: white;
}

#footersup .content {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footersupint {
	width:50%;
	display: flex;
    flex-direction: column;
    padding: 0px 15px 0px 15px;
    font-family: PlutoSansDPD, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.footersuptitle {
	margin-top: 33px;
    margin-bottom: 5px;
    font-size: 1.143em;
    font-weight: 500;
    height: 25px;
}

.footersupcontent {
	font-size: 0.857em;
    font-weight: 500;
    height: 80px;
    line-height: 1.42857143;
}

.footersupsearsh {
    display: flex;
    flex-direction: row;
	height: 40px;
}

.footersupsearsh input {
	height: 100%;
	width: 81%;
	font-size: 14px;
	padding: 0px 15px 0px 15px;
}

.footersupsearsh select {
	height: 100%;
	width: 91%;
	font-size: 14px;
	padding: 0px 50px 0px 15px;
	-webkit-appearance: none;
	background: url(../images/icons/dropdown.png) no-repeat scroll right center white;
	color: #757575;
}

.footersupsearsh button {
    border: 1px solid #808285;
    border-left: 0;
    width: 40px;
    height: 100%;
	background: url(../images/icons/loupe.png)  no-repeat;
}


@media screen and (max-width: 480px) {
  

  
  #footerinf div:not(.mobile), #footersup {
    display: none;
  }
 
  #footerinf div.mobile {
    display: block;
  }
  
  #footerinf div.linkarea.mobile {
    display:flex;
    flex-direction: column;
    justify-content: left;
    align-items:left;
  }
  
  #footerinf div.linksection.mobile{
    display:flex;
    flex-direction: column;
  }

  #footerinf div.linkarea div.linkcontainer.mobile,  #footerinf div.linkarea div.linksection.mobile
  {
    width:100%;
  }
  
  #footerinf div.linkarea div.linksection.mobile {
    margin-left:10px;
  }

  #footerinf div.linkarea div.linksection.mobile li a {
    font-size: 1.286em;
    color: #009adf;
  }
}