@charset "utf-8";
/* CSS Document */

.contact {
  position: fixed;
  width: 100%;
  bottom: -75px;
  transition: .7s;
  z-index: 1200;
}
.contact .box {
  width: 350px;
  overflow: hidden;
  margin-right: -30px;
  float: right;
}
.contact .details p {
  margin: 0;
  line-height: 75px;
  float: left;
  width: 25%;
  overflow: hidden;
}
.contact .details p a {
  text-decoration: none;
  color: inherit;
}
.contact .details .custom {
  width: 400%;
  height: 75px;
  background: rgba(77, 149, 153, 0.7);
  transition: .7s;
}
.contact .details {
  overflow: hidden;
}
.contact .icons {
  color: #fff;
  padding: 0;
  height: 40px;
  background: #010101;
}
.contact .icons i {
  line-height: 40px;
  padding: 0;
  transition: .7s;
  width: 20%;
  float: left;
}

.contact .icons i:hover,
.conpop1 .contact .icons i:nth-child(1),
.conpop2 .contact .icons i:nth-child(2),
.conpop3 .contact .icons i:nth-child(3),
.conpop4 .contact .icons i:nth-child(4)
{background: #222;}

.contactpop .contact {
  bottom: 0;
}
.conpop2 .contact .details .custom { margin-left: -100%;}
.conpop3 .contact .details .custom { margin-left: -200%;}
.conpop4 .contact .details .custom { margin-left: -300%;}
.contact .sidewall {
  max-width: 1100px;
}
.contact .icons .close {
  display: none;
}
.contactpop .contact .icons .close {
  display: block;
}
.contactpop .contact .icons .goup {
  display: none;
}
.footnote p {
  margin: 0;
  float: left;
  margin-right: 50px;
  font-size: 12px;
}
.footnote .custom {
  max-width: 1150px;
  margin: 0 auto;
  height: 40px;
  padding: 0 20px;
}
.footnote {
  height: 40px;
  background: rgb(1, 1, 1);
  line-height: 40px;
  color: #fff;
}
.logobanner p {
  margin: 0;
}
.logobanner {
  border-top: solid 1px rgba(1, 1, 1, 0.3);
  background: rgba(77, 149, 153, 0.7);
  padding: 20px 0 30px;
}
.logobanner img {
  padding: 15px 40px;
}
@media (max-width: 1100px) {
.contact .box {
  margin-right: 0;
}
}
@media (max-width: 990px) {
.footnote p:last-child {
  display: none;
}
}
@media (max-width: 660px) {
.contact .box {
  display: inline-block;
  float: none;
  max-width: 100%;
}
.contact {
  bottom: -80px;
}
.contactpop .contact {
  bottom: -5px;
}
.contact .icons {
  background: none;
}
.contact .icons i {
  background: #010101;
}
.contact .icons .close {
  background: rgba(255, 160, 92, 0.85);
}
.footnote {
  padding-bottom: 40px;
}
.footnote p {
  float: none;
  margin: 0;
}
}