@charset "utf-8";
/* CSS Document */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Css Start here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

a, a:active, a:hover, a:focus {
    outline: none !important;
    cursor: pointer;
}

a:active, a:focus, a:hover {
    text-decoration: none;
}

a:visited {
    color: inherit;
}

.jq-button {
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    padding: 0 1em !important;
    height: 33px;
    font-family: Tahoma, Verdana, sans-serif;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 3px;
    border: 1px solid #B6B6B6;
    color: #4F4F4F;

}

label.label {
    color: black;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

.img-responsive {
    margin: auto;
}

img {
    border: none;
    max-width: 100%;
}

a img {
    outline: none;
}

.row {
    margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

body {
    background-color: transparent !important;
}

html {
    background-color: #fff;
    color: #515151;
    font-family: 'Source Sans Pro', sans-serif;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Css End here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@font-face {
    font-family: "MontserratLight";
    src: url("../fonts/MontserratLight.eot?#iefix");
    src: url("../fonts/MontserratLight.eot?#iefix") format("eot"),
    url("../fonts/MontserratLight.woff2") format("woff2"),
    url("../fonts/MontserratLight.woff") format("woff"),
    url("../fonts/MontserratLight.ttf") format("truetype"),
    url("../fonts/MontserratLight.svg#MontserratLight") format("svg");
}

@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/MontserratRegular.eot?#iefix");
    src: url("../fonts/MontserratRegular.eot?#iefix") format("eot"),
    url("../fonts/MontserratRegular.woff2") format("woff2"),
    url("../fonts/MontserratRegular.woff") format("woff"),
    url("../fonts/MontserratRegular.ttf") format("truetype"),
    url("../fonts/MontserratRegular.svg#MontserratRegular") format("svg");
}

@font-face {
    font-family: "MontserratSemiBold";
    src: url("../fonts/MontserratSemiBold.eot?#iefix");
    src: url("../fonts/MontserratSemiBold.eot?#iefix") format("eot"),
    url("../fonts/MontserratSemiBold.woff2") format("woff2"),
    url("../fonts/MontserratSemiBold.woff") format("woff"),
    url("../fonts/MontserratSemiBold.ttf") format("truetype"),
    url("../fonts/MontserratSemiBold.svg#MontserratSemiBold") format("svg");
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header Css Start here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header {
    background: #045273;
    color: #fff;
    /*border-bottom: 3px solid #1678AF;
     height: 124px; */
}

.container {
    max-width: 1200px;
    width: 100%;
    padding: 0;
}

header .top-bar {
    background: #013044;
    height: 47px;
}

header .top-bar p {
    line-height: 47px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 1.285em;
}

.extra-links li, .social-share li, .extra-links, .social-share {
    display: inline-block;
    margin: 0;
}

.social-share {
    margin-left: 25px;
}

.extra-links li a, .social-share li a {
    color: #ebebeb;
    line-height: 47px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
}

.extra-links li a {
    padding: 0 12px;
}

.social-share li a {
    padding: 0 5px;
}

header .navbar {
    margin-bottom: 0;
    z-index: 5;
    /* margin-top: -10px; */
}

.container > .navbar .navbar-brand {
    margin: 0;
    padding: 0;
    padding-top: 2px;
    width: 125px;
    float: none !important;
}

.navbar-nav > li > a {
    color: #fff;
    padding: 30px 30px 25px;
    line-height: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.214em;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}

.tb-megamenu.style-blue .nav > li:hover > a {
    text-decoration: underline;
}

.Header-bottom-inputs {
    text-align: right;
    display: inline-block;
    width: 1170px;
    position: absolute;
    z-index: 3;
    /*max-width: 1000px;
	left: -355px*/
}

div .links ul li.statistics_counter span {
    display: none;
}

.view-all {
    position: absolute;
    bottom: 0;
    /*left: 60px;*/
    right: 0px;
    z-index: 500;
    font-weight: bold;
    background: #f6f9fa;
    width: 120px;
    display: inline-block;
    height: 40px;
    color: #c86336;
    float: right;
    border-left: 1px solid #d4a692;
}

a.title-logo:focus {
    text-decoration: underline !important;
}

a.element-invisible.element-focusable {
    color: #fff;
    padding-top: 20px;
    z-index: 9999999999;
}

.element-invisible {
    background-color: #337ab7;
    padding: 20px;
}

.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {
    position: absolute !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {

    .alertbar {
        /*display:none !important;*/
    }

    .viewall-mobile {
        position: relative;
        left: 355px;
        background: #f6f9fa;
        padding: 11px 0 0 0;
        width: 120px;
        height: 45px;
        color: #c86336;
        font-weight: bold;
        top: 4px;
        float: right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 993px) {

    .alertbar {
        /*display:none !important;*/
    }
}

.views-fade-item {
    display: inline-block;
    margin-left: 75px;
}

.alertbar {
    left: 0 !important;
    top: 0 !important;
    position: relative;
    background: #fff;
    border: 8px solid #c71717;
    max-width: 695px;
    height: 56px;
    width: 100%;
    display: inline-block;
    font-size: 0.928em;
    color: #c71717;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    font-family: 'Source Sans Pro', sans-serif;
}

/*ul.liScroll a {
	margin:0px 0 0 50px !important;
}*/

.triangle-arrow {
    text-align: center;
}

.view-all {
    text-align: center;
}

ul#views-ticker-fade-dep_web_alerts {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.alertbar a {
    /*background: #f6f9fa;
     border-left: 1px solid #d4a692;*/
    width: auto;
    display: inline-block;
    height: 40px;
    color: #c71717;
    /*float: left;*/
    font-size: 1em;
    top: 100px !important;
}

.alertbar span a {
    font-size: 1.2em;
    font-weight: bold;
}

.alertbar a.contextual-links-trigger {
    display: none;
}

.alertbar .fa-angle-left, .alertbar .fa-angle-right {
    color: #1684b4;
    font-size: 1.5em;
    padding: 0 15px;
}

.SearchBlock {
    top: 0px;
    border: 8px solid #1678AF;
    height: 56px;
    width: 100%;
    display: inline-block;
    background: #d7e3e9;
    position: relative;
    max-width: 300px;
    /* margin-left: -100px;*/
    left: 0;
    right: 0px;
}

.mask {
    top: -25px !important;
}

.view-header {
    position: relative;
    /*left: -350px;*/
}

.SearchBlock input {
    width: 82%;
    height: 40px;
    background: transparent;
    border: 0;
    padding-left: 15px;
    color: #0d4962;
    font-size: 1.0714em;
    padding-right: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    float: left;
}

.SearchBlock .fa-search {
    position: absolute;
    right: 0;
    color: #1684b4;
    font-size: 1.714em;
    line-height: 40px;
    padding-right: 10px;
}

.SearchBlock input::-webkit-input-placeholder {
    color: #0d4962
}

.SearchBlock input:-moz-placeholder {
    /* Firefox 18- */
    color: #0d4962
}

.SearchBlock input::-moz-placeholder {
    /* Firefox 19+ */
    color: #0d4962
}

.SearchBlock input:-ms-input-placeholder {
    color: #0d4962
}

.alertbar a:hover {
    color: #000;
}

.carousel {
    z-index: 1 !important;
}

.carousel-control.right,
.carousel-control.left {
    background: none !important;
    z-index: 9999999999999999999999;
}

.carousel-caption {
    bottom: auto;
    top: 165px;
    text-shadow: none;
}

.carousel-caption h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2.857em;
    font-weight: 300;
}

.carousel-caption p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 1.285em;
}

.carousel-caption a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 1.285em;
    width: 172px;
    height: 50px;
    display: block;
    margin: auto;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    border-radius: 24px;
    line-height: 50px;
    color: #fff;
    margin-top: 40px;
}

.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #fff;
    text-decoration: underline;
}

