/* Bottom-banner: start */
.xs-visible {display: none;}

.banner-bottom {
  position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    border-top: 1px solid #fff;

    color: #fff;
    font-family: arial, sans-serif;
    font-weight: 600;

    background: #28738A;
    z-index: 900;
    transition: .4s;

    /*hidden*/
    opacity: 0;
    pointer-events: none;

    /*visible*/
    opacity: 1;
    pointer-events: auto;    
}
.banner-bottom-inner {
  display: flex;
  max-width: 1030px;
    margin: 0 auto;  
    justify-content: center;
    align-items: center;  
}
.banner-bottom span.regular {
  font-weight: 400;
}


.banner-bottom-text {
  padding: 5px 70px 5px 10px;
  font-family: 'Gotham Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  color: #FFFFFF;
  text-align: left;
}

.banner-bottom-text span{
  font-family: 'Gotham Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
}
.banner-bottom-phone {
  margin: 10px;
  padding: 10px 20px;
  font-size: 28px;
  color: #fff;
  background: var(--color-main);
}
.banner-bottom-phone a {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px dashed #fff;
}
.banner-bottom-phone a:hover{
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}
.banner-bottom-phone a
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.banner-bottom-close {
    position: relative;
    cursor: pointer;
    height: 38px;
    width: 38px;
    padding: 10px;
    background: none;
    border: none;
}
.banner-bottom-close:before,
.banner-bottom-close:after {
  content: '';
  position: absolute;
    height: 2px;
    width: 21px;
    left: 8px;
    top: 50%;
    background: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;   
}
.banner-bottom-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.banner-bottom-close:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}


@media (max-width: 780px) and (min-width: 640px) {
  .banner-bottom-text {
      padding: 5px 10px;
      font-size: 14px;
  }
  .banner-bottom-phone {
    font-size: 20px;
    margin: 0 5px;
      padding: 10px 18px;
  }
  .banner-bottom-close {
    margin: 0 5px 0 15px;
  }
}


@media (max-width: 639px) {
  .xs-hidden {display: none;}
  .xs-visible {display: block;}
  .banner-bottom {
    padding: 15px 0;
  }
  .banner-bottom-inner {
    flex-direction: column;
  }
  .banner-bottom-close {
    position: absolute;
      right: 0px;
    top:0;padding: 0;
  }
  .banner-bottom-text {
    padding: 0;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
  }
  .banner-bottom-phone {
    font-size: 22px;
    margin: 8px;
    padding: 10px 18px;
  }
}
/* Bottom-banner: end */