/* **** THIS THEME **** */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;500,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mansalva&display=swap');
@font-face {
  font-family: 'cooper_blackregular';
  src: url('../fonts/coopbl-webfont.woff2') format('woff2'),
       url('../fonts/coopbl-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


/* 
    PRIMARY / blue:         #2C51AC
    SECONDARY / bright-blue #2EA3F2
    DARK GRAY:      #434343 
    MEDIUM GRAY:    #666666     (TEXT)
    font-family: 'Open Sans', sans-serif;
*/




/* PRIMARY */
.bg-primary {background:#2C51AC;}
.text-primary {color:#2C51AC !important;}
.btn-primary {background:#2C51AC;color:#fff}
.btn-primary {background:#2C51AC;color:#fff}
    .btn-primary:hover {background:#333;color:#fff}
.btn-primary-open {border:2px solid #2C51AC ;color:#2C51AC}
    .btn-primary-open:hover {background:#2C51AC ;color:#FFF}


/* SECONDARY */
.bg-secondary {background:#2EA3F2 !important;}
.text-secondary {color:#2EA3F2;}
.btn-secondary {background:#2EA3F2;color:#fff}
.btn-secondary {background:#2EA3F2;color:#fff}
    .btn-secondary:hover {background:#2E2E2E;color:#fff}
.btn-secondary-open {border:2px solid #2EA3F2 ;color:#2EA3F2}
    .btn-secondary-open:hover {background:#2EA3F2 ;color:#FFF}


h1,h2,h3,h4,h5,h6 {font-family: 'cooper_blackregular', serif; color: #2E2E2E;font-weight:bold;}
p {font-family: 'Open Sans', sans-serif; color: #666;}
p.lead {font-family: 'Open Sans', sans-serif; color: #2C51AC;font-size:1.3em;font-style:italic;margin-bottom:20px;}
.script {font-family: 'Mansalva', cursive; color: #2E2E2E;}

h1 {font-size: 48px;}
  @media (max-width: 1199px) {h1 {font-size: 28px;}}
h2 {font-size: 40px;}
  @media (max-width: 1199px) {h2 {font-size: 24px;}}
h3 {font-size: 26px;}
  @media (max-width: 1199px) {h3 {font-size: 20px;}}
h4 {font-size: 18px;}
  @media (max-width: 1199px) {h4 {font-size: 16px;}}





/* TOP BAR */
.topbar {
    background:#2C51AC;
    padding:5px 0;
    
}
.topbar p{
    color:#fff !important;
    font-size:.85em
}
.fa {
    color:#2C51AC !important;
}
.social-connect a:hover {
    background:#FFF;
}
  @media only screen and (max-width: 767px) {
    .social-connect {
      text-align:center;margin:auto;} }

/* FOOTER */
footer {
    background:#2E2E2E;
    color:#FFF;
}
.footer-links {
    display:block;
    font-size:1.2em;
    border-bottom:1px dotted rgba(255,255,255,.3);
    padding:5px 0;
  }
  .footer-links i{
    margin-right:8px;
  }
  .footer-links a {
    font-weight:normal;
  }
  .footer-links a:hover {
    color:#fff;
  }
  .social-link  {
    font-size:16px;
    height:28px;
    width:28px;
    text-align:center;
    padding:6px;
    border-radius:50%;
    background:#2C51AC;
    color:#434343 !important;
    margin-right:12px;
    transition: all 0.7s ease-out;
  }
  .social-link:hover {
    background:#FFF;
    color:#434343;
    transition: all 0.7s ease-out;
  }


  .btn-main {
    border-color: #2EA3F2;
    background:#2EA3F2;
    color:#FFF;
    height: 42px;
    font-size: 18px;
    font-weight:800;
    text-transform:uppercase;
    padding-left: 30px;
    padding-right: 30px;
    padding-top:12px;
    padding-bottom:14px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    line-height: 1;
    text-align: center;
    -webkit-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
  }
  .btn-main:hover, .btn-gold:hover, .btn-primary:hover, .btn-yellow:focus, .btn-gold:focus, .btn-primary:focus  {
    background-color: #2C51AC;
    color: #ffffff;
  }

.hero-image {
  height:50vh;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

/* ************************************************************************************************ */
/* BANNERS */
  .banner1-wrapper {height: 460px;}
  .banner1-wrapper .banner-caption h5 {font-weight: 800;}
  .banner1-wrapper .banner-caption p {font-style: italic;font-size: 18px;}
    @media only screen and (max-width: 980px) {.banner1-wrapper {height: 300px;}}
    @media only screen and (max-width: 767px) {.banner1-wrapper {height: auto;padding: 50px 0;}}

  .banner2-wrapper {height: 300px;}
  .banner2-wrapper .banner-caption h2 {font-weight: 800;color:#2C51AC}
  .banner2-wrapper .banner-caption p {font-style: italic;font-size: 22px;color:#FFF;}
    @media only screen and (max-width: 980px) {.banner2-wrapper {height: 200px;}}
    @media only screen and (max-width: 767px) {.banner2-wrapper {height: auto;padding: 50px 0;}}

  .banner3-wrapper { height: 300px;position: relative; }
  .banner3-wrapper .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:RGBA(0,124,187,0.75); }
  .banner3-wrapper .overlay .container {height: 100%; }
  .banner3-wrapper .banner-text h1, .banner3-wrapper .banner-text p{ color: #ffffff; }
  .banner3-wrapper .banner-text p { margin-top:10px; font-size:1.2em;font-style:italic;}
      @media only screen and (max-width: 1200px) {.banner3-wrapper {height: 200px; } }
      @media only screen and (max-width: 767px) {.banner3-wrapper {height: auto;padding: 60px 10px; } }
    

/* ************************************************************************************************ */
/* BREADCRUMBS */
  .breadcrumb1-wrapper {background: #F8F8F8;border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;margin: 0 0 90px; }
  .breadcrumb1-wrapper .mybreadcrumb {padding: 10px 0; }
  .breadcrumb1-wrapper .mybreadcrumb ul {padding: 0;margin: 0; }
  .breadcrumb1-wrapper .mybreadcrumb ul li a {color: #A4A4A4; }
  .breadcrumb1-wrapper .mybreadcrumb ul li a:hover, .breadcrumb1-wrapper .mybreadcrumb ul li a:focus {color: #2EA3F2; }
  .breadcrumb1-wrapper .mybreadcrumb ul li .fa {color: #A4A4A4 !important;padding: 0 5px; }
  .breadcrumb1-wrapper .mybreadcrumb ul .active {color: #2EA3F2; font-weight:bold}
    @media only screen and (max-width: 1023px) {.breadcrumb1-wrapper {margin-bottom: 45px; } }
    @media only screen and (max-width: 1023px) {.breadcrumb1-wrapper {padding: 0 15px; } }

  .breadcrumb2-wrapper {background: #2E2E2E;border-top: 1px solid #000;border-bottom: 1px solid #000;margin: 0 0 90px; }
  .breadcrumb2-wrapper .mybreadcrumb {padding: 10px 0; }
  .breadcrumb2-wrapper .mybreadcrumb ul {padding: 0;margin: 0; }
  .breadcrumb2-wrapper .mybreadcrumb ul li a {color: #A4A4A4; }
  .breadcrumb2-wrapper .mybreadcrumb ul li a:hover, .breadcrumb2-wrapper .mybreadcrumb ul li a:focus {color: #2EA3F2; }
  .breadcrumb2-wrapper .mybreadcrumb ul li .fa {color: #A4A4A4 !important;padding: 0 5px; }
  .breadcrumb2-wrapper .mybreadcrumb ul .active {color: #2EA3F2; font-weight:bold}
    @media only screen and (max-width: 1023px) {.breadcrumb2-wrapper {margin-bottom: 45px; } }
    @media only screen and (max-width: 1023px) {.breadcrumb2-wrapper {padding: 0 15px; } }

  .breadcrumb3-wrapper {background: #2C51AC;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;margin: 0 0 90px; }
  .breadcrumb3-wrapper .mybreadcrumb {padding: 10px 0; }
  .breadcrumb3-wrapper .mybreadcrumb ul {padding: 0;margin: 0; }
  .breadcrumb3-wrapper .mybreadcrumb ul li a {color: #2E2E2E; }
  .breadcrumb3-wrapper .mybreadcrumb ul li a:hover, .breadcrumb3-wrapper .mybreadcrumb ul li a:focus {color: #FFF; }
  .breadcrumb3-wrapper .mybreadcrumb ul li .fa {color: #2E2E2E !important;padding: 0 5px; }
  .breadcrumb3-wrapper .mybreadcrumb ul .active {color: #FFF; font-weight:bold}
    @media only screen and (max-width: 1023px) {.breadcrumb3-wrapper {margin-bottom: 45px; } }
    @media only screen and (max-width: 1023px) {.breadcrumb3-wrapper {padding: 0 15px; } }


/* ************************************************************************************************ */
/* FOOTER */
.lfooter {background: #2E2E2E;padding: 100px 0 0;color: #ffffff; }
.lfooter a {color: #fff;-webkit-transition: 0.32s all linear;-moz-transition: 0.32s all linear;transition: 0.32s all linear; }
.lfooter a:hover, .lfooter a:focus {color: #2EA3F2; }
.lfooter .main-footer .f-box .f-head {padding-bottom: 15px;margin-bottom: 20px;height: 130px;border-bottom: 1px solid #000; }
.lfooter .main-footer .f-box .f-head h2 {padding-top: 35px;font-size: 22px;font-weight: bold;font-family: 'Open Sans', sans-serif;text-transform: uppercase;margin: 0; }
    @media only screen and (max-width: 767px) {.lfooter .main-footer .f-box .f-head h2 {padding-top: 10px; } }
    @media only screen and (max-width: 767px) {.lfooter .main-footer .f-box .f-head { height: auto;padding-bottom: 10px; margin-bottom: 10px; } }
.lfooter .main-footer .f-box .f-link .floated-list li {width: 50%; }
.lfooter .main-footer .f-box .f-link .floated-list li a {padding-bottom: 5px;text-transform: capitalize; }
    @media only screen and (max-width: 767px) {.lfooter .main-footer .f-box .f-link .floated-list li {width: 100%; } }
.lfooter .main-footer .f-section:first-child {padding-right: 6%; }
.lfooter .main-footer .f-section:nth-child(2) {padding-right: 3%; }
.lfooter .main-footer .contacts-info span {display: block;margin-bottom: 15px;clear: both; }
.lfooter .main-footer .contacts-info span .icon {width: 10%;float: left; }
    @media only screen and (max-width: 767px) {.lfooter .main-footer .contacts-info span .icon {width: auto;float: none;margin-bottom: 10px; } }
.lfooter .main-footer .contacts-info span i {font-size: 20px;color: #FFF; }
.lfooter .main-footer .contacts-info .location-icon {height: 45px; }
    @media only screen and (max-width: 1023px) {.lfooter .main-footer .contacts-info .location-icon {height: auto; } }
    @media only screen and (max-width: 1023px) {.lfooter .main-footer .f-section:first-child,.lfooter .main-footer .f-section:nth-child(2) {padding-right: 15px; } }
.lfooter .secondary-footer {margin-top: 5px; }
.lfooter .secondary-footer .f-section {padding: 20px 0;border-top: 1px solid #000;margin-right: 17%; }
    @media only screen and (max-width: 1023px) {.lfooter .secondary-footer .f-section {margin-right: 0; } }
.lfooter .secondary-footer .social-info a {width: 30px;height: 30px;border-radius: 50%;background: #2EA3F2;color: #2E2E2E !important;text-align: center;padding-top: 5px;margin-right: 5px;font-size: 18px !important;display: inline-block;border: 1px solid transparent; }
.lfooter .secondary-footer .social-info a:hover {background: #fff;color: #2E2E2E;}
.lfooter .secondary-footer .social-info .linked {background: #000; }
.lfooter .secondary-footer .social-info .linked:hover, .lfooter .secondary-footer .social-info .linked:focus {background: transparent;border: 1px solid #FFF;color: #FFF; }
.lfooter .secondary-footer .social-info .fb {background: #000; }
.lfooter .secondary-footer .social-info .fb:hover, .lfooter .secondary-footer .social-info .fb:focus {background: transparent;border: 1px solid #FFF;color: #FFF; }
.lfooter .secondary-footer .social-info .twt {background: #000; }
.lfooter .secondary-footer .social-info .twt:hover, .lfooter .secondary-footer .social-info .twt:focus {background: transparent;border: 1px solid #FFF;color: #FFF; }
.lfooter .secondary-footer .social-info .pin {background: #000; }
.lfooter .secondary-footer .social-info .pin:hover, .lfooter .secondary-footer .social-info .pin:focus {background: transparent;border: 1px solid #FFF;color: #FFF; }
    .lfooter .secondary-footer .social-info .insta {
      background: #000; }
      .lfooter .secondary-footer .social-info .insta:hover, .lfooter .secondary-footer .social-info .insta:focus {
        background: transparent;
        border: 1px solid #FFF;
        color: #FFF; }
      .lfooter .secondary-footer .social-info .insta:hover, .lfooter .secondary-footer .social-info .insta:focus {
        background: transparent;
        border: 1px solid #FFF;
        color: #FFF; }
    .lfooter .secondary-footer .terms {
      padding-top: 5px; }
      .lfooter .secondary-footer .terms a {
        color: #FFF; }
      .lfooter .secondary-footer .terms a:hover {
        color: #000; }
    @media only screen and (max-width: 767px) {
      .lfooter .secondary-footer {
        margin-top: 0; }
        .lfooter .secondary-footer .pull-left, .lfooter .secondary-footer .pull-right {
          width: 100%;
          float: none; } }
  .lfooter .copyright {
    border-top: 1px solid #000;
    padding-top: 40px;
    text-align: center; }
    .lfooter .copyright span {
      text-transform: uppercase;
      color: #000; }
    @media only screen and (max-width: 1023px) {
      .lfooter .copyright {
        padding-top: 25px; } }
    @media only screen and (max-width: 767px) {
      .lfooter .copyright {
        padding-top: 15px; }
        .lfooter .copyright span {
          font-size: 14px; } }
  .lfooter .last-footer {
    margin-top: 50px;
    background: #000;
    height: 65px; }
    .lfooter .last-footer span {
      color: #2E2E2E;
      padding-top: 24px;
      display: inline-block; }
      .lfooter .last-footer span a {
        color: #2E2E2E; }
        .lfooter .last-footer span a:hover, .lfooter .last-footer span a:focus {
          color: #FFF; }
        @media only screen and (max-width: 767px) {
          .lfooter .last-footer span a {
            display: block; } }
  @media only screen and (max-width: 1200px) {
    .lfooter {
      border-top: 45px solid #000;;
      padding: 45px 0 0; }
      .lfooter .last-footer {
        height: 45px;
        margin-top: 30px; }
        .lfooter .last-footer span {
          padding-top: 12px; } }
  @media only screen and (max-width: 767px) {
    .lfooter {
      text-align: center;
      padding-top: 25px; }
      .lfooter .last-footer {
        height: auto;
        margin-top: 10px; }
        .lfooter .last-footer span {
          padding: 10px; } }
.social-link2  {
  font-size:16px;
  height:28px;
  width:28px;
  text-align:center;
  padding:6px;
  border-radius:50%;
  background:#2EA3F2;
  color:#434343 !important;
  margin-right:12px;
  transition: all 0.7s ease-out;
}
.icon-list {
  padding:10px 15px;
  margin-bottom:20px;
}
.icon-list:hover {
  background:#f3f3f3;
}
.icon-list img {
  height:32px;
  float:left;
}
.icon-list h4 {
  margin-left: 42px;
  margin-top:0;
  margin-bottom:10px;
}
.icon-list p {
  margin-left: 42px;
  font-size:.9em;
  margin-top:0;
}
.form-content {
  height: 50px;
  border: 1px #ACACAC solid;
  width: 100%;
  color: #ACACAC;
  padding-left: 10px;
margin-bottom:10px; }

textarea.form-content {
  border: 1px #ACACAC solid;
  width: 100%;
  color: #ACACAC;
  padding-left: 10px; 
  height:100px;
}

select.form-content {
  width: 100%;
  border: 1px #ACACAC solid;
  height: 50px; }