.carousel-indicators .active {
    background-color: #045273;
    border-color: #045273;
}

.carousel-indicators li {
    background: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header Css End here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* LINKS ON HOVER */

.InnerBlock a:hover,
.InnerBlock a:focus {
    color: #333;
    text-decoration: underline;

}

.readerinfo a:hover,
.readerinfo a:focus {
    color: #ccc !important;
}

.InnerBlock a:visited {
    color: #48367b;
    text-decoration: underline;
}

/* .InnerBlock a:visited:hover
{
   color:#333;
	text-decoration: underline;
    
} */

.ServiceBlock {
    text-align: center;
    font-size: 1.21em;
    color: #515151;
}

.ServiceBlock .Servicelist {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.ServiceBlock .Servicelist:nth-child(3n) {
    border-right: 0;
}

.ServiceBlock img {
    margin-top: 40px;
    margin-bottom: 25px;
}

.ServiceBlock h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.765em;
    font-weight: 300;
}

.ServiceBlock p {
    width: 75%;
    margin: 15px auto 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
}

.ServiceBlock hr {
    width: 40px;
    margin: 40px auto;
    border-top-width: 2px;
}

.ServiceBlock .airblock hr {
    border-color: #99d6e8;
}

.ServiceBlock .wasteblock hr {
    border-color: #469858;
}

.ServiceBlock .waterblock hr {
    border-color: #3b8ccd;
}

.ServiceBlock .landsblock hr {
    border-color: #01612f;
}

.ServiceBlock .parksblock hr {
    border-color: #b37344;
}

.ServiceBlock .depblock hr {
    border-color: #dcd38a;
}

.dayview .views-field.views-field-field-events-date {
    line-height: 10px;
}

.calendar .dayview a {
    line-height: 20px;
}

.calendar-calendar .day-view .full td .inner div.calendar div a {
    margin-top: 2px;
}

.dayview .views-field.views-field-title {
    margin-bottom: -12px !important;
}

.profile a {
    text-decoration: underline;
}

.documentBlock {
    background: #045273;
    color: #fff;
    padding: 40px 0;
    position: relative;
}

.documentBlock h3 {
    font-size: 2.142em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.DocumentHub {
    padding-right: 30px !important;
    max-width: 550px;
}

.DocumentHub ul li {
    display: inline-flex;
}

.PopDocumnent {
    padding-left: 80px !important;
}

.documentBlock p {
    /* margin: 15px 0; */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    line-height: 25px;
}

.documentBlock ul {
    list-style: none;
    list-style-type: none;
}

.documentBlock ul li {
    /* display: inline-block;
    width: 44%;
    margin-bottom: 8px;
    padding-bottom: 8px; */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 1.357em;
    border-bottom: 1px solid #1c5e7a;
    display: inline-flex;
    width: 100%;
}

.documentBlock ul li:before {
    content: "\003E";
    margin-right: 10px;
}

/* .documentBlock ul li:nth-child(2n)
{
    margin-left: 5%;
} */
.documentBlock .form-group {
    display: inline-block;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 5px;
}

.documentBlock .form-group input {
    height: 40px;
    border: 1px solid #c6dde8;
    margin-right: 2%;
    width: 89%;
    color: rgba(1, 50, 71, 0.65);
    padding-left: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    background: #d7e3e9;
}

.documentBlock .form-group input:last-child {
    /* margin-left: 2%;
     margin-right: 0; */
    width: 100%;
}

.documentBlock .form-group input::-webkit-input-placeholder {
    color: rgba(1, 50, 71, 0.65);
}

.documentBlock .form-group input:-moz-placeholder { /* Firefox 18- */
    color: rgba(1, 50, 71, 0.65);
}

.documentBlock .form-group input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(1, 50, 71, 0.65);
}

.documentBlock .form-group input:-ms-input-placeholder {
    color: rgba(1, 50, 71, 0.65);
}

.documentBlock a {
    /*background:#16759d;
     display: block;
    width: 187px;
    height: 40px;
    text-align: center; */
    line-height: 25px;
    /*margin-right: 0;
     margin-left: auto;*/
    border-radius: 20px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

li.bottom {
    margin-bottom: 19px;
}

.PageFold {
    position: absolute;
    top: 0px;
    right: 0;
}

.LatestEvents {
    margin-top: 40px;
    margin-bottom: 40px;
}

.NewsList {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    vertical-align: top !important;
}

.NewsList .DateBlock {
    background: #46515c;
    width: 60px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 1.62em;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    margin-right: 15px !important;
}

.NewsList .DateBlock a {
    width: auto;
    vertical-align: top;
    margin-left: 22px;
    font-size: 1.0em;
    color: #000;
    margin-top: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.NewsList .DateBlock span {
    background: #b7e4e1;
    display: block;
    color: #000;
    font-size: 0.675em !important;
    line-height: 20px;
    font-family: "Source Sans Pro", sans-serif;
    border-bottom: 2px solid #a2adb9;
    padding: 10px 0 15px 0;
    text-transform: uppercase;
}

.NewsList p {
    width: 75%;
    font-size: 1.1875em;
    font-family: 'Source Sans Pro', sans-serif;
    float: left;
    margin: 0 0 5px 0 !important;
    line-height: 18px !important;
    padding: 0 !important;
}

.NewsList p a {
    vertical-align: top;
    font-size: 1.0em;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.NewsList p a span:before {
    content: "";
    margin-top: 10px !important;
    display: block;
}

.NewsList p a span {
    border-bottom: 2px solid #a2adb9;
    padding-bottom: 5px;
}

a.btnView, a.btnView:hover {
    width: 174px;
    height: 41px;
    background: #46515c;
    font-size: 1.357em;
    text-align: center;
    display: block;
    margin-left: auto;
    /* margin-right: 40px; */
    border-radius: 20px;
    color: #fff;
    line-height: 41px;
    margin-top: 45px;
    font-family: 'Source Sans Pro', sans-serif;
}

/* Adding the margin-right: 40px; only for the blocks on the Division and Program pages */
.LatestEvents a.btnView, .LatestEvents a.btnView:hover {
    margin-right: 40px;
}

a.prpn, a.prpn:hover {
    width: 220px;
}

.pressreleases a.prpn, .pressreleases a.prpn:hover, .pressreleases a.prpn:visited, .pressreleases a.prpn:visited:hover, .pressreleases a.prpn:focus {
    width: 200px;
    color: #fff;
}

.SignupBlock {
    background: #f7f6f6;
    padding: 10px 0;
}

.SignupBlock p, .SignupBlock a {
    display: inline-block;
    vertical-align: middle;
}

.SignupBlock p {
    font-size: 1.571em;
    color: #474747;
    line-height: 46px;
    font-family: 'Source Sans Pro', sans-serif;
}

.SignupBlock p .fa {
    margin-right: 10px;
}

.SignupBlock a {
    background: #013044;
    width: 192px;
    height: 47px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    line-height: 47px;
    font-size: 1.357em;
    float: right;
    font-family: 'Source Sans Pro', sans-serif;
}

.BottomLinks {
    background: #045273;
    color: #fff;
    padding: 2px 0 0 2px;
}

.BottomLinks h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.714em;
    padding-bottom: 24px;
    border-bottom: 1px solid #7aa3b5;
    line-height: 18px;
    margin-right: 25px;
}

.BottomLinks p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
    margin-top: 0;
    margin-right: 0;
}

.BottomLinks a {
    display: inline-block;
    color: #fff;
    padding: 0 5px 0 0;
}

.BottomLinks h4 a {
    padding: 0 !important;
}

.BottomLinks li {
    display: inline-block;
    width: 48%;
}

.BottomLinks li a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
}

.BottomLinks li .fa {
    margin-right: 10px;
}

.BottomLinks address {
    margin-top: 24px;
    font-style: inherit;
}

.BottomLinks address span {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.BottomLinks address .fa {
    width: 25px;
    text-align: center;
}

.BottomLinks i.fa.fa-facebook,
.BottomLinks i.fa.fa-twitter,
.BottomLinks i.fa.fa-youtube {
    font-size: 1.8em;
}

select#edit-field-program-area-tid-option-limit:empty {
    display: none;
}
/*
footer {
    background: #001923;
    height: auto; !*was 47px *!
    padding-top: 10px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
}*/

footer ul {
    float: right;
    /*margin-right: -5px;*/
}

footer ul, footer ul li, footer .copyright {
    display: inline-block;
}

footer ul li a, footer ul li a:hover {
    color: #fff;
    font-size: 1em;
    padding: 0 10px;
    border-left: 1px solid #fff;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    line-height: 14px;
}

footer ul li:first-child a {
    border: 0px;
}

footer .copyright a, footer .copyright a:hover {
    color: #fff;
}

/*Water page css start here*/



.col-lg-9.sidebar2 a,
.content li a {
    text-decoration: underline;
}

.top-bar a:hover,
.top-bar a:focus,
.top-bar li a:focus {
    text-decoration: underline;
    color: #ccc !important;
}


.breadcrumb {
    padding: 8px 0 !important;
}


.InnerBlock a {
    color: #1e476b;
}

.InnerBlock table thead a {
    color: #fff;
}

/*Water page css end here*/

.sidebar2 .panel-pane .field-items, .sidebar2 .panel-pane .field-label.field-label {
    font-size: 1.142em;
}

/*air page css start here*/

/* SIDEBAR OVERRIDES */

.col-lg-9.sidebar2 {

    margin-top: 0;
}

@media screen and (max-width: 1199px) {

    .col-lg-9.sidebar2 {
        margin-top: 30px;
    }

    .quicklinks .pane-content {
        height: 150px;
        overflow-y: scroll;
        border: 1px solid #000;
        padding-left: 10px;
        padding-top: 15px;
    }
}

ul.sidebar1ul {
    list-style-type: none;
    border-right: 2px solid #d5e8e7;
}

ul.sidebar1ul li {
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}

.col-lg-2.sidebar1 ul.menu {
    list-style-type: none !important;
    border-right: 2px solid #d5e8e7 !important;
    margin: 0 0 0 0;
}

.col-lg-2.sidebar1 ul.menu li.leaf {
    list-style-type: none !important;
}

.col-lg-2.sidebar1 ul.menu li {
    margin-bottom: 20px !important;
    border-bottom: 2px solid #eee !important;
}

.col-lg-2.sidebar1 ul.menu li a {
    text-transform: uppercase;
}

.col-lg-2 .sidebar1 {

    margin-right: 20px;
    padding-left: 0 !important;
    min-width: 200px !important;
    background: #CCC;
}

.col-lg-2.sidebar1 h4 {
    text-transform: none !important;
    font-weight: bold;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

.col-lg-2.sidebar1 h4 {
    margin-bottom: 30px;
    text-decoration: none;
}

h3.airh3 {
    border-bottom: 2px solid #eee;
}

/* .col-lg-4.aircourse h4 {
text-align: center !important;
} */

.col-lg-4.aircourse img {
    display: inline-block;
    text-align: center !important;
    max-width: 100%;
    height: auto;
    min-height: 130px;
}

.row.airkey {
    margin-bottom: 30px;
    border-bottom: 1px solid #dedddd;
    padding-bottom: 5px;
}

.pane-division-program-areas h5 {
    padding-top: 20px;
    text-align: right;
}

.aircourse-centered {
    width: 100%;
    text-align: center !important;
    vertical-align: top !important;
    margin-top: 30px;
    margin-bottom: 40px;
}

.aircourse-centered .col-lg-4 {
    float: none !important;
    display: inline-block !important;
    text-align: center !important;
    width: 30%;
    vertical-align: top !important;
}

.aircourse-centered .aircourse p {

    text-align: left !important;

}

.list {
    padding-top: 15px;
    padding-left: 25px;

}

a.btnView.prpn:focus {
    text-decoration: underline;
}

ul.submenu li {
    list-style-type: none;
}

ul.submenu li {
    list-style-type: none;
    text-align: center;
    padding-top: 2px;
    background-color: #1684B4;
    padding-bottom: 2px;
}

.row.airblog {
    border-bottom: 1px solid #eee;
}

/*air news page css start here*/

.col-lg-9.sidebarnews {
    margin-top: -120px;
    border-bottom: none;
}

.col-lg-9.sidebarnews h1 {
    border-bottom: 1px solid #FFF;
    padding-left: 14px;
}

/*air news page css end here*/

/*  divisions water start here */

ul.submenu a {
    color: #FFF;
}

/*end here  */

.tabContent {
    padding: 0 10px 0 10px;
    border: 1px solid #022353
}

.list1 {
    padding-top: 15px;
    padding-left: 25px;
    border-bottom: 1px solid #000;
}

ul.submenu a {
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.navbar-header {
    position: relative;
    z-index: 999;
    width: 20px;
    height: 0 !important;
    float: none !important;
}

.nav-pills > li > a {
    border-radius: 4px;
    color: #FFF;
    padding: 28px 20px;
}

.main-nav {

    overflow: hidden;

}

/* TB MEGA MENU OVERRIDE */

.tb-megamenu .nav > li {
    background-color: #045273 !important;
}

.tb-megamenu.style-blue .nav > li > a {
    border-right: 0 !important;
    font-size: 1.1em;
}

.tb-megamenu.style-blue .nav > li > a:hover,
.tb-megamenu.style-blue .nav > li > a:focus {
    text-decoration: underline;
}

.tb-megamenu .mega-nav > li a:hover, .tb-megamenu .dropdown-menu .mega-nav > li a:hover {
    text-decoration: underline;
}

li.tb-megamenu-item.level-1.mega.mega-align-justify.dropdown:active {
    text-decoration: underline;
}

.tb-megamenu .nav > li > a {
    padding: 26px 40px;
    font-weight: normal !important;
}

.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover {
    background-color: #045273 !important;
}

.tb-megamenu.style-blue .nav > li > a:hover,
.tb-megamenu.style-blue .nav > li > a:focus {
    color: #fff !important;
    background-color: #045273 !important;
}

.tb-megamenu.style-blue .nav > li > a:focus,
.tb-megamenu.style-blue .nav > li > a:hover,
.tb-megamenu.style-blue .nav > li > a:active {
    background: none !important;
    background-color: none !important;
    background: transparent !important;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    /*background-color: none !important;*/
    background: transparent !important;
    border-color: #f58220;
    border: 0 !important;
}

/* Combined from Sean & Baba */

.tb-megamenu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border: 3px solid #045273;
    border-top: 0;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

}

.tb-megamenu.style-blue .dropdown-menu {
    /*border-bottom-color:#00aeee;*/
}

.signup {
    margin-right: 20px;
}

.SignupBlock a:hover {
    color: #ccc;
}

.SignupBlock a:focus {
    color: #fff;
}

.BottomLinks a:hover, .BottomLinks a:focus {
    color: #ccc;
}

li a:hover,
li a:focus {
    color: #000;
}

.carousel-inner > .item > img {
    min-height: 500px;
    max-height: 763px;
}

.captionbg {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 50px;
    width: 700px;
    margin: 0 auto;
    border-radius: 200px;
}

/* CONTENT CLASS OVERRIDES */

.content {
    background-color: #FFF !important;
    background-image: none !important;
}

.InnerBlock .content img {

    max-width: 100% !important;
    height: auto !important;
}

/* CONTENT CLASS OVERRIDES */

/* imgblock CLASS OVERRIDES */

.InnerBlock .WaterServices .imgblock {
    width: 45%;
    margin-right: 2%;
    float: left;
}

.InnerBlock .InnerBlockWhite .WaterServices .imgblock {
    float: left;
    /*min-height: 230px;*/
    margin-bottom: 30px !important;
}

.InnerBlock .InnerBlockWhite .divisions .imgblock {
    float: left;
    min-height: 200px;
    margin-bottom: 30px !important;
}

.InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
    object-fit: cover !important;
    max-width: 100% !important;
    height: auto !important;
    width: 200px !important;
    height: 150px !important;

}

.PubList {
    margin: 20px 0 20px 0;
    display: inline-block;
    width: 100%;
}

/*.PubList:first {
    background: #ff0000;
}*/

.PubList img {
    float: left;
    vertical-align: middle;
    margin-right: 10px;
}

.PubList a {
    font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.7;

}

.PubList p {
    /*float: left;*/
    width: 80%;
    width: auto;
    vertical-align: top;
    font-size: 1.142em;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    word-wrap: break-word;
    margin: 0 0 5px 0 !important;
    line-height: 16px !important;
}

.PubList span {
    vertical-align: top;
    font-size: 1.142em;
    color: #000;
    line-height: 1.7;
    font-family: 'Source Sans Pro', sans-serif;
    word-wrap: break-word;

}

.documentBlock a:hover,
.documentBlock a:focus {
    color: #CCC !important;
}

.carousel-caption a:hover,
.innerBtn a:visited,
a.btnView:visited,
.BtnSignup a:visited,
.viewallbtn a:visited,
.SignupBlock a:visited,
.documentBlock a:visited,
.carousel-caption a:visited,
.innerBtn a:focus,
a.btnView:focus,
.BtnSignup a:focus,
.viewallbtn a:focus,
.SignupBlock a:focus,
.documentBlock a:focus,
.carousel-caption a:focus,
.innerBtn a:active,
a.btnView:active,
.BtnSignup a:active,
.viewallbtn a:active,
.SignupBlock a:active,
.documentBlock a:active,
.carousel-caption a:active,
.BottomLinks a:visited,
.BottomLinks a:active,
.BottomLinks a:focus {
    color: #FFF !important;
}

footer ul li a:active, footer ul li a:focus {
    color: #fff;

}

.SearchBlock input[type=submit] {
    background: url(/sites/all/themes/basic/images/Search-Button.png) no-repeat;
    border: 0;
    display: inline-block;
    /* height: 32px; */
    width: 31px;
}

.SearchBlock input[type=submit] img {
    padding-top: 10px;
}

input[type=text]::-ms-clear {
    display: none;
}

input:-webkit-autofill {
    background-color: none !important;
}

textarea:focus, input:focus {
    outline: none;
}

.view-id-event_calendar tr[class="date-box"] {
    cursor: text;
}

.view-id-event_calendar tr[class="date-box"] a {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
}

.calendar a::after,
.calendar-calendar .week-view .full td.multi-day div.weekview:after {
    content: " ";
    display: block;
    clear: both;
}

.calendar-calendar .day-view .full div.calendar-agenda-hour span {
    line-height: 13px;
}

/*.view-item.view-item-event_calendar {
    border: 1px solid #fff;
}*/

.calendar-calendar .week-view .full td.single-day .inner div {
    background: #3366cc;
    border-radius: 6%;
}

.calendar-calendar td.calendar-agenda-hour .calendar-hour {
    font-weight: normal !important;
    color: #515151 !important;
}

/*
    Change EDT and EST according to which it is, in the line below.
*/
span.calendar-ampm::after {
    content: "ET";
    display: block;
}

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
    width: 93%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .week-view .full td.multi-day div.weekview,
.cutoff {
    height: 4.2em !important;
}

.calendar.dayview {
    width: 75% !important;
}

.calendar-calendar .day-view div.single-day .i_7 .view-item .calendar {
    margin-left: 575px;
}

.calendar-calendar td.calendar-agenda-item,
.calendar-calendar .week-view .full tr.last td.multi-day,
.calendar-calendar td.calendar-agenda-hour,
.calendar-calendar td.calendar-agenda-items {
    border: 1px solid #000 !important;
}

.calendar-calendar div.single-day .o_0 .view-item {
    width: 49% !important;
}

.calendar-calendar .day-view div.single-day .i_0.md_1 .view-item .calendar {
    width: 49% !important;
}

.viewallbtn a {
    display: block;
    width: 187px;
    text-align: center;
    height: 40px;
    float: right;
}

.tb-megamenu .nav {
    margin-right: -30px;
}

.MainBlock header {
    background: none !important;
    background: transparent !important;
    color: #000 !important;
    border-bottom: none;
}

.MainBlock header a {
    color: #000 !important;
}

/* Added for the Taxonomy Term pages 09/21/2016 by LeRoy */
.MainBlock article header h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #515151;
    font-size: 1.5em;
    line-height: 30px;
}

