/*********************************************************
GENERAL THEME OF THE SITE
*********************************************************/
@import '../fonts/aleo-family/stylesheet.css';
@import '../fonts/rage-italic/style.css';
@import '../fonts/century-gothic/style.css';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');


body {
    min-width: 320px;
    font: normal 400 1rem/1.5 'Open Sans', Arial, sans-serif !important;
    color: rgb(37,37,37);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    background: rgb(255,255,255);
}

.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-family:'Open Sans', Arial, sans-serif;
    font-size:2rem;
    font-weight:700;
    font-style:normal;
    color: #103151;
    padding: 0;
    margin: 0 0 1rem;
}
h2 {
    font-size: 1.8rem;
}
h3 {
    font-size: 1.6rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1rem;
}

h2.categoryTitle {
    position: absolute;
    height: auto;
    /*min-height: 100%;*/
    width: 100%;
    font-family: 'Century Gothic Bold';
    font-size: 3.125rem;
    font-weight: normal;
    font-style: normal;
    color: rgb(255,255,255);
    text-shadow: none;
    text-align: center;
    margin: 0;
    padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    text-transform: uppercase;
    height:100vh;
}

.innerGradient {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 30%;
}
/*h2.categoryTitle:before {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 51px;
    display: block;
    background: url(../images/bgBackgroundInnerPages.png) left bottom repeat-x;
}*/
h2.categoryTitle .catTitleCont {
    position: absolute;
    top: 20rem;
    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 10px rgba(0,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;
}

/* styling for content area tables */
table th {
    background: rgb(15,61,57);
	color: rgb(255,255,255);
}
/* end */
p {
    padding: 0;
    margin: 0 0 1rem;
}

a,
a:link,
ul.directory-list button {
    font-weight: 700;
    color: #0a2a4c;
    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;
}
.articlePost a, .articlePost a:link {
    font-weight: 400;
	    color: #03a0d6;
}
a:visited {
    color:#03a0d6;
}
a:hover, ul.directory-list button:hover, .articlePost a:hover {
    color: rgba(18,49,78,0.9);
    text-decoration: none;
}
a:active,
ul.directory-list button:active {
    color: #03a0d6;
}
a:focus,
ul.directory-list button:focus {
    color: #03a0d6;
    text-decoration: none;
}

cite,
small {
    font-style: normal;
}

figure {
    padding: 0;
    margin: 0;
}

address {
    font-style: normal;
}

.mobileNav,
.sideMenuNav,
.moreOption > span,
.scrollup > span {
    display: none;
}
    .pollQuestionCont h2:before,
    .registerNow h2:before,
    .btnRegister::after,
    .btnPollQuestionVote::after,
    /*.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,
    .bottomNavContainer a:before,
    .headerTop a:before,
    .footerTop a:before,
    ul.footerNav a:before,
    ul.footerNav a:after,
    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,
    .menuIcon:after,
    .socialMedia a:before,
    .getSocialContainer h2::after {
        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.menuImg li,
ul.menuImg > li,
ul.hightlightLists,
ul.hightlightLists > 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,
ul.footerNav,
ul.footerNav > li {
    list-style: none;
    padding: 0;
    margin: 0;
}


/** Set the .container's width here based on the design **/
.container {
    max-width: 1720px;
}
.municipalServices .container {
    max-width: 100%;
}


.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;
}

.btnScrollup {
    position: fixed;
	bottom: 4rem;
	right: 1rem;
	color: rgb(255,255,255);
	cursor: pointer;
	padding: 1rem 1rem 0.8rem 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: #009788;
	line-height: 1;
    
}
.btnScrollup:hover {
    background: #03a0d6;
}
.btnScrollup:focus {
    background: #03a0d6;
}
header.masterHeader {
    position: absolute;
    z-index: 10;
    width: 100%;
}

.headerTop {
    text-align: center;
    padding: 0.5rem 2rem;
    background: #14a3d7;
}

.headerBottom {
    position: relative;
    background: rgb(255,255,255);
	-webkit-box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
    box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
}
/*socialTab start*/
.getSocialContainer.socialMediaOpen {
    -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);
}
.getSocialContainer {
    position: fixed;
    top: 11rem;
    right: 0;
    width: 400px;
    padding: 1.5em;
    border: 10px solid rgba(0,151,136,0.95);
    /*border-right: none;*/
    -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);
    -webkit-transition: transform 300ms ease 0s;
    -moz-transition: transform 300ms ease 0s;
    -o-transition: transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
    z-index: 2;
    background: rgb(255,255,255);
}
.getSocialContainer h2 {
    position: absolute;
    top: 15rem;
    left: -35.2%;
    font-family: 'Century Gothic Bold';
	font-weight:normal;
	font-style:normal;
	font-size:1.2rem;
    color: rgb(255,255,255);
    padding: 0.7em 2.5em 0.7em 1em;
    margin-bottom: 0;
    cursor: pointer;    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*background: rgb(230,126,34);*/
    background: rgba(0,151,136,0.95);
	text-transform:uppercase;
}
.getSocialContainer h2:hover{
    background:#03a0d6;
}
.getSocialContainer h2::after {
    content: "\f055";
	position: absolute;
	top: 0.95rem;
	right: 0.95rem;
	margin-right: 0;
	font-weight: 600;
}
.getSocialContainer .socialMedia {
    text-align: center;
    margin-bottom:1rem;
}
.getSocialContainer .socialMedia a, 
.getSocialContainer .socialMedia a:link{
    font-family: 'Roboto', sans-serif!important;
    font-size: 1.5rem!important;
    font-weight: 400!important;
    font-style: normal!important;    
    color: #0399cd!important;
    display: inline-block!important;
    outline: none!important;
    margin: 0 1rem!important;
}
.getSocialContainer .socialMedia a:visited{
    color: #0399cd!important;
}
.getSocialContainer .socialMedia a:hover{
    color: #03a0d6!important;
}
.getSocialContainer .socialMedia a:active{
    color: #03a0d6!important;
}
.mediaContainer {
    height: 507px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
.getSocialContainer h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: normal;
    /*font: normal 1.3em OpenSansSemibold, Arial, sans-serif;*/
    color: #123454;
    /*margin-top: 1em;*/
    margin-bottom: 0.5rem;
}
/*.getSocialContainer h3.tIcon::before {
    content: "\f081";
}*/
/*.getSocialContainer h3::before {
    font-size: 1.8em;
}*/
.getSocialContainer .mediaContainer h3 i{
    margin-right:0.5rem;
}
/*socialTab end*/
.footerMiddle {
    padding-top: 2rem;
    background: rgb(255,255,255) url(../images/bgTrees.png) left bottom repeat-x;
}
.footerMiddle > .container {
    padding: 8rem 32rem 2rem 2rem;
    background: url(../images/bgPhones.png) right bottom no-repeat;
}

.footerBottom {
    position: relative;
    /*padding-top: 2rem;
    padding-bottom: 2rem;*/
    /*background: #11365a;*/
    
}

/*.fb1.row .col-sm:first-child {
    padding-left: 2rem;
    padding-right: 17rem;
}*/
.fb1.row .col-sm:nth-child(2) {
    padding-left: 2rem;
    padding-right: 2rem;
}
.fb1.row {
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 2rem 0;
}

.footerInfo {
    background: #15416c;
    padding: 1.5rem 0 1.5rem;
}

/*.fb2.row {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.15);
    background: #15416c;
}*/
.fb2.row .col-sm:first-child {
    text-align: left;
}
.fb2.row .col-sm:nth-child(2) {
    text-align: center;
}
.fb2.row .col-sm:last-child {
    text-align: right;
}


.headerTop a,
.headerTop a:link {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: normal;
    color: rgb(255,255,255);
    display: inline-block;
    /*margin-right: 1.5rem;*/
    padding: 0 3.8rem;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}
.headerTop a:visited {
    color: rgb(255,255,255);
}
.headerTop a:hover {
    color: rgb(252,176,64);
}
.headerTop a:active {
    color: rgb(252,176,64);
}

.headerTop a:before {
    font-weight: 700;
    margin-left: 0;
    margin-right: 0.5rem;
}
.headerTop a.hMap:before {
    content: "\f3c5";
}
.headerTop a.hPhone:before {
    content: "\f095";
}
.headerTop a.hFax:before {
    content: "\f1ac";
}
.headerTop a.hEmail:before {
    content: "\f0e0";
}
.headerTop a#weather:before,
.headerTop a.langTranslateBTN:before,
.headerTop a.langTranslateBTN:before {
    content: normal;
}
/*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*/
.langCont {
    float: right;
}
.headerTop a.langTranslateBTN,
.headerTop a.langTranslateBTN:link {
    text-transform: uppercase;
    margin-right: 0;
}
.headerTop a.langTranslateBTN:after {
    content: "/";
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.headerTop a.langTranslateBTN.langFrench:after {
    content: normal;
    margin-left: 0;
    margin-right: 0;
}
.headerTop a.langTranslateBTN:after,
.headerTop a.langTranslateBTN:hover:after {
    color: rgb(255,255,255);
}
.headerTop a.langTranslateBTN.selected-lan {
    color: rgb(252, 176, 64);
}



h1.siteLogo,
h1.siteLogoFR {
    position:absolute;
    float: left;
    width: 270px;
    height: 261px;
    display: inline-block;
    margin: 0 0 0 6rem;
    z-index:1;
}
h1.siteLogo > a,
h1.siteLogoFR > a {
    width: inherit;
    height: inherit;
    display: block;
    text-indent: -9999rem;
    background: url(../images/logo.png) left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}




.addthis-smartlayers.addthis-smartlayers-desktop #at4-share {
    top: 26% !important;
}
.addthis-smartlayers.addthis-smartlayers-desktop .atss {
    z-index: 1;
}
.quickLinks.mobile {
    display:none;
}

.quickLinks {
    position: fixed;
    z-index: 6;
    width: 100%;
    bottom: 0;
    /*padding-left: 5.5rem;*/
    /*background: #0c2b4c;*/   
}
/*.inner.quickLinks {
    background: #0c2b4c;
}*/
.quickLinks:hover .qlContainer,
.qlContainer.hasFocus{
    -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);
}

