.features-icon {
  color: #247d85;
}

.btn.btn-border-w:hover, .btn.btn-border-w:focus {
  background: #7de5e8;
  border-color: transparent;
  color: #247d85;
}

.btn-primary {
  background-color: #247d85;
  border-color: #247d85;
  color: white;
}

.btn-primary:hover {
  background-color: #7de5e8;
  border-color: #7de5e8;
}

.kt-border-circle {
  border: solid 1px #38c5ce;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.kt-border-circle:hover {
  background-color: #7de5e8;
}

.kt-pointer {
  cursor: pointer;
}

#navbar {
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.8s; /* Transition effect when sliding down (and up) */
  height: 150px;
}

#custom-collapse {
  margin-top: 45px;
  background-color: #38c5ce;
}

.navbar.navbar-custom.navbar-fixed-top.navbar-transparent {
  background: #38c5ce;
  border-bottom: solid 5px #247d85;
  margin-top: -10px;
}

.panel-default > .panel-heading {
  color: white;
  background-color: #247d85;
  border-color: #247d85;
}

.info > h4 {
  color: white;
}

h4 {
  color: #247d85;
}

.module-title {
  margin: 0 0 20px;
  color: #247d85;
}

.features-title {
  color: #38c5ce;
}

.kt-segment {
  margin-bottom: 70px;
}

.kt-value {
  margin-bottom: 35px;
}

.kt-offcolor {
  background-color: #f5f5f5;
}

.module {
  padding: 30px 0 0 0;
}

.kt-title-underline {
  border-bottom: solid 1px black;
  max-width: 80px;
}

.kt-text-white {
  color: white;
}

.module-small.bg-dark {
  background-color: #247d85;
}

.footer.bg-dark {
  background-color: #677578;
}

.icon-list > li > a {
  color: white;
}

@font-face {
  font-family: "CenturyGothic";
  src: url("/fonts/CenturyGothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothicBold";
  src: url("/fonts/gothicb.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothicItalic";
  src: url("/fonts/gothici.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "CenturyGothicBoldItalic";
  src: url("/fonts/gothicbi.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
body, html {
  font-family: "Century Gothic", "CenturyGothic", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Century Gothic", "CenturyGothicBold", Arial, Helvetica, sans-serif;
  font-weight: bold;
}