.MainBlock article header .submitted {
    display: none;
}

.MainBlock article {

    padding-top: 5px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

.MainBlock article ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0;
    font-size: 1.214em;
}

/* Added for the Taxonomy Term pages 09/21/2016 by LeRoy */

.SearchBlockDoc {
    border: 8px solid #1678AF;
    height: 56px;
    width: 100%;
    display: inline-block;
    background: #d7e3e9;
}

.SearchBlockDoc input[type=submit] {
    background: url(/sites/all/themes/basic/images/Search-Button.png) no-repeat;
    border: 0;
    display: inline-block;
    /* height: 32px; */
    width: 31px;
    float: right;
}

.SearchBlockDoc input[type=submit] img {
    padding-top: 10px;
}

.tbody {
    border-top: 0 !important;
}

.MainBlock table {
    background-color: transparent;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.MainBlock table td {
    /*width: auto !important;*/
}

.waterMainBlock {
    padding-bottom: 50px !important;
}

.pageimage {
    float: right;
    margin: 0 0 5px 10px;
    max-width: 300px;
    height: auto;
}

table .views-table {
    background-color: transparent;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.documentBlock button {
    background: #16759d;
    display: block;
    width: 187px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 20px;
    color: #fff;
    font-size: 19px;
    font-family: 'Source Sans Pro', sans-serif;
	border: 1px solid #16759d;
}*/
p.phone-email {
    margin: 0 0 10px 0;
    word-wrap: break-word !important;
    line-height: 1.35em !important;
}

p[class="phone-email"]:nth-of-type(1) {
    margin: 0;
}

.aboutbtn {
    margin-top: 12px;
    background: #013044;
    border-radius: 20px;
    padding: 0 !important;
    width: 180px;
    height: 41px;
    font-size: 1.357em;
    text-align: center;
    line-height: 36px;
    font-family: 'Source Sans Pro', sans-serif;
    border: 2px solid #fff;
}

.BottomLinks a img:hover,
.top-bar a img:hover,
.BottomLinks a img:focus,
.top-bar a img:focus {
    opacity: 0.8;
}

.ServiceBlock p a:focus {
    color: #0344a5 !important;
}

.ServiceBlock a img:focus,
.ServiceBlock a img:hover {
    opacity: 0.5;
}

.subbtn {
    text-align: center;
    padding-top: 40px;
}

.subbtn a {
    color: #fff;
    padding: 7px !important;
    border: none;
}

.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title {
    text-transform: none;
    font-weight: normal;
    padding: 0;
}

.calendar-calendar td a {
    font-weight: normal !important;
}

.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover {
    color: #333;
}

.tb-megamenu .mega-group-ct {
    padding-left: 20px;
}

.topprogram {
    width: 49% !important;
    display: inline-block !important;
}

/* Overwriting the col-lg-9 default width  */
.col-lg-9 {
    width: 83.2% !important;
}

.view-subject-area .view-header {
    padding: 0 2px 15px;
}

/* Division, Program, Page, and Random Banners */
.mainBanner {
    position: absolute;
    z-index: -10;
    top: 100px;
    width: 100%;
    min-height: 630px;
}

/* Division, Program, Page, and Random Banners @ 768px*/
.miniBanner {
    display: none;
}

/* imgblock CLASS OVERRIDES */

.InnerBlock .WaterServices .imgblock {
    width: 45%;
    margin-right: 2%;
    float: left;
}

.InnerBlock .InnerBlockWhite .WaterServices .imgblock {

    float: left;
    /*min-height: 230px !important; */
    margin-bottom: 33px;
}

.InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
    object-fit: cover !important;
    max-width: 100% !important;
    height: auto !important;
    width: 200px !important;
    height: 150px !important;

}

/* imgblock CLASS OVERRIDES */

@media only screen and (min-width: 993px) {
    .nav-bar {
        display: block !important;
    }

    .tb-megamenu-submenu.dropdown-menu.mega-dropdown-menu.nav-child {
        max-width: 100%;
    }
}

/* Styling the login page */

#user-login {
    max-width: 400px;

}

