/* ------------------------------------------------------------ *\
  Footer
\* ------------------------------------------------------------ */

.footer { position: relative; z-index: 5; margin-top: -5px; padding: 87px 0 90px; background: #006747; color: #fff; }

.footer [class^="col-"] .row { margin: 0 -8px; }

.footer [class^="col-"] [class^="col-"] { padding: 0 8px; }

.footer .logo-white { margin-bottom: 58px; }

.footer .socials { padding-left: 5px; }

.footer .footer__links { padding-top: 7px; }

.footer .footer__links h5 { margin-bottom: 24px; font-family: 'Frutiger', sans-serif; font-size: 20px; font-weight: 700; color: white; }

.footer .footer__links ul { list-style: none; }

.footer .footer__links li + li { margin-top: 20px; }

.footer .footer__links a { text-decoration: none; color: inherit;}

.footer .footer__links a:hover { color: #fff; opacity: .8; }





/* Tablet Portrait */

@media (max-width: 991px) {
  .footer { padding-top: 55px; padding-bottom: 78px; }
  
  .footer .logo-white { margin-top: 5px; margin-bottom: 43px; }

  .footer .footer__links { padding-left: 36px; margin-bottom: 12px; }
  
  .footer .footer__links h5 { position: relative; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, .3); margin-bottom: 0; font-weight: 900; letter-spacing: .05em; }
  .footer .footer__links h5 figure,
  .footer .footer__links h5 .figure { position: absolute; top: 2px; right: 1px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  
  .footer .footer__links ul { overflow: hidden; max-height: 0; -webkit-transition: max-height .3s, padding .3s; -o-transition: max-height .3s, padding .3s; transition: max-height .3s, padding .3s; }
  .footer .footer__links li + li { margin-top: 10px; }

  .footer .footer__links.active ul { max-height: 500px; padding-top: 20px; }
  .footer .footer__links.active h5 figure,
  .footer .footer__links.active h5 .figure { -webkit-transform: rotate(268deg); -ms-transform: rotate(268deg); transform: rotate(268deg); }
}

/* Mobile */

@media (max-width: 767px) {
  .footer { padding-top: 32px; padding-bottom: 37px; }
  
  .footer .container { padding: 0 29px; }
  .footer .logo-white { margin: 0 0 24px 5px; }
  .footer .socials { margin-bottom: 33px; }

  .footer .footer__links { padding-left: 0; margin-bottom: 9px; }
  .footer .footer__links h5 { font-weight: 900; }
}

.footer .container { max-width: 1072px; padding: 0 66px; }

.logo-white { display: inline-block; vertical-align: middle; }

/* ------------------------------------------------------------ *\
  Socials
\* ------------------------------------------------------------ */

.socials h4 { margin-bottom: 26px; font-family: 'Frutiger LT Std', sans-serif; font-size: 20px; font-weight: 900; letter-spacing: 0.02em; color: white; }

.socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }

.socials ul li a { text-decoration: none; color: white; }

.socials li:last-child { margin-right: 0; }

.socials a:hover { color: #fff; opacity: .8; }

.socials i { font-size: 24px; }

.ico-arrow-small { background-image     : url(../images/sprite.png); background-position     : 89.32038834951457% 93.15068493150685%; background-size     : 1571.4285714285713% 830.0000000000001%; width     : 7px; height     : 10px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
  .ico-arrow-small { background-image     : url(../images/sprite.@2x.png); background-position     : 88.03827751196172% 92.51700680272108%; background-size     : 2000% 873.6842105263157%; width     : 5.5px; height     : 9.5px; display     : inline-block; vertical-align     : middle; font-size     : 0px; }
}

.visible-sm-inline-block { display: none !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block { display: inline-block !important; }
}


.visible-xs-inline-block { display: none !important; }

@media (max-width: 767px) {
  .visible-xs-inline-block { display: inline-block !important; }
}