/*
  Styles for footer, global.
  Including media query, for mobile devices.
  Latest modified 2015-11-25 20:35
*/
body {
  position: relative;
}
.footer-wrapper {
  width: 100%;
}

/**** part 1 ****/
.footer-nav-wrapper {
  width: 100%;
  background-color: #f1f3f5;
}
.footer-nav {
  margin: 0 auto;
  width: 960px;
}
.footer-nav ul {
  margin: 0 auto;
}
.footer-nav li.nav-txt {
  float: left;
  padding-right: 30px;
}
.footer-nav li.nav-txt.right {
  float: right;
}
.footer-nav li.nav-txt a{
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 70px;
  color: #999!important;
}
.footer-nav li.nav-txt a:hover {
  color: #008cff!important;
}
.footer-nav li.social-wrapper {
  float: left;
  padding-top: 22px;
}
.footer-nav li.social-wrapper a {
  float: left;
  margin-right: 10px;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.footer-nav .social-wrapper a:hover {
  background-position: 0 -25px;
  background-position:-webkit-image-set(
    0 -25px 1x,
    0 -38px 1.5x,
    0 -50px 2x
  );
}
.footer-nav .social-wrapper a.twitter {
  background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453374866596_Gm8qXj_www_footer_twitter.png");
  background-image:-webkit-image-set(
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374866596_Gm8qXj_www_footer_twitter.png") 1x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374867303_NTka4R_www_footer_twitter@15x.png") 1.5x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374866740_Hq8KkN_www_footer_twitter@2x.png") 2x
  );
}
.footer-nav .social-wrapper a.facebook {
  background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453374863856_JefTnP_www_footer_facebook.png");
  background-image:-webkit-image-set(
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374863856_JefTnP_www_footer_facebook.png") 1x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374866235_LE6dth_www_footer_facebook@15x.png") 1.5x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374866060_jLPpWn_www_footer_facebook@2x.png") 2x
  );
}
.footer-nav .social-wrapper a.youtube {
  background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453374867485_ef3Ty9_www_footer_youtube.png");
  background-image:-webkit-image-set(
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374867485_ef3Ty9_www_footer_youtube.png") 1x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374867808_2IlClh_www_footer_youtube@15x.png") 1.5x,
    url("https://webcdn.jide.com/jide_upload/2016_01/1453374867659_rJj5h7_www_footer_youtube@2x.png") 2x
  );
}
.footer-nav .social-wrapper a.linkedin {
  background-image: url("https://webcdn.jide.com/jide_upload/2016_04/1461051587244_juySvK_www_footer_linkedin.png");
  background-image:-webkit-image-set(
    url("https://webcdn.jide.com/jide_upload/2016_04/1461051587244_juySvK_www_footer_linkedin.png") 1x,
    url("https://webcdn.jide.com/jide_upload/2016_04/1461051587855_mvM2kq_www_footer_linkedin@15x.png") 1.5x,
    url("https://webcdn.jide.com/jide_upload/2016_04/1461051587603_Tc5JBE_www_footer_linkedin@2x.png") 2x
  );
}
.footer-nav .social-wrapper a.instagram {
  background-image: url("https://webcdn.jide.com/jide_upload/2016_07/1473832631824_0hD823_Instagram_1.0.png");
  background-image:-webkit-image-set(
    url("https://webcdn.jide.com/jide_upload/2016_07/1473832631824_0hD823_Instagram_1.0.png") 1x,
    url("https://webcdn.jide.com/jide_upload/2016_07/1473832632014_QkyLd9_Instagram_1.5x.png") 1.5x,
    url("https://webcdn.jide.com/jide_upload/2016_07/1473832632195_oURBtH_Instagram_2.0x.png") 2x
  );
}

/**** part 2 ****/
.site-info-wrapper {
  width: 100%;
  background-color: #f1f3f5;
}
.site-info {
  margin: 0 auto;
  width: 960px;
}
.site-info h2, .site-info h5 {
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  color: #999;
}
.site-info h2 {
  padding: 30px 0 10px;
}
.site-info h5 {
  padding: 0 0 30px;
}

/************* Media Query *************/
/************* *********** *************/
/* Small screens, width less than 960  */
@media (max-width: 767px) {
  .footer-nav {
    width: 100%;
  }
  .site-info {
    width: 100%;
  }
  .footer-nav li.nav-txt {
    float: none;
    padding-right: 0px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
  }
  .footer-nav li.nav-txt.right {
    float: none;
  }
  .footer-nav li.nav-txt.lang {
    padding-top: 10px;
    border-bottom: none;
  }
  .footer-nav li.nav-txt a{
    padding-left: 25px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 1rem;
    line-height: 40px;
    color: #999!important;
  }
  .footer-nav li.nav-txt a:hover {
    color: #008cff!important;
    background-color: #fff;
  }
  .footer-nav li.social-wrapper {
    float: none;
    padding-top: 10px;
    padding-left: 20px;
    border-bottom: none;
  }
  .footer-nav li.social-wrapper a {
    margin-top: 5px;
  }
  .site-info h2, .site-info h5 {
    font-size: 0.9rem;
    text-align: left;
    font-weight: normal;
    color: #ccc;
  }
  .site-info h2 {
    padding: 10px 0 5px 20px;
  }
  .site-info h5 {
    padding: 0 0 30px 20px;
  }
}

/* Medium screens, for Pad  */
@media (min-width:768px) and (max-width:991px) {
  .footer-nav,
  .site-info {
    width: 100%;
  }
}