.quickLinks a,
.quickLinks a:link {
    position: relative;    
    font-family: 'Century Gothic Bold';
    font-size: 1.25rem;
    font-weight: normal;
    font-style: normal;
    color:rgb(255,255,255); 
    text-transform: uppercase;
    display: block;  
    float:left;
    width: 20%;
    padding:1rem 1rem 1rem 5rem;
}
.quickLinks a:visited {
    color: rgb(255,255,255);
}
.quickLinks a:hover {
    color: rgb(252,176,64);   
}
.quickLinks a:active {
    color: rgb(252,176,64);  
}
.quickLinks a:focus {
    color: rgb(252,176,64);   
}
.quickLinks a:last-of-type {
    margin-bottom: 0;
}
.quickLinks a i {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 0;
    font-size: 2.375rem;
    font-weight:700;
}
.quickLinks a[title="E-Service Request"]{
    margin-top: 0.3rem;
}
/*.quickLinks a:nth-of-type(2),
.quickLinks a:nth-of-type(3),
.quickLinks a:nth-of-type(4),
.quickLinks a:nth-of-type(5) {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}*/
.quickLinks a[title="E-Service Request"]:before,
.quickLinks a[title="Meeting Minutes and Agendas"]:before,
.quickLinks a[title="Business Directory"]:before,
.quickLinks a[title="Property Listings"]:before,
.quickLinks a[title="FAQs"]:before,
.quickLinks a[title="Community Events"]:before,
.quickLinks a[title="Tax Calculator"]:before {
    content: normal;
}

/*.qlContainer {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    -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);
    -webkit-transition: transform 300ms ease 0s;
    -moz-transition: transform 300ms ease 0s;
    -o-transition: transform 300ms ease 0s;
    transition: transform 300ms ease 0s;
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    -moz-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
    z-index: 1;   
    
}
.qlContainer a,
.qlContainer a:link {
    position:relative;
    display:block;
    font-family: 'Century Gothic';
    font-size: 1.25rem;
    font-weight: 400;
    font-style: normal;
    color:#1c3750;   
    padding: 1.1rem 1rem 1.2rem 2rem;        
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;    
    background: none;
    float: left;
   
}
.qlContainer a:visited {
    color: rgb(255,255,255);
}
.qlContainer a:hover {
    color: rgb(252,176,64);
}
.qlContainer a:active {
    color: rgb(252,176,64);
}
.qlContainer a:focus {
    color: rgb(252,176,64);
}*/


.qlContainer a:before {
    content: normal;
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.quickLinks .qlContainer a[title="E-Service Request"]:before,
.quickLinks .qlContainer a[title="Meeting Minutes and Agendas"]:before,
.quickLinks .qlContainer a[title="Business Directory"]:before,
.quickLinks .qlContainer a[title="Community Events"]:before,
.quickLinks .qlContainer a[title="Tax Calculator"]:before {
    content: normal;
}


/* Search Section */
.modal .frmSearch {
    width: 100%;
    position: relative;
    max-width: initial;
    min-width: initial;
    display: block;
    top: auto !important;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
}
.frmSearch {
    position: relative;
    top: auto;
    left: 0;    
    display: inline-block;
    margin-right: 0;
    float: none;
}
.activePopupAlert .frmSearch {
    top: 21rem;
}
.frmSearch input[type="search"] {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: normal;
    color: #0f3151;
    padding: 0.5rem;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: #e3e3e3;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.frmSearch input[type="search"]::placeholder {
    color: #0f3151 !important;
    font-weight:700;
}
/*.frmSearch input[type="search"]:focus {
    background: rgba(244,242,241,1);
}*/
::-webkit-input-placeholder {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    opacity: 1!important;
}
::-moz-placeholder { 
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    opacity: 1!important;
}
:-ms-input-placeholder {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    opacity: 1!important;
}
:-moz-placeholder {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    opacity: 1!important;
}
.frmSearch button[type="submit"] {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    font-style: normal;
    color: rgb(255,255,255);
    padding: 0.6rem 3rem;
    margin-top: 1.5rem;
    text-transform: uppercase;
    text-shadow: 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: #009187;
    letter-spacing: 2px;
    top: auto;
    float: right;
    transform: none;
}
.frmSearch button[type="submit"]:hover{
    background: #03a0d6;
}
.frmSearch i {
    font-weight: 700;
    color: #0f3151;
    font-size: 1.1rem;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
    position: absolute;
    right: 1rem;
    top: 0.6rem;
}
.frmSearch i:hover {
    color: #03a0d6;
}

.fGradient {
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 8rem;
}
.secFooter {
    background: #fff url(../images/footer-bg1.png)bottom center no-repeat; /*#103557*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.footerTop {
    /*height: auto;*/
    /*min-height: 20rem;*/
    /*background: #103557 url(../images/footer-bg-2.jpg) left top no-repeat;*/
    /*background: #fff url(../images/footer-bg1.jpg)bottom center no-repeat; #103557
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;*/
}
.footerTop  .container {
    min-height: inherit;
    padding-left: 0;
    padding-right: 0;
}
.footerTopTitle{
    padding:9rem 0 5rem;
}
.footerTopTitle h3 {
    font-family: 'Rage Italic';
    font-size: 6.25rem;
    font-weight: normal;
    color: rgb(255,255,255);
    text-align: center;
    margin: 0;
    text-transform: capitalize;
    text-shadow: 0 0 5px rgb(0, 0, 0);
}

.registerNow,
.pollQuestionCont {
    /*max-width: 500px;
    min-height: inherit;*/
    text-align: left;
    /*margin: 0 0 0 auto;*/
    padding: 2rem 1.5rem;
    /*background: rgba(255,255,255,0.9);*/
}
.registerDetail,
.eventDetail {
    position: relative;
    display: block;
    padding-left: 5.5rem;
}
.registerDetail{
    padding:0 5.5rem 0 5rem;
}
.registerNow h2:before,
.pollQuestionCont h2:before {
    position: absolute;
    font-size: 3.75rem;
    display: inline-block;
    color: #009788;
    left: 0;
    font-weight:700;
}
.registerNow h2:before {
    content: "\f4a8";
}
.pollQuestionCont h2:before {
    content: "\f0c0";
}
.btnPollQuestionVote {
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    font-style: normal;
    color: rgb(255,255,255);
    display: block;
    /*margin: auto;*/
    padding: 0.6rem 4rem;
    border: none;
    cursor: pointer;
    /*-webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;*/
    margin-top: 0.5rem;
    text-transform: uppercase;
    text-shadow: 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: #009788;
}
.btnPollQuestionVote:hover {
    background:#03a0d6;
}
.btnPollQuestionVote:focus {
    background: #03a0d6;
}
.btnRegister {
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    font-style: normal;
    color: rgb(255,255,255);
    text-transform: uppercase;
    text-align: center;
    display: block;
    /*margin: 2rem 0 0;*/
    padding: 0.6rem 4rem;
    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;
    /*-webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;*/
    background: #009788;
    margin-top:0.5rem;
}

.btnRegister:hover {   
    background: #03a0d6;
}

.btnRegister:focus {   
    background: #03a0d6;
}
.btnRegister:after,
.btnPollQuestionVote:after {
    content: "\f061";
    margin-left:0.5rem;
    font-weight: 400;
}

.registerNow h2,
.pollQuestionCont h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    font-style: normal;
    color: rgb(255,255,255);
    text-transform: uppercase;
    margin-bottom:0.5rem;
}
.registerNow p,
.pollQuestionCont p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    font-style: normal;
    color: rgb(255,255,255);
    margin: 0;
    line-height: 1.15;
}
/** Model Search **/
#btnSearch .modal-header {
    border-bottom: none;
}
#btnSearch .modal-footer {
    display: none;
}
#btnSearch .modalTitleLogo {
    width: 180px;
    height: 100px;
    display: block;
    text-indent: -9999rem;
    margin: 1.1em auto 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#btnSearch .modal-body {
    padding: 0;
}


/** Navigation **/
.menuIcon,
.closeNav,
.desktopNav .moreOptionMainMenu,
.desktopNav .moreOptionSubMainMenu,
.desktopNav ul.subSubMainMenu,
.desktopNav ul.subSubMainMenu,
/*.desktopNav ul.mainMenu > li:first-child,*/
ul.mainMenuCol2 h3 {
    display: none;
}



.menuIcon {
    position: absolute;
    font-family: 'Century Gothic Bold';
    font-size: 1.1rem;
    font-weight: normal;
    font-style: normal;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #1c3750;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    margin: 0;
    cursor: pointer;
    border: none;
    /*-webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    -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;
}
.menuIcon:hover {
    color: #03a0d6;   
}
.menuIcon:focus {
    color:#03a0d6;    
}
.menuIcon:after {
    content: "\f0c9";   
    margin-left:0.3rem;
}

/*nav {
    float: right;
}*/

.navContainer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -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 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 350ms ease;
}

.topNavContainer {
    height: auto;
    background: rgba(243,244,245,0.97);
}
.topNavContainer > .container {
    /*padding-top: 3rem;
    padding-bottom: 3rem;*/
    padding: 3rem 3rem 3rem 25rem;
}
.bottomNavContainer {
    background: rgba(20,163,215,0.95);
    text-align: right;
}
.bottomNavContainer .container {
    padding: 0 2rem 0 0;
}
.bottomNavContainer a,
.bottomNavContainer a:link {
    font-size: 1.563rem!important;
    color: rgb(255,255,255)!important;   
    padding: 1rem!important;
    display: block!important;
    border-left: none!important;
    transition-property: color!important;
    background: none!important;
}
.bottomNavContainer a:visited {
    color: rgb(255,255,255)!important;
}
.bottomNavContainer a:hover {
    color: #113253 !important;
}
.bottomNavContainer a:active {
    color: #113253 !important;
}
.bottomNavContainer a:focus {
    color:#113253!important;
}
.bottomNavContainer a:before {
    content: "\f055"!important;
    position: static!important;
    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: #113253!important;
    display: inline-block!important;
    margin-right: 0.2rem!important;
    font-weight: 700;
}

ul.mainMenu > li a,
ul.mainMenu > li a:link {
    position: relative;
    font-family: 'Century Gothic Bold';
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    color: #123454;
    display: table-cell;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    padding: 1.5rem 2.5rem;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}
ul.mainMenu a:visited {
    color:#123454;
}
/*ul.mainMenu a:hover {
      
}
ul.mainMenu a:active {
  
   
}
ul.mainMenu a:focus {
  
}*/

ul.mainMenu a i {
    display: inline-block;
    margin-right: 0.5rem;
}

/*nav i:empty {
    display: none;
}*/
.desktopNav {
    padding-left: 20%;
	-webkit-box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
    box-shadow: 1px 14px 12px -14px rgba(0,0,0,0.1);
}
.desktopNav ul.mainMenu a:after {
    content: normal;
    margin-left: 0;
}
.desktopNav ul.mainMenu > li:first-child {
    /* display:none; */
}
.desktopNav ul.mainMenu > li:nth-child {
    margin-left: 25rem;
    width: 13%;
}

