h1, h2, h3, p, li{
    font-family:"Open Sans";
    color:#0a2240;
}
h2{
    font-size:250%;
}
p, li{
    font-size:130%;
}
.contact-clean form#search .btn-primary {
    padding: 16px;
    margin-top: 0px;
}

div.searchresults {
    margin-top: 20px;
}


@media (max-width:767px) {
    .contact-clean form#search .btn-primary {
        margin-top: 18px;
    }
}
html{
    
}
 .dropdown-menu {
    left: auto;
 }
 .carousel-item .img-fluid {
  width:100% !important;
  height:100% !important;
}
.ret-asp{
    object-fit: cover;
    max-height: 500px;
}
.btn.focus, .btn:focus {
    box-shadow:none;
}
#colContent .btn {
    color: white;
    font-size: 80%;
}
.carousel-caption {
       top: 0px;
    left: 13%;
    width: 505px;
    background-color: #69c4cd;
    bottom: 0px;
    text-align: left;
    padding: 40px 20px 20px;
}
.carousel-caption p{
  
}
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    

.row{
    padding:20px 0;
}
.dropdown-item {
    color: #fff !important;
    font-size: 120%;
}
.white a.dropdown-item {
    color: black !important;
}
.mxw{max-width:1170px; margin:0 auto;}
 .photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
/* (A) SPEECH BOX */
.speech {
  /* (A1) FONT */
  font-family: arial, sans-serif;
  font-size: 1.1em;
 
  /* (A2) COLORS */
  color: #fff;
  background: #80a6c4;
 
  /* (A3) DIMENSIONS + POSITION */
  position: relative;
  padding: 20px;
  border-radius: 30px;
  
  margin:20px;
}
.speech p{
    background-color: #e9f5f6;
    border-radius: 20px;
    margin: auto;
    padding: 10px;
    height:200px;
}
  /* (B) ADD SPEECH "CALLOUT TAIL" */
/* (B1) USE ::AFTER TO CREATE THE "TAIL" */
.speech::after {
  /* (B1-1) ATTACH TRANSPARENT BORDERS */
  content: "";
  border: 20px solid transparent;
 
  /* (B1-2) NECESSARY TO POSITION THE "TAIL" */
  position: absolute;
}
 
/* (B2) BOTTOM "CALLOUT TAIL" */
.bottom.speech::after {
  /* (B2-1) DOWN TRIANGLE */
  border-top-color: #80a6c4;
  border-bottom: 0;
 
  /* (B2-2) POSITION AT BOTTOM */
  bottom: -20px; left: 50%;
  margin-left: -20px;
} .bottom1.speech::after {
  /* (B2-1) DOWN TRIANGLE */
  border-top-color: #bce4e9;
  border-bottom: 0;
 
  /* (B2-2) POSITION AT BOTTOM */
  bottom: -20px; left: 50%;
  margin-left: -20px;
    
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
   border:0;
    border-bottom: 1px solid rgba(0,0,0,0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 0rem;
  margin-bottom: 0;
  color: inherit;
   background-color:#0a2240;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.jmbtext {
    width: 45%;
    background-color: #69c4cd;
    text-align:left;
}
p.hero-subtitle {
    padding: 10px 15px 10px 0;
    color: #fff;
    font-size: 22px;
}
h1.hero-title, h2.hero-title, h3.hero-title, .jmbtext p.hero-subtitle {
    text-shadow: none !important;
    color: #0a2240 !important;
    margin-top:0 !important;
    padding:40px;
}
h1.hero-title, h2.hero-title, h3.hero-title{
    padding:40px 40px 0 40px;

}
div.jumbotron.carousel-hero {
    color: #0a2240 !important;;
    text-align: left;
    padding:0 !important;
}
.jmbtext p.hero-subtitle {
    margin-bottom: 0;
    padding-bottom: 30px;
}
.jmbtext p.hero-subtitle {
        margin-bottom: 0;
        padding-bottom: 30px;
    }
div.jumbotron.carousel-hero {
        padding-top: 0px;
        padding-bottom: 0px;
    }