/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i");

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.pb-50 {
    padding-bottom: 10px!important;
}

.pt-50 {
    padding-top: 10px!important;
}
.pb-40 {
    padding-bottom: 5px!important;
}
.pt-40 {
    padding-top: 5px!important;
}
.pb-35 {
    padding-bottom: 4px!important;
}

.pt-35 {
    padding-top: 4px!important;
}
/*----------  social contact section  ----------*/
.social-contact-section h2 {
    font-size: 20px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 20px;
}

.social-links a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  position: relative; }
  .social-links a:last-child {
    margin-right: 0; }
  .social-links a.facebook {
    background-color: #4867AA; }
    .social-links a.facebook:hover {
      background-color: #30436b; }
  .social-links a.twitter {
    background-color: #1DA1F2; }
    .social-links a.twitter:hover {
      background-color: #4e98e6; }
  .social-links a.instagram {
    background-color: #B23A94; }
    .social-links a.instagram:hover {
      background-color: #882e71; }
  .social-links a.linkedin {
    background-color: #007BB6; }
    .social-links a.linkedin:hover {
      background-color: #0b577b; }
  .social-links a.rss {
    background-color: #F99C3A; }
    .social-links a.rss:hover {
      background-color: #e88720; }
  .social-links a:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 400;
    background-color: #444444;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .social-links a:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 8px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .social-links a:hover:before, .social-links a:hover:after {
    visibility: visible;
    opacity: 1; }

.single-contact {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%; }
  @media only screen and (max-width: 767px) {
    .single-contact {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  @media only screen and (max-width: 479px) {
    .single-contact {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  .single-contact .icon {
    font-size: 40px;
    margin-right: 10px; }
  .single-contact p {
    color: #777777; }
    .single-contact p span {
      display: block; }
  .single-contact:first-child {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%; } }
    @media only screen and (max-width: 767px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    @media only screen and (max-width: 479px) {
      .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }

/*----------  footer navigation  ----------*/
.footer-navigation-section {
  text-transform: uppercase;
  position: relative; }
  .footer-navigation-section:before {
    position: absolute;
    top: 0;
    left: 27%;
    width: 73%;
    height: 1px;
    background-color: #e0e0e0;
    content: "";
    margin-left: -13.5%; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 479px) {
      .footer-navigation-section:before {
        width: 100%;
        left: 0;
        margin-left: 0; } }
  .footer-navigation-section:after {
    position: absolute;
    bottom: 0;
    left: 27%;
    width: 73%;
    height: 1px;
    background-color: #e0e0e0;
    content: "";
    margin-left: -13.5%; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }
    @media only screen and (max-width: 479px) {
      .footer-navigation-section:after {
        width: 100%;
        left: 0;
        margin-left: 0; } }

.single-navigation-section h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  font-weight: bold;
}

.single-navigation-section ul li {
  margin-bottom: 10px; }
  .single-navigation-section ul li:last-child {
    margin-bottom: 0; }
  .single-navigation-section ul li a {
    font-size: 12px;
    line-height: 18px;
    color: #777777; }
    .single-navigation-section ul li a:hover {
      color: #1aa9e4; }

/*----------  copyright section  ----------*/
.copyright-section p {
  margin-bottom: 0; 
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  .copyright-section .copyright-segment {
    margin-bottom: 15px; } }

.copyright-section .copyright-segment p a {
  color: #222; }
  .copyright-section .copyright-segment p a:hover {
    color: #80bb01; }

.copyright-section .copyright-segment p span.separator {
  padding: 0 10px;
  color: #222; }

.copyright-section .copyright-segment p.copyright-text a {
  color: #777; }
  .copyright-section .copyright-segment p.copyright-text a:hover {
    color: #80bb01; }

/*=====  End of 22. Footer ======*/