.desktopNav ul.mainMenu > li {
    float: left;
    /*height: 10rem;*/
    display: table;
    /*width: 18%;*/
}
.desktopNav ul.mainMenu > li:hover > a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*color: rgb(220,230,229);*/
    display: block;
   border-bottom: 4px solid #03a0d6;
    width: 40%;
}

/*.desktopNav ul.mainMenu > li:hover a:after {
    content: "";
    bottom: -0.6rem;
    color: rgb(15,61,57);
}*/
/*@-moz-document url-prefix() {
    .desktopNav ul.mainMenu > li:hover a:after {
        bottom: -0.7rem;
    }
}*/


/*.desktopNav ul.mainMenu > li.selected a,
.desktopNav ul.mainMenu > li:hover a,
.desktopNav ul.mainMenu > li[aria-expanded="true"] > a {
    color: rgb(255,255,255);
   
}*/
.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.subMainMenu{
    padding-bottom:2rem;
}
.desktopNav ul.subMainMenu > li {
    /* width: 32%; */
    /* float: left; */
    /*border-bottom: 2px solid #c6cdd4;*/
    margin-right: 0;
}
.menuCont {
    position: relative;
    display: block;
    border: 4px solid #c5ccd5;
    color: rgb(255,255,255);
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}
.menuCont:hover {
    color: #03a0d6;
}
ul.menuImg {
    padding: 0;
}
ul.mainMenu > li > .navContainer > .topNavContainer > .container > .row > .col-sm.nav-images > a {
    position: relative;
    display: block;
    padding: 0;
}
.navContainer > .topNavContainer > .container > .row > .col-sm > ul.subMainMenu > li:last-child a {
    border-bottom: none;
}
.menuTitle {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.menuTitle i{
    font-size:3.75rem;
}
.menuTitle p {
    font-family: 'Century Gothic Bold';
    font-size:  1.563rem;
    font-weight: normal;
    font-style: normal;
    text-transform:uppercase;
    margin:0;
}
.desktopNav ul.subMainMenu a,
.desktopNav ul.subMainMenu a:link {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    font-style: normal;
    color: #123454 !important;
    border-left: none;
    display: block;
    padding: 0.6rem 1.1rem 0.6rem 0;
    text-align: left;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    background: none !important;
    text-transform: capitalize;
    border-bottom: 2px solid #c6cdd4;
}
.desktopNav ul.subMainMenu a:visited {
    color: #123454!important;
}
.desktopNav ul.subMainMenu a:hover {
    color: #03a0d6!important;
}
.desktopNav ul.subMainMenu > li > a:after {
    content: "\f054" !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: #123454 !important;
}

.desktopNav ul.subMainMenu > li.selected a {
    color: #03a0d6 !important;
}


ul.relatedLinks a,
ul.relatedLinks a:link {
    position: relative;
    font-size: 1.3rem!important;
    color: rgb(15,61,57)!important;
    padding: 1rem 0.5rem 1rem 4rem!important;
    text-align: left!important;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    background: rgb(163,191,188)!important;
}
ul.relatedLinks a:visited {
    color: rgb(15,61,57) !important;
}
ul.relatedLinks a:hover {
    color: rgb(255,255,255) !important;
    background: rgb(227,83,13)!important;
}
ul.relatedLinks a:active {
    color: rgb(255,255,255) !important;
    background: rgb(227,83,13)!important;
}
ul.relatedLinks a:focus {
    color: rgb(255,255,255) !important;
    background: rgb(227,83,13)!important;
}
ul.relatedLinks a:after {
    content: normal!important;
    position: static!important;
    left: auto!important;
    bottom: auto!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
}
ul.relatedLinks a > span {
    font: normal 0.8rem aleoitalic, Aria, sans-serif;
    display: block;
    text-transform: none;
}

ul.relatedLinks i {
    position: absolute;
    top: 50%;
    left: 1.1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%) ;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2rem;
}

ul.relatedLinks > li {
    float: left;
    width: 47%;
    height: 8em;
    margin-right: 4%;
    margin-bottom: 4%;
    display: table;
}
ul.relatedLinks > li:nth-child(even) {
    margin-right: 0;
}


/****************************************************************
Main Content - Inside Pages
****************************************************************/
.mainContainer {
    position: relative;
    padding: 28rem 0 0 0;
    /*background:none;*/
}
.mainContainer .container{
    background:rgb(255,255,255);
}
.mainContainer .row {
    margin: 0;
}
.mainContainer main {
    width: 100%;
    height: auto;
    min-height: 25rem;
    overflow-x: hidden;
}
.mainContainer aside.col-sm {
    flex-grow: 0.7;
    padding: 0;
    background: #efefef;
}
.mainContainer main.col-sm {
    flex-grow: 2;
    padding: 1.5rem 2.5rem;   
}
/*.mainContainer.pagePasswordProtected .PasswordProtected{
    padding:3.7rem 2rem 6rem;
}*/
.mainContainer main.searchPage, .mainContainer main.formPage {
    padding: 1.5rem 2.5rem;
}

/** Aside Menu - Inside Pages **/
ul.subSideMenu {
    display: none;
}

.moreOption {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    color: rgb(15,61,57);
    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;
}
.moreOption:hover {
    color: rgb(255,255,255)!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.sideMenu a,
ul.sideMenu a:link {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    color: #0c2b4c;
    display: block;
    padding: 0.8rem 1rem;
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    background: #efefef;
    text-transform: capitalize;
}
ul.sideMenu a:visited {
    color: #0c2b4c;
}
ul.sideMenu a:hover {
    color: rgb(255,255,255);
    background: #0489b8;
}
ul.sideMenu a:active {
    color: rgb(255,255,255);
    background: #0489b8;
}
ul.sideMenu a:focus {
    color: rgb(255,255,255);
    background: #0489b8;
}

ul.sideMenu > li {
    position: relative;
}

ul.sideMenu > li.hasChild a {
    padding-right: 2.5rem;
}

ul.sideMenu > li.selected a {
    background: #678396;
    color: rgb(255,255,255);
}
ul.sideMenu > li.selected .moreOption {
    color: rgb(255,255,255);
}

ul.sideMenu > li:hover > a {
    color: rgb(255,255,255);
    background: #0489b8;
}
ul.sideMenu > li:hover .moreOption {
    color: rgb(255,255,255);
}

ul.subSideMenu a,
ul.subSideMenu a:link {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: italic;   
    color: rgb(255,255,255) !important;
    padding: 0.8rem 1rem 0.8rem 2rem!important;
    display: block;
    background: #0c2b4c !important;
}
ul.subSideMenu a:visited {
    color: rgb(255,255,255) !important;
}
ul.subSideMenu a:hover {    
    background: #036d93!important;
}
ul.subSideMenu a:active {    
    background: #036d93!important;
}
ul.subSideMenu a:focus {   
    background: #036d93!important;
}
ul.subSideMenu > li.selected a {   
    background: #036d93 !important;
}


/** TOOLBAR [ TEXTSIZER && GOOGLE TRANSLATE ] **/
.headerContent {
    padding: 0 0 1rem;
}
h4.pageTitle {
    font-family: 'Century Gothic Bold';
    font-size: 2.813rem;
    font-weight: normal;
    font-style: normal;
    color: #103151;
    text-transform: capitalize;
}

ol.breadCrumb a,
ol.breadCrumb a:link {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    font-style: normal;
    color: #222325;
    display: block;
    text-transform: capitalize;
}
ol.breadCrumb a:visited {
    color: #222325;
}
ol.breadCrumb a:hover {
    color: #03a0d6;
}
ol.breadCrumb a:active {
    color: #03a0d6;
}
ol.breadCrumb a:active {
    color: #03a0d6;
}
ol.breadCrumb > li:last-child a {
    color: #03a0d6;
}
ol.breadCrumb a:after {
    content: "\f324";
    color: #03a0d6;
    margin: 0 1.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;
    color: #12a6d8;
}
.btnPrint:hover{
    color:#03a0d6;
}
.btnPrint:before {
    content:"\f02f";
    font-weight:700;
}

ul.textResizer {
    float: right;   
}
ul.textResizer > li {
    float: left;
    margin-right: 1rem;
}
ul.textResizer > li:last-child {
    margin-right: 0;
}
ul.textResizer a,
ul.textResizer a:link {
    font: normal 700 0.688em/0 'Open Sans', Arial, sans-serif;
    color: #222325;
    text-transform: uppercase;
    display: inline-block;
}
ul.textResizer a,
ul.textResizer a:link {
    font-family: 'Century Gothic Bold';
    font-weight: normal;
}
ul.textResizer a:visited {
    color: #222325;
}
ul.textResizer a:hover {
    color: #12a6d8;
}
ul.textResizer a:active {
    color: #12a6d8;
}
ul.textResizer a:focus {
    color: #12a6d8;
}

ul.textResizer span {
    font-family: 'Century Gothic Bold';
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    margin-right: 0.5rem;
    text-transform: uppercase;
    display: inline-block;
    color:#222325;
}
ul.textResizer a.small-text {
    font-size: 1rem;
}

ul.textResizer a.medium-text {
    font-size: 1.25rem;
}

ul.textResizer a.large-text {
    font-size: 1.563rem;
}
ul.textResizer a.textresizer-active {
    color: #12a6d8;
}
#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;
}
.explore{
    padding-right:15rem;
}
.contact{
    padding-left:1.4rem;
}
.footerBottom h2 {
    font-family: 'Century Gothic Bold';
    font-size: 1.25rem;
    font-weight: normal;
    font-style: normal;
    color: #009788;
    text-transform: uppercase;
    margin-bottom: 0;
}
.footerBottom .french h2 {
	font-size: 1.5rem;
    color: rgb(255,255,255);
    text-transform: uppercase;
    margin-bottom: 0.7rem;
}
.footerBottom p {    
    color: rgb(255,255,255);
    margin:0;
}
.footerBottom p img {
    display: inline-block;
    margin-top: 2rem;
    margin-right: 3rem;
}
.footerBottom p img + img {
    margin-right: 0;
}

.contact a,
.contact a:link {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    display: block;
    color: rgb(255,255,255);
}

.contact a:visited{
    color: rgb(255,255,255);
}

.contact a:hover{
    color: rgb(35,183,169);
}

.contact a:active{
    color: rgb(35,183,169);
}

