@font-face {
    font-family: 'exoregular';
    src: url('exo-regular-webfont.woff2') format('woff2'),
         url('exo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exobold';
    src: url('exo-bold-webfont.woff2') format('woff2'),
         url('exo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body { font-family: 'exoregular'; color: #444444;}
a { color: #004aad; text-decoration: none; }
a:hover { color: #00cc95; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-family: 'exobold';}
h2  { color: #000 !important; margin: 25px 0px;}
h2 span { color: #0f399b !important;}
.btn {display:inline-block; padding: 10px 30px; background:none; margin: 15px 0px 0px 0px; color: #333333; transition: all ease-in-out 0.4s; border: 1px solid #333333;}
.btn:hover { background: #000; color: #fff;}
@media screen and (max-width: 768px) {
  .col-center { text-align: center !important; }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #004aad;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #00c28e;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
section {
  padding: 50px 0;
  overflow: hidden;
}