/********************************************************* GENERAL THEME OF THE SITE *********************************************************/

 @import '../fonts/aleo-family/stylesheet.css';
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap')*/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Myriad+Pro:300,400,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
 body {
     min-width: 320px;
     font: normal 400 1rem/1.5 'Open Sans', Arial, sans-serif !important;
     color: rgb(51,50,51);
     padding: 0;
     margin: 0;
     overflow-x: hidden;
     background: rgb(255,255,255);
      box-sizing: border-box;
}
 *,
*::before,
*::after {
  /* ✎ */
  box-sizing: border-box;
  /* ✎ */
  margin: 0;
  /* ✎ */
  padding: 0;
  /* ✎ */
  border: 0;
}

 .container {
     padding-left: 5px;
     padding-right: 5px;
}
 .cf:before, .cf:after {
     content: "";
     display: table;
}
 .cf:after {
     clear: both;
}
 .cf {
     *zoom: 1;
}
 img {
     max-width: 100%;
     height: auto;
     border: none;
}
 h1, h2, h3, h4, h5, h6 {
    font: normal 700 2rem 'Open Sans', Arial, sans-serif;
    color: rgb(51,50,51);
    padding: 0;
    margin: 0 0 0.5rem 0;
}
h2 {
    font-size: 1.8rem;
}
h3 {
    font-size: 1.6rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1rem;
}

/*.hide {
     display: none;
}
*/

 h2.categoryTitle {
     position: relative;
     height: auto;
     min-height: 425px;
     font-family: 'Martel', serif;
     font-style: normal;
     font-weight: 700;
     font-size: 4.375rem;
     color: rgb(255,255,255);
     text-align: center;
     margin: 0;
     padding: 0;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;

}
 h2.categoryTitle:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 24rem;
     display: block;
     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,29,51,0.5) 80%);
     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,29,51,0.5) 80%);
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 29, 51, 0.5) 80%);

}
 h2.categoryTitle .catTitleCont {
	 font-family: 'Montserrat', sans-serif;
     font-weight:600;
     text-transform:uppercase;
     position: absolute;
     top: 46%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     width: 100%;
     padding: 0 1.5rem;
     display: block;
     text-shadow: 0 0 1rem rgba(0,0,0,5);
}
 h2.categoryTitle .subCatTitle {
     font: italic 400 2rem 'Open Sans', Arial, sans-serif;
     display: block;
}
 h3.pageTitle {
     font: normal 700 2rem 'Open Sans', Arial, sans-serif;
     color: rgb(15,61,57);
     display: block;
     margin-bottom: 1.5rem;
}
.articlePost h1{
  font-family: 'Montserrat', sans-serif;
  color:#2099c3;
}
.articlePost h2{
  font-family: 'Open Sans', sans-serif;
  color:#333233;
}
.articlePost h3{
  font-family: 'Open Sans', sans-serif;
  color:#2099c3;
}
.articlePost li {
  margin:1em;
}

/* styling for content area tables */
 table th {
     background-color: rgb(0,104,133);
     color: rgb(255,255,255);
     padding: 1em;
}
table tr, table td{
  padding: 1em 1em 0 1em ;
}
/* end */
 p {
     padding: 0;
     margin: 0 0 1rem;
     color: rgb(51,50,51);
}
 a, a:link, ul.directory-list button {
     font-weight: 700;
     color: #43a95d;
     text-decoration: none;
     cursor: pointer;
     -webkit-transition: color 300ms ease 0s;
     -moz-transition: color 300ms ease 0s;
     -o-transition: color 300ms ease 0s;
     transition: color 300ms ease 0s;
}
 a:visited {
     color: rgb(51,50,51);
}
 a:hover, ul.directory-list button:hover {
     color: #f2b50c;
     text-decoration: none;
}
 a:active, ul.directory-list button:active {
     color: #f2b50c;
}
 a:focus, ul.directory-list button:focus {
     color: #f2b50c;
     text-decoration: none;
}
 cite, small {
     font-style: normal;
     color: rgb(128,126,126);
}
 figure {
     padding: 0;
     margin: 0;
}
 address {
     font-style: normal;
}
 .mobileNav, .sideMenuNav, .moreOption > span, .scrollup > span {
     display: none;
}
 .highlightContainer h2:before, .hightlightsInnerCont a:after, .btnPrint, .btnFireRating h3:after, .dynamicRoadBan a:before, ul.footerCol3 > li:last-child:before, ul.phoneColsList > li:before, .desktopNav ul.mainMenu a:after, .headerTop a:before, dd.ddMap:before, dd.ddPhone:before, dd.ddFax:before, dd.ddEmail:before, .frmPSubmit:after, .searchIcon:after, .serviceRequest h2:before, .headerTopRight a:before, 