.contact a:focus{
    color: rgb(35,183,169);
}
.contact a span{
    font-weight:700;
}
.contact a i {
    margin-right: 0.3rem;
    color: #009788;
}
ul.footerNav a,
ul.footerNav a:link {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;    
    color: rgb(255,255,255);
    display: block;
    /*padding: 0.5rem;*/
}
ul.footerNav a:visited {
    color: rgb(255,255,255);
}
ul.footerNav a:hover {
    color: rgb(35,183,169);
}
ul.footerNav a:active {
    color: rgb(35,183,169);
}
ul.footerNav a:focus {
    color: rgb(35,183,169);
}

ul.footerNav a:before {
    content: normal;
    margin-left: 0;
}
ul.footerNav a:after {
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #009788;
}

.ImageTitle{
    text-align:right;
}
.footerInfo cite,
.footerInfo cite a,
.footerInfo small,
.footerInfo p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: normal;
    color: rgb(255,255,255);
    text-align: left;
    display: inline-block;
}
.footerInfo p {
    margin:0;
    text-transform:uppercase;
}
.footerInfo cite a span{
   color: rgb(255,255,255);
	width: 110px;
	height: 34px;
	display: inline-block;
	text-indent: -9999Rem;
	background: url(../images/All-Net-Municipal-Solutions.png) center center no-repeat;
	line-height: 30px;
}
/*.footerBottom cite a,
.footerBottom cite a:link {
    color: rgb(255,255,255);
    width: 71px;
    height: 22px;
    display: inline-block;
    text-indent: -9999Rem;
    background: url(../images/All-Net-Municipal-Solutions.png) center center no-repeat;
}*/
.footerInfo cite a:visited {
    color: rgb(255,255,255);
}
.footerInfo cite a:hover {
    color: rgb(35,183,169);
}
.footerInfo cite a:active {
    color: rgb(35,183,169);
}
.footerInfo cite a:focus {
    color: rgb(35,183,169);
}

.footerSocial {
    text-align: center;
    padding: 2rem 0;
}
.socialMedia a,
.socialMedia a:link {
   font-size:1.875rem;
    color: rgb(255,255,255);
    display: inline-block;

    margin: 0 2rem;
}
.socialMedia a:visited {
    color: rgb(255,255,255);
}
.socialMedia a:hover {
    color: rgb(35,183,169);
}
.socialMedia a:active {
    color: rgb(35,183,169);
}
.socialMedia a:focus {
    color: rgb(35,183,169);
}

.socialMedia a.facebook::before {
    content: "\f39e";
}
.socialMedia a.twitter:before {
    content: "\f099";
}
.socialMedia a.instagram:before {
    content: "\f16d";
}
.socialMedia a.youtube:before {
    content: "\f167";
}
.socialMedia a.linkedIn:before {
    content: "\f0e1";
}
.socialMedia a.tripAdvisor:before {
    content: "\f262";
}
.socialMedia a.vimeo:before{
     content: "\f27d";
}


.municipalServices .col-5,
.municipalServices .col-7 {
    text-align: center;
}
.municipalServices .col-5 h2,
.municipalServices .col-7 h2 {
    color: rgb(255,255,255);
    margin-bottom: 2rem;
}

.municipalServices .col-7 h2 {
    margin-bottom: 0.5rem;
}
.municipalServices .col-5 h2 span {
    font-size: 0.9rem;
    display: block;
    padding-top: 0.5rem;
}
.municipalServices .col-7 {
    overflow: hidden;
    background: url(../images/bgRoadBan.jpg) center bottom no-repeat;
}


.roadBanCont{
    position: absolute;
    top: 50%;
    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%);
}
.municipalServices .col-7 i {
    font-size: 2rem;
    color: rgb(255,255,255);
}
a.inEffectLink,
a.inEffectLink:link {
    color: rgb(255,255,255);
    text-align: center;
    display: block;
    padding: 0.5rem;
    -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(22,87,81);
}
a.inEffectLink:visited {
    color: rgb(255,255,255);
}
a.inEffectLink:hover {
    background: rgb(38,148,138);
}
a.inEffectLink:active {
    background: rgb(38,148,138);
}
a.inEffectLink:focus {
    background: rgb(38,148,138);
}

a.roadBanInEffect,
a.roadBanInEffect:link {
    background: rgb(227,83,13);
}
a.roadBanInEffect:hover {
    background: rgb(255,100,24);
}
a.roadBanInEffect:active {
    background: rgb(255,100,24);
}
a.roadBanInEffect:focus {
    background: rgb(255,100,24);
}



/*---------------------table styling-------------------------*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table {
    width: 100%;
    border-collapse: collapse;
}
td,
th {
    padding: 6px;
    border: none;
    text-align: left;
}

@media only screen and (max-width: 760px), 
    (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: none;
        border-bottom: 1px solid #ddd;
    }
}


/****************************************************************
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 4.5rem;
    margin: 0;
    background: none;
    font-size: 1.125rem;
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}
.btnHeaderYahooWeather:visited{
    color:rgb(255,255,255);
}
.btnHeaderYahooWeather:hover{
    color:rgb(252,176,64);
}
.btnHeaderYahooWeather:active{
    color:rgb(252,176,64);
}
.btnHeaderYahooWeather:focus{
    color:rgb(252,176,64);
}
.btnHeaderYahooWeather i {
    display: inline-block;
    margin-right: 0.3rem;
    font-weight: 700;
}

#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);*/
}
.headerWeatherCont {
    background: rgb(176,211,209);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0d3d1+0,7aabaa+100 */
    background: #b0d3d1; /* Old browsers */
    background: -moz-linear-gradient(top, #8ed6f0 0%, #14a3d7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ed6f0 0%,#14a3d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ed6f0 0%,#14a3d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed6f0', endColorstr='#14a3d7',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;
}














/*---------------------table styling-------------------------*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table {
    width: 100%;
    border-collapse: collapse;
}

    table .council-table {
        font-size: 1em;
    }

td, th {
    padding: 6px;
    border: none;
    text-align: left;
}

table.tblAgendaMinutes td,
table.tblAgendaMinutes th {
    padding: 1em;
}

    table.tblAgendaMinutes td span {
        display: none;
    }

table.tblAgendaMinutes tbody td:nth-child(3),
table.tblAgendaMinutes tbody td:nth-child(4),
table.tblAgendaMinutes tbody td:nth-child(5) {

    padding-left: 2em;
}

table.tblAgendaMinutes thead tr {
    background: rgb(35,156,123);
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}

table.tblAgendaMinutes tbody {
    background: rgb(242,242,235);
}

    table.tblAgendaMinutes tbody td {
        color: rgb(0,35,65);
    }

@media only screen and (max-width: 760px), 
(min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
        width: 100% !important;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.tblAgendaMinutes tbody td:nth-child(3),
    table.tblAgendaMinutes tbody td:nth-child(4),
    table.tblAgendaMinutes tbody td:nth-child(5) {
        padding-left: 1em;
    }
    table.tblAgendaMinutes td span {
        display: inline-block;
        margin-right: 1em;
    }
    table.tblAgendaMinutes thead {
        display: none;
    }
    table.tblAgendaMinutes thead tr {
        position: relative;
        top: auto;
        left: auto;
    }
    tr {
        border: none;
        border-bottom: 1px solid rgb(15,61,57);
    }
    .council-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50%;
    }
    .council-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}

/*-------------responsive tables generic---------------------*/
.responsive-table {
    text-transform: none;
}
/*
tr:nth-of-type(2n) {
    background: none !important;
}

tr td:first-child {
    background: none !important;
}*/

/* table */
.responsive-table table {
    width: 100%;
    margin-bottom: 0.5em;
    font-size: 0.8em;
    border-collapse: collapse;
    border-spacing: 0;
}
.responsive-table table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
    color: #333;
}
.responsive-table table tr {
    color: #222;
}
.responsive-table table tr {
    background: #efefef;
}
.responsive-table table tr:nth-child(even) {
    background: #efefef;
}
.responsive-table table th {
    font-weight: bold;
    padding: 0.35em;
    font-size: 1em;
}
.responsive-table table td {
    padding: 0.6em;
    font-size: 1.1em;
}
.responsive-table table td {
    text-align: left;
}