#user-login .form-text {
    height: 40px;
}

#user-login .description {
    display: none;
}

#user-login .form-submit {
    margin-top: 1em;
    background: #045273;
    width: 192px;
    height: 47px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    line-height: 47px;
    font-size: 1.35em;
    float: right;
    margin-left: font-family: 'Source Sans Pro', sans-serif;
    border: 0;
}

.readerinfo {
    background: #013044;
}

.readerinfo p {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    max-width: 90%;
    margin: 0 auto 10px;
}

.readerinfo a {
    color: #fff;
    font-weight: bold;
}

.form-item.form-type-file.form-item-files-replace-upload {
    display: none !important;
}

.copyright {
    width: 50%;
}

#addthisoveride {
    margin-bottom: 20px;
}

#addthisoveride .addthis_default_style {
    float: none;
    display: block;
    text-align: right;
    padding-right: 30px;
    clear: both;
    margin-top: 50px;
}

#addthisoveride .addthis_default_style a {
    float: right;
    display: inline-block;
    text-align: right;
    margin: 0 10px;
}

#addthisoveride .addthis_default_style .at-icon-pinterest_share svg {
    display: none;
}

/* End of Sharing Buttons */
.panel-separator {
    /*padding-bottom: 10px;*/
}

.subscribe {
    padding: 0 20px !important;
}

