#footer {
  background-color:#040418;
  position:relative;
  padding:60px 0 100px;
  z-index:1;
}
#footer > .inner {
  display:block;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 10px;
  position:relative;
}
#footer:after {
  content:'';
  display:block;
  width:100%;
  height:10px;
  background-color:#f50057;
  position:absolute;
  left:0;
  bottom:0;
}
#footer .site-title {
  width:111px;
  height:39px;
  margin:18px auto 22px;
}
#footer-top-menu-container {
  padding-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,0.3);
  margin-bottom:39px;
}
#footer-top-menu {
  list-style:none;
  width:100%;
  max-width:1180px;
  margin:18px auto 0;
  padding:0 50px;
  display:flex;
  justify-content:space-around;
}
#footer-top-menu a {
  display:block;
  color:#ffffff;
  font-size:16px;
  line-height:30px;
  letter-spacing:0.3em;
  font-weight:900;
  text-transform:uppercase;
  height:70px;
  padding:20px 32px 20px 41px;
  position:relative;
}
.newsletter-form-wrapper {
  padding:0 10px;
  margin:30px 0 0;
}
.newsletter-form-wrapper > .inner {
  display:block;
  border-top:1px solid rgba(255,255,255,0.3);
  border-bottom:1px solid rgba(255,255,255,0.3);
  padding:29px 0;
}
.newsletter-form {
  width:100%;
  display:flex;
}
.newsletter-form .extra-field {
  flex:1 1 auto;
  position:relative;
  width:100%;
  max-width:830px;
  height:70px;
}
.newsletter-form .extra-field .extra-indicator { padding:0 30px; }
.newsletter-form .extra-field label {
  font-size:14px;
  line-height:30px;
  font-weight:900;
  letter-spacing:0.3em;
  text-transform:uppercase;
  padding:22px 30px 18px;
}
.newsletter-form .extra-field .newsletter-email {
  width:100%;
  height:100%;
  padding:22px 30px 18px;
  border:none;
}
.newsletter-form .extra-field .newsletter-email:hover, .newsletter-form .extra-field .newsletter-email:focus { border:none; }
.newsletter-form .submit-button {
  flex:0 0 auto;
  width:350px;
  padding:22px 0 18px;
  background-color:transparent;
  border:none;
  color:#ffffff;
}
.newsletter-form .submit-button:active:before, .newsletter-form .submit-button:hover:before, .newsletter-form .submit-button:before { border-left:none; }
@media only screen and (max-width: 780px) {
  .newsletter-form {
    width:100%;
    display:block;
  }
  .newsletter-form .submit-button, .newsletter-form .extra-field {
    width:100%;
    max-width:350px;
    margin:10px auto 0;
    display:block;
  }
  .newsletter-form .submit-button:before { border:1px solid rgba(255,255,255,0.5); }
}
.footer-bottom {
  position:relative;
  display:flex;
  justify-content:space-between;
  margin:40px 0 0;
}
.social-links {
  display:flex;
  justify-content:space-between;
}
.social-links .link-button {
  flex:0 0 auto;
  width:70px;
  position:relative;
  overflow:hidden;
  margin:0 20px 0 0;
}
.social-links .link-button .text {
  position:absolute;
  left:100%;
}
.social-links .link-button .icon {
  position:absolute;
  top:50%;
  left:50%;
}
.social-links .social-link-facebook .icon {
  width:11px;
  height:22px;
  margin-top:-11px;
  margin-left:-5px;
}
.social-links .social-link-twitter .icon {
  width:23px;
  height:21px;
  margin-top:-10px;
  margin-left:-11px;
}
.social-links .social-link-ficheye { width:130px; }
.social-links .social-link-ficheye .icon {
  width:76px;
  height:22px;
  margin-top:-10px;
  margin-left:-38px;
}
.footer-bottom-right {
  flex:1 1 auto;
  width:100%;
  display:flex;
  justify-content:flex-end;
}
#footer-bottom-menu-container { padding:10px 0 0; }
#footer-bottom-menu {
  display:flex;
  justify-content:space-between;
  list-style:none;
}
#footer-bottom-menu a {
  font-size:14px;
  line-height:30px;
  font-weight:300;
  letter-spacing:0.1em;
  text-transform:uppercase;
  padding:0 17px;
  color:#ffffff;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
#footer-bottom-menu a:hover {
  color:#f50057;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
#footer-bottom-menu a:active {
  color:#ffffff;
  -webkit-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
}
.signature-wrapper { text-align:right; }
.copyright, .signature {
  font-size:14px;
  line-height:30px;
  font-weight:300;
  letter-spacing:0.1em;
  color:rgba(255,255,255,0.15);
  text-transform:uppercase;
  padding:0 17px;
}
.signature:hover {
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.signature:hover:hover {
  color:#f50057;
  -webkit-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}
.signature:hover:active {
  color:#ffffff;
  -webkit-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
}
#buddypress a.totop-link, .totop-link {
  flex:0 0 auto;
  width:70px;
  position:relative;
  overflow:hidden;
  margin:0 0 0 25px;
}
#buddypress a.totop-link .text, .totop-link .text {
  position:absolute;
  left:100%;
}
#buddypress a.totop-link .icon, .totop-link .icon {
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  width:20px;
  height:10px;
  margin:-5px 0 0 -10px;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.before-footer-ad-wrapper {
  position:relative;
  z-index:1;
}
.before-footer-ad-wrapper .extra-ad-wrapper-wide {
  padding:20px 0 20px;
  height:100%;
}
.before-footer-ad-wrapper .extra-ad-wrapper-wide.extra-ad-wrapper-format-billboard { height:420px; }
.before-footer-ad-wrapper .extra-ad-wrapper-wide.extra-ad-wrapper-format-billboard.extra-ad-closed { height:0; }
.before-footer-ad-wrapper .extra-ad-wrapper-wide.extra-ad-closed { height:0; }
@media only screen and (max-width: 1200px) {
  .copyright, .signature, #footer-bottom-menu a { padding:0 10px; }
}
@media only screen and (max-width: 1024px) {
  #footer > .inner { display:none; }
  .before-footer-ad-wrapper .extra-ad-wrapper-wide {
    padding-left:20px;
    padding-right:20px;
  }
}