/*Highlights*/
/*.maingradient {
    position: absolute;
    top:0;
    bottom: auto;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,0.7) 65%);
    background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(255,255,255,0.7) 65%);
    background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(255,255,255,0.7) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 10rem;
}*/
.highlightContainer {
    position: relative;
    text-align: center;
    padding: 1rem;
    /*background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,0.7) 7%);
    background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(255,255,255,0.7) 7%);
    background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(255,255,255,0.7) 7%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );*/    
}
.highlightContainer h2 {
    font-family: 'Roboto', sans-serif;
    font-size:  3rem;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-transform:uppercase;
    color:#0f3050;
    letter-spacing: 3px;
}
.highlightContainer h2 span{
   font-family: 'Century Gothic Regular';    
    color: #009788; 
    font-weight: normal;
}
/*.highlightContainer h2:before {
    content:"\f5a0";
    font-weight: 400;
    display: block;
}*/
/*ul.hightlightLists > li {
    float: left;
    width: 16.66%;
    padding: 0.5px;
}*/
.hightlightsInnerCont a,
.hightlightsInnerCont a:link {
    position: relative;
    /*float: left;*/
    width: 16.66%;
    padding: 0.5px;
    display: inline-block;
    overflow: hidden;
    /*-webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;*/
    /*height: auto;
    width: auto;*/
}
.highlightContainer .post-1 a img,
.highlightContainer .post-4 a img{
    min-height:512px;
    height:auto;
    width:100%;
}
.highlightContainer .post-2 a img,
.highlightContainer .post-3 a img {
    min-height: 247px;
    width: 100%;
    height:auto;
}
/*.hightlightsInnerCont a:before {
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0.5px;
    background: rgba(0,0,0,0.5);
    -webkit-transition: background 300ms ease 0s;
    -moz-transition: background 300ms ease 0s;
    -o-transition: background 300ms ease 0s;
    transition: background 300ms ease 0s;
    z-index: 1;
}*/
/*.hightlightsInnerCont a:after {
    content:"\f57c";
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: rgb(255,255,255);
    z-index: 2;
}*/
/*.hightlightsInnerCont a:hover:before {
    background: rgba(0,0,0,0);
}*/
.highlightContainer .post-1 a,
.highlightContainer .post-2 a,
.highlightContainer .post-3 a,
.highlightContainer .post-4 a {
    position: relative;
    display:inline-block;
    width: 100%;
	position:relative;
    color:rgb(255,255,255);
    z-index: 5;
}
.highlightContainer .post-1 a:hover,
.highlightContainer .post-2 a:hover,
.highlightContainer .post-3 a:hover,
.highlightContainer .post-4 a:hover{
      color: rgb(204, 204, 204);
}
.hightlightsInnerCont img {
    display: inline-block;
}
.highlightContainer .post-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.highlightContainer .post-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 130px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(20,37,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(20,37,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(20,37,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#142531',GradientType=0 ); /* IE6-9 */

    z-index: 1;
}
.highlightContainer .col-md-4{
    padding:0;
}
.highlightContainer .post-1 {
    margin: 0 1rem 0 0;
}
.highlightContainer .post-2 {
    margin: 0 0 0.5rem 0;
}
.highlightContainer .post-3 {
    margin: 0.5rem 0 0 0;
}
.highlightContainer .post-4{
    margin: 0 0 0 1rem;
}
.highlightContainer .post-1 a{
	min-height: 400px;
}
.highlightContainer .post-2 a{
	min-height: 193px;
	width: 100%;
	height: auto;
}
.highlightContainer .post-3 a{
	min-height: 193px;
	width: 100%;
	height: auto;
}
.highlightContainer .post-4 a{
	min-height: 400px;
}

.highlightContainer .highlightCaption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 5px rgba(0,0,0,0.9);
}

/*.hightlightsInnerCont a:hover .highlightCaption {
    background: rgba(227,83,13,0.8);
}*/
/*.highlightCaption h3,
.highlightCaption p {
    color: rgb(255,255,255);
}*/
.highlightCaption h3 {
    font-family: 'Century Gothic Bold';
    font-size: 2.2rem;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    text-transform: uppercase;
    color: inherit;
}
.highlightCaption p {
    font-family: 'Century Gothic Regular';
    font-size: 1.4rem;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    text-transform: uppercase;
    color: inherit;
}

body {
  background-image: url('w3css.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

/****************************************************************
MEDIA QUERY
****************************************************************/
@media only screen and (max-width:1900px){
    .btnHeaderYahooWeather {        
        padding: 0 4rem;       
        font-size: 1.1rem;
    }
    .headerTop a, .headerTop a:link {       
        font-size: 1.1rem;   
        padding: 0 3rem;
    }
    ul.mainMenu a, ul.mainMenu a:link {       
        font-size: 1.3rem;      
        padding: 1.5rem 1rem;      
    }
	/*ul.mainMenu > li > .navContainer > .topNavContainer > .container > .row > .col-4.nav-images > a{
		padding: 0;      
	}*/
}
@media only screen and (max-width:1800px) {
      .desktopNav ul.mainMenu > li:first-child {
        /* margin-left: 22rem;        */
    }
    h1.siteLogo, h1.siteLogoFR {        
        width: 255px;
        height: 250px;       
        margin: 0 0 0 5rem;
    }
    ul.mainMenu a, ul.mainMenu a:link {
        font-size: 1.18rem;       
    }   
}
@media only screen and (max-width:1755px){
    .headerTop a, .headerTop a:link {
        font-size: 0.95rem;
        padding: 0 2.5rem;
    }
    .btnHeaderYahooWeather {
        padding: 0 3.5rem;       
    }
  
}
@media only screen and (max-width:1740px){
    .contact {
        padding-left: 0;
    }
    .contact a, .contact a:link {
        font-size: 0.9rem;
    }
    .highlightContainer .container{
        padding:0;
    }
}
@media only screen and (max-width:1680px) {
    h1.siteLogo, h1.siteLogoFR {
        width: 235px;
        height: 230px;
        margin: 0 0 0 3.5rem;
    }
    .desktopNav ul.mainMenu > li:first-child {
        /* margin-left: 20rem; */
    }
    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1.1rem;
    }
    /*.desktopNav ul.mainMenu > li:hover a:after {
        bottom: -0.6rem;
    }*/
    /*.topNavContainer {
        min-height: 20rem;
    }*/
    ul.relatedLinks a,
    ul.relatedLinks a:link {
        font-size: 1.2rem !important;
    }
    ul.relatedLinks > li {
        height: 7.3em;
    }
    .bottomNavContainer a,
    .bottomNavContainer a:link {
        font-size: 1.3rem !important;
    }


    .popupAlert a, 
    .popupAlert a:link {
        font-size: 0.8rem;
    }

    /*.headerTop a,
    .headerTop a:link {
        font-size: 0.8rem;
    }*/
    .headerTop a.langTranslateBTN,
    .headerTop a.langTranslateBTN:link {
        margin-top: 0.25rem;
    }


    /*h2.categoryTitle {
        font-size: 3.5rem;
    }*/
    h2.categoryTitle .subCatTitle {
        font-size: 1.8rem;
    }

    /*.frmSearch input[type="search"] {
        font-size: 1rem;
    }
    .frmSearch button[type="submit"] {
        right: 0.3rem;
    }*/

    .municipalServices .col-5 h2, 
    .municipalServices .col-7 h2 {
        font-size: 1.5rem;
    }
    .btnFireRating {
        width: 170px;
        height: 170px;
    }
    .btnFireRating:before {
        width: 200px;
        height: 200px;
    }
    a.inEffectLink,
    a.inEffectLink:link {
        font-size: 0.9rem;
    }
    .footerTopTitle h3{
        font-size:6rem;
    }
    .contact a, .contact a:link {
        font-size: 0.89rem;
    }
    .footerBottom h2{
        font-size:1.1rem;
    }
    ul.footerNav a, ul.footerNav a:link{
        font-size:0.9rem;
    }
    .socialMedia a, .socialMedia a:link{
        font-size:1.8rem;
    }
    .quickLinks{
        padding:0 1rem;
    }
    .quickLinks a i {
        left: 1.5rem;
    }
    .quickLinks a, .quickLinks a:link {
        padding: 1rem 1rem 1rem 4rem;
    }
    .topNavContainer > .container {       
        padding: 3rem 2rem 3rem 20rem;
    }
    .bottomNavContainer .container {
        padding: 0 1rem 0 0;
    }    
    .menuTitle p{
        font-size:1.2rem;
    }
    .menuTitle i {
        font-size: 3.3rem;
    }

}

@media only screen and (max-width:1580px){
    .explore {
        padding-right: 13rem;
    }
    /*.bottomNavContainer .container {
        padding: 0 1rem 0 0;
    }*/
    /*.topNavContainer > .container {
        padding: 3rem 1rem 3rem 18.7rem;
    }*/
    
    .menuTitle p {
        font-size: 1rem;
    }
    .menuTitle i {
        font-size: 2.7rem;
    }
    .getSocialContainer {
        top: 9rem;
        width: 370px;
        padding: 1em;
    }
    .getSocialContainer h2 {
        top: 15rem;
        left: -41%;
        font-size: 1.3rem;
        padding: 0.72em 2.5em 0.72em 1em;
    }
    .getSocialContainer .socialMedia a, 
    .getSocialContainer .socialMedia a:link{
        font-size:1.3rem!important;
    }
    .getSocialContainer h3 {
        font-size: 1.3rem;
    }
    .getSocialContainer h2::after {
        top: 0.8rem;
    }
}

@media only screen and (max-width:1530px){
    .headerTop a, .headerTop a:link {
        font-size: 0.85rem;
        padding: 0 2rem;
    }
    .btnHeaderYahooWeather {
        padding: 0 3rem;
        font-size: 1rem;
    }
    h1.siteLogo, h1.siteLogoFR {
        width: 215px;
        height: 210px;
        margin: 0 0 0 2.7rem;
    }
    .desktopNav ul.mainMenu > li:first-child {
        /* margin-left: 18rem; */
    }
    .footerInfo cite a, .footerInfo small, .footerInfo p {
        font-size: 1rem;
    }
    .highlightContainer h2 {
        font-size: 2.8rem;
    }
    .highlightCaption h3 {       
        font-size: 2.2rem;      
    }
    .highlightCaption p {
        font-size: 1.35rem;
    }
    .quickLinks a i {
        font-size: 2rem;
    }
    .quickLinks a, .quickLinks a:link {
        font-size: 1rem;
    }
    /*.topNavContainer > .container {
        padding: 3rem 1rem 3rem 16.5rem;
    }*/
    
}
@media only screen and (max-width:1510px){
    .footerBottom h2 {
        font-size: 1rem;
    }
    .contact a, .contact a:link {
        font-size: 0.78rem;
        line-height: 1.6;
    }   
}
@media only screen and (max-width:1450px) {
    /*h1.siteLogo,
	h1.siteLogoFR{
        width: 400px;
        height: 102px;
        margin-top: 1rem;
    }*/

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 1rem;
    }
    .desktopNav ul.subMainMenu a, 
    .desktopNav ul.subMainMenu a:link{
        font-size:1rem;
    }
    /*.topNavContainer {
        min-height: 17rem;
    }*/
    ul.relatedLinks a,
    ul.relatedLinks a:link {
        font-size: 1.1rem !important;
    }
    ul.relatedLinks > li {
        height: 6.6rem;
    }
    .bottomNavContainer a,
    .bottomNavContainer a:link {
        font-size: 1rem !important;
    }
    .footerTopTitle h3 {
        font-size: 5rem;
    }
    .registerDetail {
        padding: 0 2.5rem 0 4.5rem;
    }
    .eventDetail{
        padding-left:5rem;
    }
    .registerNow h2, .pollQuestionCont h2 {
        font-size: 1.7rem;
    }
    .registerNow p, .pollQuestionCont p{
        font-size:0.97rem;
    }
    .registerNow h2:before,
    .pollQuestionCont h2:before {
        font-size: 3.3rem;
    }
    .btnRegister,
    .btnPollQuestionVote {
        font-size: 1rem;
        padding: 0.6rem 3rem;
    }
   
}

@media only screen and (max-width:1400px) {
    .desktopNav ul.subMainMenu a, 
    .desktopNav ul.subMainMenu a:link {
        font-size: 1rem;
    }
    /*.bottomNavContainer a, 
    .bottomNavContainer a:link {
        font-size: 0.9rem!important;
    }*/
    ul.relatedLinks a, 
    ul.relatedLinks a:link {
        font-size: 1rem!important;
    }

    .municipalServices .col-5 h2, 
    .municipalServices .col-7 h2 {
        font-size: 1.3rem;
    }
    .btnFireRating {
        width: 130px;
        height: 130px;
    }
    .btnFireRating:before {
        width: 150px;
        height: 150px;
    }
    a.inEffectLink,
    a.inEffectLink:link {
        font-size: 0.85rem;
    }
    .explore {
        padding-right: 11rem;
    }
    .topNavContainer > .container {
        padding: 3rem 2rem 3rem 18rem;
    }
    
}

@media only screen and (max-width:1350px){
    .btnHeaderYahooWeather {
        padding: 0 2.5rem;       
    }
    .headerTop a, .headerTop a:link {
        font-size: 0.8rem;
        padding: 0 1.5rem;
    }
    .contact a, .contact a:link {
        font-size: 0.68rem;
        line-height: 1.7;
    }    
    ul.footerNav a, ul.footerNav a:link {
        font-size: 0.8rem;
    }
    .socialMedia a, .socialMedia a:link {
        font-size: 1.5rem;
        margin:0 1.5rem;
    }
}
@media only screen and (max-width:1330px) {
    /*h1.siteLogo,
	h1.siteLogoFR{
        width: 350px;
        height: 89px;
        margin-top: 1.2rem;
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        font-size: 0.9rem;
    }*/

    /*.topNavContainer {
        min-height: 17rem;
    }*/
    ul.relatedLinks a,
    ul.relatedLinks a:link {
        font-size: 1rem !important;
    }
    ul.relatedLinks > li {
        height: 6rem;
    }
    /*.bottomNavContainer a,
    .bottomNavContainer a:link {
        font-size: 1.2rem !important;
    }*/

    h2.categoryTitle {
        /*min-height: 370px;*/
        font-size: 2.7rem;
		height: 80vh;
    }
    /*h2.categoryTitle .catTitleCont {    
        top: 32%;    
}*/
	.mainContainer {		
		padding: 25rem 0 0 0;		
	}
	h2.categoryTitle .catTitleCont {    
		top: 18rem;    
	}
    h2.categoryTitle .subCatTitle {
        font-size: 1.6rem;
    }

    h3.pageTitle {
        font-size: 1.5rem;
    }
    h4.searchTitle {
        font-size: 1.3rem;
    }

    /*.frmSearch {
        top: 19rem;
    }*/
    .activePopupAlert .frmSearch {
        top: 20rem;
    }
    /*.frmSearch input[type="search"] {
        font-size: 0.9rem;
    }
    .frmSearch button[type="submit"] {
        right: 0.2rem;
    }*/

    main.formPage i {
        font-size: 4rem;
    }
    main.formPage .textSuccess {
        font-size: 1.3rem;
    }
    .highlightCaption p {
        font-size: 1.15rem;
    }
    .highlightCaption h3 {
        font-size: 2rem;
    }
    .quickLinks a i {
        font-size: 1.7rem;
        left: 1rem;
    }
    .quickLinks a, .quickLinks a:link {
        font-size: 0.94rem;
        padding: 1rem 1rem 1rem 3rem;
    }
    /*.mainContainer {       
        padding: 26rem 0 0 0;       
    }*/
}

@media only screen and (max-width:1300px) {
    /*.highlightOuterCont {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .hightlightsInnerCont {
        width: 1300px;
    }
    .highlightCaption h3 {
        font-size: 1.2rem;
    }
    .highlightCaption p {
        font-size: 0.8rem;
    }*/
    .desktopNav ul.mainMenu > li:first-child {
        /* margin-left: 16rem; */
    }
    h1.siteLogo, h1.siteLogoFR {
        width: 205px;
        height: 198px;       
    }
    .menuTitle p {
        font-size: 0.95rem;
    }
    .menuTitle i {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width:1250px) {
    .scrollup {
        bottom: 1.5rem;
        right: 1.5rem;
    }
    .headerTop a, .headerTop a:link {        
        padding: 0 1.2rem;
    }
    .footerInfo cite a, .footerInfo small, .footerInfo p {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width:1190px) {
    .desktopNav,
    ul.subMainMenu,
    ul.subSubMainMenu,
    .headerTop a span,
    .btnHeaderYahooWeather span{
        display: none;
    }

    .mobileNav,
    .menuIcon,
    .closeNav {
        display: inherit;
    }
    .headerTop {       
        text-align: right;
    }
    .headerBottom {       
        min-height: 4rem;
    }
    /*h1.siteLogo,
	h1.siteLogoFR{
        margin-bottom: 0.3rem;
        margin-top: 0.5rem;
    }*/

    .moreOptionMainMenu,
    .moreOptionSubMainMenu {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1rem;
        color: #ffffff;
        display: inline-block;
        padding: 1rem 1.1rem;
        cursor: pointer;
        -webkit-transition: background 300ms ease 0s;
        -moz-transition: background 300ms ease 0s;
        -o-transition: background 300ms ease 0s;
        transition: background 300ms ease 0s;
        border: none;
        background: none;
        z-index: 5;
    }
    .moreOptionSubMainMenu {
        padding: 0.9rem 1.1rem;
        color:rgb(255,255,255);
    }

    .moreOptionMainMenu:before,
    .moreOptionSubMainMenu: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;
    }
    .moreOptionMainMenu.openIcon:before,
    .moreOptionSubMainMenu.openIcon:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
	
	.moreOptionSubMainMenu{ 
    color: #0c2b4c !important;
    }

    .moreOptionMainMenu:hover,
    .moreOptionSubMainMenu:hover {
        color: rgb(255,255,255);
    }

    nav.navOpen {
        -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);
    }

    .closeNav {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.3rem;
        color: #029bce !important;
        padding: 0.5em;
        margin: 0.5rem 0.5rem 0.5rem 0;
        border: none;
        cursor: pointer;
        background: none;
    }

    nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 400px;
        min-width: 300px;
        text-align: right;
        -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);
        -webkit-transition: transform 300ms ease 0s;
        -moz-transition: transform 300ms ease 0s;
        -o-transition: transform 300ms ease 0s;
        transition: transform 300ms ease 0s;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        z-index: 20;
        background: #143352 ;
    }

    ul.mainMenu {
        margin-top: 4rem;
    }

    ul.mainMenu i {
        margin-right: 0.5rem;
        display: inline-block;
        /*display: none;*/
    }

    ul.mainMenu a,
    ul.mainMenu a:link {
        position: static;
        font-size: .99rem !important;
        text-align: left;
        border-left: none;
        display: block;
        padding: 1rem;
        /*border-bottom: 1px solid rgb(230,233,232);*/
        color:#ffffff !important;
    }
    ul.mainMenu a:visited {
        color:#123454;
    }
    ul.mainMenu a:hover {
        background: #0a9285 !important;
    }
    ul.mainMenu a:active {
        background: #0a9285 !important;
    }
    ul.mainMenu > li {
        position: relative;
    }

    ul.mainMenu > li.hasChild > a {
        padding-right: 2.5em;
        display: block;
    }
    .mobileNav ul.mainMenu > li a,
    .mobileNav ul.mainMenu > li a:link {
        display: block;
        text-align: left;
    }

    ul.mainMenu > li.selected > a {
        color: rgb(255,255,255);
        border:none;
        background: #0a9285 !important;
    }
    ul.mainMenu > li.selected .moreOptionMainMenu {
        color: rgb(255,255,255);
    }

    ul.mainMenu > li:hover > a {
        color: rgb(255,255,255);
        border-bottom-color: rgb(22,87,81); 
        background: #0a9285;
    }
    ul.mainMenu > li.hasChild:hover .moreOptionMainMenu {
         color: rgb(255,255,255);
    }


    ul.subMainMenu a,
    ul.subMainMenu a:link {
        font-family: 'Century Gothic Regular';
        font-size: 1rem;
        font-weight: normal;
        color: #0c2b4c !important;
        text-transform: none !important;
        padding-left: 1.5rem !important;
        border-bottom: none !important;
        background: #Ffffff !important;
        text-transform: capitalize!important;
    }
    ul.subMainMenu a:visited {
        color: rgb(255,255,255);
    }
    ul.subMainMenu a:hover {        
        background: #036d93!important;
    }
    ul.subMainMenu a:active {       
        background: #036d93!important;
    }
    ul.subMainMenu a:hover {       
        background:#036d93!important;
    }

    ul.subMainMenu > li {
        position: relative;
    }

    ul.subMainMenu > li.hasChild > a {
        padding-right: 2.7rem;
    }

    ul.subMainMenu > li.selected > a {
        color: rgb(255,255,255) !important;
        background: #0489b8 !important;
    }
    ul.subMainMenu > li.selected .moreOptionSubMainMenu {
        color: rgb(255,255,255);
    }


    ul.subMainMenu > li:hover > a {
        color: rgb(255,255,255) !important;
        border:none;
        background: #036d93!important;
    }
    ul.subMainMenu > li.hasChild:hover .moreOptionSubMainMenu {
        color: rgb(255,255,255) !important;
    }


    ul.subSubMainMenu a,
    ul.subSubMainMenu a:link {
    	font-family: 'Roboto', sans-serif !important;
        font-style: italic !important;
        font-size:.95rem !important;
        color: #123454 !important;
        background: #e3e3e3 !important;
        border-bottom: none !important;
        padding-left: 2.5rem !important;
    }
        ul.subSubMainMenu a:visited {
            color: #123454 !important;
        }
    ul.subSubMainMenu > li a:hover {
        color: rgb(255,255,255) !important;
        background: #009788 !important;
    }

    ul.subSubMainMenu > li.selected > a {
        color: rgb(255,255,255) !important;
        background: #009788 !important;
    }


    .btnPollQuestionVote {
        font-size: 1rem;
    }


    /*.frmSearch {
        top: 13rem;
    }*/
    .activePopupAlert .frmSearch {
        top: 16rem;
    }
    /*.frmSearch input[type="search"] {
        font-size: 1rem;
    }
    .frmSearch button[type="submit"] {
        font-size: 1.2rem;
    }*/


    /*ol.breadCrumb a,
    ol.breadCrumb a:link {
        font-size: 1.3rem;
    }*/

    .footerTop h2 {
        font-size: 1.2rem;
    }
    /*.footerTop p,*/
    ul.phoneColsList {
        font-size: 1rem;
    }

    .footerBottom h2 {
        font-size: 0.9rem;
    }
    .footerBottom p {
        font-size: 0.8rem;
    }
    .explore {
        padding-right: 8rem;
    }
    .contact a, .contact a:link {
        font-size: 0.59rem;
    }
    ul.footerNav a, ul.footerNav a:link {
        font-size: 0.7rem;
    }
    .socialMedia a, 
    .socialMedia a:link {
        font-size: 1.2rem;
        margin:0 1.2rem;
    }
    .idLiketoSearchBTN {
        font-size: 0.9rem;
    }
    .btnHeaderYahooWeather {
        padding: 0 2rem;
    }
    h4.pageTitle {
        font-size: 2.5rem;
    }
    .articlePost h1 {
        font-size: 1.5rem;
    }
    .highlightContainer .post-1 a img, 
    .highlightContainer .post-4 a img {
        min-height: 460px;       
    }
    .highlightContainer .post-2 a img,
    .highlightContainer .post-3 a img {
        min-height: 223px;        
    }
    .highlightContainer h2 {
        font-size: 2.5rem;
    }
    .highlightCaption h3 {
        font-size: 1.7rem;
    }
    .highlightCaption p {
        font-size: 1rem;
    }
    .footerInfo {       
        padding: 1rem 0 4rem;
    }
    .getSocialContainer {
        width: 350px;
        padding: 0.5rem;
        top: 8rem;
    }
    .getSocialContainer h2 {          
        left: -43%;      
    }
    
    
}