.fc-content a:visited {
    color: #fff !important;
}

/* below is the code for the 'back to the top' button */
.backtotop {
    display: none;
    width: 45px;
    height: 45px;
    background: #ddd;
    border-radius: 31%;
    position: fixed;
    bottom: 6%;
    right: 4%;
    color: #333;
    box-shadow: 1px 6px 10px #1d1d1d;
}

.backtotop a {
    color: #333;
}

.backtotop a:hover {
    text-decoration: none;
    color: #333;
}

.backtotop a i {
    font-size: 1.8em;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    color: #333;
}

.backtotop a i:hover {
    color: #333;
}

.backtotop p {
    color: #333;
    padding-top: 0;
    margin-top: -5px;
    font-weight: normal;
    line-height: 18px;
}

.InnerBlock .search-info {
    display: none;
}

.InnerBlock .search-snippet-info {
    border-bottom: 1px solid #afafaf;
}

.InnerBlock .search-form input#edit-keys {
    height: 47px;
    width: 80%;
    margin-right: 25px;
    float: left;
    margin-top: 29px;
    margin-left: -77px;
    padding-left: 10px;
}

.InnerBlock .search-form input#edit-submit {
    margin-top: 1em;
    background: #045273;
    width: 192px;
    height: 47px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    /* line-height: 47px; */
    font-size: 1.35em;
    /* float: right; */
    font-family: 'Source Sans Pro', sans-serif;
    border: 0;
    margin-top: 28px;
}

.InnerBlock .search-form label {
    float: left;
}

.cke_editable table td {
    border: 1px solid #bbb !important;
}

/* NEW ALERT BAR */
.alertmessagetop {
    background: #c71717;
    padding: 10px 0 10px;
}

.triangle-arrow.arrowtop {
    float: left;
    height: 67px;
    position: absolute;
    margin-top: -28px;
    width: 210px;
}

.triangle-arrow.arrowright {
    float: right;
    height: 67px;
    position: relative;
    margin-top: -28px;
    width: 67px;
}

.arrowtop i.fa.fa-exclamation-triangle {
    margin-top: 15px;
    font-size: 3em !important;
    color: #c71717;
}

.arrowright i.fa.fa-exclamation-triangle {
    margin-top: 15px;
    font-size: 3em !important;
    color: #c71717;
}

.alertmessagetop span a {
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
}

.arrowtop a {
    font-size: 1.5em;
    font-weight: bold;
    color: #c71717;
    line-height: 4;
}

table.fc-header,
td.fc-header-left,
td.fc-header-center,
td.fc-header-right {
    border: 0 !important;
}

input#edit-submit-event-calendar,
.view-event-calendar input#edit-reset {
    background-color: #045273;
    color: #FFF;
    width: 100px;
    height: 25px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-sizing: border-box;
    border: none;
}

.calendar a {
    font-size: 1.5em;
    font-weight: normal;
}

.calendar a:focus {
    text-decoration: underline;
    color: #fff;
}

.calendar-calendar .week-view .full td.multi-day div.weekview {
    background: #3366cc;
}

.calendar-calendar .week-view #multi-day-container {
    height: auto !important;
}

.calendar-calendar div.date-nav a {
    color: #3b3b3e !important;
}

.view-id-event_calendar .span.date-display-range {
    color: #fff;
}

.view-id-event_calendar span.date-display-range {
    color: #fff !important;
}

.calendar.dayview {
    border: 1px solid #fff !important;
}

span.date-display-single {
    font-size: 1em !important;
}

span.tab:hover,
span.tab:focus {
    text-decoration: underline;
}

