@charset "utf-8";

@import "../initial";

.layout-footer {
  z-index: 1;
  clear: both;
  position: relative;
  color: #fff;
  background-color: #31343b;
  padding: 2em 0;

  .footer-updated-date{
    clear: both;
    padding-left: 1em;
  }
  ul{
    padding: 0;
  }
  li{
    list-style: none;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{

  }

  .container {
    @extend .response-container;
  }
  .footer-counter a { padding-right: 0.5em; }
  a {
    color: #fff;

    &:hover,
    &:focus {
      opacity: .8;
    }
  }
}
.footer-counter{
  display: none;
}
.layout-footer-content{
  color: #fff;
  .fab{
    padding-right: 10px;
  }
}
@media(max-width:$screen-xs){
  .footer-content{
    flex-wrap: wrap;
  }
  .part{
    width: 100%!important;
  }
}
.footericon{
      margin-right: 1rem;
      font-size: 0.8125em;
      border: #e0e0e0 1px solid;
      padding: 0.5em 1em;
      display: inline-block;
      margin-bottom: 1em;
}
.fatfooter{
  display: none;
  ul{
    padding: 0;
  }
  li{
    margin: 12px 0;
  }
}
.btn-fatfooter{
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 50px;
  background:#1a1b20;
  top: -59px;
  border-radius: 100px 100px 0 0;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  .btn{
    color: #fff;
    opacity: .8;
    text-shadow: 0;
  }
}
.basic{
  line-height: 2;
    @media(min-width:769px){
      padding: 0 0 0 30px;
      margin: 0;
      border-left: 1px solid #ffffff33;
    }
}
.copyright {
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 1.8em;
    color: #c2c2c2;
    margin: 5px 0 0;
}
h2 {
    float: left;
    font-size: 24px;
    line-height: 1.4em;
    color: #00bd00;
    margin: 0;
    padding: 0;
}
  .fab{
    padding-right: 10px;
  }
  .title {
      float: left;
      width: 100%;
      display: inline-block;
      font-size: 22px;
      color: #6ec2fa;
      line-height: 1.6em;
      padding: 0 0 7px;
      margin: 0;
      position: relative;
          text-align: justify;
      &:after {
          content: "";
          display: inline-block;
          width: 20px;
          height: 1px;
          margin: 0 10px;
          overflow: hidden;
          background: #6ec2fa;
          position: relative;
          top: -9px;
      }
  }
  .quicklink ul li {
      float: left;
      display: inline-block;
      width: calc(100% / 2);
      list-style: none;
      font-size: 16px;
      line-height: 1.6em;
      margin: 1px 0;
      padding: 1px 5px 1px 20px;
      overflow: hidden;
      background: url(/assets/right5.svg) no-repeat 6px 10px;
      background-size: 5px;
  }
  .addicon {
      background: url(/assets/placeholder.svg) no-repeat 3px 2px;
      background-size: auto 20px;
  }
  .tel {
      background: url(/assets/phone.svg) no-repeat 1px 3px;
      background-size: auto 19px;
  }
  .fax {
      background: url(/assets/printer.svg) no-repeat left 3px;
      background-size: auto 17px;
  }
  .email {
      background: url(/assets/mail.svg) no-repeat left 6px;
      background-size: auto 14px;
  }