/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Footer and under footer                           *
*                                                                               *
*  [^]fo = footer                                                               *                                                             
*  [^]uf = under footer                                                         *
*                                                                               *
*                                                                               *
*                                                                               *
*                                                                               *
********************************************************************************/


/* [$] Block *****************************************/
 footer {
    overflow:visible !important; 
 }
 #footer {
     background-color: #f3f3f3;
     padding: 30px;
     height: auto;
     overflow: hidden;
     margin-top: 6px;
     font-family:'Roboto', sans-serif;
}
 #footer ul.lang-list {
     padding-top: 5px;
     font-size: 0.85em;
}
 #footer .logos-container img:nth-child(2), #footer .logos-container img:nth-child(3) {
     margin-left: 20px;
}
 #footer ul.social-network-icon .fa-facebook:hover {
     color:#3B5998;
}
 #footer ul.social-network-icon .fa-linkedin:hover {
     color:#0077B5;
}
 #footer ul.social-network-icon .fa-twitter:hover {
     color:#1DA1F2;
}
 #footer ul.social-network-icon .fa-youtube:hover {
     color:#CD201F;
}
 #footer ul.social-network-icon {
     text-align:left;
     padding-top:5px;
     padding-right:0;
     padding-left:18px;
}
 #footer ul.social-network-icon li a em {
     color: #aaaaaa;
     -webkit-transition: color .3s linear;
     -moz-transition: color .3s linear;
     -ms-transition: color .3s linear;
     -o-transition: color .3s linear;
     transition: color .3s linear;
     font-size:20px;
     padding-left:5px;
}
 #footer ul.social-network-icon li:first-child a em {
     padding-left: 0;
}
 ul.social-network-icon li a em:hover {
     opacity: .7;
}
 #footer .footer-menu li a {
     font-size: 16px;
     color: #737373;
     font-family:'Alegreya Sans', sans-serif;
}
 #footer .footer-social-media {
     clear: both;
     height: auto;
     overflow: hidden;
     /*margin-top: 25px;*/
}
 #footer .footer-copyright p {
     color: #7e7e7e;
     font-size: 15px;
     text-align: center;
     font-weight: 500;
     margin-top: 10px;
}
 #footer .footer-menu.hidden-xs ul.list-inline, #footer .footer-menu.visible-xs ul.list-inline {
     text-align:center;
     padding-top: 20px;
     margin-left: 0;
}

 #footer .logos-container {padding: 0;right: 0;margin-left: 7%;}
 #footer .logos-container .logos div {
     margin-left: 15px;
}
 #footer .europa-logo img {
     padding-left: 5px;
     margin-left: 8px;
}

.linkCopyright a{
  color: #737373 !important;
  font-size: 16px;
  text-decoration: none;
}

.copyrightClass{
  border-left: 1px solid #aaa;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color:#aaa;
}

#footer .copyright-footer {
    font-size: 16px;
    font-family: 'Alegreya Sans';
    font-weight: 400;
    color: #737373;
    line-height: 20px;
}

@media screen and (max-width: 763px) {
    .copyrightClass{
        border-left: 0px;
    }
}
@media screen and (max-width: 767px) {
    .footer-content{
      padding:  0px !important;
    }
}
@media screen and (max-width: 575px) {
  footer  .footer-content{
        width: 100%;
        left:0%;
    }

  .footer-copyright{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #footer ul.social-network-icon{
    font-size: 15px;
    padding-left: 0px !important;
  }
}

.linksFooter li a {
  font-size: 18px;
  font-weight: bold;
  color: #aaaaaa !important;
}

}
@media screen and (max-width:763px){.copyrightClass{border-left:0}}@media screen and (max-width:767px){.footer-content{padding:0!important}}@media screen and (max-width:575px){footer .footer-content{width:100%;left:0}.footer-copyright{padding-left:0!important;padding-right:0!important}#footer ul.social-network-icon{font-size:15px;padding-left:0!important}}.linksFooter li a{font-size:18px;font-weight:700;color:#aaa!important}

  /* end of [^]fo */


/*------ Return to top -----------*/
    #return-to-top {
         position: fixed;
         bottom: 20px;
         right: 20px;
         background: rgb(0, 0, 0);
         background: rgba(0, 0, 0, 0.6);
         width: 38px;
         height: 38px;
         display: block;
         text-decoration: none;
         -webkit-border-radius: 35px;
         -moz-border-radius: 35px;
         border-radius: 35px;
         display: none;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
         z-index:8009;
    }
     #return-to-top span.go-up {
         margin: 0;
         position: absolute;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
         left: 11px;
         top: 10px;
         background-repeat: no-repeat;
         background-position: center center;
         background-image:url('/img/site/arrow-16.png');
         width:16px;
         height:16px;
    }
     #return-to-top:hover {
         background: rgba(0, 0, 0, 0.9);
    }
     #return-to-top:hover i {
         color: #fff;
         top: 5px;
    }
    
    .fixed-bottom{
        position: fixed;
        width: 100%;
        bottom: 0;
    }