option:hover,
option:focus {
    text-decoration: underline;
}

li.date-prev, li.date-next {
    background: #fff !important;
}

li.date-prev {
    margin-right: 24px !important;
}

.view date-nav-wrapper .date-nav {
    margin-bottom: 0 !important;
}

.date-nav-wrapper .item-list .pager {
    margin-top: 0 !important;
}

tr.single-day:nth-child(even) {
    background-color: #fff;
}

.calendar.monthview {
    background: #3366CC !important;
}

.calendar a,
.calendar span.date-display-single {
    color: #fff;
}

.calendar a:visited {
    color: #fff;
}

.calendar span.date-display-single {
    font-size: 1.3em !important;
}

.view .date-nav-wrapper .date-prev {
    right: auto !important;
    left: 0 !important;
}

.calendar a:hover {
    color: #fff;
}

input#edit-submit-event-calendar:hover,
input#edit-reset:hover,
input#edit-submit-event-calendar:focus,
input#edit-reset:focus {
    color: #ddd;
}

.calendar-calendar {
    overflow-x: auto;
}

/*~~~~~~~~~ HEADER MEDIA QUERIES ~~~~~~~~*/

@media only screen and (max-width: 1259px) {
    .tb-megamenu .nav {
        margin-right: 0 !important;
    }

    .tb-megamenu .nav > li > a {
        padding: 26px 37px;
    }
}

@media only screen and (max-width: 1201px) {
    /* a.title-logo {
         font-size: 0.8em;
     }*/
    .navbar-brand {
        margin: 0 auto;
        /*text-align: center;*/
    }

    /*.Header-bottom-inputs {
        margin-left: 500px;
    }*/
    .tb-megamenu .nav {
        margin-right: 0 !important;
    }
}

/*@media only screen and (max-width: 1775px) {
   
    .Header-bottom-inputs {
        width: 80% !important;
    }

    .Header-bottom-inputs {
        margin-left: 500px;

    }
}*/
@media only screen and (max-width: 1199px) {
    .tb-megamenu .nav > li > a {
        padding: 26px 26px;
    }

    /* Rightside of Page */
    .col-lg-9 {
        width: 100% !important;
    }

    .Header-bottom-inputs {
        width: 970px !important;
    }

    header .top-bar p {
        font-size: 1em !important;
    }

}

@media only screen and (min-width: 993px) {
    .navbar-collapse,
    .disp {
        display: block !important;
    }
}

@media only screen and (max-width: 993px) {
    /*  a.title-logo {
          font-size: 0.779em;
      }
  */
    .mobilefullwidth {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .Header-bottom-inputs {
        width: 100% !important;
    }

    .mobilefullwidthtwo {

    }

    .views-fade-item {
        margin-left: 150px !important;
    }

    .social-share {
        display: none;
    }

    .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover {
        color: #fff;

    }

    .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title {
        padding: 5px 20px;
    }

    .tb-megamenu .btn-navbar {
        display: block !important;
    }

    .tb-megamenu .nav > li > a {
        /* display: none; */
    }

    .navbar-brand {
        width: 711px;
        margin: 0 auto;
        text-align: center;
    }

    .tb-megamenu .btn-navbar {
        text-align: center;
        float: none !important;
    }

    .navbar {
        min-height: 0 !important;
    }

    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        position: absolute !important;
        top: 290%;
    }

    .Header-bottom-inputs {
        text-align: center;
        margin-left: 0;
    }

    .alertmessage {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .alertbar {
    / / width: 695 px !important;
    / / max-width: none;
    }
}

@media (min-width: 993px) {
    .tb-megamenu.animate .mega > .mega-dropdown-menu {
        opacity: 1 !important;
    }
}

@media only screen and  (max-width: 993px) {

    .navbar-toggle {
        position: relative;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #273F68 !important;
        background-image: none;
        border: 1px solid #273F68 !important;
        border-radius: 4px;
        float: left !important;
        left: 50%;
        margin-left: -22px;
    }

    .top-bar {
        height: auto !important;
    }

    .mobilehide {
        display: none;
    }

    .mobilefull {
        width: 100% !important;
        text-align: center;

    }

    .row {
        margin: 0 !important;
        margin-top: 25px !important;

    }

}

@media only screen and (max-width: 767px) {
    header .top-bar p {
        width: 211px !important;
        line-height: 30px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .triangle-arrow.arrowleft {
        float: left;
        height: 67px;
        position: relative;
        margin-top: -28px;
        width: 67px;
        z-index: 2;
    }

    .arrowleft i.fa.fa-exclamation-triangle {
        margin-top: 15px;
        font-size: 3em !important;
        color: #c71717;
    }

    .views-fade-item {
        margin-top: 50px;
        margin-left: 0 !important;
    }

    .triangle-arrow.arrowtop {
        width: 100%
    }

    a.title-logo {
        margin-left: 0 !important;
    }

    #logo img {
        top: -83px !important;
    }

    .tb-megamenu .btn-navbar {
        top: -66px;
        margin-right: 14px;
    }

    .row.mobilespace {
        margin-top: 0 !important;
    }

    .row {
        margin: 0 !important;
        margin-top: 20px !important;
    }

    .navbar-brand {
        width: 157px;
    }

    .carousel {
        padding-top: 53px;
    }

    input#edit-keys {
        width: none;
    }

    .fc-content {
        overflow-x: auto;
    }

    .pageimage {
        float: none;
        display: block;
        text-align: center;
        margin: 0 0 20px 0;
        max-width: 100%;
        height: auto;
    }

    .SearchBlock {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .Header-bottom-inputs {
        max-width: 100% !important;
        width: 100% !important;
    }

    .SignupBlock a {
        float: left;
    }

    .DocumentHub {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Share Section */
    #addthisoveride {
        margin-bottom: 20px;
    }

    #addthisoveride .addthis_default_style {
        padding-right: 0;

    }

    #addthisoveride .addthis_default_style a {
        margin: 0 5px;
    }

    /* Login Page */
    #user-login .form-text {
        width: 100%;
    }

    .topprogram {
        width: 100% !important;
        text-align: center;
    }

    .pane-division-program-areas h5 {
        text-align: center;
    }

}

@media only screen and (max-width: 715px) {
    .alertbar {

    }
}

@media only screen and (max-width: 661px) {
    input#edit-keys {
        width: 91%;
    }
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 579px) {
    input#edit-keys {
        width: 90%;
    }
}

@media only screen and (max-width: 569px) {
    .tb-megamenu .btn-navbar {
        top: -66px;
        margin-right: 14px;
    }

    header .top-bar p {
        width: 225px !important;
    }
}

@media only screen and (max-width: 535px) {
    .views-fade-item {
        margin-top: 10px;
        margin-left: 0 !important;
        width: 100%;
    }
}

@media only screen and (max-width: 521px) {
    input#edit-keys {
        width: 89%;
    }

}

@media only screen and (max-width: 467px) {
    input#edit-keys {
        width: 87%;
    }

    .views-fade-item {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 425px) {
    input#edit-keys {
        width: 85%;
    }
}

@media only screen and (max-width: 391px) {
    input#edit-keys {
        width: 84%;
    }
}

@media only screen and (max-width: 338px) {
    input#edit-keys {
        width: 83%;
    }
}

@media only screen and (max-width: 512px) {

}

/*~~~~~~~~~ BODY MEDIA QUERYIES ~~~~~~~~ */