@media only screen and (max-width:1160px) {
    /*.headerTop {
        padding-left: 1rem;
        padding-right: 1rem;
    }*/

    .headerTop a.langTranslateBTN,
    .headerTop a.langTranslateBTN:link {
        margin-top: 0.5rem;
    }
    /*.headerTop a,
    .headerTop a:link {
        font-size: 0.7rem;
    }*/
    .footerTopTitle h3 {
        font-size: 4rem;
    }
    .registerNow, .pollQuestionCont{
        padding:2rem 1rem;
    }
    .registerDetail {
        padding: 0 1rem 0 4rem;
    }
    .eventDetail {
        padding-left: 4.5rem;
    }
    .registerNow h2:before,
    .pollQuestionCont h2:before {
        font-size: 3rem;
    }
    .footerInfo cite a, .footerInfo small, .footerInfo p {
        font-size: 0.79rem;
    }
    .quickLinks a i {
        font-size: 1.3rem;        
    }
    .quickLinks a, .quickLinks a:link {
        font-size: 0.8rem;
        padding: 1rem 1rem 1rem 2.5rem;
    }
}

@media only screen and (max-width:1085px) {
    .footerMiddle h2 {
        font-size: 1rem;
    }
    .footerMiddle p,
    ul.phoneColsList {
        font-size: 0.9rem;
    }
    .footerMiddle > .container {
        padding-right: 26rem;
        -webkit-background-size: 400px 255px;
        -moz-background-size: 400px 255px;
        background-size: 400px 255px;
    }
	
}

