@font-face {
  font-family: F37Ginger-Bold;
  src: url('../fonts/F37Ginger-Bold.otf');
}
@font-face {
  font-family: F37Ginger-BoldItalic;
  src: url('../fonts/F37Ginger-BoldItalic.otf');
}
@font-face {
  font-family: F37Ginger-Light;
  src: url('../fonts/F37Ginger-Light.otf');
}
@font-face {
  font-family: F37Ginger-Lightitalic;
  src: url('../fonts/F37Ginger-LightItalic.otf');
}
@font-face {
  font-family: F37Ginger-Regular;
  src: url('../fonts/F37Ginger-Regular.otf');
}
@font-face {
  font-family: F37Ginger-Thin;
  src: url('../fonts/F37Ginger-Thin.otf');
}
.footer {
  padding: 0;
  min-height: 350px;
  background: #1B2223;
}
.footer div {
  min-height: unset;
}
.footer .inline-block {
  display: inline-block;
}
.footer .left-part {
  padding-top: 65px;
  min-height: 350px;
}
.footer .left-part p {
  font-size: 14px;
  color: #5f6868;
  font-family: F37Ginger-Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.footer .left-part .browse {
  padding-left: 150px;
}
.footer .left-part .browse #block-zipcar-footer > ul,
.footer .left-part .browse #block-footerfrench > ul,
.footer .left-part .browse #block-footerdutch > ul {
  list-style: none;
  padding: 0;
}
.footer .left-part .browse #block-zipcar-footer > ul li:first-child a,
.footer .left-part .browse #block-footerfrench > ul li:first-child a,
.footer .left-part .browse #block-footerdutch > ul li:first-child a {
  margin-top: 10px;
}
.footer .left-part .browse #block-zipcar-footer > ul li.faq a,
.footer .left-part .browse #block-footerfrench > ul li.faq a,
.footer .left-part .browse #block-footerdutch > ul li.faq a {
  margin-top: 50px;
}
.footer .left-part .browse #block-zipcar-footer > ul li a,
.footer .left-part .browse #block-footerfrench > ul li a,
.footer .left-part .browse #block-footerdutch > ul li a {
  font-size: 15px;
  color: #fff;
  font-family: F37Ginger-Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
}
.footer .left-part .browse #block-zipcar-footer > ul li a:hover,
.footer .left-part .browse #block-footerfrench > ul li a:hover,
.footer .left-part .browse #block-footerdutch > ul li a:hover {
  text-decoration: none;
}
.footer .left-part .socials #block-socialicons a.facebook,
.footer .left-part .socials #block-socialicons a.twitter,
.footer .left-part .socials #block-socialicons a.google {
  margin-top: 6px;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 15px;
}
.footer .left-part .socials #block-socialicons a.facebook:last-child,
.footer .left-part .socials #block-socialicons a.twitter:last-child,
.footer .left-part .socials #block-socialicons a.google:last-child {
  margin-right: 0;
}
.footer .left-part .socials #block-socialicons a.facebook.facebook,
.footer .left-part .socials #block-socialicons a.twitter.facebook,
.footer .left-part .socials #block-socialicons a.google.facebook {
  background: url(../img/fb.svg) no-repeat;
}
.footer .left-part .socials #block-socialicons a.facebook.google,
.footer .left-part .socials #block-socialicons a.twitter.google,
.footer .left-part .socials #block-socialicons a.google.google {
  background: url(../img/gplus.svg) no-repeat;
}
.footer .left-part .socials #block-socialicons a.facebook.twitter,
.footer .left-part .socials #block-socialicons a.twitter.twitter,
.footer .left-part .socials #block-socialicons a.google.twitter {
  background: url(../img/tw.svg) no-repeat;
}
.footer .right-part {
  background: #262C2D;
  padding-top: 65px;
  text-align: center;
  height: 350px;
}
.footer .right-part .question {
  margin-bottom: 17px;
  font-family: F37Ginger-Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
}
.footer .right-part .question span {
  background: url('../img/91question.png') no-repeat;
  width: 46px;
  height: 46px;
  display: inline-block;
  margin-right: 15px;
  background-size: 46px;
  vertical-align: top;
  margin-top: -11px;
}
.footer .right-part .question .question-wrapper {
  text-align: left;
}
.footer .right-part .mail {
  font-size: 18px;
  font-family: F37Ginger-Bold, sans-serif;
  font-style: normal;
  color: #DCE0DC;
  display: inline-block;
  text-transform: none;
}
.footer .right-part .mail:hover {
  text-decoration: none;
}
.footer .right-part .copyright {
  display: block;
  font-size: 11px;
  color: #475151;
  margin-top: auto;
  text-transform: uppercase;
  font-family: F37Ginger-Regular, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 80px;
  margin-bottom: 30px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .footer .left-part .browse {
    margin-bottom: 20px;
    padding: 15px;
  }
  .footer .left-part .browse .privacy {
    margin-top: 0;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .footer .left-part .browse {
    margin-bottom: 20px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .left-part .browse {
    margin-bottom: 20px;
    padding-left: 15px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .footer {
    height: auto;
  }
  .footer .left-part .browse {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
  }
  .footer .left-part .browse p {
    display: none;
  }
  .footer .left-part .browse .privacy {
    margin-top: 0;
  }
  .footer .left-part .socials {
    text-align: center;
  }
  .footer .left-part .socials a {
    float: none;
  }
  .footer .right-part {
    padding-top: 30px;
  }
  .footer .right-part .question span {
    display: block;
    margin: 0 auto 20px auto;
  }
  .footer .right-part .question .question-wrapper {
    text-align: center;
  }
  .footer .right-part .copyright {
    margin-top: 60px;
  }
}
@media (max-width: 991px) {
  .footer {
    min-height: 430px;
  }
  .footer .left-part {
    min-height: 430px;
  }
  .footer .right-part {
    height: 430px;
    padding-top: 135px;
  }
}
@media (max-width: 767px) {
  .left-part {
    padding-top: 10px !important;
    height: auto !important;
    padding-bottom: 30px;
  }
  .left-part .browse {
    padding-left: 0 !important;
    text-align: center;
  }
  .left-part .socials {
    text-align: center;
  }
  .left-part .socials a.facebook,
  .left-part .socials a.twitter {
    width: 50px !important;
    height: 50px !important;
  }
  .right-part {
    padding-top: 30px !important;
    height: auto !important;
  }
}