@media only screen and (max-width: 1550px) {
    .mainBanner {
        position: absolute;
        z-index: -10;
        top: 100px;
        width: 100%;
        min-height: 500px;
    }

    .MainBlock {
        padding: 125px 0 50px 0;
    }

}

@media only screen and (min-width: 1502px) {
    .carousel-caption {
        top: 100px !important;
    }
}

@media only screen and (max-width: 1501px) {
    .captionbg {
        margin-top: -50px;
    }

    .carousel-inner > .item > img, .img-responsive {
        width: auto !important;
    }
}

@media only screen and (max-width: 1401px) {
    .captionbg {
        margin-top: -100px;
    }
}

@media only screen and (max-width: 1360px) {
    .mainBanner {
        position: absolute;
        z-index: -10;
        top: 100px;
        width: 100%;
        min-height: 400px;
    }

    .MainBlock {
        padding: 100px 0 50px 0;
    }
}

@media only screen and (max-width: 1301px) {
    .captionbg {
        margin-top: -100px;
    }

    .captionbg h3 {
        font-size: 2em;
    }

    .captionbg p {
        font-size: 1.25em;
    }
}

@media only screen and (max-width: 1280px) {
    .mainBanner {
        position: absolute;
        z-index: -10;
        top: 100px;
        width: 100%;
        min-height: 400px;
    }

    .MainBlock {
        padding: 75px 0 50px 0;
    }
}

@media only screen and (max-width: 1201px) {
    .captionbg {
        margin-top: 12px;
        padding: 20px;
        padding-top: 10px;
    }

    .carousel-inner > .item > img {
        max-height: 500px;
        max-width: none !important;
    }

    .documentBlock .form-group input {
        margin-right: 0 !important;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
        top: 20%;
        bottom: 20%;
    }

    .carousel-caption h3 {
        font-size: 1.714em;
    }

    .carousel-caption p {
        font-size: 1.142em;
    }

    .carousel-caption a {
        font-size: 1em;
        width: 130px;
        height: 44px;
        line-height: 42px;
        margin-top: 25px;
    }

    .imgblock {
        /*min-height: 0 !important;*/
    }

    .divisionitems p {
        /* padding-bottom: 50px;
         height: 125px;*/
    }

    .InnerBlock .subjectarea, .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 100px !important;
        margin-bottom: 30px;
    }

}

@media only screen and (max-width: 1024px) {

    .InnerBlock .subjectarea {
        min-height: 400px !important;
    }

    .InnerBlock .divisions {
        min-height: 475px !important;
        margin-bottom: 0;
    }

    .InnerBlock .allprograms {
        min-height: 475px !important;
        margin-bottom: 0;
    }

    .InnerBlock .WaterServices .imgblock {
        width: 100%;
        margin-right: 2%;
        float: left;
    }

    .InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
        object-fit: cover !important;
        max-width: 100% !important;
        height: auto !important;
        width: 100% !important;
        height: 100% !important;
    }

}

@media only screen and (max-width: 993px) {
    .Servicelist:nth-child(2) {
        border-right: 0;
    }

    .Servicelist:nth-child(3) {
        border-right: 1px solid #ebebeb !important;
    }

    .Servicelist:nth-child(4) {
        border-right: 0;
    }

    .mobilespacing {
        padding-bottom: 50px;
    }

    .aircourse-centered .col-lg-4 {
        width: 100%;
        margin-bottom: 50px;
    }

    /* Rightside of Page */
    .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
        width: 100% !important;

    }

    a.btnView.prpn {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .InnerBlock {
        margin-top: 0;
    }

}

@media only screen and (max-width: 991px) {

    .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 450px !important;
    }
}

@media only screen and (max-width: 980px) {

    .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 425px !important;
    }
}

@media only screen and (max-width: 930px) {

    .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 400px !important;
    }
}

@media only screen and (max-width: 899px) {

    .InnerBlock .subjectarea {
        min-height: 375px !important;
    }
}

@media only screen and (max-width: 880px) {
    .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 385px !important;
    }
}