@media only screen and (max-width:1050px) {
    .headerTop > a > span,
    .headerTop #weather h1 {
        display: none;
    }

    /*.headerTop {
        padding: 0.5rem 1rem;
    }*/

    /*.headerTop a,
    .headerTop a:link {
        font-size: 1rem;
        margin-right: 0.8rem;
    }
    .headerTop a.hEmail {
        margin-right: 0.3rem;
    }
    .headerTop a:before {
        margin-right: 0;
    }*/
    .headerTop a.langTranslateBTN, 
    .headerTop a.langTranslateBTN:link {
        margin-top: 0;
    }
    .contact a, .contact a:link {
        font-size: 0.55rem;
        line-height: 1.8;
    }
}

@media only screen and (max-width:1024px) {
    h2.categoryTitle {
        height: 60vh;
    }
	.mainContainer {
		padding: 20rem 0 0 0;
	}
	h2.categoryTitle .catTitleCont {
		top: 15rem;
	}
    .pageTitle {
        font-size: 1.1rem;
    }
    .quickLinks a, .quickLinks a:link {
        padding: 1rem 0.5rem 1rem 2rem;
        font-size: 0.75rem;
    }
    .highlightCaption h3 {
        font-size: 1.4rem;
    }

    .highlightCaption p {
        font-size: 0.95rem;
    }
}

@media only screen and (max-width:1023px) {
    ul.sideMenu,
    .headerContent .toolBox ol.breadCrumb {
        display: none;
    }
    /*.mainContainer {
        padding: 15.7rem 0 0 0;
    }*/
    .mainContainer main.col-sm {
        padding: 1.5rem;
    }
    /*.mainContainer.pagePasswordProtected .PasswordProtected {
        padding: 0;
    }*/
    .mainContainer aside.col-sm,
    .mainContainer main.col-sm {
        flex-basis: auto;
    }

    .sideMenuNav {
        display: inherit;
        width: 100%;
        font-family: 'Century Gothic Bold';
        font-size: 1rem;
        font-weight: normal;
        font-style: normal;
        color: rgb(255,255,255);
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        border: none;
        padding: 0.7rem 1rem;
        margin: 0;
        background: #0c2b4c;
    }
    .sideMenuNav:before {
        content: normal;
        margin-left: 0;
    }
    .sideMenuNav:before {
        content: "\f055";       
        margin-right: 0.2rem;
        font-weight:700;
    }
    .sideMenuNav.openSideMenuIcon:before {
        content: "\f068";
    }
    .articlePost {
        border-top: none;
        padding-top: 0;
    }
    ol.breadCrumb,
    ul.textResizer {
        float: none;
    }
    ol.breadCrumb a,
    ol.breadCrumb a:link {
        font-size: 1rem;
    }


    h2.categoryTitle {
        /*min-height: 300px;*/
        font-size: 2rem;
    }
    /*h2.categoryTitle .catTitleCont {
        top: 45%;
    }*/
    h2.categoryTitle .subCatTitle {
        font-size: 1.3rem;
    }

    /*.frmSearch {
        top: 12rem;
    }*/
    .activePopupAlert .frmSearch {
        top: 14rem;
    }
    .frmSearch input[type="search"],
    .frmSearch button[type="submit"] {
        font-size: 0.8rem;
    }
    /*.frmSearch button[type="submit"] {
        right: 0.1rem;
    }*/


    h3.pageTitle {
        font-size: 1.2rem;
    }


    .municipalServices .col-5 h2, 
    .municipalServices .col-7 h2 {
        font-size: 1.2rem;
    }
    .highlightContainer .post-1 a img, .highlightContainer .post-4 a img {
        min-height: 420px;
    }
    .highlightContainer .post-2 a img, .highlightContainer .post-3 a img {
        min-height: 203px;
    }
    
    
}

@media only screen and (max-width:991px) {
    h1.siteLogo, h1.siteLogoFR {
        width: 170px;
        height: 165px;
        margin:0 0 0 2rem;
    }
    h4.pageTitle {
        font-size: 2rem;
    }
    .fb1.row .col-sm,
    .footerTop .col-sm {
        flex-basis: auto;
    }
    .fb1.row .col-sm:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(255,255,255,0.15);
        border-bottom: 1px solid rgba(255,255,255,0.15);
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .btnRegister, .btnPollQuestionVote{
        margin-top:2rem;
    }
    .registerNow p, .pollQuestionCont p {
       line-height:1.5;
    }
    .registerNow h2::before, .pollQuestionCont h2::before {
        position:relative;
        font-size: 2rem;
        margin-right: 0.5rem;
        top: 7px;
    }
    .registerDetail,
    .eventDetail{
        padding:0;
    }
    ul.footerNav a, ul.footerNav a:link {
        font-size: 0.9rem;
    }
    .footerBottom h2 {
        font-size: 1.1rem;
        margin-bottom: 0.3rem;
    }
    .footerBottom .col-12.col-md-12.col-lg-4 {
        padding: 0;
    }
    .footerInfo {
        padding: 1.5rem 1rem;
    }
    .explore {
        padding-right: 0;
        padding-bottom:2rem;
    }
    .contact a, .contact a:link {
        font-size: 0.88rem;
    }
    .ImageTitle {
        text-align: left;
        margin-top: 2rem;
    }
    .fb2.row .col-sm {
        flex-basis: auto;
    }
    .fb2.row .col-sm:first-child,
    .fb2.row .col-sm:last-child {
        text-align: center;
    }
    /*.fb2.row .col-sm:nth-child(2) {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }*/
    .fb1.row {
        border-top: 1px solid #009788;
        border-bottom: none;      
    }
    .footerSocial {
        border-top: 1px solid #009788;
        border-bottom: 1px solid #009788;
        padding: 1.5rem;
    }
    .quickLinks{
        display:none;
    }
    .quickLinks.mobile {
        position: relative;
        display: block;
        background:none;
        padding: 1rem 0;
    }
    .quickLinks a, .quickLinks a:link{
        float:none;
        width:100%;
        font-size: 0.85rem;
        padding: 1rem 1rem 1rem 3rem;
    }
    .quickLinks a i {
        font-size: 2rem;
    }
    /*.footerTopTitle {
        padding: 17rem 0 5rem;
    }*/
}


@media only screen and (max-width:950px){
    .highlightContainer .post-1 a img, 
    .highlightContainer .post-4 a img {
        min-height: 400px;
    }
    .highlightContainer .post-2 a img, 
    .highlightContainer .post-3 a img {
        min-height: 193px;
    }
    .highlightContainer h2 {
        font-size: 2.2rem;
    }
    .highlightCaption h3 {
        font-size: 1.3rem;
    }
}
@media only screen and (max-width:850px) {
    .popupAlert > .container {
        font-size: 0.8rem;
    }
    .highlightContainer .post-1 a img, 
    .highlightContainer .post-4 a img {
        min-height: 370px;
    }
    .highlightContainer .post-2 a img, 
    .highlightContainer .post-3 a img {
        min-height: 178px;
    }
    .highlightCaption h3 {
        font-size: 1.1rem;
    }
    .highlightCaption p {
        font-size: 0.85rem;
    }
}

@media only screen and (max-width:785px){
    h1.siteLogo, h1.siteLogoFR {       
        z-index: 2;       
    }
}
@media only screen and (max-width:767px) {
    .mainContainer main.searchPage, .mainContainer main.formPage {
        padding: 1.5rem 1rem;
    }
    .headerTop {
        padding: 0.7rem 1rem;       
    }
    .popupAlert > .container {
        font-size: 0.8rem;
    }
    .headerBottom {
        min-height: 3rem;
    }
    /*.socialMedia {
        position: static;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 400px;
        margin: 2rem auto 0;
        display: block;
        text-align: center;
    }*/

    .footerBottom small,
    .footerBottom cite {
        float: none;
        display: block;
        text-align: center;
        margin-top: 0.5rem;
    }
    .footerBottom cite {
        margin-bottom: 1.5rem;
    }
    .footerTopTitle h3 {
        font-size: 3rem;
    }
    .btnRegister, .btnPollQuestionVote {       
        padding: 0.6rem 5rem;
    }
    h4.pageTitle, .rendered-form h2 {
        font-size: 1.35rem;
    }
    .articlePost h1 {
        font-size: 1rem;
    }
    .mainContainer main.col-sm {
        padding: 1rem;
    }
    .highlightContainer .post-1,
    .highlightContainer .post-2,
    .highlightContainer .post-3,
    .highlightContainer .post-4 {
        padding: 0;
        margin:0 0 0.5rem;
    }
    /*.highlightContainer .post-4{
        padding:0;
    }*/
    .highlightContainer h2 {
        font-size: 1.8rem;
        letter-spacing: 1px;
    }
    .highlightCaption h3 {
        font-size: 2rem;
    }
    .highlightCaption p {
        font-size: 1.2rem;
    }
    ul.textResizer span {        
        font-size: 0.85rem;       
    }
    .getSocialContainer {
        top: 7rem;
    }
    .getSocialContainer h2 span{
        display:none;
    }
    .getSocialContainer h2 {
        left: -19%;
        font-size: 1.3rem;
        padding: 1.7rem;
        top:7rem
    }
    .getSocialContainer h2::after {
        top: 0.95rem;
        right: 0.9rem;
    }
    
}

