@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Serif');

body { overflow-x: hidden; }
body { background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #030303; }


.button { 
    display: inline-block;
    background: #f2681d;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 30px;
    padding: .7rem 1.7rem;
    letter-spacing: 1px;
    text-shadow: none;
    transition: background 100ms ease;
    /*box-shadow: 0px 0px 12px rgba(0,0,0,0.5);*/
}
.button:hover { color: #fff; background: #005018; /*text-shadow: 0 0 12px rgba(0,0,0,0.5);*/ }

.button.combined.left { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.button.combined.center { border-radius: 0 !important;  }
.button.combined.right { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: -4px; }


h1,h2,h3,h4,h5,h6,p { margin-bottom: 1rem; }

h1 { color: #0b2467; font-size: 30px; }
h2 { color: #0b2467; font-size: 1.5rem; }
a { color: #f2681d; text-decoration: none; }
a:hover { color: #ca510f; text-decoration: none; }

img { max-width: 100%; height: auto; }

address { font-style: italic; }

ul { list-style: none; padding: 0; margin: 0 0 1rem 0; }
ol { padding: 0; margin: 0 0 1rem 1.1rem; }
ul li { padding-left: 1.6em; text-indent: -1.3em; }
main .content ul li::before,
#tinymce ul li::before {  content: "\25A0 "; color: #00843d;  padding-right: .8rem; top: -2px; position: relative; }


.success-message { background: #00843D; padding: 10px; border-radius: 3px; color: #fff; display: inline-block; margin-bottom: 1rem; }
.error-message { background: #f2681d;  padding: 10px; border-radius: 3px; color: #fff; display: none; margin-top: 1rem; margin-bottom: 1rem; }
.success-message p,
.error-message p { margin-bottom: 0; }

.blue-bar { background: #0b2467; color: #fff; padding: 1rem; }
.blue-block { background: #1870c7; color: #fff; padding-left: 0px; padding-right: 0px; margin-bottom: 1rem; }
.blue-block h1,
.blue-block h2,
.blue-block h3,
.blue-block h4,
.blue-block h5,
.blue-block p { color: #fff; }
.blue-block td *:last-child { margin-bottom: 0; }

iframe { max-width: 100%; }

/*******************************************/
/* NOTE **                                 */
/* PUT #body ahead of everything so that   */
/* the classes don't show up in the editor */
/*******************************************/


#body aside > ul { background: #d1d2d4; padding: 1rem 0; margin-bottom: 3rem; }
#body aside > ul a { display: block; color: #000; border-bottom: 2px solid #fff; margin-left: 20px; padding: .5rem; padding-left: 0; }
#body aside > ul a:hover { color: #00843d; }
#body aside > ul li { padding: 0; text-indent: 0; }
/*aside > ul > li:last-child a { border-bottom: 0; }*/
#body aside > ul ul { display: none; }
#body aside > ul ul a { padding-left: 20px; position: relative; }
#body aside > ul li.active ul { display: block; } 
#body aside > ul a.active { color: #f2681d; }
#body aside > ul a.active::before { display: none; }
/*
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 1em;
  left: .5em;
  content: "";
  border-top: .3em solid transparent;
  border-left: .3em solid;
  border-bottom: .3em solid transparent;
}
*/


#body header { position: relative; z-index: 10; }
#body header .logo { padding-top: 20px; padding-bottom: 20px; }
#body header .social a { color: #00843d; }
#body header .social .button { margin-bottom: 1rem; }

#body header .search { margin-bottom: 1rem; }
#body header form { position: relative; }
#body header form input[type=text] { cursor: pointer; width: 100%; transition: all 300ms ease; border-radius: 20px; border: 1px solid #ccc; background: rgba(0,0,0,0.1); padding: 3px 31px 4px 10px; outline: none; }
#body header form input[type=text]:focus { background: #FFFFFF00; padding-left: 10px; }
#body header form:hover input[type=text] { background: #FFFFFF00; }

#body header form i { position: absolute; right: 10px; bottom: 10px; z-index: -1; }


#body header a.button { display: inline-block; background: #f2681d; color: #fff; font-size: 1rem; padding: .3rem .7rem; position: relative; border-radius: 1rem; }
#body header a.button:hover { background: #005018; }
#body header form a.button { padding: .4rem .7rem; top: 1px; }
#body header .navbar-container { background: #00843D; }
#body header a.button

.dropdown-item:focus, .dropdown-item:hover { background-color: inherit; }
#body header nav { background: #00843d; }
#body header nav.navbar { padding: 0 15px; margin: 0 -15px; }
#body header nav .nav-link { padding: .7rem 1rem; }
#body header nav a { display: inline-block; padding: 10px; font-size: 16px; text-transform: uppercase; color: #fff; border-bottom: 2px solid transparent; }
#body header nav a:hover { color: #fff; }
#body header nav ul { width: 100%; }
#body header nav ul li { padding: 0; text-indent: 0; }
#body header .navbar-dark .navbar-toggler { font-size: 1rem; margin: .5rem 0; border-color: rgba(255,255,255,.8); padding: .25rem .50rem; }
#body header .navbar-dark .navbar-nav .nav-link { color: #fff; }
#body header .navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
#body header nav .dropdown-menu { width: auto; background-color: #585959; border-radius: 0; border: 0; margin: 0; }
  #body header .dropdown-item { color: #fff; text-transform: none; }
  #body header .dropdown-item:hover { background: inherit; color: #fff; }
  #body header .dropdown-divider { border-color: #00843d; }
  #body header .dropdown-menu.show .dropdown-toggle::after{ transform: rotate(-90deg); }
  #body header .dropdown-menu .dropdown-menu { background-color: #005018; }

#body main { position: relative; z-index: 9; }


/* ===================== SLIDER ========================= */
#body main .slider .slick-slide { overflow: hidden; position: relative; min-height: 250px; background-size: cover; background-position: center center; color: #fff; text-shadow: 0 0 12px rgba(0,0,0,0.7); } 
#body main .slider .slick-slide h3 { font-weight: 700; }
#body main .slider .slick-slide a { display: inline-block; background: #f2681d; color: #fff; text-decoration: none; font-size: 14px; border-radius: 30px; padding: .7rem 1.7rem; letter-spacing: 1px; text-shadow: none; box-shadow: 0px 0px 12px rgba(0,0,0,0.5); }
#body main .slider .slick-slide a:hover { background: #00843D; }
#body main .slider .slick-slide,
#body main .slider .slick-slide .container { display: flex; }
#body main .slider .slick-slide p:last-child { margin: 0; }
#body main .slider video { position: absolute; }
#body main .slider .slick-next,
#body main .slider .slick-prev { display: none !important; }
#body main .slider .withbg { text-align: center; background: rgba(0,0,0,0.4); border-radius: 25px; margin: 10px; padding-top: 1.5rem; padding-bottom: 1.5rem; }
/* ===================== END SLIDER ========================= */

/* ===================== BANNERS ========================= */
#body main .banner { margin-bottom: 3rem; background: #585959; }
#body main .banner h2 { font-size: 1.9rem; margin-bottom: 0.5rem; }
#body main .banner,
#body main .banner h2,
#body main .banner a { color: #fff; }
#body main .banner nav a { text-transform: uppercase; }
#body main .banner i { font-size: 78%; top: -1px; position: relative; margin: 0 5px; }

#body main .banner .stat { text-align: center; padding: 3px 10px; }
#body main .banner .stat > div { flex-basis: 100%; flex-grow: 1; max-width: 100%; }
#body main .banner .stat > div:first-child { flex-basis: 10%; flex-shrink: 1;  font-size: 30px;  line-height: 1; display: flex; align-items: center; justify-content: center; }
#body main .banner .stat > div:last-child { display: flex; align-items: center; justify-content: center;  }
#body main .banner .stat > div br { display: none; }
#body main .banner .stat .countup { font-weight: 700; }
@media(min-width: 768px) {
  #body main .banner .stat > div { padding: 5px 10px; }
  #body main .banner .stat > div:first-child { font-size: 40px; }
}
/* ===================== END BANNERS ========================= */


/* ===================== HOME CUSTOM ========================= */
#body.page1 main { display: flex; flex-direction: column; }
#body.page1 section.slider { order: 1; }
#body.page1 section.banner { order: 2; border-top: 5px solid #fff; }
#body.page1 section.cta-home { order: 3; }
/* ===================== HOME CUSTOM ========================= */




/* ===================== GALLERY ========================= */
#body main .gallery { column-count: 2; column-gap: 10px; margin-bottom: 1.5rem; }
#body main .galler a { display: block; }
#body main .gallery img { display: block; width: 100%; padding: 5px 0;}
/* ===================== END GALLERY ========================= */


/* ===================== NEWS ========================= */
#body .news article:first-child { border-top: 3px solid #fff; padding-top: 1rem; }
#body .news article { border-bottom: 3px solid #fff; margin-bottom: 1rem; }
#body .news article h2 a { color: #0b2467; }
#body .news article h5 { margin-bottom: 0.3rem; font-size: 90%; font-weight: 500; }
#body .news article .more { font-size: 90%; }
#body .news aside p { border-bottom: 2px solid #fff; padding-bottom: 1rem;  }
#body .news aside h2 a { color: #0b2467; }
#body .news aside p a { color: #030303; }

/* ===================== END NEWS ========================= */


/* ===================== PAGE SIDEBAR ========================= */
#body main aside {  }
#body main aside ul.hide-links li { display: none; }
#body main aside nav { background: #1870c7; padding: 1rem 0; margin-bottom: 3rem; }
#body main aside nav a { display: block; color: #b0ceeb; border-bottom: 2px solid #fff; margin-left: 20px; padding: .5rem; padding-left: 0;  }
#body main aside nav a:hover,
#body main aside nav a.active { color: #fff; text-decoration: none; }
#body main aside nav a:last-child { border-bottom: 0; }
/* ===================== END PAGE SIDEBAR ========================= */


/* ===================== FORMS ========================= */
form.validate { margin: 0px; padding: 0px; }
form.validate input[type=text], 
form.validate input[type=password], 
form.validate textarea, 
form.validate select { border: 1px solid #ddd; padding: 5px; width: 100%; }
form.validate textarea { height: 100px; resize: none; }
form.validate .element { margin-bottom: 1rem; flex: 1 1; }
form.validate .element label { padding-bottom: 5px; display: block; margin-bottom: 0; }
form.validate .element p { margin-bottom: 10px; }
form.validate input[type=text].error, 
form.validate input[type=password].error, 
form.validate textarea.error, 
form.validate .sbHolder.error { background-color: #feebe8; border: 1px solid #dd3b0f; }
form.validate label.error { color: #dd3b0f; }
form.validate .otherval { display: none; }

form.validate .otherval { margin-top: 10px; }
form.validate .element h3 { margin-top: 25px; }
form.validate .contingent { display: none; padding-top: 10px; }

form.validate .error { background: #ffbbba; }
form.validate label.error { display: none !important; }

form.validate .btnsubmit { background-color: #ed174c; color: #fff; text-transform: uppercase; font-size: 13px; padding: 7px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; position: relative; top: 5px; }
form.validate .btnsubmit:hover { text-decoration: none; background-color: #c3133f; }

/* section columns */
@media (min-width: 768px) {
  form.validate .cols-2,
  form.validate .cols-4 { display: grid; column-gap: 25px; grid-template-columns: 1fr 1fr; }
  form.validate .cols-3 { display: grid; column-gap: 25px; grid-template-columns: 1fr 1fr 1fr; }
}
@media (min-width: 992px) {
  form.validate .cols-4 {  grid-template-columns: 1fr 1fr 1fr 1fr; }
}


/* ===================== END FORMS ========================= */


/* ===================== LEGACY FORMS ========================= */
#form_container .ui-datepicker-trigger { position: relative; top: 10px; cursor: pointer; }
/*--- css/form_builder.css ---*/
#form_container .clear {clear: both;}
#form_container ul.form_element {display:inline; list-style: none; margin: 0; padding: 0;}
#form_container .form_element_block {display: block; padding: 0 0 0 0; border: 0;}
#form_container .form_element_inline {display: block; float: none; padding: 0; border: 0; margin: 0;}
#form_container .form_element_block_grp {display: block; padding: 0px; margin: 0; border: 0; float: left; width: 90%;}
#form_container .RequiredFieldLabel { float: left; font-weight: 600; }
#form_container .field_text_value_25 {width: 25px;}
#form_container .field_text_value_30 {width: 30px;}
#form_container .field_text_value_50 {width: 50px;}
#form_container .field_text_value_75 {width: 75px;}
#form_container .field_text_value_100 {width: 100px;}
#form_container .field_text_value_150 {width: 150px;}
#form_container .field_text_value_200 {width: 200px;}
#form_container .field_text_value_250 {width: 250px;}
#form_container .field_textarea_value_200 {width: 100%; height: 70px;}
#form_container .field_textarea_value_300 {width: 100%; height: 120px;}
#form_container .field_textarea_value_400 {width: 400px; height: 200px;}
/*.ui-datepicker-trigger {margin: 0 0 -6px; .margin: 0 0 -5px; cursor:pointer;}*/
#form_container {list-style: none; border: none; margin: 0; padding: 0; width: 100%;}
#form_container .SmallNote { font-size: 90%; font-style:italic; color: #111; display: block; clear: both; }
#form_container h3 {display:inline;font-weight: normal; font-size: 100%;}
#form_container li {padding: 0; margin: 0 0 15px 0; text-indent: 0px; }
#form_container li:before {display:none;}
#form_container .error, #form_container .error li {padding:0;margin:0;}
#form_container .error ul {padding:5px;}
/*----- Input Styles -----*/
#form_container input, #form_container select, #form_container textarea {margin: 2px 10px 0 0;}
#form_container .tooltip {text-decoration:none;font-size:80%;padding:5px;opacity: 1;filter: alpha(Opacity=100);top:-20px;left:15px;}
#form_container a.tt {cursor: help;}
#form_container input[type=text],
#form_container textarea,
#form_container select { width: 100%; }
#form_container input[type=submit] { border: 0px; cursor: pointer; background-color: #ed174c; color: #fff; text-transform: uppercase; font-size: 13px; padding: 7px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; position: relative; top: 5px; }
#form_container input[type=submit]:hover { text-decoration: none; background-color: #c3133f; }
#form_container table { width: 100%; margin-bottom: 12px; }
#form_container select { padding: 2px; }
/* ===================== END LEGACY FORMS ========================= */


/* ===================== CONTENT ========================= */
#body main .text .row > div { display: flex; flex-direction: column; } 

#body main .button-cta { display: inline-block; font-size: 130%; color: #fff; padding: 1rem; width: 90%; text-align: center; background: #00843d; }
#body main .button-cta:hover { color: #eaeaea; text-decoration: none; }
#body main .button-cta img { margin-right: 20px; height: 55px; }
/* ===================== END CONTENT ========================= */


/* ===================== FOOTER ========================= */
#body footer { background: #d1d2d4; color: #000; font-size: 14px; margin-top: 2rem;  }
#body.page170 footer { margin-top: 0; }
#body footer p { margin: 0; }
#body footer a { color: #333; text-decoration: none; }
#body footer a:hover { color: #fff; text-decoration: underline; }
#body footer nav { line-height: 2.3rem; }
#body footer nav > .row { padding-top: 30px; padding-bottom: 30px; }
#body footer nav .links a { display: inline-block; margin: 0 10px 0 0; }
#body footer nav .links2 { line-height: 1.8; }
#body footer nav .links2 a { display: block; }
#body footer nav .social { font-weight: 600; }
#body footer nav .social a { font-size: 124%; margin: 0 5px; }
#body footer nav .social a:first-child { margin-left: 20px; }

#body footer .search { align-items: center; display: flex; justify-content: flex-end; margin-top: 1rem; }
#body footer .search form { position: relative; width: 100%; }
#body footer .search form input[type=text] { width: 100%; line-height: normal; border-radius: 15px; color: #fff; border: 2px solid #fff; background: #042a58; padding: 5px 31px 7px 10px; outline: none; }
#body footer .search form button { border: none; background: none; position: absolute; color: #fff; cursor: pointer; height: 30px; width: 30px; right: 4px; top: 2px; } 

#body footer .copyright { background: #585959; color: #fff; border-top: 2px solid #fff; padding-top: 15px; padding-bottom: 15px; }
#body footer .copyright a { color: #fff; text-decoration: underline; margin: 0 10px 0 0; }
/* ===================== END FOOTER ========================= */


/* =============== PAGE-SPECIFIC TWEAKS =============== */
#body.page1 main .banner { margin-bottom: 0px; }
#body.page1 main .banner .row.crumbs { display: none; }
#body.page1 main .banner.pt-5 { padding-top: 2rem !important; }
/* =============== END PAGE-SPECIFIC TWEAKS =============== */



#body main .cta-home { margin-top: 2rem; }


@media (min-width: 576px) {
  
  
  /* ===================== SLIDER ========================= */
  #body main .slider .slick-slide { min-height: 330px; }
  #body main .slider .slick-slide .row { width: 100%; }
  /* ===================== END SLIDER ========================= */

} /* (min-width: 576px) */ 

@media (min-width: 768px) { 

  #body header .social { margin-bottom: 10px; }
  #body header .social > a { margin: 0 4px; font-size: 1.3rem; }
  #body header form input[type=text] { /*width: 230px;*/ width: 0; padding: 3px 31px 4px 4px; }
  #body header form input[type=text]:focus { width: 230px; }

  #body header .search { display: inline-block; margin-bottom: 0; }
  #body .smarthub-login { position: relative; }
  #body .smarthub-login iframe { display: none; z-index: 1; max-width: none; position: absolute; right: 0; margin-top: 4px; width: 280px; height: 286px; }


  /* ===================== SLIDER ========================= */
  #body main .slider .slick-slide { min-height: 460px; }
  #body main .slider .slick-next { right: 20px; }
  #body main .slider .slick-prev { left: 20px; z-index: 9; }  
  #body main .slider .slick-next,
  #body main .slider .slick-prev { display: block !important; }  
  #body main .slider .slick-slide h3 { font-size: 2.5rem; }
  /* ===================== END SLIDER ========================= */
  

  #body main .cta-home .button-cta { display: flex; flex-direction: column; }
  #body main .cta-home .button-cta img { margin-right: 0; }



  /* ===================== NEWS ========================= */
  #body main .news .list article { margin-right: 15px; }
  /* ===================== END NEWS ========================= */


  /* ===================== BANNERS ========================= */
  #body main .banner .crumbs > div:first-child { padding-left: 0; }
  #body main .banner .crumbs > div:last-child { padding-right: 0; }
  #body main .banner .crumbs nav { position: relative; margin-top: 10px; }
  
  #body main .banner .stat { border-right: 3px solid #f4f0f0; background: none; }
  #body main .banner .stat:last-child { border-right: 0; }
  /* ===================== END BANNERS ========================= */


  /* ===================== GALLERY ========================= */
  #body main .gallery { column-count: 4; }
  /* ===================== END GALLERY ========================= */

} /* (min-width: 768px) */

@media (min-width: 992px) {
    
  #body header .navbar-dark .navbar-nav .nav-link:hover,
  #body header .navbar-dark .navbar-nav .nav-item.active .nav-link { border-bottom: 2px solid #fff; padding-bottom: 0.6em; }
  #body header nav .dropdown-menu { background: #585959; box-shadow: 0 3px 3px rgba(0,0,0,0.3); }
  #body header .dropdown-item:hover,
  #body header .dropdown-item:focus { background: #00843d; }
  #body header .dropdown-menu .dropdown-menu { background-color: #585959; }

  
  /* ===================== BANNERS ========================= */
  #body main .banner .stat { display: flex; justify-content: center; }
  /*#body main .banner .stat > div br { display: block; }*/
  #body main .banner .stat > div:last-child { text-align: left; padding-left: 1rem; }
  /* ===================== END BANNERS ========================= */



  #body main .cta-home .button-cta { display: block; }
  #body main .cta-home .button-cta img { margin-right: 20px; }

  
} /* (min-width: 992px) */

@media (min-width: 1200px) {  } /* (min-width: 1200px) */