@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i);

body {
  font-family:Ubuntu, sans-serif;
  background:#f2f6fa;
  color:#637282;
  overflow-y: scroll;
}

.logo {
display:block;
margin:50px auto 0;
}

h1 {
  font-size:30px;
  font-weight:500;
  text-align:center;

}

h2 {
color:#78909c;
font-size:20px;
font-weight:300;
text-align:center;
margin-top:10px;
}

h3 {
  font-size:22px;
  font-weight:600;
  color:#00aeef;
}

h4 {
  font-size:20px;
  font-weight:400;
  color:red;
  color: #58585a;
  text-transform: uppercase;
  font-style: italic;
}

h5 {
  color:#8e8e8e;
  font-weight:500;
    font-size:18px;
}

p {
  color:#8f8f8f;
  line-height:1.5em;
  text-align: justify;
}

.card {
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom:1px;
  border:none;
}

.card-header:first-child {
  border-radius: 0;
}

.card-header {
  margin-bottom: 0;
  background-color: #fff;
}

.card-body{
  border: 1px solid #ececec;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,94,255,0.1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,94,255,0.1);
  box-shadow: 0px 3px 5px 0px rgba(0,94,255,0.1);
}

.active .panel-heading{
  background-color: black;
}

.card.active > .card-header {
    background-color: #00aeef;
    color: #fff;
}

.card p a{
  color: #00AAEF;
}

.card p a:hover{
  color: #00AAEF;
}


.btn, .btn-link{
  font-size: 25px;
  font-weight: 500;
  color: #0d6ea5;
  text-decoration: none;
  border: none;
}

.far{
  color: #00aeef;
}

.btn-link:hover{
  text-decoration: none;
  color: #00aaef;
}

.btn-link.focus, .btn-link:focus{
  text-decoration: none;
}

.btn-link:active{
  text-decoration: none;
}

.btn-link:visited{
  text-decoration: none;
}

figcaption { 
    display: block;
}

figure figcaption {
    text-align: center;
}

.red{
  color: red;
  list-style: none;
}

footer .copyright, .nav a{
    font-size: 13px;
    color: #7d7d7d;

}

.fab{
     color: #7d7d7d;
}

.fab:hover{
     color: #00aeef;
}

.nav a:hover{
    color: #00aeef;
}

.social-media{
    box-shadow: none;
}

  /* Accordion Icons */

  [data-toggle="collapse"] .fa:before {  
    content: "\f146";
    color: #00aaef;
  }
  
  [data-toggle="collapse"].collapsed .fa:before {
    content: "\f0fe";f146
  }


/* Scroll */

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(212, 227, 252); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(212, 227, 252); 
}


/* Selection */

::selection {
  background: #00aeef; 
  color: #fff
}
::-moz-selection {
  background: #00aeef; 
  color: #fff
}

.br-on-mobile {
  display: none;
}

@media (max-width: 575.98px) { 
  h1{
    font-size:28px;
    font-weight:500;
    padding:   0;
  }
  h3 {
    font-size: 18px;
  }
  .btn, .btn-link{
    font-size: 20px;
  }
  .br-on-mobile {
    display: inherit;
  }
}