/*@media only screen and (max-width:750px) {
    .headerContent {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    ol.breadCrumb a,
    ol.breadCrumb a:link {
        font-size: 0.9rem;
    }
}*/

@media only screen and (max-width:720px) {
    .footerMiddle > .container {
        text-align: center;
        padding: 1rem 1rem 18rem;
        background-position: center bottom;
    }
    ul.phoneColsList {
        max-width: 300px;
        text-align: left;
        display: block;
        margin: 0 auto 2rem;
    }

    .idLiketoSearchBTN {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width:680px) {
    /*.headerContent {
        display: none;
    }*/

    .sideMenuNav {
        font-size: 0.95rem;
    }
    ul.sideMenu a, 
    ul.sideMenu a:link {
        font-size: 0.9rem!important;
    }
    ul.subSideMenu a, 
    ul.subSideMenu a:link {
        font-size: 0.8rem!important;
    }

    .Extreme,
    .High,
    .Moderate,
    .Low {
        padding: 2rem 0;
    }
    .municipalServices .col-5, 
    .municipalServices .col-7 {
        flex-basis: auto;
        max-width: 100%;
    }
    .municipalServices .col-7 {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
    .roadBanCont {
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 300px;
        display: block;
        margin: auto;
        padding: 4rem 0;
    }


    h3.pageTitle {
        font-size: 1.1rem;
    }
   
    .articlePost {
        font-size: 0.95rem;
    }

    .idLiketoSearchBTN {
        font-size: 0.7rem;
    }
}

@media only screen and (max-width:600px) {
    .mainContent img {
        float: none;
        display: block;
        margin: 1rem;
    }
    .adContainer img {
        width: 100%;
        margin: 0;
    }   

    .popupAlert a,
    .popupAlert a:link {
        font-size: 0.8rem;
    }

    main.formPage i {
        font-size: 2.5rem;
    }
    main.formPage .textSuccess {
        font-size: 1.1rem;
    }

    .btnSearchPage span {
        display: none;
    }
    .btnSearchPage i {
        font-size: 1.1rem;
        display: block;
        margin-right: 0;
    }
    .searchPage input[type="text"] {
        padding-right: 5rem;
    }       
    .btnScrollup{
        bottom:1rem;
    }
}

@media only screen and (max-width:580px) {
    /*.menuIcon > span {
        display: none;
    }*/
    .menuIcon {
        font-size: 1rem;
    }
    /*.menuIcon:after {
        margin-left: 0;
    }*/

    h1.siteLogo,
    h1.siteLogoFR {
        width: 160px;
		height: 140px;
        margin:0 0 0 1.5rem;
    }

    .headerTop a.langTranslateBTN, 
    .headerTop a.langTranslateBTN:link {
        font-size: 0.75rem;
        margin-top: 0.3rem;
    }
    .highlightContainer h2 {
        font-size: 1.5rem;        
    }
}

@media only screen and (max-width:575px) {
    .searchColPages.col-sm {
        padding-right: 0;
    }
    .searchColDocuments.col-sm {
        padding-left: 0;
        padding-top: 2.5rem;
    }
    
}

@media only screen and (max-width:530px) {
    .popupAlert > .container {
        padding-left: 1rem;
    }

    .popupAlert > .container:before {
        content: none;
        position: static;
        display: block;
        margin-right: 0;
        margin-bottom: 0.8rem;
        margin-top: 0.8rem;
        text-align: center;
    }
    .footerTopTitle h3 {
        font-size: 2.5rem;
    }
    
}

@media only screen and (max-width:500px) {
	.mainContainer {
		padding: 15rem 0 0 0;
	}
	h2.categoryTitle {
		height: 50vh;
	}
	h2.categoryTitle .catTitleCont {
		top: 11rem;
	}
    nav {
        width: 300px;
    }

    .moreOptionMainMenu {
        padding-bottom: 0.9rem;
        padding-top: 0.9rem;
    }
    /*.moreOptionSubMainMenu {
        padding-bottom: 0.8rem;
        padding-top: 0.8rem;
    }*/

    ul.mainMenu a,
    ul.mainMenu a:link,
    ul.subMainMenu a,
    ul.subMainMenu a:link,
    ul.subSubMainMenu a, 
    ul.subSubMainMenu a:link {
        font-size: 0.9rem!important;
    }
    .footerTop h2 {
        font-size: 1.1rem;
    }
    .registerNow p, .pollQuestionCont p {
        font-size: 0.9rem;
    }
    .btnRegister,
    .btnPollQuestionVote {       
        font-size: 0.9rem;
    }
    .registerNow h2:before,
    .pollQuestionCont h2:before {
        font-size: 2.5rem;
    }
    .contact a, .contact a:link {
        font-size: 0.78rem;
    }
    .footerBottom h2 {
        font-size: 1rem;
    }
    h2.categoryTitle {       
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:480px) {
    h1.siteLogo, h1.siteLogoFR {
        width: 160px;
        height: 140px;       
    }
    /*h2.categoryTitle {
        min-height: 200px;
        font-size: 1.2rem;
    }*/
    h2.categoryTitle .subCatTitle {
        font-size: 1.1rem;
    }
    /*.mainContainer {
        padding: 9.8rem 0 0 0;
    }*/
    /*.frmSearch {
        top: 10rem;
    }*/
    .activePopupAlert .frmSearch {
        top: 12rem;
    }
    .frmSearch input[type="search"],
    .frmSearch button[type="submit"] {
        font-size: 0.7rem;
    }
    /*.frmSearch button[type="submit"] {
        right: 0;
    }*/
    .frmSearch i {
        font-size: 1rem;
        top: 0.5rem;
    }    
    .innerPageRBCont {
        padding: 0.5rem 1rem;
    }
    .roadBanStatus {
        font-size: 0.85rem;
    }
    .highlightContainer h2 {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:470px) {
    .footerMiddle > .container {
        padding-bottom: 16rem;
        -webkit-background-size: 350px 223px;
        -moz-background-size: 350px 223px;
        background-size: 350px 223px;
    }
}
@media only screen and (max-width:450px){
    .footerTopTitle h3 {
        font-size: 2rem;
    }
   
    .registerNow h2:before,
    .pollQuestionCont h2:before {
        font-size: 1.5rem;
    }
    .footerTop h2 {
        font-size: 1rem;
    }
    .registerNow p, .pollQuestionCont p {
        font-size: 0.8rem;
    }
    .btnRegister, .btnPollQuestionVote {        
        font-size: 0.8rem;
    }
    .contact a, .contact a:link {
        font-size: 0.73rem;
    }
   
    .highlightCaption h3 {
        font-size: 1.5rem;
    }
    .highlightCaption p {
        font-size: 1rem;
    }
    h2.categoryTitle .catTitleCont{
        top:12rem;
    }
    .mediaContainer {
        height: 493px;        
    }
    .getSocialContainer {
        width: 330px;
        padding: 0.3rem;
        top: 6.5rem;
    }
    .getSocialContainer .socialMedia {
        margin-bottom: 0.5rem;
    }
    .getSocialContainer .socialMedia a, 
    .getSocialContainer .socialMedia a:link {
        font-size: 1rem !important;
        margin: 0 0.5rem !important;
    }
    .getSocialContainer h3 {
        font-size: 1rem;
    }
	
    .getSocialContainer h2 {
        left: -18.2%;
        font-size: 1rem;
        padding: 1.5rem;
        top: 4rem;
    }
}
@media only screen and (max-width:400px) {
    h1.siteLogo,
    h1.siteLogoFR {
        width: 140px;
        height: 120px;
        margin:0 0 0 1.2rem;
    }


    /*.btnPollQuestionVote {
        width: 100%;
        max-width: 100%;
        font-size: 0.8rem;
    }*/


    .footerMiddle > .container {
        padding-bottom: 14rem;
        -webkit-background-size: 300px 191px;
        -moz-background-size: 300px 191px;
        background-size: 300px 191px;
    }
    .headerTop a::before {        
        margin-right: 0.5rem;
    }

    .headerTop a, 
    .headerTop a:link {
        padding: 0 1rem;
    }
    .btnHeaderYahooWeather {
        padding: 0 1.1rem;
    }

    #weather h2 {
        font-size: 0.8rem;
    }
    #weather i {
        font-size: 1.6rem;
    }
    /*.frmSearch {
        top: 9rem;
    }*/
    .activePopupAlert .frmSearch {
        top: 11rem;
    }
    .footerTopTitle h3 {
        font-size: 1.8rem;
    }
    .registerNow p, .pollQuestionCont p {
        font-size: 0.73rem;
    }
    .socialMedia a, .socialMedia a:link {
        font-size: 1rem;
        margin: 0 0.9rem;
    }
    .footerInfo cite a, .footerInfo small, .footerInfo p {
        font-size: 0.7rem;
    }
    .highlightContainer h2 {
        font-size: 0.95rem;
    }
    .highlightCaption h3 {
        font-size: 1.3rem;
    }
    .frmSearch button[type="submit"]{
        padding:0.6rem 2rem;
    }   
    
    .getSocialContainer {
        width: 310px;
    }
    .getSocialContainer h2 {
        font-size: 0.9rem;
        padding: 1.3rem;
        left: -17.7%;
    }
    .getSocialContainer h2::after {
        top: 0.8rem;
        right: 0.8rem;
    }
    h2.categoryTitle{
        height:60vh;
    }
   
}
@media only screen and (max-width:360px){
    .getSocialContainer {
        width: 270px;       
    }
    .getSocialContainer h2 {

        left: -20.5%;
    }
}