/*ol.breadCrumb a.breadcrumbHome:before,*/
 ol.breadCrumb a:after, .sideMenuNav:before, .sideMenuNav:after, .moreOptionMainMenu:before, .moreOptionSubMainMenu:before, .moreOption:before, .socialMedia a:before {
     content: "\f111";
     font-family: 'Font Awesome 5 Pro';
     font-style: normal;
     font-variant: normal;
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
}
 .socialMedia a:before {
     font-family: "Font Awesome 5 Brands";
     font-weight: 400;
}
 ul.footerHighLights, ul.footerHighLights > li, ul.phoneColsList,
  ul.phoneColsList > li, ul.relatedLinks, 
 ul.relatedLinks > li, ul.search-page, 
 ul.search-page > li, ol.breadCrumb, 
 ol.breadCrumb > li, ul.mainMenu, ul.mainMenu > li, ul.subMainMenu, ul.subMainMenu > li, ul.subSubMainMenu, ul.subSubMainMenu > li, ul.sideMenu, ul.sideMenu > li, ul.subSideMenu, ul.subSideMenu > li, ul.textResizer, ul.textResizer > li {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .footerHighLights h3, #recentNewsCont h3, #upcomingEventsCont h3, .footerBottom .fTitle {
     font-family: Montserrat, Arial, sans-serif;
}
 .footerHighLights h3:after, #recentNewsCont h3:after, #upcomingEventsCont h3:after, .footerBottom .fTitle:after {
     content: "";
     border: 2px solid rgb(242,181,12);
     display: block;
     margin-top: 0.8rem;
}
 #recentNewsCont h3:after, #upcomingEventsCont h3:after, .footerHighLights h3:after {
     width: 83px;
}
 .footerBottom .fTitle:after {
     width: 13%;
     margin-left: auto;
     margin-right: auto;
}
 #recentNewsCont .noticeDesktop, #recentNewsCont .noticeMobile, #upcomingEventsCont ul.list-group, .footerHighLights .carousel-inner,.empty {
     margin-top: 2rem;
}
 .footerHighLights h3, #recentNewsCont h3, #upcomingEventsCont h3 {
     font-size: 1.1rem;
}
 #upcomingEventsCont h4.eventTitle, #recentNewsCont h4.card-text {
     font-size: 0.9rem;
     font-weight: 600;
}
 .eventBottomLinks,
 .noticeBottomLinks
 {
          font-weight: 700;
     position:absolute;
     bottom:0;
 }
 .noticeBottomLinks a, .eventBottomLinks a {
     font-size: 0.8rem;

}
/*------------------------- scroll up button -----------------------*/
 .btnScrollup {
     position: fixed;
     bottom: 1rem;
     right: 1rem;
     color: rgb(255,255,255);
     cursor: pointer;
     padding: 0.6rem 1rem;
     display: none;
     border: none;
     -webkit-transition: background 300ms ease;
     -moz-transition: background 300ms ease;
     -o-transition: background 300ms ease;
     transition: background 300ms ease;
     z-index: 1;
     background: #3babb3;
}
 .btnScrollup:hover {
     color: rgb(255,255,255);
     background: #e63939;
}
 .btnScrollup:focus {
     color: rgb(255,255,255);
     background: #e63939;
}
/*------------------------- END -----------------------*/
/*loading - start*/
 .spinner {
     margin: 14px auto;
     width: 175px;
     height: 137px;
     text-align: center;
     font-size: 25px;
}
 .spinner > div {
     background-color: #333;
     height: 100%;
     width: 15px;
     display: inline-block;
     -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
     animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
 .spinner .rect2 {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s;
}
 .spinner .rect3 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
}
 .spinner .rect4 {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s;
}
 .spinner .rect5 {
     -webkit-animation-delay: -0.8s;
     animation-delay: -0.8s;
}
 @-webkit-keyframes sk-stretchdelay {
     0%, 40%, 100% {
         -webkit-transform: scaleY(0.4);
         transform: scaleY(0.4);
    }
     20% {
         -webkit-transform: scaleY(1.0);
         transform: scaleY(1.0);
    }
}
 @keyframes sk-stretchdelay {
     0%, 40%, 100% {
         -webkit-transform: scaleY(0.4);
         transform: scaleY(0.4);
    }
     20% {
         -webkit-transform: scaleY(1.0);
         transform: scaleY(1.0);
    }
}
/*loading - end*/
/*------------------------------- Skip Contains ---------------------------*/
 .skipToContent {
     position: absolute;
     top: -9999rem;
     left: 1rem;
     width: 300px;
     height: 1px;
     padding: 1.5rem;
     -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
     border-radius: 0.7rem;
     overflow: hidden;
     z-index: 9999;
     background: rgba(0,0,0,0.9);
}
 .skipToContent.showSkipToContents {
     top: 1rem;
     height: auto;
}
 .skipToContent h2 {
     font-size: 1rem;
     color: rgb(1,138,182);
     margin-bottom: 0.5em;
}
 ol.skipLinks, ol.skipLinks > li {
     font-size: 0.9rem;
     color: rgb(255,255,255);
     padding: 0;
     margin: 0;
}
 ol.skipLinks {
     margin-left: 1.5rem;
}
 .skipToContent a, .skipToContent a:link {
     font-size: inherit;
     font-weight: 700;
     display: block;
     padding: 0.3rem;
     color: rgb(255,255,255);
}
 .skipToContent a:visited {
     color: rgb(255,255,255);
}
 .skipToContent a:hover {
     color: rgb(1,138,182);
}
 .skipToContent a:active {
     color: rgb(1,138,182);
}
 .skipToContent a:focus {
     color: rgb(255,255,255);
     outline: 1px solid rgb(1,138,182);
}
 .hideMe {
     position: absolute;
     top: -9999rem;
     left: -9999rem;
}
/*------------------------------------------------------------------------------------*/
/**************************************************************** Weather ****************************************************************/
 #modalHeaderWeather {
     padding: 0;
}
 #modalHeaderWeather .modal-header, #modalHeaderWeather .modal-footer {
     display: none;
}
 .headerWeather:before {
     content: normal;
}
 ul.col2W, ul.col2W > li, ul.bwTabs, ul.bwTabs > li, ul.weatherListsHeader, ul.weatherListsHeader > li, ul.innerColWeatherLists, ul.innerColWeatherLists > li {
     list-style: none;
     padding: 0;
     margin: 0;
}
 #modalHeaderWeather .modal-dialog {
     max-width: 500px;
}
 #modalHeaderWeather .modal-body {
     padding: 0;
}
 #modalHeaderWeather .modal-body .close {
     padding: 0.1rem;
     text-shadow: 0 1px 1px rgba(0,0,0,0.2);
     background: none;
}
 .btnHeaderYahooWeather {
     color: rgb(255,255,255);
     cursor: pointer;
     border: none;
    /*padding: 0.1rem;
    */
     margin: 0;
     background: none;
     font-size: 1.4rem;
     position: relative;
    /*left: 1rem;
    */
    right: 0.6rem;
}
 .btnHeaderYahooWeather i {
     display: inline-block;
     margin-right: 0.3rem;
}
 .btnHeaderYahooWeather:hover i
 {
       color: rgb(242,181,12)!important;
 }
  .btnHeaderYahooWeather:hover span
 {
       color: rgb(242,181,12)!important;
 }
 .btnHeaderYahooWeather .weatherPreIcon {
     color: rgb(242,181,12);
}
 #modalHeaderWeather .headerWeather {
     color: rgb(255,255,255);
     padding: 2rem 1rem;
     text-align: center;
     text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    /*background: rgb(176,211,209);
    */
}
  #modalHeaderWeather .headerWeather p
  {
color: rgb(255,255,255);
  }
 .headerWeatherCont {
     background: rgb(176,211,209);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0dadd5+0,006885+100 */
     background: #0dadd5;
    /* Old browsers */
     background: -moz-linear-gradient(top, #0dadd5 0%, #006885 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #0dadd5 0%,#006885 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #0dadd5 0%,#006885 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dadd5', endColorstr='#006885',GradientType=0 );
    /* IE6-9 */
}
 #modalHeaderWeather .headerWeather.wi-tornado {
     background: url(../images/weather-images/wi-tornado.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-thunderstorm {
     background: url(../images/weather-images/wi-thunderstorm.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-hurricane {
     background: url(../images/weather-images/wi-hurricane.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-day-thunderstorm {
     background: url(../images/weather-images/wi-day-thunderstorm.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-rain-mix {
     background: url(../images/weather-images/wi-rain-mix.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-sleet {
     background: url(../images/weather-images/wi-sleet.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-dust {
     background: url(../images/weather-images/wi-dust.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-fog {
     background: url(../images/weather-images/wi-fog.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-day-haze {
     background: url(../images/weather-images/wi-day-haze.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-smoke {
     background: url(../images/weather-images/wi-smoke.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-windy {
     background: url(../images/weather-images/wi-windy.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-snowflake-cold {
     background: url(../images/weather-images/wi-snowflake-cold.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-cloudy {
     background: url(../images/weather-images/wi-cloudy.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-night-cloudy {
     background: url(../images/weather-images/wi-night-cloudy.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-day-cloudy {
     background: url(../images/weather-images/wi-day-cloudy.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-night-partly-cloudy {
     background: url(../images/weather-images/wi-night-partly-cloudy.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-day-cloudy-high {
     background: url(../images/weather-images/wi-day-cloudy-high.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-night-clear {
     background: url(../images/weather-images/wi-night-clear.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-day-sunny {
     background: url(../images/weather-images/wi-day-sunny.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-stars {
     background: url(../images/weather-images/wi-stars.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-hot {
     background: url(../images/weather-images/wi-hot.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-sprinkle {
     background: url(../images/weather-images/wi-sprinkle.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-snow {
     background: url(../images/weather-images/wi-snow.png) center bottom no-repeat;
}
 #modalHeaderWeather .headerWeather.wi-storm-showers {
     background: url(../images/weather-images/wi-storm-showers.png) center bottom no-repeat;
}
 .weatherText {
     font: 700 1.3em 'Open Sans';
     margin-bottom: 0;
}
 .weatherText > i {
     font-size: 2rem;
     display: block;
     margin-bottom: 0.5rem;
}
 .weatherCity {
     margin-bottom: 0.3rem;
}
 .weatherTemp {
     font: 700 4em 'Open Sans';
     margin-bottom: 0;
}
 ul.bwTabs > li {
     float: left;
     width: 33.33%;
}
 .bodyContainer {
     height: 260px;
     padding: 1.5rem;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
}
 .weatherList {
     padding: 0.8rem 0;
     border-bottom: 1px solid rgba(208,210,212,0.5);
}
 ul.innerColWeatherLists > li, ul.weatherListsHeader > li {
     float: left;
     width: 33.33%;
}
 ul.innerColWeatherLists > li:nth-child(2), ul.weatherListsHeader > li:nth-child(2) {
     text-align: center;
}
 ul.innerColWeatherLists > li:last-child, ul.weatherListsHeader > li:last-child {
     text-align: right;
}
 ul.weatherListsHeader {
     padding: 0 1.4rem 0.5rem 1.5rem;
     -webkit-transition: box-shadow 300ms ease 0s;
     -moz-transition: box-shadow 300ms ease 0s;
     -o-transition: box-shadow 300ms ease 0s;
     transition: box-shadow 300ms ease 0s;
}
 .tab-pane:hover ul.weatherListsHeader {
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
     -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
     box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
 ul.bwTabs {
     display: block;
     padding: 1.5rem 1rem;
     border: none;
}
 ul.bwTabs a, ul.bwTabs a:link {
     font-size: 0.9rem;
     color: rgb(199,202,205);
     display: inline-block;
     padding: 0 0.5rem 1rem;
}
 ul.bwTabs a:visited {
     color: rgb(199,202,205);
}
 ul.bwTabs a:hover {
     color: rgb(121,135,150);
}
 ul.bwTabs a:active {
     color: rgb(121,135,150);
}
 ul.bwTabs a:focus {
     color: rgb(121,135,150);
}
 ul.bwTabs a.active {
     color: rgb(121,135,150);
     border-bottom: 1px solid rgb(121,135,150);
}
 ul.bwTabs a i {
     display: inline-block;
     margin-right: 0.3rem;
}
 ul.bwTabs > li {
     width: 50%;
     text-align: center;
}
 #forecast .bodyContainer {
     padding-top: 0;
}
 .wlDay, .wlIcon, .wlHigh, .wlLow, .col2WDesc {
     color: rgb(121,135,150);
}
 .wlHead, .wlText, .col2WTitle {
     font-size: 0.75rem;
     color: rgb(199,202,205);
     display: block;
}
 .wlHead {
     font-size: 0.7rem;
     text-transform: uppercase;
}
 ul.col2W > li {
     float: left;
     width: 50%;
     padding: 0.8rem 0;
     border-bottom: 1px solid rgba(208,210,212,0.5);
}
 .col2WDesc i {
     display: inline-block;
     margin-right: 0.5rem;
}
/*-----------------------------------------------*/
/**************************************************************** Main Content - Inside Pages ****************************************************************/
 .mainContainer {
     position: relative;
     padding: 0;
     background:#fff;
     /*background: #f4f4f4 url(../images/main-leaves.png) right bottom no-repeat;*/
     background-size: 28rem;
}
 .mainContainer .row {
     margin: 0;
}
 .mainContainer.searchpage, .mainContainer .formPage{
     padding:1rem 1.85rem;
}
 .mainContainer main {
     width: 100%;
     height: auto;
     min-height: 25rem;
     overflow-x: hidden;
}
 .mainContainer aside.col-sm {
     flex-grow: 0.75;
     padding: 0;
     background: rgb(237,241,242);
}
  .mainContainer aside.col-sm
  {
      border-radius:16px;
    margin-top: 3rem;
  }
      .mobileBreadcrumb
    {
       display:none;
    }
    .desktopBreadcrumb
    {
        display:block;
    }
  ul.sideMenu li:first-child a
  {
      border-top-right-radius:16px;
       border-top-left-radius:16px;
  }
    ul.sideMenu li:last-child a
  {
      border-bottom-right-radius:16px;
      border-bottom-left-radius:16px;
  }
 .mainContainer main.col-sm {
     flex-grow: 2.3;
     padding: 1rem 1rem 1rem 2rem;
     margin-top: 2rem;
}
 .innerfooter {
     /*background: url(../images/bginnerbottom.jpg) center no-repeat;*/
     padding: 3rem 0;
     background-size: cover;
}
 h4.pageTitle {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-style: normal;
     font-size: 2.3rem;
     color: rgb(13,173,213);
     padding-bottom: 0.5rem;
     border-bottom: 1px solid #cccccc;
     margin-bottom: 1rem;
}
/** Aside Menu - Inside Pages **/
 ul.subSideMenu {
     display: none;
}
 .moreOption {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 1rem;
     color: rgb(51,50,51);
     display: inline-block;
     padding: 0.73rem;
     cursor: pointer;
     border: none;
     -webkit-transition: background 300ms ease 0s;
     -moz-transition: background 300ms ease 0s;
     -o-transition: background 300ms ease 0s;
     transition: background 300ms ease 0s;
     background: none;
     outline:none;
}
 .moreOption:hover {
     outline:none;
     color: rgb(51,50,51)!important;
}
 .moreOption:before {
     content: "\f078";
     margin-left: 0;
     -webkit-transform: transform 300ms ease 0s;
     -moz-transform: transform 300ms ease 0s;
     -o-transform: transform 300ms ease 0s;
     transition: transform 300ms ease 0s;
}
 .moreOption.openIcon:before {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}

   ul.subSideMenu li
  {
     border-left: 0.13rem solid rgb(57,74,127);
  }
  ul.subSideMenu
 {
      padding-left:1rem;
      padding-bottom:0.8rem;
 }
 ul.sideMenu a, ul.sideMenu a:link {
     font-family:'Open Sans', Arial, sans-serif;
     font-style:normal;
     font-weight:700;
     font-size:1rem !important;
     color: rgb(51,50,51);
     display: block;
     padding: 0.8rem 2rem;
     -webkit-transition: background 300ms ease 0s;
     -moz-transition: background 300ms ease 0s;
     -o-transition: background 300ms ease 0s;
     transition: background 300ms ease 0s;
     background: rgb(237,241,242); 
}

 ul.sideMenu a:visited {
     color: rgb(51,50,51);
}
 ul.sideMenu a:hover {
     /*color: rgb(255,255,255);
     background: rgb(192,95,40);*/
}
 ul.sideMenu a:active {
     /*color: rgb(255,255,255);
     background: #0dadd5;*/
}
 ul.sideMenu a:focus {
     /*color: rgb(255,255,255);
     background: #0dadd5;*/
}
 ul.sideMenu > li {
     position: relative;
}
 ul.sideMenu > li:hover > a {
    color: rgb(255,255,255);
  background: #0dadd5;
}
 ul.sideMenu > li.hasChild a {
     padding-right: 2.5rem;
}
 ul.sideMenu > li.selected >a {
     color: rgb(255,255,255);
     background: #0dadd5;
}
 ul.sideMenu > li.selected .moreOption {
     color: rgb(51,50,51);
}
 ul.sideMenu > li:hover > a {
     color: rgb(255,255,255);
     background: #0dadd5;
}

 ul.sideMenu > li:hover .moreOption {
     color: rgb(51,50,51);
}
 ul.subSideMenu a, ul.subSideMenu a:link {
     font: italic 500 0.9rem 'Open Sans', Arial, sans-serif!important;
     color:rgb(57,74,127);
     padding: 1rem 1rem !important;
     display: block;
	 -webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
  ul.subSideMenu>li:first-child:hover a
  {
      border-radius:0;
  }
 ul.subSideMenu a:visited {
    color:rgb(57,74,127);
}
 ul.subSideMenu a:hover {
     font-weight:700!important;
     color:rgb(57,74,127);
}

  ul.subSideMenu li.selected a {
     font-weight:700!important;
     color:rgb(57,74,127);
}

 ul.subSideMenu a:active {
     font-weight:700!important;
      color:rgb(57,74,127);
}
 ul.subSideMenu a:focus {
     font-weight:700!important;
 color:rgb(57,74,127);
}
 ul.subSideMenu > li.selected a {
 color:rgb(57,74,127);
}
/** TOOLBAR [ TEXTSIZER && GOOGLE TRANSLATE ] **/
 .headerContent {
     padding: 0 0.8rem 1.5rem;
}
 .main-content-top .c-breadcrumb
 {
        min-height: 30px;
    padding: 0!important;
    position: relative;
    top: 55px;
 }
 .main-content-top aside.col-sm
 {
     background-color:#fff!important;
 }
 ol.breadCrumb a, ol.breadCrumb a:link {
     font-family: 'Open Sans', Arial, sans-serif;
     font-size:1rem;
     color: rgb(51,50,51);
     display: block;
     font-weight: 500;
     text-transform:uppercase;
}
 ol.breadCrumb a:visited {
     color: rgb(51,50,51);
}
 ol.breadCrumb a:hover {
     color: rgb(242,182,12);
}
 ol.breadCrumb a:active {
     color: rgb(242,182,12);
}
 ol.breadCrumb a:after {
     content: "\f105";
     color: rgb(242,181,12);
     margin-right: 0.5rem;
     margin-left: 0.5rem;
}
 ol.breadCrumb {
     float: left;
}
 ol.breadCrumb > li {
     float: left;
}
/* ol.breadCrumb > li:first-child a:before {
     */
    /* content: "\f015";
     */
    /* margin-left: 0;
     */
    /* 
}
 */
 ol.breadCrumb > li:last-child a:after {
     content: normal;
     margin-right: 0;
     margin-left: 0;
}
 .btnPrint {
     margin: 0;
     padding: 0 0.5rem;
     border: none;
     cursor: pointer;
     display: block;
     background: none;
}
 .btnPrint:before {
     content:"\f02f";
}
 ul.textResizer {
     float: right;
     margin-top: 0.4rem;
}
 ul.textResizer > li {
     float: left;
     margin-right: 0.5rem;
}
 ul.textResizer > li:last-child {
     margin-right: 0;
}
  ul.textResizer span
  { font: normal 700 0.8em/0 'Open Sans', Arial, sans-serif!important;
  }
 ul.textResizer span, ul.textResizer a, ul.textResizer a:link {
     font: normal 700 1em/0 'Open Sans', Arial, sans-serif;
     color: rgb(51,50,51);
     text-transform: uppercase;
     display: inline-block;
}
 ul.textResizer a, ul.textResizer a:link {
     font-family: 'Open Sans', Arial, sans-serif;
     font-weight: bold;
     color: rgb(51,50,51);
}
 ul.textResizer a:visited {
     color:rgb(51,50,51);
}
 ul.textResizer a:hover {
     color: rgb(242,181,12);
}
 ul.textResizer a:active {
     color: rgb(242,181,12);
}
 ul.textResizer a:focus {
     color:rgb(242,181,12);
}
 ul.textResizer span {
     margin-right: 0.5rem;
}
 ul.textResizer a.small-text {
     font-size: 0.688rem;
}
 ul.textResizer a.medium-text {
     font-size: 1rem;
}
 ul.textResizer a.large-text {
     font-size: 1.3rem;
}
 ul.textResizer a.textresizer-active {
     color: rgb(242,181,12);
}
 #google_translate_element {
     position: relative;
     top: 1rem;
     display: inline-block;
}
 ul.phoneColsList {
     margin-bottom: 2rem;
}
 ul.phoneColsList > li:before {
     content: "\f105";
     margin-left: 0;
     margin-right: 0.5rem;
}
/*---------------------------- header top -------------------------------------*/
 .masterHeader {
     position: relative;
     top: 0;
     width: 100%;
     z-index: 110;
     -moz-transition: top 0.5s ease;
     -o-transition: top 0.5s ease;
     -webkit-transition: top 0.5s ease;
     transition: top 0.5s ease;
}
 .headerInside, .headerBottom {
     height: 97px;
}
      #carousel .TopBanner
     {
         top:-97px;
     }
 .headerInside {
     position:absolute;
     right:0;
}
 .headerBottom {
     position: relative;
     background-color: #006885;
}
 .headerBottom .siteLogo {
     position: absolute;
     background-color: #fff;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
}
 .headerBottom .siteLogo {
     height: 109px;
     width: 99px;
     padding-bottom: 3px;
}
 .headerBottom .siteLogo img {
     background-position:center;
     background-repeat:no-repeat;
}
 .headerBottom .menuIcon {
     color: #fff;
     text-transform: uppercase;
     background: rgb(67,169,93);
     margin-left: 1rem;
}
 .headerBottom .menuIcon:hover {
    color: rgb(255,255,255);
    background: #f2b50c;
}
.headerBottom .menuIcon:focus {
    color: rgb(255,255,255);
    background: #f2b50c;
}

  .headerBottom .mobileBtn
 {
         position: relative;
    right: 0.6rem;
    top: 0.4rem;
 }
 .headerBottom .hIcon {
     margin-top: 0;
}
      .headerBottom .hIcon, .headerBottom .weatherBlock {
         margin-top: 0.6rem;
    }
 .headerBottom .hIcon .fa-circle {
     color: rgb(242,181,12);
}
 .headerInside a
 {
     color:#fff;
 }
 .headerInside a:hover{
     color: rgb(242,181,12) !important;
 }
/*-------------------------------------------------------------------------------*/
/*------------------------------ Top menu -----------------------------------------*/
 .desktopNav .moreOptionMainMenu, .desktopNav ul.subSubMainMenu, ul.mainMenuCol2 h3 {
     display: none;
}
 nav {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     -khtml-opacity: 0;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 500ms ease 0s;
     -moz-transition: all 500ms ease 0s;
     -o-transition: all 500ms ease 0s;
     transition: all 500ms ease 0s;
     z-index: 10;
     width: 100%;
}
 nav.navOpen {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     visibility: visible;
}
 .desktopNav {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 339px;
     -webkit-transition: transform 500ms ease 0s;
     -moz-transition: transform 500ms ease 0s;
     -o-transition: transform 500ms ease 0s;
     transition: transform 500ms ease 200ms;
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     background: rgb(32,153,195);
}
 nav.navOpen .desktopNav {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .desktopNav .innerDesktopNavContainer {
     position: relative;
     height: 100%;
}
 .desktopNav ul.mainMenu {
     height: 100%;
     -webkit-overflow-scrolling: touch;
     overflow-y: hidden;
     overflow-x: hidden;
     background: rgb(32,153,195) url(../images/nav-vector.png) right bottom no-repeat;
     padding: 2rem 0 0 0;
}
 
 .closeNav {
     position: absolute;
     top: 0;
     right: 2rem;
     font-size: 1.563rem;
     color: #fff;
     padding: 0.5em;
     margin: 1rem 0.5rem 0.5rem 0;
     border: none;
     cursor: pointer;
     background: none;
     z-index: 5;
     text-transform: uppercase;
     font-weight:700;
}
 .closeNav:hover {
     color: #f2b50c;
}
 .topNavContainer {
     height: auto;
     background: rgb(220,230,229);
}
 .topNavContainer > .container {
     padding-top: 2.4rem;
     padding-bottom: 1rem;
}
 .bottomNavContainer {
     position: absolute;
     bottom: 0;
     width: 100%;
     background: rgb(242,181,12);
}
 .bottomNavContainer .container {
     padding: 0;
}
 .bottomNavContainer a, .bottomNavContainer a:link {
     font-size: 1.438rem !important;
     font-family: 'Open Sans', Arial, sans-serif !important;
     font-weight: 600 !important;
     color: rgb(255,255,255) !important;
     text-align: left !important;
     padding: 1.5rem 3rem !important;
     display: block !important;
     border-left: none !important;
     transition-property: color !important;
     background: none !important;
     text-transform: uppercase !important;
     letter-spacing: 0 !important;
     -webkit-transition: color 300ms ease 0s !important;
     -moz-transition: color 300ms ease 0s !important;
     -o-transition: color 300ms ease 0s !important;
     transition: color 300ms ease 0s !important;
}
 .bottomNavContainer a:visited {
     color: rgb(255,255,255)!important;
}
 .bottomNavContainer a:hover {
     color: #01405f !important;
}
 .bottomNavContainer a:active {
     color: #01405f !important;
}
 .bottomNavContainer a:focus {
     color: #01405f !important;
}
 .bottomNavContainer a:after {
     position: static !important;
     font-size: 1.5rem;
     left: auto !important;
     right: auto;
     bottom: auto !important;
     -webkit-transform: none !important;
     -moz-transform: none !important;
     -o-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
    /*color: rgb(255,255,255) !important;
    */
     display: inline-block !important;
     margin-left: 1rem !important;
     background: none !important;
     height: auto !important;
     width: auto !important;
     text-align: center !important;
}
 .bottomNavContainer a:before{
     content:normal !important;
     margin:0;
     padding:0;
     background:none !important;
}
 ul.mainMenu a, ul.mainMenu a:link {
    /*position: relative;
    */
    position: relative;
     font-family: 'Open Sans', Arial, sans-serif;
     font-size: 1.8rem;
     font-weight: 600;
     font-style: normal;
     color: rgb(255,255,255);
     display: inline-block;
     text-transform: uppercase;
     text-align: left;
     vertical-align: middle;
     padding: 1.25rem 3rem;
    /*-webkit-transition-property: background;
     -moz-transition-property: background;
     -o-transition-property: background;
     transition-property: background;
    */
     letter-spacing: 1px;
}

 ul.mainMenu a:visited {
     color: rgb(255,255,255);
}
 ul.mainMenu a:hover {
     color: #fff;
}
 ul.mainMenu a:active {
     color: #fff;
}
 ul.mainMenu a:focus {
     color: #fff;
}
 ul.mainMenu a i {
     display: inline-block;
     margin-right: 0.5rem;
}
 .desktopNav ul.mainMenu a:after {
     content: normal;
     margin-left: 0;
}
 .desktopNav ul.mainMenu > li:first-child a {
     margin-top: 4em;
}

 .desktopNav ul.subMainMenu > li > a:before, .desktopNav ul.subMainMenu > li:hover a:before {
     content: normal !important;
     height: 0 !important;
     width: 0 !important;
     background: none !important;
}
 .desktopNav ul.mainMenu > li.ListHome:hover
 {
background-color:transparent;
 }
 .desktopNav ul.mainMenu > li:hover, .desktopNav ul.mainMenu > li[aria-expanded="true"] {
       background:rgb(242,181,12);
       
}
 .desktopNav ul.mainMenu > li:first-child:hover a::after {
     background: none;
     height: unset;
     width: unset;
}
 .desktopNav ul.mainMenu > li.hasChild[aria-expanded="true"] .navContainer, .desktopNav ul.mainMenu > li:hover .navContainer {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     visibility: visible;
}
 .desktopNav .bottomNavContainer a[role="menuitem"] {
     display: inline-block!important;
}
 .desktopNav ul.mainMenu > li.hasChild[aria-expanded="true"] .innerNavContainer, .desktopNav ul.mainMenu > li:hover .innerNavContainer {
     
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     transform: translate3d(-100%,0,0);
}

 .innerNavContainer {
     position: absolute;
     top: 0;
     bottom: 0;
     
     width: 500px;
     height: 100%;
     padding-top: 8.5em;
     padding-bottom: 9.5em;
     -webkit-transition: transform 500ms ease 0s;
     -moz-transition: transform 500ms ease 0s;
     -o-transition: transform 500ms ease 0s;
     transition: transform 500ms ease 200ms;
     -webkit-transform: translate3d(100%,0,0);
     -moz-transform: translate3d(100%,0,0);
     -ms-transform: translate3d(100%,0,0);
     -o-transform: translate3d(100%,0,0);
     transform: translate3d(100%,0,0);
     z-index: -1;
     background: rgba(0,91,116,0.95);
}
 /*ul.mainMenu li.listMainMenu a
 {
     -webkit-transition: width 600ms ease 240ms;
     -moz-transition: width 600ms ease 240ms;
     -o-transition: width 600ms ease 240ms;
     transition: width 600ms ease 240ms;
 }*/
 ul.mainMenu li.listMainMenu:hover a::after {
  }
.desktopNav .moreOptionMainMenu.show
 {
display: inline-block;
    width: 0;
    height: 0;
    border-top: 41px solid transparent;
    border-right: 27px solid rgb(242,181,12);
    border-bottom: 41px solid transparent;
    position: absolute;
    left: -27px;
    background: transparent;
    border-left: transparent;
 }
 .desktopNav .moreOptionMainMenu:before 
 {
    font-family: FontAwesome;
    content: "";
   
    /*position: absolute;
    top: 0;
    left: -1.2rem;
    font-size: 3.2rem;
    display: inline-block;
    z-index: 20;
    color:rgb(242,181,12);
    width:400px;*/
 }

 .desktopNav ul.subMainMenu{
     padding:0 3rem;
}
 .desktopNav ul.subMainMenu a, .desktopNav ul.subMainMenu a:link {
     position: relative;
     font-size: 1.2rem;
     font-weight: 600;
     text-transform: capitalize;
     color: rgb(255,255,255) !important;
     border-left: none;
     display: block;
     padding: 0.85rem 1.1rem 0.85rem 0;
     text-align: left;
     -webkit-transition-property: color;
     -moz-transition-property: color;
     -o-transition-property: color;
     transition-property: color;
     background: none !important;
     letter-spacing: 0;
     border-bottom:1px solid rgb(90,146,161);
}
 .desktopNav ul.subMainMenu a:visited {
     color: rgb(255,255,255)!important;
}
 .desktopNav ul.subMainMenu a:hover {
     color: #e4a834 !important;
}
 .desktopNav ul.subMainMenu > li > a:after {
     content: ""!important;
     position: absolute;
     right: 0;
     top: 50%;
     left: auto;
     bottom: auto!important;
     -webkit-transform: translateY(-50%)!important;
     -moz-transform: translateY(-50%)!important;
     -o-transform: translateY(-50%)!important;
     -ms-transform: translateY(-50%)!important;
     transform: translateY(-50%)!important;
     color: rgb(163,191,188)!important;
}
 .desktopNav ul.subMainMenu > li.selected > a {
     color: #e4a834 !important;
}
 .desktopNav ul.subMainMenu > li > ul.subSubMainMenu > li > a {
     font-size: 1.1em;
     font-weight: normal;
     font-style: italic;
     padding-left: 1.5em;
     border-bottom: none;
}
 .desktopNav ul.subMainMenu > li > ul.subSubMainMenu > li.selected > a {
     color: #e4a834 !important;
}
 .desktopNav ul.subMainMenu > li > button.moreOptionSubMainMenu{
     float: right;
     top: -3em;
     position: relative;
     border: none;
     background: none;
     color:#fff;
     font-size:1em;
}
 .desktopNav ul.subMainMenu > li > button.moreOptionSubMainMenu:hover{
}
 .desktopNav ul.subMainMenu > li > button.moreOptionSubMainMenu.openIcon:before{
     content: "\f077";
}
 .desktopNav ul.subMainMenu > li > button.moreOptionSubMainMenu:before{
     content: "\f078";
}
/*---------------------------------- end ------------------------------------------*/
/*-------------------- Quick Links ----------------------------*/
#quickLinks{
    position: relative;
    top: -42px;
    z-index: 25;
}
 #innerQuicklink,
  #innerQuicklink .navbar .nav-item
 {
     padding:0;
    
 }
#quickLinks .navbar-nav .nav-link
{
    line-height:15px;
}

 #innerQuicklink .navbar-toggler
 {
     font-weight:700;
 }

 #innerQuicklink .navbar-nav li,
 #innerQuicklink .navbar-toggler
 {
     border-bottom:1px solid rgb(215,216,217);
     color:rgb(51,50,51);
     background:rgb(237,241,242);
     text-transform:uppercase;
     position:relative;
 }
    #innerQuicklink .navbar-toggler
  {
      display:flex!important;
      text-align:left;
  }
   #innerQuicklink .search-block,
    #innerQuicklink .navbar-toggler
   {
       height: 98px;
   }

    #innerQuicklink .navbar-nav li i,
    #innerQuicklink .navbar-toggler i
    {
        font-weight:bold;
        color:rgb(0,104,133);
    }
   #innerQuicklink .navbar-nav li:first-child {
       border-top-left-radius: 0.25rem;
    border-top-right-radius:  0.25rem;
}
  #innerQuicklink .navbar-nav li:last-child
 {
    border-bottom-left-radius:  0.25rem;
    border-bottom-right-radius:  0.25rem;
 }
 .quickLinks .col-sm.search:hover {
     color: rgb(82,105,1);
}
   

 #innerQuicklink .navbar-toggler
 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
 }
  #innerQuicklink .search-block.form-inline
 {
    background:rgb(0,104,133);
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
 }
 .quickLinks .btnsearch {
     position: relative;
     background: none;
     border: 1px solid #fff;
     color: rgb(255,255,255);
     width: 100%;
     font-family: 'open sans', sans-serif;
     font-style: italic;
     font-weight: 400;
     font-size: 1rem;
     text-align: left;
     padding: 12px 0px 12px 20px;
    border-radius: 2rem;
}
 .quickLinks .btnsearch i {
    font-size: 2.188rem;
    position: absolute;
    font-size: 1.2rem;
    border-radius: 50%;
    background-color: rgb(67,169,93);
    color: rgb(255,255,255);
    padding: 5px 5px 5px 5px;
    font-weight: 400;
    right: 4px;
    top: 3px;

}
  .quickLinks .btnsearch i:hover {
background-color: #0dadd5;

}
 #innerQuicklink .navbar-toggler {
    font-size: 0.9rem;
}
  #innerQuicklink .navbar-toggler i
  {
      font-size:1.2rem;
  }
 #quickLinks .navbar-nav
 {
     width:50%;
     float: right;
     position:relative;
 }
 #quickLinks .nav-item
 {

 }
 #quickLinks .nav-link
 {
    padding: 0.65rem 0 0.65rem 0.75rem;
    font-size: 0.85rem;
    line-height:16px;
    font-weight:normal;
 }
  #quickLinks .nav-link i
 {
     font-size: 1.25rem;
     padding-right: 5px;
 }
      #quickLinks .navbar-nav:before {
         content:"";
    position: relative;
        top: 0;
        left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 13px 11px;
    border-color: transparent transparent rgb(237,241,242) transparent;
   
    }
#innerQuicklink .navbar-nav li:hover,
#innerQuicklink .navbar-nav li:hover i
 {
    color:#ffffff!important;
    background: #2099c3;
    border-left:1px solid #2099c3;
 }
#innerQuicklink .navbar-nav li a:hover
 {
    color:#ffffff!important;
 }
#innerQuicklink .navbar-nav li span::first-line{
    font-weight:normal
}
#innerQuicklink .navbar-nav li span{
    font-weight:600
}

/*-------------------- END----------------------------*/
/*----------------------- Upcoming Notices ---------------------*/
 .noticeDesktop {
     display: none;
}
 .noticeMobile {
     display: flex;
}
 #recentNewsCont, #upcomingEventsCont {
     position: relative;
     margin-bottom: 3.5rem;
}
 #recentNewsCont .card-body {
     background: rgb(237,241,242);
     border-radius: 0 0 16px 16px;
     height: 138px;
}
 #recentNewsCont .card {
     border: 0;
     border-radius: 2rem;
}
/*
 #recentNewsCont img {
     border-radius: 16px 16px 0 0;
     width: 100%;
     background-position: center;
     height: 134px;
}*/

 #recentNewsCont img {
     border-radius: 16px 16px 0 0;
     width:100%;
     background-position: center;
     height: 100%;
     background-size:cover !important;
}

 #recentNewsCont .iconCaret {
     position: absolute;
     bottom: 0.5rem;
     color: rgb(67,169,93);
}
 #recentNewsCont a.iconCaret #recentNewsCont a.iconCaret:visited, #recentNewsCont a.iconCaret:link {
     color: rgb(67,169,93);
}
  #recentNewsCont a.iconCaret:hover
  {
      color:#0dadd5;
  }
    #recentNewsCont a.iconCaret:focus
  {
         color:#0dadd5;
  }
 #upcomingEventsCont li.list-group-item {
     position: relative;
}
 #upcomingEventsCont li.list-group-item:first-child {
     padding-top: 0 !important;
}
 #upcomingEventsCont li a {
     line-height: 4px;
}
  #upcomingEventsCont li:hover h4 {
     color:#0dadd5;
}
    #upcomingEventsCont li:hover i.iconTitle {
     color:#0dadd5!important;
}
 #upcomingEventsCont .eventCaret {
     position: absolute;
     right: 0;
     color: rgb(67,169,93);
}
 #upcomingEventsCont li i.iconTitle {
     font-size: 2.6rem;
}
 #recentNewsCont .card-text {
     padding-top: 0.5rem;
     line-height: 18px;
     font-style: normal;
     height: 59px;
}
 #upcomingEventsCont .eventTitle, #recentNewsCont .card-text {
     -webkit-transition: color 300ms ease 0s;
     -moz-transition: color 300ms ease 0s;
     -o-transition: color 300ms ease 0s;
     transition: color 300ms ease 0s;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
}
 #upcomingEventsCont small {
     margin-top: -5px;
}
 #noticeCarousel {
     width: 100%;
     position: relative;
}
 #noticeCarousel .card.active {
     width: 65%;
     margin-left: auto;
     margin-right: auto;
}
 #noticeCarousel .card {
     width: 58%;
     margin-left: auto;
     margin-right: auto;
}
 #noticeCarousel .carousel-control-next, #noticeCarousel .carousel-control-prev {
     color: rgb(128,126,126) !important;
     font-size: 1.5rem;
     opacity: 1;
     font-weight: 400;
}
 #upcomingEventsCont ul li {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
}
/*----------------------------- END----------------------------*/
/*---------------------------------- highLight --------------------------------*/

 .footerHighLights {
     background: rgb(0,104,133);
     padding: 4rem 0 2.3rem 0;
     margin-top: 6rem;
}
 .footerHighLights img {
     border-radius: 20px;
}


 .footerHighLights .top-indicator {
     right: 0;
     display:none;
}
 .footerHighLights .top-indicator a {
     font-weight: normal;
     color: #fff;
     font-size: 1.8rem;
     word-spacing: 5px;
     letter-spacing: 1px;
}
     a.bottom-indicator {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-weight: normal;
     color: #fff;
     font-size: 1.8rem;
     word-spacing: 5px;
     letter-spacing: 1px;
}
.jcarousel-control-prev.bottom-indicator
{
    left:9px;
}
.jcarousel-control-next.bottom-indicator
{
    right:9px;
}
     .jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
   
}
 /** Carousel **/

.jcarouselHighlight {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarouselHighlight ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarouselHighlight li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

 .footerHighLights .jcarouselHighlight li .hInfo-1{
     background: rgb(32,153,195);
}
 .footerHighLights .jcarouselHighlight li .hInfo-2{
     background: rgb(67,169,93);
}
 .footerHighLights .jcarouselHighlight li .hInfo-3{
     background: rgb(242,182,12);
}
 .footerHighLights .jcarouselHighlight li .hInfo-4 {
     background: rgb(57,74,127);
}

/*-----FooterHighLights Hovers--------- */
 .footerHighLights .jcarouselHighlight li .hInfo-1:hover{
     background: rgb(20 92 117);
}
 .footerHighLights .jcarouselHighlight li .hInfo-2:hover{
     background: rgb(52 132 72);
}
 .footerHighLights .jcarouselHighlight li .hInfo-3:hover{
     background: rgb(202 152 11);
}
 .footerHighLights .jcarouselHighlight li .hInfo-4:hover {
     background: rgb(42 55 97);
}

 .footerHighLights .jcarouselHighlight li h4 {
     color: #fff;
    text-align: center;
    position: relative;
    bottom: 25px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    height: 56px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 1rem;
    max-width: 51%;
    margin-left: auto;
    margin-right: auto;
    line-height: 18px;
	 -webkit-transition: background 300ms ease 0s;
	-moz-transition: background 300ms ease 0s;
	-o-transition: background 300ms ease 0s;
	transition: background 300ms ease 0s;
}
.jcarouselHighlight img {
    display: block;
    max-width: 69%;
    height: auto !important;
    margin-left:auto;
    margin-right:auto;
}

/** Carousel Controls **/

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/*-------------------------------- END------------------------------------------*/
/*---------------------------------- footer --------------------------------*/
/*.footerTop {
    height: auto;
    min-height: 20rem;
    background: url(../images/footer-vector.jpg) left top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
     background: rgb(32,153,195);
}
 .footerTop .container {
     min-height: inherit;
     padding-left: 0;
     padding-right: 0;
}*/

.footerTop {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
	background: url(../images/app-regBG.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 2rem 0;
}

.footerTop:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background: rgba(51,50,51,.85);
}

.footerTop .footer-register,
.footerTop .footer-app {
	position: relative;
	z-index: 2;
	float: left;
	display: block;
	width: 50%;
}

.footerTop .footer-app {
	padding: 1rem 4rem 2rem 5rem;
	border-right: 1px solid rgba(255,255,255,.50);
}

.footerTop .footer-register {
	padding: 1rem 0 2rem 10rem;
}

.footerTop .footer-register > i,
.footerTop .footer-app > i {
	position: absolute;
	top: 1rem;
	font-size: 4.5rem;
}

.footerTop .footer-app > i {
	left: 0;
	color: rgb(67,169,93);
}

.footerTop .footer-register > i {
	left: 4rem;
	color: rgb(32,153,195);
}

.footerTop .footer-register > h2,
.footerTop .footer-app > h2 {
	color: #fff;
	font-size: 2.1rem;
	margin-bottom: 4rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.footerTop .footer-register > h2:after,
.footerTop .footer-app > h2:after {
	position: absolute;
	bottom: -1rem;
	left: 0;
	content: ' ';
	width: 6rem;
	height: 4px;
	background: rgb(242,182,12);
}

.footerTop .footer-register > p,
.footerTop .footer-app > p {
	color: #fff;
	letter-spacing: 2px;
}

.footerTop .footer-register > button,
.footerTop .footer-app > a {
	display: inline-block;
	border: 1px solid #fff;
	background: rgba(242,182,12,.0);
	color: #fff;
	text-transform: uppercase;
	font-size: .95rem;
	letter-spacing: 1px;
	font-weight: 600;
	padding: .5rem 2.5rem;
	margin-top: 1rem;
	-webkit-transition: background 300ms ease 0s;
	-moz-transition: background 300ms ease 0s;
	-o-transition: background 300ms ease 0s;
	transition: background 300ms ease 0s;
	height: 3rem;
	width: 14rem;
}

.footerTop .footer-register > button:hover,
.footerTop .footer-app > a:hover {
	color: #fff;
	background: rgba(242,182,12,.80);
	border: 1px solid rgba(242,182,12,.80)
}

.footerTop .footer-app > a {
	position: relative;
	padding: .5rem 1rem .5rem 3.5rem;
	width: 12rem;
}

.footerTop .footer-app > a.googleBTN:before {
	position: absolute;
	top: 50%;
	left: 1rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '\f3ab';
	font-family: 'Font Awesome 5 Brands';
	font-size: 1.8rem;
}

.footerTop .footer-app > a.appleBTN {
	margin-left: 1.5rem;
}

.footerTop .footer-app > a.appleBTN:before {
	position: absolute;
	top: 50%;
	left: 1.25rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: '\f179';
	font-family: 'Font Awesome 5 Brands';
	font-size: 2rem;
}

.footerTop .footer-app > a > span {
	display: block;
	font-size: .55rem;
    line-height: .65rem;
}

 .footerBottom {
     position: relative;
      background: url(../images/footer-vector.png) right bottom no-repeat;
     background-color: rgb(32,153,195);
     padding-bottom: 3rem;
    
}
 .footerBottom .bottomBlock {
     padding-top: 3rem;
}
 .footerBottom h4, .footerBottom p, .footerBottom a, .footerBottom i {
     color: #ffffff;
}
 .facebookIcon a:hover {
      background: #f2b50c !important;
 }
 .footerBottom .footerNav li:hover {
	color: #f2b50c;
 }
 .footerBottom a:hover {
     color: #f2b50c;
 }
 .footerBottom .fTitle {
     margin-bottom: 1rem;
}
 .footerBottom .fAddress p {
     line-height: 19px;
}
 .footerBottom .fContact {
     line-height: 20px;
}
 .footerNav {
     padding: 0;
     flex-wrap: wrap;
     height: 102px;
     border: 0;
}
 .footerNav li {
     padding: 0;
     padding-top: 0.3rem;
     padding-bottom: 0.3rem;
     border: 0;
     background-color: transparent;
}
 .footerBottom cite a.companyIcon:before {
     content: " ";
     background: url(../images/All-Net-Municipal-Solutions.png);
     background-repeat: no-repeat;
     background-position-x: center;
     background-position-y: bottom;
     display: block;
     height: 39px;
     position: relative;
}

.footerBottom cite a,
.footerBottom cite a > i {
	color: #fff;
	-webkit-transition: color 300ms ease 0s;
	-moz-transition: color 300ms ease 0s;
	-o-transition: color 300ms ease 0s;
	transition: color 300ms ease 0s;
}

.footerBottom cite a:hover,
.footerBottom cite a:hover > i {
	color: #f2b50c;
}

 .footerBottom .facebookIcon a {
	position: absolute;
	top: 1rem;
	left: 46%;
	background: #fff;
	padding: 7px 15px;
	 border-radius: 50%;
	-webkit-transition: background 300ms ease 0s;
	-moz-transition: background 300ms ease 0s;
	-o-transition: background 300ms ease 0s;
	transition: background 300ms ease 0s;
}

 .footerBottom .facebookIcon a i {
     color: rgb(32,153,195);
}
/*-------------------------------------------------------------------------------*/

.form-group {
    float: left;
    width: 50%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#btnSubmit {
    clear: both;
    display: block!important;
}
.capcha {
    clear: both!important;
}

@media only screen and (max-width: 600px){
    .form-group {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}





@media only screen and (max-width: 1400px){
	
	.footerTop .footer-register > h2,
	.footerTop .footer-app > h2 {
		font-size: 1.6rem;
	}
	
	.footerTop .footer-register > i,
	.footerTop .footer-app > i {
    	font-size: 4rem;
	}
	
	.footerTop .footer-register > p,
	.footerTop .footer-app > p {
		font-size: .85rem;
		letter-spacing: 1px;
	}
	
	.footerTop .footer-register > button,
	.footerTop .footer-app > a {
		font-size: .85rem;
	}
}

@media only screen and (max-width: 1200px){
	
	.footerTop .footer-register > button,
	.footerTop .footer-app > a {
		display: block;
	}
	
	.footerTop .footer-app > a.appleBTN {
		margin-left: 0;
	}
}

@media only screen and (max-width: 992px){
	
	.footerTop .footer-register,
	.footerTop .footer-app {
		width: 100%;
		padding: 2rem 0 3rem 5.5rem;
	}
	
	.footerTop .footer-app {
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.50);
	}
	
	.footerTop .footer-register > i {
		top: 2rem;
		left: 0;
	}
	
	.footerTop .footer-app > i {
		top: 2rem;
		left: .5rem;
	}
	
	.footerTop .footer-app > a {
		display: inline-block;
	}
	
	.footerTop .footer-app > a.appleBTN {
		margin-left: 1.5rem;
	}
}

@media only screen and (max-width: 600px){
	
	.footerTop .footer-register > i,
	.footerTop .footer-app > i {
		font-size: 3rem;
	}
	
	.footerTop .footer-register > h2,
	.footerTop .footer-app > h2 {
		font-size: 1.4rem;
	}
	
	.footerTop .footer-register > p,
	.footerTop .footer-app > p {
		margin-bottom: 2rem;
	}
	
	.footerTop .footer-register,
	.footerTop .footer-app {
		padding: 2rem 0 3rem 4.5rem;
	}
	
	.footerTop .footer-app > a {
		display: block;
	}
	
	.footerTop .footer-app > a.appleBTN {
		margin-left: 0;
	}
}