/* styles */
/* variables */
/* helpers */
/* font-icons */
@font-face {
  font-family: "ba-f-icons";
  src: url("fonts/ba-font-icons.eot");
  src: url("fonts/ba-font-icons.eot?#iefix") format("embedded-opentype"), url("fonts/ba-font-icons.woff2") format("woff2"), url("fonts/ba-font-icons.woff") format("woff"), url("fonts/ba-font-icons.ttf") format("truetype"), url("fonts/ba-font-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "ba-f-icons-2";
  src: url("./fonts/ba-font-icons-2.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/ba-font-icons-2.eot?#iefix") format("embedded-opentype"), url("./fonts/ba-font-icons-2.woff2") format("woff2"), url("./fonts/ba-font-icons-2.woff") format("woff"), url("./fonts/ba-font-icons-2.otf") format("opentype"), url("./fonts/ba-font-icons-2.ttf") format("truetype"), url("./fonts/ba-font-icons-2.svg") format("svg");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

.icon-01:before, .icon-02:before, .icon-03:before, .icon-04:before, .icon-05:before, .icon-06:before, .icon-07:before, .icon-08:before, .icon-09:before, .icon-10:before, .icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before, .icon-15:before, .icon-16:before, .icon-17:before, .icon-01-basic:before, .icon-02-basic:before, .icon-03-basic:before, .icon-04-basic:before, .icon-05-basic:before, .icon-06-basic:before, .icon-07-basic:before, .icon-08-basic:before, .icon-09-basic:before, .icon-10-basic:before, .icon-11-basic:before, .icon-12-basic:before, .icon-13-basic:before, .icon-14-basic:before, .icon-15-basic:before, .icon-16-basic:before, .icon-01-plain:before, .icon-02-plain:before, .icon-03-plain:before, .icon-04-plain:before, .icon-05-plain:before, .icon-06-plain:before, .icon-07-plain:before, .icon-08-plain:before, .icon-09-plain:before, .icon-10-plain:before, .icon-11-plain:before, .icon-12-plain:before, .icon-13-plain:before, .icon-14-plain:before, .icon-15-plain:before, .icon-16-plain:before {
  font-family: "ba-f-icons"; }

.icon-01:before, .icon-02:before, .icon-03:before, .icon-04:before, .icon-05:before, .icon-06:before, .icon-07:before, .icon-08:before, .icon-09:before, .icon-10:before, .icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before, .icon-15:before, .icon-16:before, .icon-17:before, .icon-01-basic:before, .icon-02-basic:before, .icon-03-basic:before, .icon-04-basic:before, .icon-05-basic:before, .icon-06-basic:before, .icon-07-basic:before, .icon-08-basic:before, .icon-09-basic:before, .icon-10-basic:before, .icon-11-basic:before, .icon-12-basic:before, .icon-13-basic:before, .icon-14-basic:before, .icon-15-basic:before, .icon-16-basic:before {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  font-size: 6em;
  line-height: 1.2; }

.icon-01:before, .icon-02:before, .icon-03:before, .icon-04:before, .icon-05:before, .icon-06:before, .icon-07:before, .icon-08:before, .icon-09:before, .icon-10:before, .icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before, .icon-15:before, .icon-16:before, .icon-17:before {
  border: thin solid #34abd9;
  border-radius: 50%;
  color: #34abd9; }

/* Mapping icon contents */
.icon-01:before {
  content: "\21"; }

.icon-01-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\21"; }

.icon-01-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\21"; }

.icon-02:before {
  content: "\22"; }

.icon-02-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\22"; }

.icon-02-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\22"; }

.icon-03:before {
  content: "\23"; }

.icon-03-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\23"; }

.icon-03-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\23"; }

.icon-04:before {
  content: "\24"; }

.icon-04-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\24"; }

.icon-04-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\24"; }

.icon-05:before {
  content: "\25"; }

.icon-05-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\25"; }

.icon-05-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\25"; }

.icon-06:before {
  content: "\26"; }

.icon-06-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\26"; }

.icon-06-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\26"; }

.icon-07:before {
  content: "\27"; }

.icon-07-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\27"; }

.icon-07-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\27"; }

.icon-08:before {
  content: "\28"; }

.icon-08-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\28"; }

.icon-08-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\28"; }

.icon-09:before {
  content: "\29"; }

.icon-09-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\29"; }

.icon-09-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\29"; }

.icon-10:before {
  content: "\2A"; }

.icon-10-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2A"; }

.icon-10-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2A"; }

.icon-11:before {
  content: "\2B"; }

.icon-11-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2B"; }

.icon-11-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2B"; }

.icon-12:before {
  content: "\2C"; }

.icon-12-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2C"; }

.icon-12-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2C"; }

.icon-13:before {
  content: "\2D"; }

.icon-13-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2D"; }

.icon-13-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2D"; }

.icon-14:before {
  content: "\2E"; }

.icon-14-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2E"; }

.icon-14-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2E"; }

.icon-15:before {
  content: "\2F"; }

.icon-15-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2F"; }

.icon-15-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\2F"; }

.icon-16:before {
  content: "\30"; }

.icon-16-plain:before {
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\30"; }

.icon-16-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  margin-right: -0.25rem;
  content: "\30"; }

/* Hiding placeholders for icons. */
foricon-01, icon-02, icon-03, icon-04, icon-05, icon-06, icon-07, icon-08, icon-09, icon-10, icon-11, icon-12, icon-13, icon-14, icon-15, icon-16 {
  display: none; }

.icon-17:before {
  content: "\31";
  color: floralwhite; }

.no-icon-borders {
  border: none; }

/* Font icons - 2nd set */
.icon-18:before,
.icon-19:before,
.icon-20:before,
.icon-21:before,
.icon-22:before,
.icon-23:before,
.icon-18-basic:before,
.icon-19-basic:before,
.icon-20-basic:before,
.icon-21-basic:before,
.icon-22-basic:before,
.icon-23-basic:before,
.icon-18-plain:before,
.icon-19-plain:before,
.icon-20-plain:before,
.icon-21-plain:before,
.icon-22-plain:before,
.icon-23-plain:before {
  font-family: "ba-f-icons-2"; }

.icon-18:before,
.icon-19:before,
.icon-20:before,
.icon-21:before,
.icon-22:before,
.icon-23:before {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  font-size: 6rem;
  line-height: 1.2; }

.icon-18:before,
.icon-19:before,
.icon-20:before,
.icon-21:before,
.icon-22:before,
.icon-23:before {
  border: thin solid #34abd9;
  border-radius: 50%;
  color: #34abd9; }

a i {
  margin-left: 0.25rem;
  margin-right: -0.25rem; }

/* Mapping icon contents */
.icon-18:before {
  content: "\E011"; }

.icon-18-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E011"; }

.icon-18-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E011"; }

.icon-19:before {
  content: "\E012"; }

.icon-19-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E012"; }

.icon-19-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E012"; }

.icon-20:before {
  content: "\E013"; }

.icon-20-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E013"; }

.icon-20-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E013"; }

.icon-21:before {
  content: "\E014"; }

.icon-21-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E014"; }

.icon-21-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E014"; }

.icon-22:before {
  content: "\E015"; }

.icon-22-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E015"; }

.icon-22-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E015"; }

.icon-23:before {
  content: "\E016"; }

.icon-23-plain:before {
  font-style: normal;
  font-size: 3rem;
  content: "\E016"; }

.icon-23-basic:before {
  display: inline;
  font-style: normal;
  font-size: 3rem;
  content: "\E016"; }

@media screen and (max-width: 350px) {
  .icon-18-plain:before,
  .icon-19-plain:before,
  .icon-20-plain:before,
  .icon-21-plain:before,
  .icon-22-plain:before,
  .icon-23-plain:before {
    font-size: 2rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem; } }

.nav-bar {
  height: 120px;
  width: 100%;
  background: white;
  border-bottom: thin solid #34abd9; }
  .nav-bar div ul {
    margin-top: 32px; }
  .nav-bar div div {
    display: inline-block;
    margin-top: 15px; }
    .nav-bar div div img {
      display: table-cell;
      vertical-align: middle;
      width: auto;
      height: 80px; }

.jumbotron {
  background: #34abd9;
  background: #34abd9;
  background: -moz-linear-gradient(top, #49b4dd 0%, #34abd9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49b4dd), color-stop(100%, #34abd9));
  background: -webkit-linear-gradient(top, #49b4dd 0%, #34abd9 100%);
  background: -o-linear-gradient(top, #49b4dd 0%, #34abd9 100%);
  background: linear-gradient(to bottom, #49b4dd 0%, #34abd9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#49b4dd, endColorstr=#34abd9);
  color: floralwhite;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }
  .jumbotron em {
    color: #ffec14 !important;
    font-weight: 500 !important;
    font-style: normal !important; }

a {
  color: #34abd9; }
  a:hover {
    color: #1a6d8d !important;
    text-decoration: none; }
  a:active {
    color: #1a6d8d !important;
    text-decoration: none; }

h1,
h2,
h3 {
  color: #34abd9; }

h1 {
  margin-top: 1rem; }

h2 {
  margin-bottom: 1em; }

h3 {
  height: 2em;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.lead {
  margin-bottom: 2rem; }

.display-4 {
  font-size: 2rem; }

.text-col {
  text-align: justify; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-color: #34abd9; }

#contact-us {
  margin-bottom: 9rem !important; }
  #contact-us hr {
    margin-top: 3rem;
    margin-bottom: 2rem !important; }

#contact-us span {
  color: #34abd9; }

ul li {
  display: inline; }

#home h4 {
  margin-top: 0;
  padding-top: 0; }

#home #home-mid {
  position: absolute;
  margin: auto;
  top: 55%;
  transform: translateY(-50%);
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 2rem;
  padding-right: 2rem; }

#home .image-frame {
  background: url("../img/intro-sparkles.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  display: overflow;
  padding-top: 75px; }

.blue {
  color: #34abd9; }

.jumbo-img {
  width: 130px;
  height: 187px;
  margin-bottom: 1.5rem; }

@media (max-width: 575.98px) {
  .jumbo-img {
    width: 86px;
    height: 124px; }
  h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.5rem; }
  h2 {
    margin-bottom: 1rem; }
  .lead {
    font-size: 1em;
    margin-bottom: 4rem; }
  p {
    font-size: 0.9rem; }
  .display-4 {
    font-size: 1.5rem; }
  .nav-bar {
    height: 80px; }
    .nav-bar div ul {
      margin-top: 7px;
      padding-left: 0; }
      .nav-bar div ul li a i {
        font-size: 1rem; }
    .nav-bar div div {
      display: inline-block;
      width: 185px;
      height: 50px;
      margin-top: 5px;
      overflow: hidden;
      margin-top: 15px; }
      .nav-bar div div img {
        height: 50px; }
  .block-text {
    margin-bottom: 3rem; }
  #contact-us {
    padding-bottom: 2rem; }
    #contact-us p {
      margin-top: 0;
      margin-bottom: 0; }
    #contact-us hr {
      margin-bottom: 0; }
  #footer p {
    margin: 0; } }

@media (min-width: 768px) {
  .display-4 {
    font-size: 1.6rem; } }

@media (min-width: 992px) {
  .display-4 {
    font-size: 2rem; }
  .nav-bar span {
    font-size: 1.5rem; } }

@media (min-width: 1200px) {
  .display-4 {
    font-size: 2.2rem; }
  .nav-bar span {
    font-size: 1.6rem; } }

@media screen and (max-height: 600px) {
  .nav-bar {
    height: 80px; }
    .nav-bar div ul {
      margin-top: 7px;
      padding-left: 0; }
      .nav-bar div ul li a i {
        font-size: 1rem; }
    .nav-bar div div {
      display: inline-block;
      width: 185px;
      height: 50px;
      overflow: hidden;
      margin-top: 15px; }
      .nav-bar div div img {
        height: 50px; }
  .hide-ls {
    display: none; }
  #home-mid {
    padding-top: 100px; } }

@media screen and (max-width: 350px) {
  .nav-bar {
    height: 60px; }
    .nav-bar div ul {
      margin-top: 7px;
      padding-left: 0; }
    .nav-bar div div {
      width: 150px;
      height: 50px;
      margin-top: 10px; }
      .nav-bar div div img {
        height: 40px; }
  #home-mid {
    padding-top: 100px; } }