/*

PALETTE

Orange #E26F26
Light Grey #EBEBEB
Grey #CFCFCF
Light Blue #A2BFC7
Blue #627F97
Dark Blue #2A4F69

FONT

font-family: 'Open Sans Condensed', sans-serif;
700
font-family: 'Open Sans', sans-serif;
400, 700
*/




/* Global */
body, html {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  background-color:#2A4F69;
  font-size:16px;
  line-height:1.5;
}
.orange {
  color:#E26F26;
}
.light-grey {
  color:#EBEBEB;
}
.grey {
  color:#CFCFCF;
}
.light-blue {
  color:#A2BFC7;
}
.blue {
  color:#627F97;
}
.dark-blue {
  color:#2A4F69;
}
.bg-orange {
  background-color:#E26F26;
}
.bg-light-grey {
  background-color:#EBEBEB;
}
.bg-grey {
  background-color:#CFCFCF;
}
.bg-light-blue {
  background-color:#A2BFC7;
}
.bg-blue {
  background-color:#627F97;
}
.bg-dark-blue {
  background-color:#2A4F69;
}
.bg-white {
  background-color:white;
}

.btn-primary {
  background-color:#E26F26;
  border-color:#E26F26;
  color:#fff !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color:#2A4F69;
  border-color:#2A4F69;
  color:#fff !important;
}
.btn-secondary {
  background-color:#627F97;
  border-color:#627F97;
  color:#fff !important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color:#2A4F69;
  border-color:#2A4F69;
  color:#fff !important;
}
.btn-outline {
  background-color:transparent;
  border-color:#ffffff;
  color:#ffffff !important;
  border-radius: 24px;
  padding:12px;
  margin-top:6px;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  background-color:#fff;
  border-color:#ffffff;
  color:#2A4F69 !important;
}


h1 {
  font-weight:700;
  font-size:48px;
  text-transform:uppercase;
  color: #2A4F69;
  margin-bottom:18px;
}
h2 {
   font-family: 'Open Sans Condensed', sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:30px;
  color:#2A4F69;
  margin-bottom:24px;
}
h3 {
   font-family: 'Open Sans Condensed', sans-serif;
  font-weight:700;
  font-size:21px;
  line-height:24px;
  color:#2A4F69;
  margin-bottom:18px;
  text-transform:uppercase;
}
.bt {
  border-top:1px solid #CFCFCF;
}
.table {
  margin-bottom:30px;
}
ul, ol {
  margin-bottom:30px;
}
.lead {
  color:#627F97;
}
.bg-light-grey .lead {
  color:#2A4F69;
}
strong {
font-weight:700;}

.table .thead-dark th {
    color: #fff;
    background-color: #2A4F69;
    border-color: #2A4F69;
  font-weight:400;
}
.table-sm {
  font-size:14px;
}
.card-description {
  font-size:14px;
}
.table th, td {
  text-align:center;
}
dt, dd {
  padding:0; margin:0;
}
/*

Orange #E26F26
Light Grey #EBEBEB
Grey #CFCFCF
Light Blue #A2BFC7
Blue #627F97
Dark Blue #2A4F69
*/
a:link {
  color:#E26F26;
}
a:hover {
  color:#E26F26;
}
a:active {
  color:#E26F26;
}
a:visited {
  color:#E26F26;
}

/* Navbar */
.navbar-toggler {
  background-color:#627F97;
  border-color:#627F97;
  padding:6px;

}
.navbar-toggler:hover {
  background-color:#E26F26;
  border-color:#E26F26;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;

}

.navbar.bg-light {
background-color:#EBEBEB !important;
}
.navbar-brand img {
  width:180px;
}
.navbar-light .navbar-nav .nav-link {
color:#2A4F69;
  text-transform: uppercase;
  font-size:18px;
  font-weight:700;
  padding:12px 18px;
 font-family: 'Open Sans Condensed', sans-serif;
  border-radius: 5px;
}
.navbar-light .navbar-nav .nav-link:hover {
color:#E26F26;
}
.navbar-light .navbar-nav .active .nav-link {
background-color:#E26F26;
  color:#fff;
}

.navbar-collapse .navbar-nav {
  padding:12px 0;

}
.row-eq-height [class*="col"] {
    margin-bottom:36px;
}
.row-eq-height .card {
  height:100%;
}

/* Banner */
banner {
  display:block;
  overflow:hidden;
  position:relative;
  height:480px;

}
banner img {
  display:block;
  position:absolute;
  margin:auto;
  top: -99999px;
  left: -99999px;
  bottom: -99999px;
  right: -99999px;
  width:100%;
  height:auto;
}

@media (max-width: 1199.98px) {
   banner {
height:390px;
}
}
@media (max-width: 991.98px) {
   banner {
height:390px;
}
}
@media (max-width: 767.98px) {
   banner {
height:340px;
}
}
@media (max-width: 575.98px) {
   banner {
height:200px;
}
}


/* Cards */

.card {
text-align:center;
  position:relative;
  transition: all 0.3s ease-out;
  border-color:#A2BFC7;
}
.card:hover {
  box-shadow:0 5px 36px rgba(0,0,0,0.4);
}

.card-body {
  padding:24px;
  transition: all 0.3s ease-out;
}
.card-title {
  font-size:24px; line-height:30px;
  font-weight:700;
  color:#2A4F69;
}
.card-floater {
  padding-bottom:60px;
}
.card-floater .card-link {
  position:absolute;

  display:block;
  width:100%;
  left:0;
  right:0;
  bottom:30px;
}

/* Footer */

footer img {
  width:200px;
}