@media only screen and (max-width: 768px) {

    .fullcalendar.jquery-once-1-processed.fc.fc-ltr.ui-widget {
        overflow-x: auto;
    }

    .InnerBlock h1 {
        font-size: 2.428em;
    }

    .fc-view {
        overflow: inherit;
    }

    .documentBlock a {
        height: auto !important;
        width: 100%;
        overflow-wrap: break-word;
    }

    .DocumentHub {
        max-width: 100%;
    }

    ul.tabs.primary.clearfix {
        width: 267px;
        margin: 0 auto;
    }

    /* .InnerBlock .InnerBlockWhite .WaterServices  .imgblock img
        {
            object-fit: cover !important;
            max-width: 100% !important; height: auto!important;
            width: auto !important; height: 150px !important;
        }*/
    .InnerBlock .subjectarea, .InnerBlock .divisions, .InnerBlock .allprograms {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .PageFold {
        display: none;
    }

    .BottomLinks,
    .documentBlock {
        border: 10px solid #013044;
        padding: 0 !important;
    }

    /*.mobilespace {
        margin: 0 !important;
    }*/
    .col-lg-4.col-md-4.col-sm-6.col-xs-12.mobilespacing.spacers,
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.DocumentHub.mobilespacing.spacers,
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.PopDocumnent.mobilespacing.spacers {
        padding: 20px;
        border-bottom: #013044 10px solid;
        /* width: 116% !important; */
        float: left;
    }

    .carousel-inner > .item > img {
        max-height: 500px;
        max-width: none !important;
    }

    .captionbg {
        width: 100%;
        border-radius: 0;
    }

    .captionbg p {
        width: 600px;
        max-width: 90%;
        margin: 0 auto;
    }

    .DocumentHub,
    .PopDocument {
        padding: 20px 80px !important;
    }

    /*.documentBlock {
        padding: 40px 0 0 !important;
    }*/
    a.btnView {
        margin-bottom: 30px;
    }

    .InnerBlock {
        background: url(../images/page-fold2.png) transparent top right no-repeat;
        padding: 36px 20px 0 !important;
        margin-top: 50px;
        position: relative;
    }

    .MainBlock h2 {
        font-size: 2.428em;
        max-width: 90%;
    }

    .fc-header-center h2 {
        font-size: 2em;
    }

    .view-subject-area .view-header {
        padding: 0 0 15px;
    }

    .pressreleases a.prpn, .pressreleases a.prpn:hover, .pressreleases a.prpn:visited, .pressreleases a.prpn:visited:hover {
        width: 200px;
        color: #fff;
        display: block;
    }

    .MainBlock .breadcrumb {
        padding-right: 65px !important;
        padding-left: 0 !important;
    }

    .col-xs-12 {
        width: 100% !important;
    }

    div .homepagedivider2 {
        padding: 0 25px 40px 25px !important;
        margin-bottom: 30px !important;
        border-bottom: 1px solid #ebebeb;
    }

    div .homepagedivider2:last-child {
        padding: 0 25px 0 25px !important;
        margin-bottom: 0 !important;
        border-bottom: 0;
    }

}

@media only screen and (max-width: 512px) {
    .documentBlock .form-group input:last-child {
        margin-left: 0 !important;
        margin-top: 15px !important;
    }

    .owl-item p {
        font-size: 1.2em;
    }

    .BottomLinks {
        border: 10px solid #013044;
        padding: 0 !important;
    }

    .documentBlock .form-group input {
        width: 98% !important;
    }

    .MainBlock table {
        overflow-x: scroll;
    }

    a.btnView {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .carousel-caption {
        padding-top: 0 !important;
        top: 10% !important;
    }

    .captionbg {
        margin-top: 74px;
    }

    .captionbg p {
        width: 450px;
        margin: 0 auto;
        max-width: 90%;
    }

    .servicelist:nth-child(6) {
        border-bottom: 0 !important;
    }

    .captionbg1,
    .captionbg2,
    .captionbg3 {
        width: 100% !important;
    }

    .DocumentHub,
    .PopDocumnent {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .LatestEvents {
        padding: 0 !important;
    }

    .SignupBlock {
        padding: 40px 30px !important;
    }

    /*.BottomLinks {
        padding: 40px 25px !important;
    }*/
    .documentBlock .form-group input {
        width: 75% !important;
    }

    .SearchBlockDoc input[type=submit] {
        width: 31px !important;;
    }

    .NewsList p {
        margin-bottom: 20px !important;
    }

    .InnerBlock {
        background: url(../images/page-fold2.png) transparent top right no-repeat;
        padding: 36px 20px 0 !important;
        margin-top: 50px;
        position: relative;
    }

    .MainBlock h2 {
        font-size: 2em;
        max-width: 80%;
    }

    .divisionitems p {
        height: 110%;
    }

    .dep-forms-table .views-exposed-form .views-widget .form-item select {
        min-width: none !important;
        max-width: 100%;
    }

    /*div#edit-field-division-tid-wrapper {
        width: 90%;
    }*/
    select[multiple], select[size] {
        width: 100%;
    }

    .fc-header td {
        white-space: pre-line;
    }

    .fc .fc-header-space {
        padding-left: 0;
    }

    #views-exposed-form-event-calendar-page .views-exposed-form {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .NewsList p {
        width: 68%;
    }

    .fullcalendar.jquery-once-2-processed.fc.fc-ltr.ui-widget {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 340px) {
    .NewsList p {
        width: 64%;
    }
}

/*~~~~~~~~~ FOOTER MEDIA QUERIES ~~~~~~~~*/

@media only screen and (max-width: 1201px) {
    .copyright {
        width: 40%;
    }
}

@media only screen and (max-width: 1199px) {
    .SignupBlock p {
        font-size: 1.357em;
    }

}

@media only screen and (max-width: 993px) {
    .copyright,
    .footermenu {
        text-align: center;
        width: 98%;
        height: auto;
        margin: 0 auto;
        float: none;
    }

    footer {
        height: auto;
    }
}

@media only screen and (max-width: 512px) {
    .copyright,
    .footermenu {
        padding-bottom: 25px;
    }

    footer {
        height: auto;
    }

    footer ul li {
        border: 0;
        float: none;
        display: block;
    }

    footer ul li a,
    footer ul li a:hover {
        border: 0;
    }

    footer ul li a:after {
        content: "\a";
        white-space: pre;
    }
}

@media only screen and (max-width: 398px) {
    .copyright a {
        width: 100%;
        float: left;
    }
}

/*~~~~~~~~~~~ Division Media Queries ~~~~~~~~~~~~ */

@media only screen and (max-width: 1201px) {
    .imgblock {
        /*width: 98% !important;*/
    }

    .InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
        max-width: none;
    }

}

@media only screen and (max-width: 993px) {
    .MainBlock {
        background-size: 100% 500px;
    }

    .imgblock {
        width: 98% !important;
    }

    .InnerBlock .InnerBlockWhite .WaterServices .imgblock {
        float: left;
        /* min-height: 230px !important; */
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .InnerBlock .InnerBlockWhite .WaterServices .imgblock {
        width: 45% !important;
        margin-top: 0;
    }

    .InnerBlock .subjectarea, .InnerBlock .divisions, .InnerBlock .allprograms {
        min-height: 75px !important;
        clear: both;

    }

    .InnerBlock .subjectarea:after, .InnerBlock .divisions:after, .InnerBlock .allprograms:after {
        content: "";
        clear: both;
        display: block;
        width: 100%;
        height: 20px;

    }

}

@media (min-width: 993px) {
    .tb-megamenu .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}

@media only screen and (max-width: 620px) {
    .InnerBlock .subjectarea:after, .InnerBlock .divisions:after /*, .InnerBlock .allprograms:after*/
    {
        height: 0;

    }
}

@media only screen and (max-width: 545px) {
    .InnerBlock .InnerBlockWhite .WaterServices .imgblock {
        width: 100% !important;
        margin-top: 10px;
    }

    .InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
        width: 100% !important;
        height: 100% !important;
        text-align: center;
        padding: 0 40px;
    }

    .InnerBlock .subjectarea, .InnerBlock .divisions, .InnerBlock .allprograms {
        text-align: center !important;
    }

}

@media only screen and (max-width: 512px) {
    .pane-content {
        overflow-x: auto;
    }

    .views-exposed-form
    .views-exposed-widget {
        padding: 0 !important;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 420px) {
    a.title-logo {
        font-size: 1em !important;
    }
}

@media only screen and (max-width: 320px) {
    .InnerBlock .InnerBlockWhite .WaterServices .imgblock img {
        width: 100% !important;
        height: 100% !important;
        text-align: center;
        padding: 0;
    }
}

/* CONTENT CLASS OVERRIDES */

.content {
    background-color: #FFF !important;
    background-image: none !important;
}

.InnerBlock .content img {

    max-width: 100% !important;
    height: auto !important;
}

/* CONTENT CLASS OVERRIDES */

/*~~~~~~~~~~ Firefox Overrides ~~~~~~~~~~~~~~*/
@-moz-document url-prefix() {
    .navbar-header {
        float: none !important;
    }
}

/*~~~~~~~~~~ IE OVERRIDES ~~~~~~~~~*/
/*.view-all {
 position: absolute;
 bottom: 0;
 left: 0;
 right:0px;
 z-index:500;
 font-weight:bold;
 
}*/

@media (max-width: 993px) {
    .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
        padding: 5px 0;
        margin-left: 20px;
        border-top: 2px solid #333;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .tb-megamenu .mega-inner {
        padding: 0 20px 0 20px;
    }

    .tb-megamenu .dropdown-menu .mega-nav > li a[href*="/districts"], .tb-megamenu .mega-nav > li a[href*="/districts"] {
        margin-left: 20px !important;
        padding-left: 0 !important;
    }

}


.ui-accordion .ui-accordion-header {
    background: #013044;
    background: -moz-linear-gradient(top, #013044 20%, #045273 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #013044), color-stop(100%, #045273));
    background: -webkit-linear-gradient(top, #013044 20%, #045273 100%);
    background: -o-linear-gradient(top, #013044 20%, #045273 100%);
    background: -ms-linear-gradient(top, #013044 20%, #045273 100%);
    background: linear-gradient(to bottom, #013044 20%, #045273 100%);
    /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;*/
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    color: #FFF !important;
    padding: 10px 20px !important;
    border: 1px solid #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFF;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    font-weight: bold;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFF;
    text-decoration: none;
}

/* Advanced Search Block Ends */

/* Forces Tabs to be above */
div.tabs {
    z-index: 1;
    position: relative;
}

div.row label.field-label {
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1em;
    padding: 8px 10px;
    text-align: right;
    width: 30%;
}

div.row span.formw {
    float: left;
    line-height: 1.1em;
    text-align: left;
}