/*Global Layout Styles*/
/*Body*/
body {
    top: 0px !important;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    font-family: sans-serif;
}
body .pageBleed{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    /*background: linear-gradient( 180deg, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 900px, rgba(255,255,255,1) 100%);*/
    background: linear-gradient( 180deg, rgb(200 200 200) 0%, rgba(228,228,228,1) 900px, rgba(228,228,228,1) 100%);
}
body .blankPageBleed {
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}
/*F5 Monitor*/
.F5Monitor {
    line-height:1em;
    font-size:15px;
}
/*ADA Menu*/
.ADAmenu {
    position: absolute;
    left: 5px;
    border: 2px solid rgb(60, 60, 60);
    padding: 10px;
    background-color: #FAFAFA;
    border-radius: 5px;
    z-index: 99999;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
    overflow: hidden;
    max-width: calc(100% - 40px);
    top: -250px;
    transition: top 1s;
    line-height: 16px;
}
.ADAmenu.focused{
    top: 5px;
}
.ADAmenu a{
    display: block;
    font-size: 16px;
    padding: 5px;
    color: black;
    text-decoration: none;
    white-space:nowrap;
}
.ADAmenu a:focus, .ADAmenu a:hover{
    background-color:#DEDEDE;
}
.adaHidden, .skipToLink, .hideADAmenu, .ada-hidden {
    position: absolute !important;
    height: 0px !important;
    width: 0px !important;
    overflow: hidden !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
/*Emergency Exit Button Styles*/
.EmergencyButtonMargins {
    position: fixed;
    top: 150px;
    right: 20px;
    z-index: 100;
    line-height:1em;
}
.EmergencyButton, .EmergencyButton:active, .EmergencyButton:visited {
    display: block;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1em;
    border-radius: 40px;
    box-shadow: 5px 5px 8px 0px rgb(0 0 0 / 25%);
    text-decoration: none;
    font-family: sans-serif;
    font-size: 18px;
    background: linear-gradient(60deg, rgba(120,36,36,1) 0%, rgba(222,27,27,1) 100%);
    margin-bottom: 10px;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
}
.EmergencyButton:hover {
    color:rgba(0,0,0,0);
    text-decoration:underline;
}
/*Precached Subnav Menu*/
.globalSubnav {
    display: none;
}
/*Default Template Button : We do not use this*/
#defaultTemplates {
    display: none !important;
}
/*Header*/
.headerContainer {
    position: absolute;
    width: 100%;
    z-index: 6;
}
.bg_bleedOverflow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg_bleed {
    width: 100%;
    height: 100%;
}
.bg_bleed.bleed1{
    background-color:#153a62;
}
.bg_bleed.bleed2{
    background: radial-gradient(circle, rgba(60,60,60,1) 0%, rgba(60,60,60,0.25) 100%);
}
.headerTopContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.headerTop {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    font-size: 16px;
    line-height: 1em;
    height:90px;
}
@media screen and (max-width:460px) {
    .headerTop {
        height:75px;
    }
}
.clerkSeal {
    width: 145px;
    height: 145px;
    background-repeat:no-repeat;
    background-size:contain;
    top: 8px;
    margin-left:5px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    line-height: 320px;
    color: black;
    display: block;
    background-image: url(/Content/Images/DuvalClerkLogo.png);
}
@media screen and (max-width:640px) {
    .clerkSeal {
        width: 22.656vw;
        height: 22.656vw;
    }
}
@media screen and (max-width:490px) {
    .clerkSeal {
        width: 111px;
        height: 111px;
    }
}
@media screen and (max-width:460px) {
    .clerkSeal {
        width: 90px;
        height: 90px;
    }
}
@media screen and (max-width:360px) {
    .clerkSeal {
        width: 65px;
        height: 65px;
        top: 5px;
        margin-left: 3px;
    }
}
@media screen and (max-width:318px) {
    .clerkSeal {
        display:none;
    }
}
@media screen and (max-width:264px) {
    .clerkSeal {
        display: block;
    }
}
@media screen and (max-width:200px) {
    .clerkSeal {
        display: none;
    }
}
.clerkTextLogo {
    display: block;
    background-image: url(/Content/Images/ClerkLogo.png);
    margin-top: 15px;
    margin-left: 157px;
    background-size: contain;
    width: 400px;
    height: 60px;
    background-repeat: no-repeat;
    font-family: serif;
    color: rgba(0,0,0,0);
    text-decoration: none;
}
@media screen and (max-width:760px) {
    .clerkTextLogo {
        width:180px;
        background-image: url(/Content/Images/ClerkLogo_Mobile.png);
    }
}
@media screen and (max-width:640px) {
    .clerkTextLogo {
        margin-left: calc(22.656vw + 12px);
    }
}
@media screen and (max-width:490px) {
    .clerkTextLogo {
        margin-left: 122px;
    }
}
@media screen and (max-width:460px) {
    .clerkTextLogo {
        margin-left: 100px;
        width:144px;
    }
}
@media screen and (max-width:360px) {
    .clerkTextLogo {
        margin-left: 72px;
        width: 135px;
        margin-top: 21px;
        height:50px;
    }
}
@media screen and (max-width:318px) {
    .clerkTextLogo {
        margin-left: 10px;
        width: 143px;
        margin-top: 21px;
        height: 50px;
    }
}
@media screen and (max-width:264px) {
    .clerkTextLogo {
        display:none;
    }
}
.duvalClerkLine1 {
    font-size: 18px;
}
@media screen and (max-width:760px) {
    .duvalClerkLine1 {
        font-size: 15px;
    }
}
@media screen and (max-width:460px) {
    .duvalClerkLine1 {
        display:none;
    }
}
.duvalClerkLine2 {
    font-size: 26.8px;
    margin-top: 5px;
}
@media screen and (max-width:760px) {
    .duvalClerkLine2 {
        font-size: 22.9px;
        margin-top: -1px;
    }
}
@media screen and (max-width:460px) {
    .duvalClerkLine2 {
        display: none;
    }
}
.duvalClerkLine3 {
    font-size: 13px;
    margin-top: 2px;
}
@media screen and (max-width:760px) {
    .duvalClerkLine3 {
        font-size: 11px;
    }
}
@media screen and (max-width:460px) {
    .duvalClerkLine3 {
        display: none;
    }
}
.bg_bottomLine {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
}
.bg_bottomLine.line1 {
    background: linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 100%);
}
.bg_bottomLine.line2 {
    background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0.2) 100%);
}
.bg_angleOverflow {
    position: absolute;
    height: 100%;
    width: 300px;
    margin-left: -150px;
    overflow: hidden;
}
.bg_angle {
    width: 300px;
    height: 300px;
    transform: rotate( 36deg );
    position: absolute;
    top: -185px;
    left: 115px;
}
@media screen and (max-width:1600px) {
    .bg_angle {
        top:0px;
        left:0px;
        width: 300px;
        height: 100%;
        transform:none;
    }
}
.bg_angle.angle1 {
    background: linear-gradient( -36deg, rgba(17,52,91,0.90) 0%, rgba(17,52,91,90) 100%);
}
.bg_angle.angle2 {
    left: 239px;
    background: linear-gradient( -36deg, rgba(40,40,40,0.90) 0%, rgba(40,40,40,90) 100%);
}
@media screen and (max-width:1600px) {
    .bg_angle.angle2 {
        left:0px;
    }
}
.bg_angleLine {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%);
}
.bg_angle.angle2 .bg_angleLine {
    background:rgba(255,255,255,0.8);
}
.bg_gradientOverflow {
    top:0px;
    left:0px;
    height: 100%;
    width: calc(100% - 150px);
    margin-left: 150px;
    position:absolute;
}
.bg_gradient {
    width: 100%;
    height: 100%;
}
.bg_gradient.gradient1 {
    background: linear-gradient( 90deg, rgba(17,52,91,0.9) 0%, rgba(17,52,91,0) 100%);
}
.bg_gradient.gradient2 {
    background: linear-gradient( 90deg, rgba(44,44,44,1) 0%, rgba(40,40,40,0.0) 100%);
}
.bg_logoLine {
    position: absolute;
    bottom: 0px;
    width: calc(50% - 150px);
    height: 11px;
    background: linear-gradient(90deg, rgba(213, 162, 74, 0.8) 0%, rgb(213, 162, 74) 50%, rgba(213, 162, 74, 0) 100%);
}
@media screen and (max-width:1350px) {
    .bg_logoLine {
        width: 517px;
    }
}
@media screen and (max-width:760px) {
    .bg_logoLine {
        width: 350px;
    }
}
@media screen and (max-width:640px) {
    .bg_logoLine {
        width: calc(200px + 22.656vw);
    }
}
@media screen and (max-width:460px) {
    .bg_logoLine {
        height: 8px;
        width: 250px;
    }
}
@media screen and (max-width:360px) {
    .bg_logoLine {
        display:none;
    }
}
.logo {
    position: absolute;
    top: 0px;
    left: 0px;
}
@media screen and (max-width:420px) {
    .logo {
        width:100%;
    }
}
.citySeal {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 10px;
    background-image: url(/Content/Images/seal.png);
    color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    overflow: hidden;
    vertical-align: top;
    z-index: 1;
    position: relative;
    line-height:220px;
}
@media screen and (max-width:512px) {
    .citySeal {
        display:none;
    }
}
@media screen and (max-width:405px) {
    .citySeal {
        display: inline-block;
    }
}
@media screen and (max-width:290px) {
    .citySeal {
        display: inline-block;
        background-size: contain;
        width: calc(100% - 170px);
    }
}
.jacksonville_gov_logo {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 108px;
    margin-top: 30px;
    width: 210px;
    background-size: 210px;
    font-size: 0px;
    color: white;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/logo.png);
    white-space: nowrap;
    overflow: hidden;
}
@media screen and (max-width:512px) {
    .jacksonville_gov_logo {
        margin-left:8px;
    }
}
@media screen and (max-width:405px) {
    .jacksonville_gov_logo {
        display:none;
    }
}
.jacksonville_gov_logo_jacksonville {
    font-size: 20.6px;
    padding-left: 1.65px;
    line-height: 1em;
    font-weight: bold;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: rgba(0,0,0,0);
}
.jacksonville_gov_logo_dot {
    font-size: 21px;
    line-height: 1em;
    vertical-align: top;
    display: inline-block;
    margin-top: -2px;
    margin-left: -1px;
    color: rgba(0,0,0,0);
}
.jacksonville_gov_logo_gov {
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    color: rgba(0,0,0,0);
}
.jacksonville_gov_logo_line {
    display: block;
    width: 210px;
    height: 1px;
    background-color: rgba(255,255,255,0);

}
.jacksonville_gov_logo_text {
    font-size: 14px;
    letter-spacing: 1.25px;
    margin-left: 3px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    color: rgba(0,0,0,0);
}
.cojText {
    display: inline-block;
    width: 128px;
    height: 30px;
    vertical-align: top;
    margin-top: 38px;
    margin-left: 5px;
    margin-right: 10px;
    background-image: url(/Content/Images/coj.png);
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    overflow: hidden;
}
@media screen and (max-width:700px) {
    .cojText {
        margin-top: 20px;
        position:absolute;
    }
}
@media screen and (max-width:500px) {
    .cojText {
        margin-top: 43px;
        margin-right: 0px;
    }
}
@media screen and (max-width:499px) {
    .cojText {
        margin-top: 0px;
        height: 74px;
        background-position: bottom;
        width:25vw;
        background-size:25vw;
    }
}
@media screen and (max-width:320px) {
    .cojText {
        width: 80px;
        background-size: 80px;
    }
}
@media screen and (max-width:318px) {
    .cojText {
        display:none;
    }
}
.cojPipe {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 1px;
    height: 45px;
    margin-top: 31px;
    background: white;
}
@media screen and (max-width:700px) {
    .cojPipe {
        display: none;
    }
}
.cojTag {
    display: inline-block;
    vertical-align: top;
    height: 62px;
    margin-top: 10px;
    width: 200px;
    overflow: hidden;
    margin-left: 8px;
}
@media screen and (max-width:700px) {
    .cojTag {
        margin-left: 5px;
        margin-top: 58px;
        height: 15px;
        width: 240px;
    }
}
.cojTagTable {
    display: table;
    height: 62px;
}
@media screen and (max-width:700px) {
    .cojTagTable {
        display: block;
        height: 15px;
    }
}
.cojTagTableCell {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1em;
}
@media screen and (max-width:700px) {
    .cojTagTableCell {
        display: block;
    }
}
.tagLine1 {
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    font-size: 14px;
}
@media screen and (max-width:700px) {
    .tagLine1 {
        display: inline-block;
    }
}
@media screen and (max-width:500px) {
    .tagLine1 {
        display: none;
    }
}
.tagLine2 {
    text-transform: uppercase;
    color: white;
    font-size: 14px;
}

@media screen and (max-width:700px) {
    .tagLine2 {
        display: inline-block;
    }
}
@media screen and (max-width:600px) {
    .tagLine2 {
        display: none;
    }
}
/*Social Media, Translate, and Search*/
.socialMediaTranslateSearch {
    position: absolute;
    top: 0px;
    right: 0px;
}
@media screen and (max-width:999px) {
    .socialMediaTranslateSearch {
        top: 40px;
    }
}
@media screen and (max-width:460px) {
    .socialMediaTranslateSearch {
        top: 37px;
    }
}
.socialMedia {
    display: inline-block;
    vertical-align: top;
}
.socialMediaLink {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    margin-top: 16px;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    overflow: hidden;
    line-height: 150px;
}
@media screen and (max-width:999px) {
    .socialMediaLink {
        width: 40px;
        height: 40px;
        background-size: 36px;
        background-position: center;
        margin-top: 5px;
    }
}
@media screen and (max-width:460px) {
    .socialMediaLink {
        width: 32px;
        height: 32px;
        background-size: 32px;
        margin-top: 0px;
    }
}
/*Animal Care Social Media*/
.section-animal .customList .socialMediaListContainer {
    position: absolute;
    text-align: right;
    right: 10px;
    height: 50px;
    line-height: 1em;
    font-size: 0px;
    z-index: 1;
}
.section-animal .customList .socialMediaLink {
    display: inline-block;
    font-size: 0px;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: black !important;
    background-color: white;
    overflow: visible;
    margin-top: 10px;
}
@media screen and (max-width:400px){
    .section-animal .customList .socialMediaLink:first-of-type {
        display:none;
    }
}
@media screen and (max-width:350px) {
    .section-animal .customList .socialMediaLink:last-of-type {
        display: none;
    }
}
@media screen and (max-width:300px) {
    .section-animal .customList .socialMediaLink {
        display: none;
    }
}
/*Environmental Protection Board Social Media*/
.section-environmentalprotection .customList .socialMediaListContainer {
    position: absolute;
    text-align: right;
    right: 10px;
    bottom: 25px;
    height: 50px;
    line-height: 1em;
    font-size: 0px;
    z-index: 3;
}
.section-environmentalprotection .customList .socialMediaLink {
    display: inline-block;
    border-radius: 30px;
    font-size: 0px;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: black !important;
    overflow: visible;
    margin-top: 15px;
}
@media screen and (max-width:370px) {
    .section-environmentalprotection .customList .socialMediaLink:last-of-type {
        display: none;
    }
}
@media screen and (max-width:310px) {
    .section-environmentalprotection .customList .socialMediaLink:first-of-type {
        display: none;
    }
}
@media screen and (max-width:265px) {
    .section-environmentalprotection .customList .socialMediaLink {
        display: none;
    }
}
/*Translate Menu*/
body > .skiptranslate > iframe{ 
    display:none !important; 
}
#google_translate_element span{ 
    display:none !important; 
}
.goog-te-banner-frame.skiptranslate {
    display: none;
}
.goog-te-gadget.skiptranslate {
    font-size:0px;
}
.goog-te-gadget.skiptranslate span {
    display: none;
}
.translate {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.openTranslate {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    margin-top: 16px;
    background-image: url(/Content/Images/translate.png);
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    overflow: hidden;
    line-height: 150px;
}
@media screen and (max-width:999px) {
    .openTranslate {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin-top: 5px;
    }
}
@media screen and (max-width:460px) {
    .openTranslate {
        width: 35px;
        height: 32px;
        margin-top: 0px;
    }
}
.translateMenu {
    background: white;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
    border-radius: 15px;
    padding: 30px;
    display: none;
    animation-name: showTranslate;
    animation-duration: 0.8s;
    position: absolute;
    right: -15px;
    top: 90px;
    z-index: 2;
    font-size:0px;
}
@media screen and (max-width:1280px) {
    .translateMenu {
        padding:15px;
    }
}
@media screen and (max-width:999px) {
    .translateMenu {
        right: 15px;
        top: 60px;
    }
}
.translateMenu.show{
    display:inline-block;
}
@keyframes showTranslate {
    from { margin-top:-15px; opacity:0; }
    to{ margin-top:0px; opacity:1; }
}
.translateMenuTail {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    right: 31px;
    transform: rotate(45deg);
    background-color: white;
}
@media screen and (max-width:999px) {
    .translateMenuTail {
        top: -15px;
        right: 0px;
        transform: none;
        background-color: rgba(0,0,0,0);
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid white;
    }
}
.googleTranslateContainer {
    width: 180px;
    height: 30px;
    margin-bottom: 15px;
    text-align: left;
}
.googleTranslateContainer select{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 29px;
    width: 135px;
    border-radius: 6px;
}
.closeTranslate {
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 15px;
    overflow: hidden;
    line-height: 120px;
}
@media screen and (max-width: 1280px) {
    .closeTranslate {
        right: 10px;
        top: 8px;
    }
}
.closeTranslateX1 {
    width: 5px;
    height: 40px;
    top: 2px;
    right: 21px;
    position: absolute;
    border-radius: 5px;
    transform: rotate(45deg);
    background-color: black;
    display: inline-block;
}
.closeTranslateX2 {
    width: 5px;
    height: 40px;
    top: 2px;
    right: 21px;
    position: absolute;
    border-radius: 5px;
    transform: rotate(-45deg);
    background-color: black;
    display: inline-block;
}
.hiddenFlag {
    display: block;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0px;
    line-height: 1em;
}
.hiddenFlag > font {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image:url(/Content/Images/translate/English.jpg);
    margin-bottom:10px;
}
.translateFlags {
    display:block;
}
.translateFlag {
    vertical-align: top;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 135px;
    overflow: hidden;
}
.translateFlag:nth-of-type(3n + 1){ margin-right:15px; }
.translateFlag:nth-of-type(3n + 2){ margin-right:15px; }
.translateFlag:nth-of-type(7n){ margin-bottom:0px; }
.translateFlag:nth-of-type(8n){ margin-bottom:0px; }
.translateFlag:nth-of-type(9n){ margin-bottom:0px; }
.translateFlag.esFlag{ background-image:url(/Content/Images/translate/Spanish.jpg); }
.translateFlag.frFlag{ background-image:url(/Content/Images/translate/French.jpg); }
.translateFlag.deFlag{ background-image:url(/Content/Images/translate/German.jpg); }
.translateFlag.hiFlag{ background-image:url(/Content/Images/translate/Hindi.jpg); }
.translateFlag.ptFlag{ background-image:url(/Content/Images/translate/Portuguese.jpg); }
.translateFlag.ruFlag{ background-image:url(/Content/Images/translate/Russian.jpg); }
.translateFlag.koFlag{ background-image:url(/Content/Images/translate/Korean.jpg); }
.translateFlag.zhFlag{ background-image:url(/Content/Images/translate/Chinese.jpg); }
.translateFlag.viFlag{ background-image:url(/Content/Images/translate/Vietnamese.jpg); }
/*Search*/
.search {
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    width:225px;
}
@media screen and (max-width:999px) {
    .search {
        position: absolute;
        width: 180px;
        margin-top: -40px;
        margin-right: 2px;
        right: 0px;
        text-align: right;
    }
}
@media screen and (max-width:700px) {
    .search {
        width: 160px;
    }
}
/*Search in Content*/
.pageContent .searchBox input {
    font-size: 16px;
    padding: 5px;
    border-radius: 5px 0px 0px 5px;
    outline: 0px;
    border: 1px solid #c3c3c3;
    border-right: 0px;
    vertical-align: top;
    margin-right: -3px;
}
.pageContent .searchBox input.searchbutton {
    border-color: #666666;
    background-image: url(/Content/Images/searchButton.gif) !important;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #d8d8d8 !important;
    vertical-align: top;
    margin-top: 1px;
    height: 28px;
    width: 45px;
    background-position: center;
    background-size: 55px;
    border-radius: 0px 5px 5px 0px;
    padding: 0px;
}
/*User Application Search Styles In Content*/
.pageContent .myNewInput {
    vertical-align: top;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #d9d9d9;
    border-right: none;
    font-size: 18px;
    color: #505050;
    width: 190px;
    outline: 0px;
    display: inline-block;
}
.pageContent .myNewButton {
    background-image: url(/Content/Images/searchButton.gif);
    background-color: rgba(0,0,0,0);
    vertical-align: top;
    height: 35px;
    width: 48px;
    background-position: center;
    background-size: 55px;
    border-radius: 0px 5px 5px 0px;
    padding: 0px;
    display: inline-block;
    line-height: 150px;
    overflow: hidden;
    border: 2px solid #4c4e52;
    margin-left: -4px;
}
/*Google Search Style Overrides*/
.search > div {
    padding:0px !important;
    background:rgba(0,0,0,0) !important;
    border:none !important;
}
@media screen and (max-width: 780px) {
    .search > div {
        padding-right:5px !important;
    }
}
.search > div > div {
    padding: 0px !important;
    margin:0px !important;
    background:rgba(0,0,0,0) !important;
    border:none !important;
}
.search > div > div div > form{
    margin:0px !important;
    font-size:0px !important;
}
.search > div > div div > form table{
    margin:0px !important;
    padding:0px !important;
    font-size:0px !important;
    vertical-align:top !important;
}
.search > div > div div > form tbody{
    font-size:0px !important;
}
.search > div > div div > form table td{
    margin:0px !important;
    padding:0px !important;
    vertical-align:top !important;
}
.search > div > div div > form table td > div {
    margin:0px !important;
    background:rgba(0,0,0,0) !important;
    border:none !important;
}
.search > div > div div > form input{
    background-image:url() !important;
    height: auto;
    vertical-align: top !important;
    margin: 30px 0px 0px 5px !important;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0px 0px 5px !important;
    border: 0px !important;
    font-size: 18px !important;
    width: 150px !important;
    outline: 0px !important;
    display: inline-block!important;
}
@media screen and (max-width: 780px) {
    .search > div > div div > form input {
        width: 120px !important;
        margin-top: 10px !important;
        font-size: 16px !important;
        padding: 6px !important;
        padding-bottom: 4px !important;
    }
}
@media screen and (max-width: 700px) {
    .search > div > div div > form input {
        width:100px !important;
    }
}
.search > div > div div > form input::placeholder{
    color:grey;
    font-size:18px !important;
}
@media screen and (max-width: 780px) {
    .search > div > div div > form input::placeholder {
        font-size: 16px !important;
    }
}
.search > div > div div form button {
    padding: 0px;
    margin-left: 0px !important;
    margin-right: 6px !important;
    margin-top: 30px;
    width: 50px;
    height: 33px;
    border: 0px;
    vertical-align: top !important;
    border-top: 1px solid #d8d8d8;
    border-radius: 0px 5px 5px 0px;
    background-image: url(/Content/Images/searchButton.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
@media screen and (max-width: 780px) {
    .search > div > div div form button {
        width: 42px !important;
        height: 29px !important;
        margin-top: 10px !important;
        margin-right:0px !important;
    }
}
.search > div > div div form button:hover, .search > div > div div form button:focus, .search > div > div div form button:active{
    background-image: url(/Content/Images/searchButton.gif) !important;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #d8d8d8 !important;
}
.search > div > div div form button svg{
    display:none;
}
.search > div > div div > form table .gsib_b{
    display:none !important;
}
.gsc-above-wrapper-area::before {
    content: "DISCLAIMER: The City of Jacksonville search results may contain Google Ad links to other sites. These displayed ads are not supported or endorsed by the City of Jacksonville. Please scroll down to view official COJ.net results.";
    color: #30567d;
    font-size: 14px !important;
    line-height: 19px;
    font-weight: bold !important;
    text-align: left !important;
    display: block;
}
.gsc-resultsbox-visible::before {
    content: "COJ.net Search Results";
    color: #30567d;
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom:15px;
    font-size: 20px !important;
    font-weight: bold !important;
}
/*Kentico Search Label Styles*/
.searchLabel {
    display: none;
}
/*Kentico Search Styles*/
.search input {
    vertical-align: top;
    margin: 0px;
    padding: 7px;
    padding-bottom: 5px;
    border-radius: 5px 0px 0px 5px;
    border: 0px;
    font-size: 18px;
    width: 150px;
    outline: 0px;
    margin-top: 30px;
    margin-left: 5px;
    display: inline-block;
}
@media screen and (max-width:999px) {
    .search input {
        width: 120px;
        margin-top: 10px;
        margin-left: 0px;
        font-size: 16px;
        padding: 6px;
        padding-bottom: 4px;
    }
}
@media screen and (max-width:700px) {
    .search input {
        width: 100px;
    }
}
@media screen and (max-width:460px) {
    .search input {
        width: 60px;
        font-size: 12px;
    }
}
.search input.searchbutton {
    padding: 0px;
    margin-left: 0px;
    margin-right: 5px;
    width: 50px;
    height: 34px;
    border-top: 1px solid #d8d8d8;
    border-radius: 0px 5px 5px 0px;
    background-image: url(/Content/Images/searchButton.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
@media screen and (max-width:999px) {
    .search input.searchbutton {
        width: 42px;
        height: 29px;
    }
}
.search .kenticoSearchContainer .kenticoSearchButton {
    padding: 0px;
    margin-left: 0px;
    margin-top: 30px;
    margin-right: 0px;
    width: 50px;
    height: 33px;
    border-top: 1px solid #d8d8d8;
    border-radius: 0px 5px 5px 0px;
    background-image: url('/Content/Images/searchButton.gif');
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: inline-block;
}
@media screen and (max-width:999px) {
    .search .kenticoSearchContainer .kenticoSearchButton {
        margin-top:10px;
        width: 42px;
        height: 29px;
    }
}
@media screen and (max-width:460px) {
    .search .kenticoSearchContainer .kenticoSearchButton {
        width: 32px;
        height: 24px;
    }
}
/*Kentico Search iFrame*/
.pageContent .kenticoSearchContainer {
    margin-bottom: 25px;
}
.pageContent #kenticoSearchInput, .pageContent #kenticoPageSearchInput {
    vertical-align: top;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #d9d9d9;
    border-right: none;
    font-size: 18px;
    color: #505050;
    width: 190px;
    outline: 0px;
    display: inline-block;
}
.pageContent .kenticoSearchButton {
    background-image: url(/Content/Images/searchButton.gif);
    background-color: rgba(0,0,0,0);
    vertical-align: top;
    margin-left: -4px;
    height: 34px;
    width: 48px;
    border-top: 1px solid #d9d9d9;
    background-position: center;
    background-size: 55px;
    border-radius: 0px 5px 5px 0px;
    padding: 0px;
    display: inline-block;
    line-height: 150px;
    overflow: hidden;
}
.pageContent .kenticoSearchButton:hover {
    opacity:0.95;
}
.pageContent .kenticoSearchResultsiFrame {
    border: none;
    width: 100%;
    height: 1190px;
}
.kenticoSearchPopup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 10;
    display:none;
}
.kenticoSearchPopup.show {
    display:block;
}
.kenticoSearchPopupBackground {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(30,60,90,0.75) 0%, rgba(30,60,90,0.75) 100%);
}
.kenticoSearchPopupMargins {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 1250px;
    height: calc(100vh - 100px);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-height:800px) {
    .kenticoSearchPopupMargins {
        height: calc(100vh - 30px);
        margin-top:15px;
    }
}
@media screen and (max-width:800px) {
    .kenticoSearchPopupMargins {
        width: calc(100% - 30px);
    }
}
.kenticoSearchPopupPadding {
    height: calc(100% - 100px);
    padding: 50px;
    background-color: white;
    border-radius: 15px;
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
@media screen and (max-width:1280px){
    .kenticoSearchPopupPadding {
        height: calc(100% - 40px);
        padding: 20px;
    }
}
.kenticoSearchPopupCloseButton {
    position: absolute;
    top:10px;
    right:10px;
    width:50px;
    height:50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    background-image: url('/Content/Images/icons/closeBlack.png');
}
.kenticoSearchPopup .kenticoSearchContainer {
    margin-bottom:15px;
}
.kenticoSearchPopup #kenticoSearchInput, .kenticoSearchPopup #kenticoModalSearchInput {
    vertical-align: top;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #d9d9d9;
    border-right: none;
    font-size: 18px;
    color: #505050;
    width: 190px;
    outline: 0px;
    display: inline-block;
}
.kenticoSearchPopup #kenticoModalSearchInput {
    max-width: calc(100% - 110px);
}
.kenticoSearchPopup .kenticoSearchButton {
    background-image: url(/Content/Images/searchButton.gif);
    background-color: rgba(0,0,0,0);
    vertical-align: top;
    margin-left: -4px;
    height: 34px;
    width: 48px;
    border-top: 1px solid #d9d9d9;
    background-position: center;
    background-size: 55px;
    border-radius: 0px 5px 5px 0px;
    padding: 0px;
    display: inline-block;
    line-height: 150px;
    overflow: hidden;
}
.kenticoSearchPopup .kenticoSearchResultsiFrame {
    width: 100%;
    height: calc(100% - 50px);
    border: 0px;
}
/*Kentico Search Results*/
.searchResults .searchResultsHeader {
    color: black;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.searchResults .listItem {
    margin-bottom:10px;
}
.searchResults .pageContent .pagingControls {
    padding-left:2px;
    width:calc(100% - 2px);
}
.searchResults .searchResult {
    display: inline-block;
    width: 100%;
}
.searchResults .searchResult a, .searchResults .searchResult a:active, .searchResults .searchResult a:visited{
    display: inline-block;
    text-decoration: none;
    color: #30567d;
    position: relative;
    min-height:60px;
    outline:none;
}
.searchResults .searchResult .searchResultIcon {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/Content/Images/ClerkSeal.png');
}
.searchResults .searchResult .searchResultTable {
    display:table;
    min-height:60px;
}
.searchResults .searchResult .searchResultTableCell {
    display:table-cell;
    vertical-align:middle;
}
.searchResults .searchResult .searchResultText {
    margin-left: 60px;
    min-height: 60px;
    vertical-align: middle;
}
.searchResults .searchResult .searchResultTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.searchResults .searchResult a:hover .searchResultTitle {
    color: black;
    text-decoration: underline;
}
.searchResults .searchResult a:focus .searchResultTitle {
    color: black;
    text-decoration: underline;
}
.searchResults .searchResult .searchResultURL {
    font-size: 13px;
    line-height: 1.2em;
    color: #014000;
    word-break: break-all;
    max-height: 38px;
    overflow: hidden;
}
/*Search Paging*/
.pagination-container ul.pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b5b5b5;
    display: inline-block;
}
.pagination-container ul.pagination li {
    list-style:none;
    display:inline-block;
}
.pagination-container ul.pagination li a,
.pagination-container ul.pagination li a:visited,
.pagination-container ul.pagination li a:active {
    text-decoration: none;
    color: #30567d;
    font-size:15px;
    vertical-align:middle;
}
.pagination-container ul.pagination li a:hover{
    color:black;
}
.pagination-container ul.pagination li span {
    color: black;
    font-weight: bold;
    vertical-align:middle;
}
.pagination-container ul.pagination li.PagedList-skipToNext a,
.pagination-container ul.pagination li.PagedList-skipToNext a:visited,
.pagination-container ul.pagination li.PagedList-skipToNext a:active {
    line-height: 40px;
    overflow: hidden;
    height: 9px;
    width: 9px;
    display: inline-block;
    border-right: 1px solid #285586;
    border-top: 1px solid #285586;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle;
}
.pagination-container ul.pagination li.PagedList-skipToNext a:hover {
    border-right: 1px solid black;
    border-top: 1px solid black;
}
.pagination-container ul.pagination li.PagedList-skipToPrevious a,
.pagination-container ul.pagination li.PagedList-skipToPrevious a:visited,
.pagination-container ul.pagination li.PagedList-skipToPrevious a:active {
    line-height: 30px;
    overflow: hidden;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-left: 1px solid #30567d;
    border-bottom: 1px solid #30567d;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle;
    margin-left:2px;
}
.pagination-container ul.pagination li.PagedList-skipToPrevious a:hover {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
/*UIStarterCore Paging*/
.pageContent .pagingControls {
    display:inline-block;
    vertical-align:middle;
    width:100%;
}
.pageContent .pagingControls .pagingButton {
    display: none;
}
.pageContent .pagingControls .pagingButton.show {
    display: inline;
}
.pageContent .pagingControls a, .pageContent .pagingControls a:active, .pageContent .pagingControls a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .pagingControls a:hover {
    text-decoration:underline;
    color:black;
}
.pageContent .pagingControls a.current, .pageContent .pagingControls a.current:active, .pageContent .pagingControls a.current:visited, .pageContent .pagingControls a.current:hover {
    text-decoration:none;
    font-weight:bold;
    color:black;
}
.pageContent .pagingControls a.pagingPrevious, .pageContent .pagingControls a.pagingPrevious:active, .pageContent .pagingControls a.pagingPrevious:visited {
    line-height: 30px;
    overflow: hidden;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-left: 1px solid #30567d;
    border-bottom: 1px solid #30567d;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle;
}
.pageContent .pagingControls a.pagingPrevious:hover {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
.pageContent .pagingControls a.pagingNext, .pageContent .pagingControls a.pagingNext:active, .pageContent .pagingControls a.pagingNext:visited {
    line-height: 30px;
    overflow: hidden;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-right: 1px solid #285586;
    border-top: 1px solid #285586;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle;
}
.pageContent .pagingControls a.pagingNext:hover {
    border-right: 1px solid black;
    border-top: 1px solid black;
}
/*Header Navigation*/
.headerBottomContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, rgba(66,68,61,1) 0%, rgba(40,51,60,1) 50%);
}
.headerNavigation {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 1em;
    position: relative;
}
.headerNavigation a, .headerNavigation a:visited, .headerNavigation a:active {
    color: rgba(255,255,255,0);
    text-shadow:0px 0px 0px white;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
}
.headerNavigation a:hover {
    color: rgba(255,255,255,0);
    text-shadow:0px 0px 0px #ffdc9d;
}
@media screen and (max-width:1200px) {
    .headerNavigation a, .headerNavigation a:visited, .headerNavigation a:active, .headerNavigation a:hover {
        font-size:1.5vw;
    }
}
@media screen and (max-width:935px) {
    .headerNavigation a, .headerNavigation a:visited, .headerNavigation a:active, .headerNavigation a:hover {
        font-size: 14px;
    }
}
.headerNavigation .globalNavigation.mobile a, .headerNavigation .globalNavigation.mobile a:visited, .headerNavigation .globalNavigation.mobile a:active, .headerNavigation .globalNavigation.mobile a:hover {
    font-size: 16px;
}
.headerNavigation .L2 a, .headerNavigation .L2 a:visited, .headerNavigation .L2 a:active, .headerNavigation .L2 a:hover {
    font-size: 16px;
}
@media screen and (max-width:1200px) {
    .headerNavigation .L2 a, .headerNavigation .L2 a:visited, .headerNavigation .L2 a:active, .headerNavigation .L2 a:hover {
        font-size: 1.5vw;
    }
}
@media screen and (max-width:935px) {
    .headerNavigation .L2 a, .headerNavigation .L2 a:visited, .headerNavigation .L2 a:active, .headerNavigation .L2 a:hover {
        font-size: 14px;
    }
}
.headerNavigation .globalNavigation.mobile .navHeight {
    column-count: 1;
    column-gap: 0;
    background-color: rgba(0,0,0,0.2);
}
@media screen and (max-width:600px) {
    .headerNavigation .globalNavigation.mobile .navHeight {
        column-count: 1;
        column-gap: 0;
    }
}
@media screen and (max-width:440px) {
    .headerNavigation .globalNavigation.mobile .navHeight {
        column-count: 1;
        column-gap: 0;
    }
}
.headerNavigation .globalNavigation.mobile .L2 a, .headerNavigation .globalNavigation.mobile .L2 a:visited, .headerNavigation .globalNavigation.mobile .L2 a:active, .headerNavigation .globalNavigation.mobile .L2 a:hover {
    font-size: 16px;
}
.headerNavigation .currentPage > .link a, .headerNavigation .currentPage > .link a:visited, .headerNavigation .currentPage > .link a:active {
    color: rgba(255,255,255,0);
    text-shadow: 0px 0px 0px #ffdc9d;
}
.headerNavigation .currentPage > .link a:hover {
    color: rgba(255,255,255,0);
    text-shadow:0px 0px 0px #ffdc9d;
}
.globalNavigation {
    position: relative;
    z-index: 1;
    padding-left: 160px;
    padding-right: 50px;
    white-space: nowrap;
    height:36px;
}
@media screen and (max-width:640px) {
    .globalNavigation {
        padding-left: calc(22.656vw + 12px);
    }
}
@media screen and (max-width:500px) {
    .globalNavigation {
        padding-left: 15px;
        padding-right:15%;
    }
}
@media screen and (max-width:420px) {
    .globalNavigation {
        padding-left: 15px;
        padding-right: 0px;
    }
}
.globalNavigation.mobile {
    height:auto;
    white-space:normal;
    padding-left:0px;
    padding-right:0px;
}
.headerNavigation a.openMobileNavigation, .headerNavigation a.openMobileNavigation:visited, .headerNavigation a.openMobileNavigation:active {
    position: absolute;
    width: 100%;
    height: 36px;
    left: 0px;
    top: 0px;
    line-height: 1em;
    display: none;
}
.headerNavigation .globalNavigation.mobile a.openMobileNavigation {
    display: block;
    z-index: 1;
    height: 36px;
}
.openMobileNavigation .hamburger {
    margin-left: 159px;
    margin-right: auto;
    width: 35px;
    height: 21px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    line-height: 70px;
}
@media screen and (max-width:640px) {
    .openMobileNavigation .hamburger {
        margin-left: calc(22.656vw + 12px);
    }
}
@media screen and (max-width:490px) {
    .openMobileNavigation .hamburger {
        margin-left: 122px;
    }
}
@media screen and (max-width:460px) {
    .openMobileNavigation .hamburger {
        margin-left: 100px;
    }
}
@media screen and (max-width:360px) {
    .openMobileNavigation .hamburger {
        margin-left: 10px;
    }
}
.openMobileNavigation .hamburger .line{
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: white;
}
.openMobileNavigation .hamburger .line.topBun{
    top:0px;
}
.openMobileNavigation .hamburger .line.patty{
    top:9px;
}
.openMobileNavigation .hamburger .line.bottomBun{
    bottom:0px;
}
.globalNavigation.mobile .mobileNavigationOverlow {
    position: relative;
    margin-left: -12px;
    padding-top: 36px;
    height: 0px;
    overflow: hidden;
}
@media screen and (max-width:1600px) {
    .globalNavigation.mobile .mobileNavigationOverlow {
        margin-left:-12px;
    }
}
.globalNavigation .navMenu {
    display: inline-block;
}
.android .globalNavigation .navMenu {
    display: block;
}
.ios .globalNavigation .navMenu {
    display: block;
}
.globalNavigation.mobile .navMenu {
    display: block;
    padding-left: 6px;
}
@media screen and (max-width:500px) {
    .globalNavigation.mobile .navMenu {
        padding-left:0px;
    }
}
.globalNavigation .nav.L1  {
    display: inline-block;
    vertical-align:top;
}
.globalNavigation.mobile .nav.L1{
    display:block;
} 
.globalNavigation .nav.L1 .link a {
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 15px;
    font-weight:300;
}
@media screen and (max-width:1200px) {
    .globalNavigation .nav.L1 .link a {
        margin-right:1.25vw;
    }
}
@media screen and (max-width:940px) {
    .globalNavigation .nav.L1 .link a {
        margin-right: 10px;
    }
}
@media screen and (max-width:920px) {
    .globalNavigation .nav.L1 .link a {
        margin-right: 5px;
    }
}
.globalNavigation.mobile .nav.L1 .link a {
    margin-right:0px;
}
.globalNavigation .nav.L1:last-of-type .link a {
    margin-right: 0px;
}
.globalNavigation .nav.L1 .link a.openCloseNav{
    color:rgba(255,255,255,0);
    display:inline-block;
    position:absolute;
    width:100%;
    height:100%;
    left: 12px;
    top:-1px;
    padding:0px;
    text-shadow:none;
}
.globalNavigation.mobile .nav.L1 .link a.openCloseNav {
    left: 170px;
}
@media screen and (max-width:640px) {
    .globalNavigation.mobile .nav.L1 .link a.openCloseNav {
        left: 26.6525vw;
    }
}
@media screen and (max-width:500px) {
    .globalNavigation.mobile .nav.L1 .link a.openCloseNav {
        left: 24px;
    }
}
.globalNavigation .nav.L1 .link a.openCloseNav:hover {
    text-shadow:none;
}
.globalNavigation .nav.L1 .link a.openCloseNav .arrow {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: -5px;
    width: 9px;
    height: 9px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(45deg);
    overflow: hidden;
    color: rgba(0,0,0,0);
    transition: transform 0.4s, top 0.4s, left 0.3s;
    text-shadow:none;
}
.globalNavigation .nav.L1 .link a.openCloseNav:hover .arrow {
    text-shadow:none;
}
.globalNavigation .nav.L2 .link a.openCloseNav {
    padding:0px;
}
.globalNavigation .nav.L2 .link a.openCloseNav .arrow {
    top: 9px;
    left: -5px;
}
.globalNavigation .nav.L1.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 9px;
    left: -3px;
}
.globalNavigation .nav.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 6px;
    left: -3px;
}
.globalNavigation .nav > .navOverflow{
    height:0px;
    overflow:hidden;
    background-color: #2c2c2c;
}
.globalNavigation.mobile .nav > .navOverflow {
    background-color:Rgba(0,0,0,0);
}
.globalNavigation .nav.L1.hasChildren > .navOverflow {
    white-space: normal;
    display: none;
    position: absolute;
    border: 1px solid rgba(255,255,255,0.25);
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin-left: -10px;
    line-height: 1.2em;
    background: rgba(40,40,40,1);
    background: linear-gradient( 90deg, rgba(60,60,60,1) 0%, rgba(50,50,50,1) 100%);
    animation-name: dropdown;
    animation-duration: 0.4s;
    height: auto;
}
@keyframes dropdown {
    from {
        opacity: 0;
        top: 15px;
    }
    to {
        opacity: 1;
        top: 35px;
    }
}
@media screen and (max-width:1300px) {
    /*9 of 9 top nav items to right align*/
    .globalNavigation .nav.L1.hasChildren:nth-of-type(9n+9) > .navOverflow {
        right: 0px;
    }
}
@media screen and (max-width:1220px) {
    /*8 of 9 top nav items to right align*/
    .globalNavigation .nav.L1.hasChildren:nth-of-type(9n+8) > .navOverflow {
        right: 0px;
    }
}
@media screen and (max-width:960px) {
    /*7 of 9 top nav items to right align*/
    .globalNavigation .nav.L1.hasChildren:nth-of-type(9n+7) > .navOverflow {
        right: 0px;
    }
}
.globalNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    display: block;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: rgba(0,0,0,0);
    position: relative;
    animation-duration: 0s;
    animation-name: none;
    height: 0px;
}
.globalNavigation .nav.L1.hasChildren:hover > .navOverflow {
    display: block;
}
.globalNavigation .nav.L1.hasChildren.hasHiddenChildren > .navOverflow {
    display: none;
}
.globalNavigation .nav.L1 > .link > .openLink {
    display: none;
}
.globalNavigation.mobile .nav.L1 > .link > .openLink {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 38px;
}
.globalNavigation.mobile .nav.L1.hasHiddenChildren > .link > .openLink {
    display: none;
}
.globalNavigation.mobile .nav.L1 .link {
    padding-left: 190px;
    position: relative;
}
@media screen and (max-width:640px) {
    .globalNavigation.mobile .nav.L1 .link {
        padding-left: 29.6875vw;
    }
}
@media screen and (max-width:500px) {
    .globalNavigation.mobile .nav.L1 .link {
        padding-left: 40px;
    }
}
.globalNavigation .nav.L1 .nav.L2 .link {
    padding-left: 25px;
    position: relative;
    padding-right:5px;
}
.globalNavigation.mobile .nav.L1 .nav.L2 .link {
    padding-left: 190px;
}
@media screen and (max-width:640px) {
    .globalNavigation.mobile .nav.L1 .nav.L2 .link {
        padding-left: 29.6875vw;
    }
}
@media screen and (max-width:500px) {
    .globalNavigation.mobile .nav.L1 .nav.L2 .link {
        padding-left: 40px;
    }
}
.globalNavigation .nav.L1 .nav.L2 .link .openLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 19px;
    height: 28px;
}
.globalNavigation.mobile .nav.L1 .nav.L2 .link .openLink {
    left:0px;
}
.globalNavigation .nav.L1 .nav.L2 .link a {
    padding:5px;
    margin-right:0px;
}
.globalNavigation.mobile .nav.L1 .nav.L2 .link a {
    padding:5px;
    padding-left:0px;
    padding-right:0px;
}
.globalNavigation .nav.L1 .nav.L2 .link a.openCloseNav {
    padding:0px;
}
.globalNavigation .nav.L1 .nav.L2 .nav.L3 .link {
    padding-left:25px;
}
.globalNavigation.mobile .nav.L1 .nav.L2 .nav.L3 .link {
    padding-left: 190px;
}
@media screen and (max-width:640px) {
    .globalNavigation.mobile .nav.L1 .nav.L2 .nav.L3 .link {
        padding-left: 29.6875vw;
    }
}
@media screen and (max-width:500px) {
    .globalNavigation.mobile .nav.L1 .nav.L2 .nav.L3 .link {
        padding-left: 40px;
    }
}
/*Two Column Top Header Navigation Item*/
.globalNavigation .nav.L1.twoColumn.hasChildren > .navOverflow {
    width: 560px;
}
.globalNavigation.mobile .nav.L1.twoColumn.hasChildren > .navOverflow {
    width:auto;
    margin-left:0px;
}
.globalNavigation .nav.L1.twoColumn > .navOverflow > .navHeight {
    column-count:2;
    column-gap:0;
}
.globalNavigation.mobile .nav.L1.twoColumn > .navOverflow > .navHeight {
    column-count: 3;
}
@media screen and (max-width:600px) {
    .globalNavigation.mobile .nav.L1.twoColumn > .navOverflow > .navHeight {
        column-count: 2;
    }
}
@media screen and (max-width:440px) {
    .globalNavigation.mobile .nav.L1.twoColumn > .navOverflow > .navHeight {
        column-count: 1;
    }
}
/*Wide Top Header Navigation Item*/
.globalNavigation .nav.L1.wide.hasChildren > .navOverflow {
    width: calc(100% - 102px);
    left: 0px;
    margin-left: 80px;
}
@media screen and (max-width:1600px) {
    .globalNavigation .nav.L1.wide.hasChildren > .navOverflow {
        margin-left: 0px;
        width: calc(100% - 22px);
    }
}
.globalNavigation.mobile .nav.L1.wide.hasChildren > .navOverflow {
    margin-left:0px;
    width: auto;
    left:auto;
}
.globalNavigation .nav.L1.wide > .navOverflow > .navHeight {
    column-count: 4;
    column-gap: 0;
}
@media screen and (max-width:900px) {
    .globalNavigation .nav.L1.wide > .navOverflow > .navHeight {
        column-count: 3;
        column-gap: 0;
    }
}
@media screen and (max-width:650px) {
    .globalNavigation .nav.L1.wide > .navOverflow > .navHeight {
        column-count: 2;
        column-gap: 0;
    }
}
@media screen and (max-width:400px) {
    .globalNavigation .nav.L1.wide > .navOverflow > .navHeight {
        column-count: 1;
        column-gap: 0;
    }
}
.globalNavigation.mobile .nav.L1.wide > .navOverflow > .navHeight {
    column-count: 3;
}
@media screen and (max-width:600px){
    .globalNavigation.mobile .nav.L1.wide > .navOverflow > .navHeight {
        column-count: 2;
    }
}
@media screen and (max-width:440px) {
    .globalNavigation.mobile .nav.L1.wide > .navOverflow > .navHeight {
        column-count: 1;
    }
}
/*Background Bleed*/
.backgroundBleedContainer {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.backgroundBleed {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    top: 0px;
}
/*Header Photo*/
.headerImageContainer {
    position: absolute;
    width: 100%;
    height: calc(100% - 172px);
}
.headerVideoContainer {
    position: absolute;
    width: 100%;
    height: calc(100% - 172px);
}
.headerImageMargins {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: white;
}
.headerVideoMargins {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.featuredNewsVideo {
    overflow: hidden;
    max-width: 100%;
}
.headerImage {
    width: 100%;
    /*min-height: 1080px;*/
    min-height: 100vh;
    height: 100%;
    max-height: 1080px;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    background-size: 1920px;
    background-position: top center;
    background-color: #3a78bf;
}
.headerVideoContainer .headerImage {
    min-height:0px;
}
@media screen and (max-width:1920px) {
    .headerVideoContainer .headerImage {
        min-height: 0px;
        height: 0px;
        background-size: cover;
        padding-top: 56.26%;
    }
}
.headerVideo {
    position: relative;
    padding-top: 56.25%;
}
.headerVideo video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.headerImageForeground {
    position: absolute;
    width: calc(100% - 15px);
    max-width: 1600px;
    margin-right: 15px;
    height: 325px;
    background-size: contain;
    top: 0px;
    left: 0px;
    background-position: right bottom;
    background-repeat: no-repeat;
}
@media screen and (max-width:512px) {
    .headerImageForeground {
        display:none;
    }
}
.headerImageOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(255,255,255,1) 1080px, rgba(255,255,255,1) 100%);
    overflow: hidden;
}
.headerVideoOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1080px;
    overflow: hidden;
}
@media screen and (max-width:1920px){
    .headerVideoOverlay {
        height: 1px;
        padding-top: 56.25%;
    }
}
@media screen and (max-width:400px) {
    .headerVideoOverlay {
        display:none;
    }
}
.navigationSpacer {
    min-height: 125px;
}
@media screen and (max-width:460px) {
    .navigationSpacer {
        min-height: 111px;
    }
}
.headerImageSpacer {
    min-height: 325px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.headerVideoSpacer {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.headerImageSpacer.welcomeHeaderImageSpacer {
    height: 475px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.headerTextContainer {
    position:relative;
    display:inline-block;
    width:100%;
}
.headerTextPadding {
    padding-right: 220px;
}
@media screen and (max-width:800px) {
    .headerTextPadding {
        padding-right: 15px;
    }
}
.headerTextTable {
    min-height: 325px;
    display: table;
}
@media screen and (max-width:800px) {
    .headerTextTable {
        width:100%;
    }
}
.headerTextTableCell {
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:800px) {
    .headerTextTableCell {
        vertical-align:bottom;
    }
}
.headerTextInlineWrapper {
    display:inline-block;
    padding:15px;
    padding-bottom:10px;
    position:relative;
}
@media screen and (max-width:800px) {
    .headerTextInlineWrapper {
        padding: 15px;
        padding-bottom: 8px;
        padding-top: 10px;
        width: calc(100% - 30px);
        background: linear-gradient(to right,rgba(45,83,122,0.9) 0%,rgba(89,133,178,0.9) 39%,rgba(57,85,115,0) 100%);
    }
}
.headerTextInlineWrapperBackground {
    height: 10px;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0px;
}
@media screen and (max-width:800px) {
    .headerTextInlineWrapperBackground{
        background: linear-gradient(to right,rgb(130 190 253 / 90%) 0%,rgb(114 157 201 / 90%) 39%,rgba(57,85,115,0) 100%);
    }
}
.headerTextPreTitle {
    font-size: 25px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px 0px white, 2px 2px 0px black;
    max-width: 720px;
    max-height: 50px;
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .headerTextPreTitle {
        font-size:2.441vw;
    }
}
@media screen and (max-width:800px) {
    .headerTextPreTitle {
        font-size:20px;
    }
}
@media screen and (max-width:400px) {
    .headerTextPreTitle {
        font-size: 5vw;
    }
}
.headerTextTitle {
    font-size: 48px;
    line-height: 1em;
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px 0px white;
    /*text-shadow: 0px 0px 0px white, 2px 2px 0px black;*/
    max-width: 720px;
    max-height: 140px;
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .headerTextTitle {
        font-size:4.6875vw;
    }
}
@media screen and (max-width:800px) {
    .headerTextTitle {
        font-size:30px;
    }
}
@media screen and (max-width:400px) {
    .headerTextTitle {
        font-size: 7.5vw;
    }
}
.headerTextPostTitle {
    font-size: 18px;
    line-height: 1em;
    font-weight: normal;
    text-transform: uppercase;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px 0px white, 2px 2px 0px black;
    max-width: 720px;
    max-height: 36px;
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .headerTextPostTitle {
        font-size:1.757vw;
    }
}
@media screen and (max-width:800px) {
    .headerTextPostTitle {
        font-size:16px;
    }
}
@media screen and (max-width:400px) {
    .headerTextPostTitle {
        font-size: 4vw;
    }
}
.headerNavigationArea {
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.headerTable {
    display: table;
    width: 100%;
    height: 325px;
}
.headerVideoSpacer .headerTable {
    height: 450px;
}
@media screen and (max-width:1080px) {
    .headerVideoSpacer .headerTable {
        height: 41.666vw;
    }
}
@media screen and (max-width:512px) {
    .headerVideoSpacer .headerTable {
        height: 215px;
    }
}
@media screen and (max-width:400px) {
    .headerVideoSpacer .headerTable {
        height: 53.75vw;
    }
}
.headerTableCell {
    display: table-cell;
    vertical-align: bottom;
}
.headerTitleAndSearchWrapper {
    font-size: 0px;
    position: relative;
}
.headerTitleAndSearchBackground {
    width: 320px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #153a62;
    border-radius:5px 0px 0px 0px;
}
@media screen and (max-width:1618px) {
    .headerTitleAndSearchBackground {
        border-radius:0px;
    }
}
@media screen and (max-width:1280px) {
    .headerTitleAndSearchBackground {
        display: none;
    }
}
.headerSearch {
    width: 320px;
    display: inline-block;
    position: relative;
}
@media screen and (max-width:1280px) {
    .headerSearch {
        display:none;
    }
}
.headerSearchPadding {
    padding:12px;
}
.headerSearchInput {
    width: calc(100% - 10px);
    padding: 4px;
    font-size: 15px;
    outline: none;
    border: none;
    border-radius: 3px;
}
.headerTitleWrapper {
    width: calc(100% - 320px);
    display: inline-block;
    vertical-align: bottom;
}
@media screen and (max-width:1280px) {
    .headerTitleWrapper {
        width: 100%;
    }
}
.headerTitlePadding {
    display: inline-block;
    padding: 14px;
    min-height: 25px;
    padding-left: 50px;
    padding-right: 150px;
    padding-bottom: 10px;
    background: linear-gradient(270deg, rgba(21,58,98,0) 0%, rgba(21,58,98,1) 150px, rgba(21,58,98,1) 100%);
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    font-family: sans-serif;
}
@media screen and (max-width:1280px) {
    .headerTitlePadding {
        padding-left:15px;
        padding-right:100px;
    }
}
.headerTitlePadding .headerTextPreTitle {
    font-size: 15px;
    line-height:1.2em;
}
.headerTitlePadding .headerTextTitle {
    font-size: 20px;
    line-height: 1.2em;
}
.headerTitlePadding .headerTextPostTitle {
    font-size: 15px;
    line-height: 1.2em;
}
.headerTitlePadding .noHeaderTitle {
    font-size: 20px;
    line-height: 1.2em;
}
.headerTextBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.headerTextBackgroundGradientLeft {
    width: 50%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(25,83,149,0.76) 0%, rgba(17,52,91,0) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
}
.headerTextBackgroundGradientRight {
    width: 25%;
    height: 100%;
    background: linear-gradient( 270deg, rgba(25,83,149,0.76) 0%, rgba(17,52,91,0) 100%);
    position: absolute;
    top: 0px;
    right: 0px;
}
.headerTextBackgroundAngles {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow:hidden;
}
.headerTextBackgroundAngle1 {
    transform: rotate(36deg);
    width: 1600px;
    height: 500px;
    top: 0px;
    left: calc(50% - 924px);
    position: absolute;
    background: linear-gradient(0deg, rgba(165,196,224,0.5) 0%, rgba(165,196,224,0) 100%);
}
@media screen and (max-width:1615px) {
    .headerTextBackgroundAngle1 {
        left: -125px;
    }
}
@media screen and (max-width:1600px) {
    .headerTextBackgroundAngle1 {
        left: -90px;
    }
}
@media screen and (max-width:800px) {
    .headerTextBackgroundAngle1 {
        left: -260px;
    }
}
.headerTextBackgroundAngle2 {
    transform: rotate(36deg);
    width: 1600px;
    height: 2px;
    top: 460px;
    left: calc(50% - 1058px);
    position: absolute;
    background: linear-gradient(0deg, rgb(255 255 255 / 50%) 0%, rgba(165,196,224,0) 100%);
}
@media screen and (max-width:1615px) {
    .headerTextBackgroundAngle2 {
        left: -258px;
    }
}
@media screen and (max-width:1600px) {
    .headerTextBackgroundAngle2 {
        left: -225px;
    }
}
@media screen and (max-width:800px) {
    .headerTextBackgroundAngle2 {
        left: -395px;
    }
}
.headerPortraitContainer {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}
.headerPortraitPadding {
    position: absolute;
    margin: 50px;
    margin-left: 0px;
    margin-right: 0px;
    top: 0px;
    right: 0px;
    width: 180px;
    height: calc(100% - 130px);
    display: table-cell;
    border: 5px solid rgba(255,255,255,0.95);
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 50%);
    vertical-align: middle;
    transition: margin-right 0.5s;
}
@media screen and (max-width:1650px) {
    .headerPortraitPadding {
        margin-right:15px;
    }
}
@media screen and (max-width:800px) {
    .headerPortraitPadding {
        margin-top:15px;
        margin-bottom:0px;
    }
}
@media screen and (max-width:640px) {
    .headerPortraitPadding {
        height: 30vw;
        width: 28.125vw;
    }
}
@media screen and (max-width:512px) {
    .headerPortraitPadding {
        height: 154px;
        width: 144px;
    }
}
.headerPortrait {
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: top center;
}
/*Navigation Background if No Header Photo is Used*/
.noHeaderImage {
    width: 100%;
    height: 126px;
    position: absolute;
    background: linear-gradient(270deg, rgba(19,53,92,1) 0%, rgba(35,55,78,1) 100%);
    top: 0px;
}
.noHeaderNavLineTop {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 35px;
    background: linear-gradient(270deg, rgba(95,118,144,1) 0%, rgba(95,118,144,1) 50%, rgba(95,118,144,0) 50%, rgba(95,118,144,0) 100%);
}
.noHeaderNavLineMiddle {
    position: absolute;
    bottom: 0px;
    height: 35px;
    width: 100%;
    background: linear-gradient( 270deg, rgba(44,53,65,1) 0%, rgba(48,48,49,2) 50%, rgba(48,48,49,0) 50%, rgba(48,48,49,0) 100%);
}
/*Entity/Custom Page Header*/
.customHeader {
    position: relative;
    min-height: auto;
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
}
.customHeaderImage {
    max-width:100%;
    height:auto;
}
#CustomHeaderWidgetArea {
    min-height: 200px;
}
@media screen and (max-width:1600px) {
    #CustomHeaderWidgetArea {
        min-height:12.5vw;
    }
}
.customHeader .customTopHeaderWidget {
    min-height: 0px;
}
.customHeader.hasHeaderImage{
    min-height: 325px;
}
.customHeaderPortraitSpacer {
    min-height: 325px;
    width: 0px;
    display: inline-block;
    vertical-align: top;
}
.customEmptyHeaderMargins {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    max-width:1600px;
}
.welcomeSearchInput {
    background-color: rgba(25,64,106,.9);
    color: white;
    padding: 15px 55px 15px 20px;
    font-size: 22px;
    border: 1px solid white;
    border-radius: 10px;
    width: calc(100% - 78px);
    font-weight: bold;
    max-width: 680px;
    display: inline-block;
    outline: 0px;
    vertical-align: top;
}
@media screen and (max-width:620px) {
    .welcomeSearchInput {
        padding: 15px 55px 15px 15px;
        width: calc(100% - 73px);
    }
}
.welcomeSearchInput::placeholder {
    color:white;
}
.welcomeSearchButton {
    display: inline-block;
    width: 45px;
    height: 50px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: -45px;
    background-size: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/Content/Images/magnifierLarge.png);
}
.subnavContent {
    display: none;
}
.headerImageSource {
    display: none;
}
/*Content Wrapper*/
.contentWrapper {
    position: relative;
    font-size: 0px;
    line-height: 0px;
}
.contentMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient( 180deg, rgba(255,255,255,.90) 0%, rgba(255,255,255) 650px, rgba(255,255,255,1) 100%);
    min-height: calc(100vh - 512px);
    position: relative;
    box-shadow: 0px 40px 80px rgba(0,0,0,0.5);
    border-top: 3px solid rgba(0,0,0,0);
    border-image: linear-gradient(90deg, #d2a04a, rgba(0,0,0,0)) 1;
    border-radius: 0px 10px 0px 0px;
}
@media screen and (max-width:1618px) {
    .contentMargins {
        border-radius:0px;
    }
}
.contentMargins.noFooter {
    min-height: calc(100vh - 449px);
}
.contentMargins.noHeader {
    min-height: calc(100vh - 450px);
}
.contentMargins.noFooter.noHeader {
    box-shadow:none;
}
.contentMargins.noBackground {
    background:none;
}
.contentMargins.noMargin_True {
    max-width: 100%;
    margin:0px;
}
.outerInlineBlock {
    display: inline-block;
    width: 100%;
}
.inlineBlock {
    display: inline-block;
    width: 100%;
}
/*Subnav*/
.openSubnav {
    font-size: 16px;
    padding: 17px;
    padding-top: 15px;
    padding-bottom: 16px;
    padding-left: 45px;
    padding-right: 25px;
    line-height: 1em;
    display: inline-block;
    color: white;
    text-decoration: none;
    position: relative;
    line-height: 1.2em;
    max-width: 145px;
    left: 0px;
    transition: color 0.4s, background-color 0.4s, left 0.4s;
    background-color: rgba(21,58,98,1);
    display: none;
}
@media screen and (max-width:1280px) {
    .openSubnav {
        display:inline-block;
    }
}
.openSubnav:hover{ 
    color:#ffdc9d;
    background-color:rgba(0,0,0,0.8); 
}
.openSubnav.open{
    left: -215px;
}
.openSubnav .arrow {
    display: inline-block;
    position: absolute;
    top: 19px;
    left: 21px;
    width: 9px;
    height: 9px;
    top: calc(50% - 6px);
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    transform: rotate(45deg);
    overflow: hidden;
    color: rgba(0,0,0,0);
}
.subnavBackground {
    background-color: rgba(20,56,94,0.95);
    width: 320px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
@media screen and (max-width:1280px) {
    .subnavBackground {
        display:none;
    }
}
/*.subnavBackgroundGradient {
    position: absolute;
    top: 0px;
    height: 450px;
    max-height:100%;
    width: 15px;
    right: -15px;
    background: linear-gradient(180deg, rgba(255,177,60,1) 0%, rgba(22,63,107,0) 100%);
}*/
.subnav {
    position: relative;
    float: left;
    width: 320px;
    height: auto;
    display: none;
}
.subnav.show{
    display:block;
    /*animation-name:fadeInSubnav;*/
    animation-duration:0.8s;
}
@keyframes fadeInSubnav {
    from{ opacity: 0; }
    to{ opacity: 1; }
}
@media screen and (max-width:1280px) {
    .subnav {
        display:block;
        background-color: rgba(20,57,97,1);
        position: absolute;
        left: -320px;
        transition: left 0.4s;
        top: 0px;
        z-index: 4;
    }
    .subnav.open {
        left:0px;
    }
}
@media screen and (max-width:400px) {
    .subnav {
        max-width:calc(100% - 50px);
    }
}
.subnav.noSubnav {
    display:none;
}
.subnav a.closeSubnav {
    display: none;
}
@media screen and (max-width:1280px) {
    .subnav a.closeSubnav, .subnav a.closeSubnav:active, .subnav a.closeSubnav:visited {
        font-size: 16px;
        padding: 0px;
        width: 0px;
        height: 49px;
        overflow: hidden;
        line-height: 8em;
        display: inline-block;
        vertical-align: top;
        color: white;
        text-decoration: none;
        transition: color 0.4s, background-color 0.4s, width 0.4s, margin-right 0.4s;
        background-color: rgba(20,57,97,1);
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        border-bottom: 1px solid #d6a85a;
    }
    .subnav a.closeSubnav:hover {
        background-color: rgba(44,47,49,1);
    }
    .subnav.open a.closeSubnav {
        width: 50px;
        margin-right: -50px;
    }
}
.subnav a.closeSubnav .closeLeft {
    height: 2px;
    width: 32px;
    top: 24px;
    left: calc(50% - 16px);
    position: absolute;
    background-color: white;
    transform: rotate( 45deg);
}
.subnav a.closeSubnav .closeRight {
    height: 2px;
    width: 32px;
    top: 24px;
    left: calc(50% - 16px);
    position: absolute;
    background-color: white;
    transform: rotate( -45deg);
}
.subnav .nav {
    position: relative;
}
.subnav .nav .link{
    background-color:rgba(0,0,0,0);
    transition:background-color 0.4s;
}
.subnav .nav .link:hover{
    background-color:rgba(0,0,0,0.3);
}
.subnav .nav.hidden > .link { display:none; }
.subnav .nav .openLink {
    display: none;
}
.subnav .nav.hasChildren > .link > .openLink {
    display:block;
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0px;
    right: 0px;
}
.subnav .nav.hasChildren.hasHiddenChildren > .link > .openLink {
    display:none;
}
.subnav .mobileCustomTopNav {
    display:none;
}
.subnav .mobileCustomTopNav.show {
    display:block;
}
.subnav .mobileCustomTopNav.show .hidden{
    display:block;
}
.subnav .mobileCustomTopNav .customNavMenuLogo {
    display:none;
}
.subnav .mobileCustomTopNav .openCustomMobileNavigation {
    display: none;
}
.subnav .navMenu {
    font-size: 16px;
    line-height: 1.2em;
}
@media screen and (max-width:1280px) {
    .subnav .navMenu {
        max-height: 501px;
        overflow: hidden;
    }
    .subnav.open .navMenu {
        max-height: none;
        overflow: unset;
    }
}
.subnav .nav.hiddenLink > .link{
    display:none;
}
.nav.L2, .nav.L3, .nav.L4, .nav.L5, .nav.L6, .nav.L7, .nav.L8, .nav.L9, .nav.L10 {
    display: none;
}
.nav.L1 .nav.L2, .nav.L1 .nav.L3, .nav.L1 .nav.L4, .nav.L1 .nav.L5, .nav.L1 .nav.L6, .nav.L1 .nav.L7, .nav.L1 .nav.L8, .nav.L1 .nav.L9, .nav.L1 .nav.L10 {
    display:block;
}
.subnav .nav.L1 .nav.L2{ background-color:rgba(0,0,0,0.15);}
.subnav .nav.L1 .nav.L3{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L4{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L5{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L6{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L7{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L8{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L9{ background-color:rgba(0,0,0,0.3);}
.subnav .nav.L1 .nav.L10{ background-color:rgba(0,0,0,0.3);}
.subnav .nav .navOverflow {
    overflow: hidden;
    height: 0px;
}
.subnav .nav.L1 .link {  border-bottom: 1px solid rgba(215,171,98,0.70); position:relative; }
.subnav .nav.L1 .nav.L2 .link { border-bottom: 1px solid rgba(215,171,98,0.5); }
.subnav .nav.L1 .nav.L3 .link {  border-bottom: 1px solid rgba(215,171,98,0.25); }
.subnav .nav.L1 .nav.L4 .link {  border-bottom: 1px solid rgba(215,171,98,0.15); }
.subnav .nav.L1 .nav.L5 .link {  border-bottom: 1px solid rgba(215,171,98,0.15); }
.subnav .nav.L1 .nav.L6 .link {  border-bottom: 1px solid rgba(215,171,98,0.10); }
.subnav .nav.L1 .nav.L7 .link {  border-bottom: 1px solid rgba(215,171,98,0.10); }
.subnav .nav.L1 .nav.L8 .link {  border-bottom: 1px solid rgba(215,171,98,0.10); }
.subnav .nav.L1 .nav.L9 .link {  border-bottom: 1px solid rgba(215,171,98,0.10); }
.subnav .nav.L1 .nav.L10 .link {  border-bottom: 1px solid rgba(215,171,98,0.10); }
.subnav .nav.hasChildren > .link {
    padding-right:45px;
}
.subnav .nav.hasChildren.hasHiddenChildren > .link {
    padding-right:0px;
}
.subnav a, .subnav a:active, .subnav a:visited{
    color:white;
    text-decoration:none;
    display:block;
    padding:15px;
}
.subnav a:hover{
    color:#ffdc9d;
}
.subnav .currentPage > .link a, .subnav .currentPage > .link a:active, .subnav .currentPage > .link a:visited {
    color: #ffdc9d;
    background-color: rgba(14,23,31,0.75);
}
.subnav .nav.L1 .link a.openCloseNav {
    color: rgba(255,255,255,0);
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 0px;
}
.subnav .nav.L1 .link a.openCloseNav .arrow {
    display: inline-block;
    position: absolute;
    top: calc(50% - 6px);
    left: 16px;
    width: 10px;
    height: 10px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate( 45deg);
    overflow: hidden;
    color: rgba(0,0,0,0);
    transition: transform 0.4s, top 0.4s, left 0.3s;
}
.subnav .nav.open > .link a.openCloseNav .arrow {
    transform: rotate( 135deg);
    top: calc(50% - 8px);
    left: 17px;
}
.subnav .nav.open.noAnimation > .link a.openCloseNav .arrow {
    transition:none;
}
.subnav .nav.currentEntity > .link > .openLink {
    display: none;
}
.subnav .nav.currentEntity > .link {
    padding-right:0px;
}
.subnav .nav.currentEntity > .navOverflow {
    height: auto;
}
/*Local Navigation - Using the Navigation, Sitemap, or Auto Navigation Views*/
.headerNavigationArea .customNavigationMargins {
    position: relative;
    bottom: 0px;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}
.headerNavigationArea .customNavigation {
    height: 40px;
    border-top: 1px solid rgba(255,255,255,0.8);
    background: linear-gradient( 90deg, rgba(17,52,91,0.9) 0%, rgba(17,52,91,0.5) 100%);
    padding-left: 335px;
    white-space: nowrap;
}
@media screen and (max-width:400px) {
    .headerNavigationArea .customNavigation {
        padding-left: calc(100% - 60px);
    }
}
.headerNavigationArea .customNavMenuLogo {
    width: 300px;
    height: 100px;
    bottom: 0px;
    position: absolute;
    left: 10px;
    background-position: bottom center;
    background-repeat: no-repeat;
}
@media screen and (max-width:340px) {
    .headerNavigationArea .customNavMenuLogo {
        width: calc(100% - 20px);
    }
}
.headerNavigationArea .customNavMenuLogo a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: rgba(0,0,0,0);
}
.headerNavigationArea .customNavigation a.openCustomMobileNavigation {
    display: none;
}
.headerNavigationArea .customNavigation.mobile a.openCustomMobileNavigation {
    position: absolute;
    width: calc(100% - 320px);
    margin-left: 320px;
    height: 40px;
    left: 0px;
    bottom: 0px;
    line-height: 1em;
    display: none;
    z-index: 1;
}
@media screen and (max-width:400px) {
    .headerNavigationArea .customNavigation.mobile a.openCustomMobileNavigation {
        width: 45px;
        margin-left: calc(100% - 55px);
    }
}
.headerNavigationArea .automaticallyGeneratedNavigation .customNavigation.mobile a.openCustomMobileNavigation {
    display:block;
}
.openCustomMobileNavigation .hamburger {
    width: 35px;
    height: 21px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    line-height: 70px;
}
.openCustomMobileNavigation .hamburger .line{
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: white;
}
.openCustomMobileNavigation .hamburger .line.topBun{
    top:0px;
}
.openCustomMobileNavigation .hamburger .line.patty{
    top:9px;
}
.openCustomMobileNavigation .hamburger .line.bottomBun{
    bottom:0px;
}
.headerNavigationArea .customNavigation .navMenu {
    display: inline-block;
}
.headerNavigationArea .customNavigation.mobile .navMenu {
    display: block;
    padding: 7px;
    background: linear-gradient( 90deg, rgba(25,43,65,1) 0%, rgba(39,70,105,0.9) 100%);
}
.headerNavigationArea .customNavigation .navMenu .nav.hiddenLink > .link {
    display: none;
}
.headerNavigationArea .customNavigation .navMenu .nav.L1 {
    display: inline-block;
    vertical-align: top;
}
.headerNavigationArea .customNavigation.mobile .nav.L1 .link {
    padding-left: 30px;
    position: relative;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link {
    padding-left: 15px;
    position: relative;
}
.headerNavigationArea .customNavigation.mobile .nav.L1 .nav.L2 .link {
    padding-left: 26px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link .openLink {
    position: absolute;
    top: 0px;
    left: -3px;
    width: 19px;
    height: 28px;
}
.headerNavigationArea .customNavigation.mobile .nav.L1 .nav.L2 .link .openLink {
    left: 0px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link a {
    padding: 5px;
    margin-right: 0px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link a.openCloseNav {
    padding:0px;
}
.headerNavigationArea .customNavigation .navMenu .nav.L1 .link a {
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 15px;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    text-decoration: none;
    font-size: 18px;
    line-height: 1em;
}
.headerNavigationArea .customNavigation .navMenu .nav.L1 .link a:hover {
    text-shadow: 0px 0px #ffdc9d;
    color: rgba(0,0,0,0);
}
.headerNavigationArea .customNavigation .navMenu .nav.L1:last-of-type .link a {
    margin-right:0px;
}
.headerNavigationArea .customNavigation.mobile .navMenu .nav.L1 {
    display:block;
}
.headerNavigationArea .customNavigation.mobile .navMenu .nav.L1 .link a {
    display: inline-block;
}
.headerNavigationArea .customNavigation .navMenu .nav.L2 .link a {
    font-size: 16px;
}
.headerNavigationArea .customNavigation .nav.L1 > .link > .openLink {
    display: none;
}
.headerNavigationArea .customNavigation.mobile .nav.L1 > .link > .openLink {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 38px;
}
.headerNavigationArea .customNavigation .nav.L1 .link a.openCloseNav {
    color: rgba(255,255,255,0);
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 0px;
}
.headerNavigationArea .customNavigation .nav.L1 .link a.openCloseNav .arrow {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(45deg);
    overflow: hidden;
    color: rgba(0,0,0,0);
    transition: transform 0.4s, top 0.4s, left 0.3s;
}
.headerNavigationArea .customNavigation .nav.L1.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 10px;
    left: 5px;
    text-shadow:none;
}
.headerNavigationArea .customNavigation .nav.L1.hasChildren > .navOverflow {
    white-space: normal;
    display: none;
    position: absolute;
    border: 1px solid rgba(255,255,255,0.5);
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    list-style: none;
    width: 280px;
    margin-left: -15px;
    line-height: 1.2em;
    animation-name: customdropdown;
    animation-duration: 0.4s;
    height: auto;
    background: linear-gradient( 90deg, rgba(17,52,91,0.9) 0%, rgba(17,52,91,0.9) 100%);
}
@keyframes customdropdown {
    from {
        opacity: 0;
        top: 15px;
    }
    to {
        opacity: 1;
        top: 40px;
    }
}
.headerNavigationArea .customNavigation .nav.L1.hasChildren:hover > .navOverflow {
    display: block;
}
.headerNavigationArea .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    display: block;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: rgba(0,0,0,0);
    position: relative;
    animation-duration: 0s;
    animation-name: none;
    height: 0px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link {
    padding-left: 15px;
    position: relative;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link a {
    padding: 7px;
    padding-left:5px;
    margin-right: 0px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link .openLink {
    position: absolute;
    top: 0px;
    left: -3px;
    width: 19px;
    height: 28px;
}
.headerNavigationArea .customNavigation .nav.L1 .nav.L2 .link a.openCloseNav {
    padding:0px;
}
.headerNavigationArea .customNavigation .nav.L2 .link a.openCloseNav .arrow {
    top: 9px;
    left: 2px;
}
.headerNavigationArea .customNavigation .nav.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 5px;
    left: 5px;
}
.headerNavigationArea .customNavigation.mobile .customMobileNavigationOverlow {
    display: block;
    width: 100%;
    left: 0px;
    height: 0px;
    overflow: hidden;
    top: 40px;
    position: absolute;
}
.headerNavigationArea .customNavigation .nav.L2 .link a.openCloseNav {
    padding: 0px;
}
.headerNavigationArea .customNavigation .nav.L2 .link a.openCloseNav .arrow {
    top: 9px;
    left: 2px;
}
.headerNavigationArea .customNavigation .nav.L1.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 10px;
    left: 5px;
}
.headerNavigationArea .customNavigation .nav.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 5px;
    left: 5px;
}
.headerNavigationArea .customNavigation .nav > .navOverflow {
    height: 0px;
    overflow: hidden;
}
/*Animal Care Styles*/
.section-animal .openCustomMobileNavigation .hamburger .line {
    background-color:black;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1.currentPage > .link {
    position: relative;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1.currentPage > .link > a {
    background-size: 45px !important;
    background-repeat: no-repeat;
    background-position: top 5px center !important;
    position: relative;
    padding-left:8px;
    padding-right:8px;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+1).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected1.png') !important;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+2).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected2.png') !important;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+3).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected3.png') !important;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+4).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected4.png') !important;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+5).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected5.png') !important;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(6n+6).currentPage > .link > a {
    background-image: url('/Content/Images/components/animal_care/selected6.png') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+1).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+2).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+3).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+4).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+5).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(6n+6).currentPage > .link > a {
    background-image: url('') !important;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link {
    padding-left:0px;
    padding-right:0px;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1.currentPage > .link::before {
    content: "\20";
    display: block;
    position: absolute;
    left: -8px;
    right: 6px;
    background-repeat: no-repeat;
    background-position: 55% 3px;
    border-width: 6px;
    border-style: solid;
    height: 108px;
    top: -33px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
    border-image: linear-gradient(to top,rgba(13, 176, 201, 0.7),rgba(255,255,255,0) 65%) 1 100%;
    border-bottom: 0px;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:last-of-type.currentPage > .link::before {
    right: -8px;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1.currentPage > .link::before {
    display: none;
}
.headerNavigationArea .section-animal .customNavigation {
    padding-left: 375px;
    padding-right: 10px;
    height: 80px;
    background: rgba(98,225,246,1);
    padding-bottom: 8px;
    border-top: 0px;
}
.headerNavigationArea .section-animal .customNavigation.mobile {
    padding-left:0px;
}
.headerNavigationArea .section-animal .customNavigation::after {
    content:'';
    height:7px;
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:#F885A9;
}
.headerNavigationArea .section-animal .customNavMenuLogo {
    background-image: url(/Content/Images/components/animal_care/logo-acps.png);
    width: 298px;
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 50%);
    height: 118px;
    border-radius: 5px 5px 0px 0px;
    bottom: 7px;
    position: absolute;
    left: 11px;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width:340px) {
    .headerNavigationArea .section-animal .customNavMenuLogo {
        width: calc(100% - 20px);
        height: 0px;
        padding-top: 39%;
        background-position: bottom center;
        background-size: contain;
        background-color: white;
    }
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1 > .link > a {
    padding-top: 50px;
    padding-bottom: 16px;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu {
    background: linear-gradient( 90deg, rgba(98,225,246,1) 0%, rgba(62,183,203,0.95) 100%);
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1 > .link > a {
    padding-top: 12px;
    padding-bottom: 10px;
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1 > .link > a:hover{
    text-decoration:underline;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .link a.openCloseNav .arrow {
    border-top: 2px solid black;
    border-right: 2px solid black;
    text-shadow:none;
}
.headerNavigationArea .section-animal .customNavigation.mobile a.openCustomMobileNavigation {
    margin-left: 320px;
    width: calc(100% - 320px);
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-animal .customNavigation.mobile a.openCustomMobileNavigation {
        display:none;
    }
}
.headerNavigationArea .section-animal .customNavigation .nav.L1.hasChildren > .navOverflow {
    animation-name: animalcareNavigation;
    z-index:1;
}
@keyframes animalcareNavigation {
    from {
        top:60px;
        opacity:0;
    }
    to {
        top:80px;
        opacity:1;
    }
}
.headerNavigationArea .section-animal .customNavigation .nav.L1.hasChildren > .navOverflow {
    background:none;
    background-image:url('');
    background-color:#62e1f6;
    border:1px solid white;
    width: 300px;
    min-height: 180px;
    padding-left:0px;
    background-position:bottom right;
    background-repeat:no-repeat;
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    background-color:rgba(0,0,0,0);
    width:auto;
    min-height:0px;
    padding-right:0px;
    border:0px;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 1) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu1.png');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 2) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu2.png');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 3) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu3.png');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 4) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu4.png');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 5) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu5.png');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1:nth-of-type(6n + 6) > .navOverflow {
    background-image: url('/Content/Images/components/animal_care/menu6.png');
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1.hasChildren:nth-of-type(4n + 0) > .navOverflow {
    background-image: url('');
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1.hasChildren:nth-of-type(4n + 1) > .navOverflow {
    background-image: url('');
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1.hasChildren:nth-of-type(4n + 2) > .navOverflow {
    background-image: url('');
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1.hasChildren:nth-of-type(4n + 3) > .navOverflow {
    background-image: url('');
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a, .headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a:active, .headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a:visited {
    font-size: 14px;
    text-transform: unset;
    font-weight: normal;
    padding-left: 25px;
    padding-right: 120px;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a:hover {
    font-size: 14px;
    text-transform: unset;
    font-weight: normal;
    text-decoration:underline;
    background: linear-gradient(90deg, rgba(255,255,255,0.79) 0%, rgba(255,255,255,0) 100%);
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1 .nav.L2 .link a:hover {
    background: none;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a.openCloseNav {
    background: none;
    padding: 0px;
    left:5px;
}
.headerNavigationArea .section-animal .customNavigation.mobile .nav.L1 .nav.L2 .link a.openCloseNav {
    left:0px;
}
.headerNavigationArea .section-animal .customNavigation .nav.L1 .nav.L2 .link a.openCloseNav .arrow {
    animation-name:none;
    transition:none;
}
.section-animal .openCustomMobileNavigation .hamburger {
    margin-top: 5px;
}
.headerNavigationArea .section-animal .customNavigation.mobile .customMobileNavigationOverlow {
    top: 87px;
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-animal .customNavigation.mobile .customMobileNavigationOverlow {
        display:none;
    }
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1 .link a, .headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1 .link a:active, .headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1 .link a:visited {
    color: black;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    background-position: top 15px center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(2n+0) > .link a:hover {
    background-image: url('/Content/Images/components/animal_care/paw1.png');
}
.headerNavigationArea .section-animal .customNavigation .navMenu .nav.L1:nth-of-type(2n+1) > .link a:hover {
    background-image: url('/Content/Images/components/animal_care/paw2.png');
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(2n+0) > .link a:hover {
    background-image:url('');
}
.headerNavigationArea .section-animal .customNavigation.mobile .navMenu .nav.L1:nth-of-type(2n+1) > .link a:hover {
    background-image: url('');
}
/*Urban Forestry Styles*/
.headerNavigationArea .section-trees .customNavMenuLogo {
    background-image: url('/Content/Images/components/trees/urban_forestry_logo.png');
    width: 300px;
    height: 116px;
    background-size: contain;
    border-radius: 5px 5px 0px 0px;
    bottom: 0px;
    position: absolute;
    left: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width:340px) {
    .headerNavigationArea .section-trees .customNavMenuLogo {
        width: calc(100% - 20px);
        height: 0px;
        padding-top: 36%;
        background-position: bottom center;
        background-size: contain;
    }
}
.headerNavigationArea .section-trees .customNavigation {
    padding-left: 375px;
    padding-right: 10px;
    padding-top: 85px;
    padding-bottom: 16px;
    background-repeat: no-repeat;
    background: url('/Content/Images/components/trees/treeline.png');
    border-top: 0px;
}
@media screen and (max-width:1280px) {
    .headerNavigationArea .section-trees .customNavigation {
        padding-left: 350px;
    }
}
@media screen and (max-width:395px){
    .headerNavigationArea .section-trees .customNavigation {
        padding-left: calc(100% - 60px);
    }
}
.headerNavigationArea .section-trees .customNavigation.mobile a.openCustomMobileNavigation {
    margin-left: 320px;
    width: calc(100% - 330px);
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-trees .customNavigation.mobile a.openCustomMobileNavigation {
        display:none;
    }
}
.headerNavigationArea .section-trees .customNavigation.mobile .customMobileNavigationOverlow {
    top: 141px;
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-trees .customNavigation.mobile .customMobileNavigationOverlow {
        display:none;
    }
}
.headerNavigationArea .section-trees .customNavigation.mobile .navMenu {
    background: linear-gradient( 90deg, rgba(18,90,53,1) 0%, rgba(23,97,60,0.9) 100%);
}
.headerNavigationArea .section-trees .customNavigation .navMenu .nav.L1 {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJEOUQ4RTVFOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJEOUQ4RTVGOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEVFODYxNDE5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVFODYxNDI5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7D7wSaAAAAFUlEQVR42mL4//8/EwMDA7UwQIABAO9WAySnLUDrAAAAAElFTkSuQmCC");
    margin-right: 28px;
}
.headerNavigationArea .section-trees .customNavigation.mobile .navMenu .nav.L1 {
    background-image: none;
}
.headerNavigationArea .section-trees .customNavigation .navMenu .nav.L1:last-of-type {
    background-image: none;
    margin-right: 0px;
}
.headerNavigationArea .section-trees .customNavigation .navMenu .nav.L1 .link a {
    margin-right: 30px;
}
.headerNavigationArea .section-trees .customNavigation .navMenu .nav.L1 .link a:hover {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px #a9ff5b;
}
.headerNavigationArea .section-trees .customNavigation .navMenu .nav.L1.currentPage .link a {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px #a9ff5b;
}
.headerNavigationArea .section-trees .customNavigation .nav.L1.hasChildren > .navOverflow {
    animation-name: urban-forestry-dropdown;
    top:141px;
    display:none;
}
@keyframes urban-forestry-dropdown {
    from {
        top:120px;
        opacity:0;
    }
    to {
        top:141px;
        opacity:1;
    }
}
.headerNavigationArea .section-trees .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    display:block;
    animation-name: none;
    top:unset;
}
.headerNavigationArea .section-trees .customNavigation .nav.L1.hasChildren > .navOverflow {
    background: rgba(18,90,53,0.95);
}
.headerNavigationArea .section-trees .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    background: rgba(0,0,0,0);
}
/*Environmental Protection Board Styles*/
.headerNavigationArea .section-environmentalprotection .customNavMenuLogo {
    background-image: url('/Content/Images/components/environmental_quality/EPB_logo.png');
    width: 215px;
    height: 215px;
    background-size: contain;
    border-radius: 5px 5px 0px 0px;
    bottom: 0px;
    position: absolute;
    left: 60px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    z-index: 1;
}
@media screen and (max-width:800px) {
    .headerNavigationArea .section-environmentalprotection .customNavMenuLogo {
        width: 150px;
        height: 150px;
        left: 0px;
        margin-bottom: 0px;
        padding-top: 32%;
        background-position: bottom center;
        background-size: contain;
    }
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-environmentalprotection.customNavMenuLogo {
        width: calc(100% - 70px);
        height: 0px;
        padding-top: 32%;
        background-position: bottom center;
        background-size: contain;
    }
}
.headerNavigationArea .section-environmentalprotection .customNavigation {
    padding-left: 375px;
    padding-right: 10px;
    height: 60px;
    background: #053E3E;
    padding-right: 160px;
    padding-top: 20px;
    background: linear-gradient(180deg, rgba(7,67,68,0.8) 0%, rgba(3,45,46,0.8) 100%);
    border-top: 0px;
}
@media screen and (max-width:1280px) {
    .headerNavigationArea .section-environmentalprotection .customNavigation {
        padding-left: 350px;
    }
}
@media screen and (max-width:800px) {
    .headerNavigationArea .section-environmentalprotection .customNavigation {
        padding-left: 160px;
    }
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile a.openCustomMobileNavigation {
    margin-left: 320px;
    width: calc(100% - 330px);
    height: 80px;
}
@media screen and (max-width:1280px) {
    .headerNavigationArea .section-environmentalprotection .customNavigation.mobile a.openCustomMobileNavigation {
        margin-left: 285px;
        width: calc(100% - 295px);
    }
}
@media screen and (max-width:800px) {
    .headerNavigationArea .section-environmentalprotection .customNavigation.mobile a.openCustomMobileNavigation {
        margin-left: 155px;
    }
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile .customMobileNavigationOverlow {
    top: 80px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile .navMenu {
    background: #053E3E;
    background: linear-gradient(90deg, rgba(5,62,62,1) 0%, rgba(11,87,87,0.9) 100%);
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1 {
    background-repeat: no-repeat;
    background-position: right top 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJEOUQ4RTVFOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJEOUQ4RTVGOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEVFODYxNDE5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVFODYxNDI5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7D7wSaAAAAFUlEQVR42mL4//8/EwMDA7UwQIABAO9WAySnLUDrAAAAAElFTkSuQmCC");
    margin-right: 28px;
    height: 60px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile .navMenu .nav.L1 {
    background-image: none;
    height: auto;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1:last-of-type {
    background-image: none;
    margin-right: 0px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1 .link a {
    margin-right: 30px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1:last-of-type .link a {
    margin-right: 0px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1 .link a:hover {
    color: #ACD8AB;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .navMenu .nav.L1.currentPage .link a {
    color: #ACD8AB;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .nav.L1.hasChildren > .navOverflow {
    animation-name: environmental-protection-dropdown;
}
@keyframes environmental-protection-dropdown {
    from {
        top: 40px;
        opacity: 0;
    }

    to {
        top: 80px;
        opacity: 1;
    }
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    animation-name: none;
}
.headerNavigationArea .section-environmentalprotection .customNavigation .nav.L1.hasChildren > .navOverflow {
    background: #053E3E;
    top: 80px;
}
.headerNavigationArea .section-environmentalprotection .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    background: rgba(0,0,0,0);
    top: 0px;
}
.section-environmentalprotection .openCustomMobileNavigation .hamburger {
    margin-top: 28px;
}
.section-environmentalprotection .openSubnav {
    color: white;
    background-color: #053E3E;
}
/*Environmental Quality Styles*/
.headerNavigationArea .section-environmentalquality .customNavMenuLogo {
    background-image: url('/Content/Images/components/environmental_quality/coj_logo.png');
    width: 215px;
    height: 215px;
    background-size: contain;
    border-radius: 5px 5px 0px 0px;
    bottom: 0px;
    position: absolute;
    left: 60px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -15px;
    z-index: 1;
    display:none;
}
@media screen and (max-width:800px) {
    .headerNavigationArea .section-environmentalquality .customNavMenuLogo {
        width: 150px;
        height: 150px;
        left: 0px;
        margin-bottom: 0px;
        padding-top: 32%;
        background-position: bottom center;
        background-size: contain;
    }
}
@media screen and (max-width:640px) {
    .headerNavigationArea .section-environmentalquality .customNavMenuLogo {
        width: 23.4375vw;
    }
}
@media screen and (max-width:395px) {
    .headerNavigationArea .section-environmentalquality.customNavMenuLogo {
        width: calc(100% - 70px);
        height: 0px;
        padding-top: 32%;
        background-position: bottom center;
        background-size: contain;
    }
}
.headerNavigationArea .section-environmentalquality .customNavigation {
    padding-left: 375px;
    padding-right: 15px;
    height: 60px;
    background: #053E3E;
    padding-top: 20px;
    background: linear-gradient(180deg, rgba(7,67,68,0.8) 0%, rgba(3,45,46,0.8) 100%);
    border-top: 0px;
}
@media screen and (max-width:1600px) {
    .headerNavigationArea .section-environmentalquality .customNavigation {
        padding-left: 15px;
        text-align:center;
    }
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile {
    text-align:left;
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile a.openCustomMobileNavigation {
    margin-left: 15px;
    width: calc(100% - 30px);
    height: 80px;
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile .customMobileNavigationOverlow {
    top: 79px;
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile .navMenu {
    background: #053E3E;
    background: linear-gradient(90deg, rgba(5,62,62,1) 0%, rgba(11,87,87,0.9) 100%);
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1 {
    background-repeat: no-repeat;
    background-position: right top 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAIAAADDbMD2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJEOUQ4RTVFOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJEOUQ4RTVGOTM1ODExRUM4QURBRTU1NkM1NkNBQ0U0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEVFODYxNDE5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEVFODYxNDI5MzU3MTFFQzhBREFFNTU2QzU2Q0FDRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7D7wSaAAAAFUlEQVR42mL4//8/EwMDA7UwQIABAO9WAySnLUDrAAAAAElFTkSuQmCC");
    margin-right: 28px;
    height: 60px;
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile .navMenu .nav.L1 {
    background-image: none;
    height: auto;
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1:last-of-type {
    background-image: none;
    margin-right: 0px;
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1 .link a {
    margin-right: 30px;
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1:last-of-type .link a {
    margin-right: 0px;
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1 .link a:hover {
    color: #ACD8AB;
}
.headerNavigationArea .section-environmentalquality .customNavigation .navMenu .nav.L1.currentPage .link a {
    color: #ACD8AB;
}
.headerNavigationArea .section-environmentalquality .customNavigation .nav.L1.hasChildren > .navOverflow {
    animation-name: environmental-quality-dropdown;
}
@keyframes environmental-quality-dropdown {
    from {
        top: 40px;
        opacity: 0;
    }
    to {
        top: 80px;
        opacity: 1;
    }
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    animation-name: none;
}
.headerNavigationArea .section-environmentalquality .customNavigation .nav.L1.hasChildren > .navOverflow {
    text-align:left;
    background: #053E3E;
    top: 80px;
}
.headerNavigationArea .section-environmentalquality .customNavigation.mobile .nav.L1.hasChildren > .navOverflow {
    background: rgba(0,0,0,0);
    top: 0px;
}
.section-environmentalquality .openCustomMobileNavigation .hamburger {
    margin-top: 29px;
}
.section-environmentalquality .openSubnav {
    color: white;
    background-color: #053E3E;
}
/*Content Nav Menu*/
.pageContent .navMenu {
    display: inline-block;
    width: 100%;
}
.pageContent .navMenu .L1 {
    font-size:16px;
    display:inline-block;
    position:relative;
}
/*CBCR Nav Menu Styles*/
.pageContent .section-cbcr .customNavigation {
    border: 5px solid rgba(86,123,176,.86);
    border-top: 0px;
    margin-bottom: 30px;
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .customNavigation {
        margin-bottom: 15px;
    }
}
.pageContent .section-cbcr .navMenu {
    display: inline-block;
    width: calc(100% - 10px);
    margin-bottom: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: -5px;
    border-left: 5px #6d8dbb solid;
    border-right: 5px #6d8dbb solid;
    border-bottom: 5px #6d8dbb solid;
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .navMenu {
        margin-bottom: 10px;
    }
}
.section-cbcr .navMenu .link {
    font-size: 16px;
    line-height: 1.2em;
    margin-left: 250px;
    font-weight: bold;
    margin-top: 15px;
}
@media screen and (max-width:1280px) {
    .section-cbcr .navMenu .link {
        margin-left:235px;
    }
}
@media screen and (max-width:800px) {
    .section-cbcr .navMenu .link {
        margin-left: 230px;
    }
}
@media screen and (max-width:640px) {
    .section-cbcr .navMenu .link {
        margin-left: 15px;
    }
}
.pageContent .section-cbcr .link a, .pageContent .section-cbcr .link a:active, .pageContent .section-cbcr .link a:visited {
    text-decoration: none;
}
.pageContent .section-cbcr .link a:hover {
    text-decoration: underline;
}
/*ExploreJax Nav Menu Styles*/
.pageContent .section-explorejax .navMenu {
    background-color: #2f5176;
    padding-bottom:10px;
    font-size:0px;
}
.pageContent .section-explorejax .navMenu .L1 {
    padding: 15px;
    height: 18px;
    min-width: 120px;
    font-weight: bold;
    font-size: 20px;
}
.pageContent .section-explorejax .navMenu .L1::after {
    content:' ';
    background-color:white;
    height:2px;
    width:calc(100% - 30px);
    position:absolute;
    bottom:5px;
    left:15px;
    pointer-events:none;
}
.pageContent .section-explorejax .navMenu .L1:hover::after{
    background-color:#fbb732;
}
.pageContent .section-explorejax .navMenu .L2 {
    display:none;
}
.pageContent .section-explorejax .navMenu a, .pageContent .section-explorejax .navMenu a:active, .pageContent .section-explorejax .navMenu a:visited {
    color: white;
    text-decoration: none;
    top: 0px;
    left: 0px;
    padding: 15px;
    display: block;
    margin: -15px;
}
.pageContent .section-explorejax .navMenu a:hover {
    color: #fbb732;
    text-decoration: none;
}
/*bulletedLinkList styles : As seen in UIStarterCore.Hidden, UIStarterCore.Redirect, and others*/
.bulletedLinkList {
    opacity:0;
}
.bulletedLinkList.show {
    opacity:1;
}
/*Parks Styles*/
.pageContent .section-parks .navMenu {
    background-color: #021d36;
    padding-bottom: 10px;
    font-size: 0px;
}
.pageContent .section-parks .navMenu .L1 {
    padding: 15px;
    height: 18px;
    min-width: 120px;
    font-weight: bold;
    font-size: 20px;
}
.pageContent .section-parks .navMenu .L1::after {
    content:' ';
    background-color:white;
    height:1px;
    width:calc(100% - 30px);
    position:absolute;
    bottom:5px;
    left:15px;
    pointer-events:none;
}
.pageContent .section-parks .navMenu .L1:hover::after{
    background-color:#fbb732;
}
.pageContent .section-parks .navMenu .L2 {
    display:none;
}
.pageContent .section-parks .navMenu a, .pageContent .section-parks .navMenu a:active, .pageContent .section-parksx .navMenu a:visited {
    color: white;
    text-decoration: none;
    top: 0px;
    left: 0px;
    padding: 15px;
    display: block;
    margin: -15px;
}
.pageContent .section-parks .navMenu a:hover {
    color: #fbb732;
    text-decoration: none;
}
/*Content*/
.content {
    margin-left: 320px;
}
@media screen and (max-width:1280px) {
    .content {
        margin-left:0px;
    }
}
.content.welcomeContent{
    margin-left:0px;
}
.content.noSubnav {
    margin-left: 0px;
}
.content h1 {
    margin-bottom: 15px;
    color: #1e354d;
    line-height: 1.2em;
}
.content h1:first-of-type {
    margin-top: 0px;
}
.content h2 {
    margin-top: 25px;
    margin-bottom: 15px;
    color: #1e354d;
    line-height:1.2em;
}
.content h2:first-of-type {
    /*margin-top: 0px;*/
}
.content h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height:1.2em;
}
.content h4 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 14px;
    line-height: 1.2em;
}
.innerInlineBlock {
    display: inline-block;
    width: 100%;
}
.content .padding {
    padding: 50px;
}
@media screen and (max-width:1280px) {
    .content .padding {
        padding:15px;
    }
}
/*@media screen and (max-width:1600px) {
    .content .padding {
        padding: 3.125vw;
    }
}

@media screen and (max-width:500px) {
    .content .padding {
        padding: 15px;
    }
}*/
.content .padding.noPadding_True {
    padding:0px;
}
.pageBreadcrumbs {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 20px;
    margin-top: -5px;
    position: relative;
    z-index: 1;
}
.pageBreadcrumbs a, .pageBreadcrumbs a:visited, .pageBreadcrumbs a:active{
    text-decoration:none;
    color:black;
}
.pageBreadcrumbs a:hover{
    color: #30567d;
    text-decoration:underline;
}
.breadcrumbSeparator {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
/*.pageBreadcrumbsUnderline {
    height: 1px;
    background: linear-gradient(90deg, rgba(59,89,118,1) 0%, rgba(225,229,234,1) 25%, rgba(225,229,234,0) 50%);
}*/
.pageContent {
    line-height: 1.4em;
    font-size: 15px;
}
/*Link Styles*/
.pageContent a:link, .pageContent a:active, .pageContent a:visited{
    color:#30567d;
    text-decoration:underline;
}
.pageContent a:hover{
    color:black;
}
/*Round Button*/
.pageContent a.roundButton, .pageContent a.roundButton:active, .pageContent a.roundButton:visited {
    text-decoration: none;
    color: white;
    background-color: #30567d;
    padding: 12px 20px 11px 20px;
    border-radius: 13px;
    border: 1px solid #6b829d;
    display: inline-block;
    margin-right: 8px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    transition:color 0.4s, background-color 0.4s, box-shadow 0.8s;
}
.pageContent a.roundButton:hover{
    color:black;
    background-color:#ffb737;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
    text-decoration:none;
}
/*Link List Styles*/
.pageContent ul a, .pageContent ul a:active, .pageContent ul a:visited{
    text-decoration:none;
}
.pageContent ul a:hover{
    text-decoration:underline;
}
.pageContent ul > li > a{
    font-weight:bold;
}
.pageContent ul > li > ul > li a{
    font-weight:normal;
}
/*Form Styles*/
.pageContent .form-field {
    margin-bottom:10px;
}
.pageContent .form-field:last-of-type {
    margin-bottom:0px;
}
.pageContent .form-field .editing-form-control-nested-control > div {
    max-width: 100%;
    overflow: hidden;
}
.pageContent .form-field label.control-label {
    font-size: 16px;
    line-height: 1.2em;
    max-width: 400px;
    display: block;
    margin-bottom: 5px;
    /*font-weight: bold;*/
    color: #1e354d;
}
.pageContent .form-field .explanation-text {
    margin-bottom: 10px;
    font-size: 14px;
    color: #575757;
    max-width: 400px;
}
.pageContent .form-field input.form-control {
    font-size: 16px;
    line-height: 1.2em;
    padding: 5px 8px;
    margin: 0px;
    border: 0px;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 1px #c1c1c1, 1px 1px 3px 0px rgba(0,0,0,0.25);
    margin-bottom: 10px;
    width: 284px;
    max-width: calc(100% - 16px);
    transition: background-color 0.8s;
}
.pageContent .form-field .ktc-radio {
    display:block;
}
.pageContent .form-field .ktc-radio-list {
    display: block;
    margin-bottom: 5px;
    color: #5c5c5c;
}
.pageContent .form-field .ktc-radio input.form-control {
    box-shadow: none;
    width: 15px;
    margin-bottom:5px;
}
.pageContent .form-field .ktc-radio input.form-control:focus {
    outline:none;
}
.pageContent .form-field .ktc-checkbox {
    display: block;
    margin-bottom: 5px;
    color: #5c5c5c;
}
.pageContent .form-field .ktc-checkbox input.form-control {
    width:auto;
    box-shadow: none;
    margin-bottom:5px;
}
.pageContent .form-field .ktc-checkbox input.form-control:focus {
    outline:none;
}
.pageContent .form-field .ktc-file-component-wrapper {
    display:block;
    margin-bottom:5px;
    color: #5c5c5c;
}
.pageContent .form-field .ktc-file-component-wrapper input.form-control {
    display: block;
    padding: 0px;
    margin-top: 5px;
    box-shadow: none;
}
.pageContent .form-field .ktc-uploader-text {
    display: block;
}
.pageContent .form-field input.form-control:focus {
    background-color: #f9f9f9;
    outline: 2px #305179 solid;
}
.pageContent .form-field select.form-control{
    font-size: 16px;
    line-height: 1.2em;
    padding: 6px 4px;
    margin: 0px;
    border: 0px;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 1px #c1c1c1, 1px 1px 3px 0px rgba(0,0,0,0.25);
    margin-bottom: 10px;
    width: 300px;
    max-width: 100%;
}
.pageContent .form-field textarea.form-control {
    /*min-width: 295px;*/
    min-width: calc(100% - 5px);
    max-width: 100%;
    height: 150px;
    border-radius: 3px;
    border: 0px;
    box-shadow: 0px 0px 0px 1px #c1c1c1, 1px 1px 3px 0px rgba(0,0,0,0.25);
    margin-bottom:15px;
}
@media screen and (max-width:345px) {
    .pageContent .form-field textarea.form-control {
        min-width: calc(100% - 3px);
    }
}
.pageContent .form-field textarea.form-control:focus {
    background-color: #f9f9f9;
    outline: 2px #305179 solid;
}
.pageContent .form-field .editing-form-control-nested-control {
    display:block;
}
.pageContent .form-field .field-validation-error {
    color: darkred;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    padding-left:10px;
}
.pageContent .form-field .field-validation-error::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid darkred;
    border-left: 2px solid darkred;
    transform: rotate(45deg);
    margin-left: -7px;
    margin-right: 8px;
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    margin-bottom: -2px;
}
.pageContent form input[type="submit" i] {
    text-decoration: none;
    color: white;
    background-color: #30567d;
    padding: 8px 10px 7px 10px;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.2em;
    border: 0px;
    box-shadow: 0px 0px 0px 1px #6b829d, 1px 1px 3px 0px rgb(0 0 0 / 25%);
    transition: color 0.4s, background-color 0.4s;
    margin-top: 12px;
}
.pageContent form input[type="submit" i]:hover{
    color:#ffdc9d;
    background-color: #243a56;
}
/*Image Styles*/
.pageContent img {
    height: auto !important;
    max-width: 100% !important;
}
.pageContent img.rounded {
    margin-right: 0px !important;
    margin-left: 15px !important;
    margin-bottom:15px !important;
    float: right !important;
    border-radius:5px !important;
    max-width:calc(55% - 15px) !important;
    box-shadow: 0px 0px 0px 1px #153960 !important;
}
@media screen and (max-width:720px) {
    .pageContent img.rounded {
        margin: 0px !important;
        margin-bottom: 15px !important;
        display: block !important;
        float: none !important;
        max-width: 100% !important;
    }
}
.pageContent img[style*="float:right"], .pageContent img[style*="float: right"] {
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom:15px;
    float: right;
    max-width:calc(55% - 15px) !important;
}
@media screen and (max-width: 720px) {
    .pageContent img[style*="float:right"], .pageContent img[style*="float: right"] {
        margin: 0px !important;
        margin-bottom: 15px !important;
        display:block;
        float: none !important;
        max-width: 100% !important;
    }
}
.pageContent table img[style*="float:right"], .pageContent table img[style*="float: right"] {
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 15px;
    float: right;
    max-width: calc(100% - 15px) !important;
}
@media screen and (max-width: 720px) {
    .pageContent table img[style*="float:right"], .pageContent table img[style*="float: right"] {
        margin: 0px !important;
        margin-bottom: 15px !important;
        display: block;
        float: none !important;
        max-width: 100% !important;
    }
}
.pageContent img[style*="float:left"], .pageContent img[style*="float: left"] {
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 15px;
    float: left;
    max-width: calc(55% - 15px) !important;
}
@media screen and (max-width: 720px) {
    .pageContent img[style*="float:left"], .pageContent img[style*="float: left"] {
        margin: 0px !important;
        margin-bottom: 15px !important;
        display: block;
        float: none !important;
        max-width: 100% !important;
    }
}
.pageContent table img[style*="float:left"], .pageContent table img[style*="float: left"] {
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 15px;
    float: left;
    max-width: calc(100% - 15px) !important;
}
@media screen and (max-width: 720px) {
    .pageContent table img[style*="float:left"], .pageContent table img[style*="float: left"] {
        margin: 0px !important;
        margin-bottom: 15px !important;
        display: block;
        float: none !important;
        max-width: 100% !important;
    }
}
.pageContent img.fancy {
    float:left;
    margin:30px;
    box-shadow:0px 0px 15px grey;
}
.pageContent hr {
    margin-top:30px;
    margin-bottom:30px;
}
/*Table Styles*/
.pageContent table,
.pageContent table tr,
.pageContent table td,
.pageContent table th {
    max-width: 100% !important;
}
@media screen and (max-width: 720px) {
    .pageContent table[align*="right"], .pageContent table[align*="left"] {
        width: 100% !important;
    }
}
@media screen and (max-width: 450px) {
    .pageContent table,
    .pageContent table thead,
    .pageContent table tbody,
    .pageContent table tr,
    .pageContent table td,
    .pageContent table th {
        display: block;
    }
    .pageContent table th,
    {
        width: calc(100% - 16px);
    }
}
/*iFrame Styles*/
.pageContent video{
    max-width:100% !important;
    height:56.25%;
    background-color:black;
}
.pageContent iframe{
    max-width:100% !important;
}
@media screen and (max-width: 360px) {
    .pageContent iframe[title*="reCAPTCHA"] {
        max-width: calc(100vw - 45px) !important;
        overflow: hidden;
    }
}
.pageContent .goldenRatio {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 0px;
    line-height: 0px;
}
.pageContent .goldenRatio iframe {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}
.pageContent .sixteenByNine {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.pageContent .sixteenByNine iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pageContent hr {
    display: inline-block;
    width: 100%;
    margin: 0px;
    margin-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-end: 0px;
    height: 0px;
    overflow: hidden;
    border: 0px;
    border-top: 1px solid #dddddd;
}
/*Entity/Custom Page Footer*/
.customFooter {
    position: relative;
}
.customFooterMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
/*CBCR Custom Footer*/
.customFooter .row.section-cbcr{
    background-image: url(/Content/Images/footer/cbcr.jpg); 
    background-size: cover; 
    background-position: center; 
    padding:50px;
    padding-left: 370px; 
}
@media screen and (max-width:1280px) {
    .customFooter .row.section-cbcr {
        padding:15px;
    }
}
.customFooter .section-cbcr .customMarginMiddle {
    border: 5px solid rgba(86,123,176,.86);
    border-bottom: 0px;
    background-color: rgba(255,255,255,0.85);
    padding-bottom: 0px;
}
.customFooter .section-cbcr .customBorderMiddle {
    padding: 50px;
    padding-bottom: 1px;
}
@media screen and (max-width:1280px) {
    .customFooter .section-cbcr .customBorderMiddle {
        padding: 15px;
        padding-bottom: 1px;
    }
}
/*Mobile Device Button Styles - Apple TOS Forbids linking to the Google Play Store*/
.android .showOnAndroid{ display:inline-block !important; }
.android .showOniOS{ display:none !important; }
.ios .showOnAndroid{ display:none !important; }
.ios .showOniOS{ display:inline-block !important; }
.android .hideOnAndroid{ display:none !important; }
.ios .hideOniOS{ display:none !important; }
/*Footer*/
.footerWrapper {
    background-color: #1e3c60;
    position: relative;
    border-bottom: 10px solid #ffdc9d;
}
@media screen and (max-width:1280px) {
    .footerWrapper {
        box-shadow: 0px 100vh 0px 100vh #192b41;
    }
}
.footer {
    font-size: 16px;
    line-height: 1em;
    color: white;
    position: relative;
    box-shadow: 0px calc(100vh) 0px 100vh #262626;
}
.footer a, .footer a:active, .footer a:visited {
    color: rgba(0,0,0,0);
    text-shadow:0px 0px white;
    text-decoration: none;
}
.footer a:hover {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    text-decoration: underline;
}
.footerBottom {
    background-color: #223645;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 10px solid #f4d19e;
}
.footerBottom .footerMargin {
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 5px;
    padding-right: 5px;
}
.footerBottom .table {
    min-height: 18px;
    display: table;
}
.footerBottom .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.footerSeperatorLine {
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    margin-top: 6px;
    margin-bottom: 6px;
}
.footerTextBottom {
    font-size: 14px;
    line-height: 1.2em;
    font-weight:300;
}
.footerTextBottom .pipe {
    font-size: 0px;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    height: 13px;
    top: -4px;
    position: relative;
    background-color: white;
    color:black;
}
@media screen and (max-width:900px) {
    .footerTextBottom .pipe {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.footer .footerTopHalf a, .footer .footerTopHalf a:active, .footer .footerTopHalf a:visited {
    text-decoration: none;
}
.footer .footerTopHalf a.JaxReadyFooterLink{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    background-image: url(/Content/Images/footer/jaxready.png);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    line-height: 150px;
    margin-right: 12px;
}
.footer .footerTopHalf a.MyJaxFooterLink{
    display: inline-block;
    width: 92px;
    height: 60px;
    margin-bottom: 5px;
    background-image: url(/Content/Images/footer/myjax.png);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    line-height: 150px;
}
.footer .footerTopHalf a:hover{
    color: #ffdc9d;
    text-decoration: underline;
}
.footer .footerTopHalf a.hideOniOS, .footer .footerTopHalf a.hideOniOS:active, .footer .footerTopHalf a.hideOniOS:visited{
    background: linear-gradient(315deg, rgba(233,159,24,1) 0%, rgba(233,159,24,1) 15px, rgba(255,183,55,1) 15px, rgba(255,183,55,1) 100%);
    display:inline-block;
    padding:10px;
    padding-bottom:8px;
    text-transform:capitalize;
    color:black;
    margin-right: 4px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 6px;
}
.footer .footerTopHalf a.hideOniOS:hover{
    background: linear-gradient(315deg, rgba(71,115,169,1) 0%, rgba(71,115,169,1) 15px, rgba(30,60,96,1) 15px, rgba(30,60,96,1) 100%);
    color: white;
    text-decoration:none;
}
.footer .footerTopHalf a.hideOnAndroid, .footer .footerTopHalf a.hideOnAndroid:active, .footer .footerTopHalf a.hideOnAndroid:visited{
    background: linear-gradient(315deg, rgba(233,159,24,1) 0%, rgba(233,159,24,1) 15px, rgba(255,183,55,1) 15px, rgba(255,183,55,1) 100%);
    display:inline-block;
    padding:10px;
    padding-bottom:8px;
    text-transform:capitalize;
    color:black;
    margin-right: 4px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 6px;
}
.footer .footerTopHalf a.hideOnAndroid:hover{
    background: linear-gradient(315deg, rgba(71,115,169,1) 0%, rgba(71,115,169,1) 15px, rgba(30,60,96,1) 15px, rgba(30,60,96,1) 100%);
    color: white;
    text-decoration:none;
}
.footer h2{
    text-transform:uppercase;
    margin-top:0px;
    margin-bottom:6px;
    color:#fbb732;
    font-size:16px;
    font-weight:bold;
}
.footerSharedBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.footerSharedBackgroundMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 100px);
    margin-top: 50px;
    position: relative;
    top: 0px;
}
.footerSharedBackgroundImage {
    background-image: url('/Content/Images/largeSeal.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    height: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: 50px;
}
@media screen and (max-width:720px) {
    .footerSharedBackgroundImage {
        background-position: top right;
        height: 100%;
        max-width: 450px;
        margin-left: auto;
        margin-right: 15px;
        width: calc(100% - 30px);
    }
}
@media screen and (max-width:600px) {
    .footerSharedBackgroundImage {
        background-position: top 38% right;
    }
}
.footerTopHalf {
    position: relative;
    width: 100%;
    height: auto;
}
.footerTopLine {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #52718d;
}
.footerTopBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-color: #192b41;
}
.footerMargins {
    position:relative;
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
    font-size:0px;
    z-index:1;
}
.footerTopLeft {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerTopLeft {
        width:50%;
    }
}
@media screen and (max-width:600px) {
    .footerTopLeft {
        width: 100%;
    }
}
.footer h2.footerMobileAppsText {
    font-size: 28px;
    line-height: 1.2em;
    text-transform: capitalize;
    font-family: serif;
    font-style: italic;
}
.footerTopMiddle {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerTopMiddle {
        width: 50%;
    }
}
@media screen and (max-width:600px) {
    .footerTopMiddle {
        width: 100%;
    }
}
.footerTopRight {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerTopRight {
        width: 100%;
    }
}
.footerSectionPadding {
    font-size: 16px;
    padding: 50px;
    line-height: 1.5em;
}
.footerTopLeft .footerSectionPadding {
    line-height: 1.4em;
}
@media screen and (max-width:1280px) {
    .footerSectionPadding {
        padding:15px;
    }
}
.footerSectionPadding.footerTopMiddleTitleSection {
    padding-bottom:0px;
    min-height:0px;
}
@media screen and (max-width:600px) {
    .footerSectionPadding.footerTopMiddleTitleSection {
        padding-top:0px;
    }
}
.footerSectionPadding.footerTopMiddleSection {
    padding-top: 0px;
    min-height: 0px;
}
@media screen and (max-width:600px) {
    .footerSectionPadding.footerTopMiddleSection {
        padding-bottom:0px;
    }
}
.footerSectionOverflow {
    height: 185px;
    overflow: hidden;
}
@media screen and (max-width:720px) {
    .footerSectionOverflow {
        height: auto;
        overflow: auto;
    }
}
.footerSeparator {
    display: inline-block;
    position: absolute;
    width: 1px;
    background-color: white;
    height: calc(100% - 100px);
    margin-top: 50px;
    vertical-align: top;
}
@media screen and (max-width:1280px) {
    .footerSeparator {
        height: calc(100% - 30px);
        margin-top:15px;
    }
}
@media screen and (max-width:720px) {
    .footerSeparator {
        margin-top: 0px;
        height: 1px;
        width: calc(100% - 30px);
        left: 15px;
        background-color: rgba(255,255,255,0.3);
        display:none;
    }
}
.footerBottomHalf {
    position: relative;
    width: 100%;
    height: auto;
}
.footerBottomLine {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #536d84;
}
.footerBottomBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.footerTable {
    display: table;
    min-height: 190px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}
.footerTableCell {
    display: table-cell;
    vertical-align: middle;
}
.footer .padding {
    padding: 15px;
}
.footer a.footerSeal {
    width: 100px;
    height: 100px;
    background-image: url(/Content/Images/ClerkSeal.png);
    display: inline-block;
    float: left;
    vertical-align: middle;
    overflow: hidden;
    color: rgba(0,0,0,0);
    background-size: 100px;
}
@media screen and (max-width:480px) {
    .footer a.footerSeal {
        width:20.8vw;
        height:20.8vw;
        background-size:contain;
    }
}
.footerTop {
    /*background: radial-gradient(circle, rgba(50,75,97,0.7) 0%, rgba(50,75,97,1) 800px, rgba(50,75,97,1) 960px, rgba(50,75,97,1) 100%);*/
    background-color: rgba(50,75,97,1);
}
.footerTop .footerMargin {
    max-width: 1590px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 0px;
    padding-top: 5px;
    padding-bottom: 2.5px;
    text-align:center;
}
.footerTopLeftColumn {
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
@media screen and (max-width:1280px) {
    .footerTopLeftColumn {
        margin-left:0px;
    }
}
@media screen and (max-width:600px) {
    .footerTopLeftColumn {
        width: 16vw;
        height: 16vw;
    }
}
@media screen and (max-width:400px) {
    .footerTopLeftColumn {
        display:none;
    }
}
.footer .footerTopLeftColumn a.footerSeal {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    float: none;
    width: 100%;
    height: 100%;
    background-size: contain;
}
.footerTopRightColumn {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1.6em;
    text-align: left;
    max-width: calc(100% - 130px);
}
@media screen and (max-width:600px) {
    .footerTopRightColumn {
        max-width: calc(100% - (16vw + 30px));
    }
}
@media screen and (max-width:400px) {
    .footerTopRightColumn {
        max-width: calc(100% - 30px);
    }
}
.footerTextTop {
    text-transform: uppercase;
    font-weight:300;
}
.footerTextMiddle {
    color:rgba(0,0,0,0);
    text-shadow:0px 0px white;
    font-weight: 300;
}
.footerTextTop .pipe {
    font-size: 0px;
    height: 18px;
    margin-top: 2px;
    width: 1px;
    background-color: white;
    margin-left: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    color: black;
}
@media screen and (max-width:900px) {
    .footerTextTop .pipe {
        height: 15px;
        margin-top: 4px;
        margin-left: 5px;
        margin-right: 0px;
    }
}
.footerTextMiddle .pipe {
    font-size: 0px;
    height: 17px;
    margin-top: 3px;
    width: 1px;
    background-color: white;
    margin-left: 11px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    color: black;
}
@media screen and (max-width:900px) {
    .footerTextMiddle .pipe {
        height: 15px;
        margin-top: 4px;
        margin-left: 5px;
        margin-right: 5px;
    }
}
.footerTop .table {
    display: table;
    min-height: 130px;
}
.footerTop .tableCell {
    display:table-cell;
    vertical-align:middle;
}
.footerBottom .table {
    display: table;
    min-height: 30px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.footerBottom .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.footerText {
    vertical-align: middle;
    margin-left: 115px;
    line-height: 1.2em;
}
@media screen and (max-width:480px){
    .footerText {
        margin-left:calc(15px + 20.8vw);
    }
}
.footerText font {
    word-break:break-word;
}
.footerText .pipe {
    display: inline-block;
    margin-left: 3px;
    margin-right: 8px;
    font-size: 0px;
    width: 1px;
    height: 14px;
    background-color: white;
    vertical-align: top;
    margin-top: 2px;
    color:black;
}
/*UIStarterCore.GlobalNavigation Load Zone Styles*/
.globalNavigationLoadZone {
    display: none;
}
#globalNavigationContent .footerWrapper {
    margin-top: calc(100vh - 610px);
}
@media screen and (max-width:1280px) {
    #globalNavigationContent .footerWrapper {
        margin-top: calc(100vh - 540px);
    }
}
/*UIStarterCore.Welcome*/
.welcomeBackgroundContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.welcomeBackgroundMargins {
    max-width: 1920px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.welcomeBackground {
    position: relative;
    height: 100%;
}
.welcomeAnglesContainer1 {
    position:absolute;
    width:100%;
    height:1240px;
    overflow:hidden;
    top:400px;
}
.welcomeAngle1 {
    top: 614px;
    width: calc(100% + 200px);
    margin-left: -100px;
    height: 300px;
    background: linear-gradient( 0deg, rgba(210,210,210,0) 0%, rgba(210,210,210,0.5) 100%);
    position: absolute;
    transform: rotate( -17deg );
}
.welcomeAngle2 {
    top: 300px;
    width: calc(100% + 200px);
    margin-left: -100px;
    height: 300px;
    background: linear-gradient( 184deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);
    position: absolute;
    transform: rotate( -17deg );
}
.welcomeAngle3 {
    top: 300px;
    width: calc(100% + 200px);
    margin-left: -100px;
    height: 300px;
    background: linear-gradient( 180deg, rgba(135,171,192,0) 0%, rgba(135,171,192,0.4) 100%);
    position: absolute;
    transform: rotate( 11deg );
}
.welcomeAngle4 {
    top: 612px;
    width: calc(100% + 200px);
    margin-left: -100px;
    height: 300px;
    background: linear-gradient( 180deg, rgba(135,171,192,0) 0%, rgba(135,171,192,0.4) 100%);
    position: absolute;
    transform: rotate( 11deg );
}
.welcomeAnglesContainer2 {
    position: absolute;
    width: 100%;
    height: 655px;
    overflow: hidden;
    top: 2124px;
}
.welcomeAngle5 {
    width: calc(100% + 200px);
    margin-left: -100px;
    height: 300px;
    top: 200px;
    background: linear-gradient( 185deg, rgba(210,210,210,0) 0%, rgba(210,210,210,0.5) 100%);
    position: absolute;
    transform: rotate( -11deg );
}
.welcomePadding {
    padding:30px;
    padding-top:20px;
    padding-bottom:60px;
    min-height:1170px;
}
/*Welcome Page Sections*/
.welcomeBackgroundPhotoWrapper {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.welcomeBackgroundPhotoMargins {
    position: absolute;
    width: 100%;
    max-width: 1920px;
    height: 600px;
    bottom: 48px;
}
.welcomeBackgroundPhoto {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    background-size: 1920px;
}
.welcomeBackgroundPhotoOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(228,228,228,0) 0%, rgba(228,228,228,0) 450px, rgba(228,228,228,1) 100%);
}
.welcomeCarousel {
    position: relative;
    z-index:1;
}
.welcomeCarousel > .welcomeForegroundPhoto {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 100%;
    max-height: 400px;
    width: 1600px;
    left: calc(50% - 800px);
}
@media screen and (max-width:1600px) {
    .welcomeCarousel > .welcomeForegroundPhoto {
        width: 100%;
        left: 0px;
    }
}
@media screen and (max-width:760px) {
    .welcomeCarousel > .welcomeForegroundPhoto {
        top:0px;
    }
}
.section-welcome .welcomeCarouselBackgroundContainer {
    display:none;
}
.welcomeCarouselBackgroundMargins {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:760px){
    .welcomeCarouselBackgroundMargins {
        position:relative;
    }
}
.welcomeCarouselBackground {
    width: 100%;
    max-width: 1920px;
    height: 1080px;
    position: absolute;
    background-position: top center;
    background-size: cover;
    opacity: 0;
    transition: opacity 1s;
    animation-name:delayFadeIn;
    animation-duration:1s;
    /*For video background:*/
}
@media screen and (max-width:760px) {
    .welcomeCarouselBackground {
        height: 56.26vw;
    }
}
@media screen and (max-width:660px) {
    .welcomeCarouselBackground {
        height: 350px;
    }
}
@keyframes delayFadeIn {
    to { opacity:0; }
    from { opacity:0; }
}
.welcomeBackgroundVideoWrapper {
    position: absolute;
    width: 100%;
    z-index:1;
}
.welcomeBackgroundVideoMargins {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.welcomeBackgroundVideo {
    width: 100%;
    height: 1080px;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 900px) {
    .welcomeBackgroundVideo {
        height: 720px;
    }
}
@media screen and (max-width:760px) {
    .welcomeBackgroundVideo {
        height: 372px;
    }
}
.welcomeBackgroundVideo video {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: calc(50% - 960px);
}
@media screen and (max-width:900px) {
    .welcomeBackgroundVideo video {
        width: 1280px;
        height: 720px;
        left: calc(50% - 640px);
    }
}
@media screen and (max-width:760px) {
    .welcomeBackgroundVideo video {
        width: 760px;
        height: 428px;
        left: calc(50% - 380px);
    }
}
@media screen and (max-width:660px) {
    .welcomeBackgroundVideo video {
        width: 660px;
        height: 372px;
        position: absolute;
        left: calc(50% - 330px);
    }
}
.welcomeBackgroundVideoOverlay {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: linear-gradient(180deg, rgba(228,228,228,0) 0%, rgba(228,228,228,0) 800px, rgba(228,228,228,1) 100%);
}
.welcomeCarouselBackground.show {
    opacity: 1;
}
.welcomeCarouselBackground.initial {
    opacity: 1 !important;
}
.welcomeCarouselBackgroundOverlay {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: linear-gradient(180deg, rgba(228,228,228,0) 0%, rgba(228,228,228,0) 800px, rgba(228,228,228,1) 100%);
}
.welcomeCarouselForegroundMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    position:relative;
    z-index:1;
}
@media screen and (max-width:760px) {
    .welcomeCarouselForegroundMargins {
        padding:0px;
        padding-top:34%;
    }
}
@media screen and (max-width:660px) {
    .welcomeCarouselForegroundMargins {
        padding-top: 200px;
    }
}
.section-welcome .welcomeCarouselForegroundImages {
    display:none;
}
.welcomeCarouselForegroundImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right 150px;
    transition: opacity 1s;
    /*Set to 1 to make Jody Phillips always stay*/
    opacity: 0;
    animation-name: delayFadeIn;
    animation-duration: 1s;
}
@media screen and (max-width:1600px) {
    .welcomeCarouselForegroundImage {
        background-position: bottom right 9.375%;
    }
}
@media screen and (max-width:1280px) {
    .welcomeCarouselForegroundImage {
        background-position: bottom right 30px;
    }
}
@media screen and (max-width:900px) {
    .welcomeCarouselForegroundImage {
        background-position: bottom right -50px;
    }
}
@media screen and (max-width:760px) {
    .welcomeCarouselForegroundImage {
        background-position: center bottom;
        height: 0px;
        padding-top: 34%;
    }
}
@media screen and (max-width:660px) {
    .welcomeCarouselForegroundImage {
        padding-top: 200px;
    }
}
.welcomeForegroundPhoto > .welcomeCarouselForegroundImage {
    opacity: 1 !important;
}
.welcomeCarouselForegroundImage.show.initial {
    opacity: 1 !important;
}
.welcomeCarouselForegroundImage.show {
    opacity:1;
}
.welcomeCarouselTextBoxTable {
    display: table;
    min-height: 310px;
    max-width: 600px;
    width: calc(100% - 580px);
    margin-left: 160px;
}
@media screen and (max-width:1600px) {
    .welcomeCarouselTextBoxTable {
        margin-left: 9.375%;
    }
}
@media screen and (max-width:1280px) {
    .welcomeCarouselTextBoxTable {
        margin-left: 70px;
        width: calc(100% - 500px);
    }
}
@media screen and (max-width:900px) {
    .welcomeCarouselTextBoxTable {
        width: calc(100% - (420px));
    }
}
@media screen and (max-width:760px) {
    .welcomeCarouselTextBoxTable {
        width: 100%;
        margin: 0px;
        display: block;
        min-height: auto;
        max-width:100%;
    }
}
.welcomeCarouselTextBoxTableCell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
@media screen and (max-width:760px) {
    .welcomeCarouselTextBoxTableCell {
        vertical-align:bottom;
    }
}
.welcomeCarouselTextBoxPadding {
    padding: 22px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: rgba(34,43,55,0.85);
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.36);
}
@media screen and (max-width:1280px) {
    .welcomeCarouselTextBoxPadding {
        padding: 15px;
        padding-top: 12px;
        padding-bottom: 11px;
    }
}
@media screen and (max-width:760px) {
    .welcomeCarouselTextBoxPadding {
        background-color: rgb(35 52 70);
        border-radius: 0px;
        box-shadow: none;
    }
}
.welcomeCarouselText {
    opacity:0;
    display:none;
}
.welcomeCarouselText.show{
    opacity:1;
    display:block;
    animation-name:fadeInWelcomeCarouselText;
    animation-duration:1s;
}
@keyframes fadeInWelcomeCarouselText {
    from { opacity:0; }
    to { opacity:1; }
}
.welcomeCarouselTitle {
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    color: white;
}
@media screen and (max-width:1200px) {
    .welcomeCarouselTitle {
        font-size:2.333vw;
    }
}
@media screen and (max-width:945px) {
    .welcomeCarouselTitle {
        font-size: 22px;
    }
}
.welcomeCarouselContent {
    color: white;
    font-size: 18px;
    line-height: 1.4em;
    min-height:160px;
}
@media screen and (max-width:1200px) {
    .welcomeCarouselContent {
        font-size:1.5vw;
    }
}
@media screen and (max-width:1000px) {
    .welcomeCarouselContent {
        font-size: 15px;
    }
}
.welcomeCarouselTitleLink, .welcomeCarouselTitleLink:active, .welcomeCarouselTitleLink:visited {
    color: white;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 6px;
    border-bottom: 2px solid rgba(242,202,80,0.85);
    padding-bottom:5px;
}
.welcomeCarouselTitleLink:hover {
    color: #ffe0aa;
}
.welcomeCarouselTitleNoLink {
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 6px;
    border-bottom: 2px solid rgba(242,202,80,0.85);
    padding-bottom: 5px;
}
@media screen and (max-width:1200px) {
    .welcomeCarouselTitleNoLink {
        font-size: 2.333vw;
    }
}
@media screen and (max-width:945px) {
    .welcomeCarouselTitleNoLink {
        font-size: 22px;
    }
}
.welcomeCarouselPrevious {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    animation-name: welcomeCarouselButtonFadeIn;
    animation-duration: 1.5s;
}
@keyframes welcomeCarouselButtonFadeIn {
    0% {
        opacity:0;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@media screen and (max-width:1280px) {
    .welcomeCarouselPrevious {
        width:70px;
    }
}
@media screen and (max-width:760px) {
    .welcomeCarouselPrevious {
        width: 150px;
        height:0px;
        padding-top:34%;
    }
}
@media screen and (max-width:660px) {
    .welcomeCarouselPrevious {
        padding-top: 200px;
    }
}
.welcomeCarouselPrevious a {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position:center left 10px;
    transition:background-position 0.2s;
    background-image:url('/Content/Images/LeftCarouselArrow.png');
    background-repeat:no-repeat;
}
.welcomeCarouselPrevious a:hover {
    background-position:center left 0px;
}
.welcomeCarouselNext {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    animation-name: welcomeCarouselButtonFadeIn;
    animation-duration: 1.5s;
}
@media screen and (max-width:760px) {
    .welcomeCarouselNext {
        height:0px;
        padding-top:34%;
    }
}
@media screen and (max-width:660px) {
    .welcomeCarouselNext {
        padding-top: 200px;
    }
}
.welcomeCarouselNext a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center right 10px;
    transition:background-position 0.2s;
    background-image: url('/Content/Images/RightCarouselArrow.png');
    background-repeat: no-repeat;
}
.welcomeCarouselNext a:hover {
    background-position: center right 0px;
}
/*Welcome Content*/
.welcomeContentWrapper {
    position: relative;
    z-index:1;
}
.welcomeContentMargins {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding-right: 15px;
    padding-left: 15px;
}
@media screen and (max-width:900px) {
    .welcomeContentMargins {
        padding-left:0px;
        padding-right:0px;
    }
}
.welcomeTopYellowStripe {
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    background: linear-gradient(90deg, rgba(249,231,176,1) 0%, rgba(255,255,255,1) 100%);
}
@media screen and (max-width:900px){
    .welcomeTopYellowStripe {
        border-radius:0px;
    }
}
.welcomeOuterInlineBlock {
    display: inline-block;
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(0deg, rgba(255,255,255,0.7) 0%, rgb(255 255 255) 600px, rgba(255,255,255,1) 100%);
}
.welcomeContentMargins .sectionTitle {
    font-size: 30px;
    line-height: 1em;
    background-repeat: no-repeat;
    padding-left: 55px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #2b5b88;
    font-weight: bold;
    background-position: left center;
}
.welcomeContentMargins .sectionSeperator {
    margin-top: 30px;
    margin-bottom: 25px;
    height: 2px;
    background-color: #f2ca50;
}
.welcomeContentWrapper .sectionContent{
    font-size: 15px;
    line-height: 1.4em;
    color: black;
}
.welcomeContentWrapper .sectionContent a, .welcomeContentWrapper .sectionContent a:active, .welcomeContentWrapper .sectionContent a:visited{
    color: #002e69;
    text-decoration:underline;
}
.welcomeContentWrapper .sectionContent a:hover{
    color:black;
    text-decoration:underline;
}
.welcomeCarouselTextBoxLinks {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}
.welcomeCarouselButton {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 15px;
    margin-right: 3px;
    transition: background-color 1s;
    background-color: white;
    border: 1px solid black;
    border-radius: 3px;
    color: black;
    line-height: 30px;
    overflow: hidden;
}
.welcomeCarouselButton:hover {
    background-color: #f2ca50;
}
.welcomeCarouselButton.show {
    background-color: #f2ca50;
}
.emergencyContentWrapper {
    z-index: 2;
    position: relative;
}
.emergencyContentMargins {
    position: relative;
    width: calc(100% - 30px);
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:900px) {
    .emergencyContentMargins {
        width: 100%;
        padding: 0px;
    }
}
.Red .emergencyHeader {
    background: #B30000;
}
.Green .emergencyHeader {
    background: green;
}
.Blue .emergencyHeader {
    background: blue;
}
.Black .emergencyHeader {
    background: black;
}
.emergencyHeader {
    margin: 0px;
    line-height: 1.2em;
    color: white;
    display: inline-block;
    padding: 30px;
    padding-top: 12px;
    padding-bottom: 6px;
    width: calc(100% - 60px);
    font-size: 18px;
    border-radius: 5px 5px 0px 0px;
}
@media screen and (max-width:900px) {
    .emergencyHeader {
        border-radius:0px 0px 0px 0px;
    }
}
.Red .emergencyContent {
    box-shadow: 0px 0px 0px 4px #b31a00, 2px 5px 10px rgba(0,0,0,0.3);
}
.Green .emergencyContent {
    box-shadow: 0px 0px 0px 4px green, 2px 5px 10px rgba(0,0,0,0.3);
}
.Blue .emergencyContent {
    box-shadow: 0px 0px 0px 4px blue, 2px 5px 10px rgba(0,0,0,0.3);
}
.Black .emergencyContent {
    box-shadow: 0px 0px 0px 4px black, 2px 5px 10px rgba(0,0,0,0.3);
}
.emergencyContent {
    font-size: 16px;
    position: relative;
    display: inline-block;
    line-height: 1.6em;
    padding: 30px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: white;
    border-radius: 0px 0px 0px 0px;
    margin: 4px;
    margin-bottom: -2px;
    width: calc(100% - 58px);
    padding-top: 15px;
    padding-bottom: 12px;
    z-index: 1;
}
.emergencyContent a, .emergencyContent a:active, .emergencyContent a:visited{
    color: #30567d;
    text-decoration: underline;
}
.emergencyContent a:hover{
    color:black;
}
.welcomeHeaderContainer {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.welcomeHeader {
    margin: 0px;
    font-size: 22px;
    line-height: 1.2em;
    color: white;
    display: inline-block;
    width: calc(100% - 60px);
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 14px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 1px 1px white, 2px 5px 10px rgba(0,0,0,0.3);
    background: linear-gradient( 37deg, rgba(27,70,115,1) 0%, rgba(27,70,115,1) 50px, rgba(21,58,98,1) 50px, rgba(21,58,98,1) 80px, rgba(27,70,115,1) 80px, rgba(27,70,115,1) 50%, rgba(47,98,151,1) 100%);
}
@media screen and (max-width:620px) {
    .welcomeHeader {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw;
        width: calc(100% - 9.375vw);
    }
}
@media screen and (max-width:320px) {
    .welcomeHeader {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
    }
}
.welcomeContent {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    line-height: 1.6em;
    padding: 30px;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 1px 1px white, 2px 5px 10px rgba(0,0,0,.3);
    margin-bottom: 30px;
}
@media screen and (max-width:620px) {
    .welcomeContent {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw;
        width: calc(100% - 9.375vw);
    }
}
@media screen and (max-width:320px) {
    .welcomeContent {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
    }
}
.welcomeContent a, .welcomeContent a:active, .welcomeContent a:visited {
    color: #30567d;
    text-decoration: underline;
}
.welcomeContent a:hover{
    color:black;
}
/*UIStarterCore.Carousel*/
.carouselWrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 0px;
    line-height: 0px;
}
.carouselWrapper.headerCarousel {
    margin-top: 0px;
    margin-bottom: 0px;
}
.customTopHeaderWidget .carouselWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.headerNavigationArea .carouselWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.customFooter .carouselWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section-welcome .carouselWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section-welcome .carouselMargins {
    box-shadow: 0px 0px 0px 1px white, 0px 0px 15px rgb(0 0 0 / 20%);
    border-radius: 8px;
    font-size: 0px;
    line-height: 0px;
}
.carouselMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.carouselLeft {
    width: 320px;
    height: 330px;
    position: relative;
    display: inline-block;
}
.section-welcome .carouselLeft {
    width: calc(33.333% - 20px);
}
@media screen and (max-width:1080px) {
    .section-welcome .carouselLeft {
        width: 320px;
    }
}
@media screen and (max-width:800px) {
    .carouselLeft, .section-welcome .carouselLeft {
        width: 100%;
        margin-top: 40%;
        height: 225px;
    }
}
@media screen and (max-width:540px) {
    .carouselLeft, .section-welcome .carouselLeft {
        margin-top: 200px;
    }
}
.carouselLeftBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.carouselLeftAngleOverflow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #153a62;
}
.section-welcome .carouselLeftAngleOverflow {
    border-radius: 10px 0px 0px 10px;
}
@media screen and (max-width:800px) {
    .section-welcome .carouselLeftAngleOverflow {
        border-radius: 0px 0px 10px 10px;
    }
}
.carouselAngle1 {
    background: #1b4673;
    width: 107%;
    height: 42%;
    top: -12%;
    left: -1%;
    position: absolute;
    transform: rotate( 10deg);
}
.carouselAngle2 {
    background: rgba(18,49,82,.3);
    width: 138%;
    height: 96%;
    bottom: -27%;
    left: -3%;
    position: absolute;
    transform: rotate( -27deg);
}
.CarouselInfoContainer {
    color: rgba(0,0,0,0);
    text-shadow: white 0px 0px;
    line-height: 1em;
    font-size: 16px;
}
.CarouselInfo {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 30px;
    opacity:0;
}
@media screen and (max-width:800px) {
    .CarouselInfo {
        padding:15px;
    }
}
.CarouselInfo.inRight, .CarouselInfo.inLeft {
    z-index:2;
    opacity:1;
    animation-name:carouselInfoFadeIn;
    animation-duration:0.5s;
}
@keyframes carouselInfoFadeIn {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}
.CarouselInfo.outRight, .CarouselInfo.outLeft {
    z-index:1;
    animation-name:carouselInfoFadeOut;
    animation-duration:0.5s;
}
@keyframes carouselInfoFadeOut {
    0% { opacity: 1; }
    25% { opacity: 0;            }
    100% { opacity: 0; }
}
.CarouselTitle {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.1em;
    margin-bottom: 10px;
    position: relative;
    font-weight: bold;
}
.CarouselTitle a, .CarouselTitle a:active, .CarouselTitle a:visited {
    color:white;
    text-decoration:none;
}
.CarouselTitle a:hover{
    text-decoration:underline;
}
.pageContent .CarouselTitle a, .pageContent .CarouselTitle a:active, .pageContent .CarouselTitle a:visited {
    color: white;
    text-decoration: none;
}
.pageContent .CarouselTitle a:hover {
    text-decoration: underline;
}
.CarouselTitleOverflow {
    max-height: 53px;
    overflow: hidden;
}
.CarouselTitleWebkitBox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.CarouselText {
    font-size: 16px;
    line-height: 1.4em;
    position:relative;
}
.CarouselText a, .CarouselText a:active, .CarouselText a:visited{
    color:#ffdc9d;
    text-decoration:none;
    transition:color 0.5s;
}
.CarouselText a:hover {
    color:white;
    text-decoration:underline;
}
.CarouselTextOverflow {
    max-height: 178px;
    overflow: hidden;
}
@media screen and (max-width:800px) {
    .CarouselTextOverflow {
        max-height: 88px;
    }
}
.CarouselTextWebkitBox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
@media screen and (max-width:800px) {
    .CarouselTextWebkitBox {
        -webkit-line-clamp: 4;
    }
}
.carouselLeftNav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 30px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-top: 0px;
    overflow: hidden;
    height: 40px;
    line-height: 1em;
    font-size: 0px;
    z-index:3;
}
@media screen and (max-width:800px) {
    .carouselLeftNav {
        margin: 15px;
        margin-right: 0px;
        margin-bottom: 15px;
        margin-top: 0px;
    }
}
.carouselLink {
    height: 15px;
    width: 15px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    margin-right: 5.5px;
    margin-bottom: 5.5px;
    background: #ccedff;
    color: black;
    line-height: 2em;
    transition:background 0.5s;
    outline:0px;

}
.carouselLink:hover, .carouselLink:focus, .carouselLink.select {
    background: #ffdc9d;
}
.pageContent a.carouselLink, .pageContent a.carouselLink:hover, .pageContent a.carouselLink:active, .pageContent a.carouselLink:visited {
    color:black;
}
.carouselRight {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 330px;
    width: calc(100% - 320px);
    overflow: hidden;
}
.section-welcome .carouselRight {
    width: calc(100% - (33.333% - 20px));
    border-radius: 0px 8px 8px 0px;
}
@media screen and (max-width:1080px) {
    .section-welcome .carouselRight {
        width: calc(100% - 320px);
    }
}
@media screen and (max-width:800px) {
    .carouselRight, .section-welcome .carouselRight {
        width: 100%;
        height: 0px;
        padding-top: 40%;
    }
    .section-welcome .carouselRight {
        border-radius: 8px 8px 0px 0px;
    }
}
@media screen and (max-width:540px) {
    .carouselRight, .section-welcome .carouselRight {
        padding-top: 200px;
    }
}
.carouselRightBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(17,49,84,1) 0%, rgba(41,88,138,1) 50%, rgba(47,98,151,1) 100%);
}
@media screen and (max-width:800px) {
    .carouselRightBackground {
        background: linear-gradient( 0deg, rgba(17,49,84,1) 0%, rgba(41,88,138,1) 65%, rgba(47,98,151,1) 100%);
    }
}
.carouselPictureContainer, .carouselPicture, .carouseImage {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.carouselPicture {
    opacity:0;
}
.carouselPicture.inLeft {
    z-index:2;
    animation-name:pictureInLeft;
    animation-duration:0.5s;
    opacity:1;
}
@keyframes pictureInLeft {
    from { left:-100%; }
    to { left:0px; }
}
.carouselPicture.inRight {
    z-index: 2;
    animation-name: pictureInRight;
    animation-duration: 0.5s;
    opacity: 1;
}
@keyframes pictureInRight {
    from { left:100%; }
    to { left:0px; }
}
.carouselPicture.outLeft {
    z-index: 1;
    animation-name: pictureOutLeft;
    animation-duration: 0.5s;
    opacity: 1;
}
@keyframes pictureOutLeft {
    from { left:0px; }
    to { left:-100%; }
}
.carouselPicture.outRight {
    z-index: 1;
    animation-name: pictureOutRight;
    animation-duration: 0.5s;
    opacity: 1;
}
@keyframes pictureOutRight {
    from { left:0px; }
    to { left:100%; }
}
.carouseImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.carouselRightNav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:3;
}
.carouselPrev {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 100%;
    outline:0px;
}
.carouselNext {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 100%;
    outline: 0px;
}
.pageContent a.carouselPrev, .pageContent a.carouselPrev:active, .pageContent a.carouselPrev:visited, .pageContent a.carouselPrev:hover,
.pageContent a.carouselNext, .pageContent a.carouselNext:active, .pageContent a.carouselNext:visited, .pageContent a.carouselNext:hover {
    color:rgba(0,0,0,0);
}
.circleWrapper {
    position: absolute;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    text-align: center;
}
.carouselPrev .circle, .carouselNext .circle {
    width: 40px;
    height: 40px;
    border-radius: 80px;
    background-color: rgba(0,0,0,.6);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    transition: width 0.2s, height 0.2s, background-color 0.2s, margin-top 0.2s;
}
.carouselPrev:hover .circle, .carouselNext:hover .circle {
    width: 65px;
    height: 65px;
    margin-top: 8px;
    background-color: rgba(0,0,0,.8);
}
.carouselPrev .arrow, .carouselNext .arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    transform: rotate( 45deg);
    overflow:hidden;
    line-height:4em;
}
.carouselPrev .arrow {
    left: calc(50% - 7px);
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.carouselNext .arrow {
    left: calc(50% - 13px);
    border-top: 2px solid white;
    border-right: 2px solid white;
}
/*Carousel Animal Care Style*/
.section-animal .carouselLeft {
    width: calc(100% - 200px);
    margin-left: auto;
    margin-right: auto;
    height: 520px;
    padding-bottom: 87px;
    position: relative;
    display: block;
    margin-top:0px;
}
@media screen and (max-width:1250px) {
    .section-animal .carouselLeft {
        height:41.6vw;
    }
}
@media screen and (max-width:640px) {
    .section-animal .carouselLeft {
        height: 265px;
    }
}
@media screen and (max-width:420px) {
    .section-animal .carouselLeft {
        width: calc(100% - 145px);
    }
}
.section-animal .carouselRight{
     width:100%;
     height:520px;
     padding-top:0px;
}
@media screen and (max-width:1250px) {
    .section-animal .carouselRight {
        height: 41.6vw;
    }
}
@media screen and (max-width:800px) {
    .section-animal .carouselRight {
        height: 332px;
    }
}
.section-animal .CarouselInfoContainer {
    line-height: 1em;
    font-size: 16px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    text-align: center;
}
.section-animal .CarouselTitle {
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    width: 100%;
}
.section-animal .CarouselTitleTable {
    display: table;
    height: 280px;
    padding-top: 200px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:1250px) {
    .section-animal .CarouselTitleTable {
        height: calc(41.6vw - (14vw + 40px));
        padding-top: 14vw;
    }
}
@media screen and (max-width:800px) {
    .section-animal .CarouselTitleTable {
        height: 248px;
        padding-top: 0px;
        padding-bottom: 85px;
    }
}
.section-animal .CarouselTitleTableCell {
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:800px) {
    .section-animal .CarouselTitleTableCell {
        display: table-cell;
        vertical-align: bottom;
    }
}
.section-animal .CarouselInfo {
    width: 100%;
    margin-left: auto;
    z-index: 5;
    margin-right: auto;
    Position:absolute;
    height: calc(100% - 90px);
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}
.section-animal .CarouselTitleOverflow {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    display: block;
}
@media screen and (max-width:1250px) {
    .section-animal .CarouselTitleOverflow {
        max-height:17.6vw;
    }
}
@media screen and (max-width:640px) {
    .section-animal .CarouselTitleOverflow {
        max-height: 167px;
    }
}
.section-animal .CarouselTitleWrapper {
    font-size: 28px;
    line-height: 2em;
    padding-top:3px;
    padding-bottom:3px;
    color: white;
    display: inline;
    font-weight: normal;
    width: 100%;
    height: 100%;
    box-shadow: 10px 0 0 rgba(0,0,0,0.8), -10px 0 0 rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.8);
    z-index: 100;
}
@media screen and (max-width:1250px) {
    .section-animal .CarouselTitleWrapper {
        font-size:2.24vw;
    }
}
@media screen and (max-width:640px) {
    .section-animal .CarouselTitleWrapper {
        font-size: 14px;
    }
}
.section-animal .CarouselTitleWebkitBox {
    -webkit-line-clamp:4;
}
@media screen and (max-with:640px) {
    .section-animal .CarouselTitleWebkitBox {
        -webkit-line-clamp: 6;
    }
}
.section-animal .carouselLeftNav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom:0px;
    z-index:5;
}
@media screen and (max-width:800px) {
    .section-animal .carouselLeftNav {
        display:none;
    }
}
.section-animal .carouselLeftNav .carouselLink {
    background-color: rgba(232, 23, 91, 0.4);
    margin-top: 2px;
    box-shadow: 0px 0px 2px black;
    border-radius: 15px;
    text-align: center;
}
.section-animal .carouselLink:hover, .section-animal .carouselLink:focus, .section-animal .carouselLink.select {
    background-color: rgba(232, 23, 91, 0.8);
}
/*Carousel ExploreJax Style*/
.section-explorejax .carouselWrapper {
    margin-top: 0px;
}
@media screen and (max-width:1280px) {
    .section-explorejax .carouselWrapper {
        margin-bottom:10px;
    }
}
.section-explorejax .carouselLeft {
    width: 403px;
    height: 400px;
}
@media screen and (max-width:800px) {
    .section-explorejax .carouselLeft {
        width: 100%;
        height: 245px;
        margin-top: 50%;
    }
}
.section-explorejax .carouselRight {
    width: calc(100% - 403px);
    height: 400px;
}
@media screen and (max-width:800px) {
    .section-explorejax .carouselRight {
        width: 100%;
        height: auto;
        padding-top: 50%;
    }
}
.section-explorejax .CarouselTextOverflow {
    max-height: 247px;
}
@media screen and (max-width:800px) {
    .section-explorejax .CarouselTextOverflow {
        max-height: 110px;
    }
}
.section-explorejax .CarouselTextWebkitBox {
    -webkit-line-clamp: 11;
}
@media screen and (max-width:800px) {
    .section-explorejax .CarouselTextWebkitBox {
        -webkit-line-clamp: 5;
    }
}
.section-explorejax .carouselLeftAngleOverflow {
    border-radius: 15px 0px 0px 15px;
}
@media screen and (max-width:800px) {
    .section-explorejax .carouselLeftAngleOverflow {
        border-radius:0px 0px 15px 15px;
    }
}
.section-explorejax .carouselRight {
    border-radius:0px 15px 15px 0px;
}
@media screen and (max-width:800px) {
    .section-explorejax .carouselRight {
        border-radius: 15px 15px 0px 0px;
    }
}
/*Mayor Styles*/
.section-mayor .footerCarousel {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section-mayor .footerCarousel .carouselMargins {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -50px;
}
@media screen and (max-width:1280px){
    .section-mayor .footerCarousel .carouselMargins {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.section-mayor .footerCarousel .CarouselInfo {
    padding:15px;
    position:relative;
    display:none;
}
.section-mayor .footerCarousel .carouselLeft {
    width: 400px;
    padding-left: 20px;
    height:auto;
}
@media screen and (max-width:1280px) {
    .section-mayor .footerCarousel .carouselLeft {
        padding-left: 0px;
    }
}
@media screen and (max-width:1024px) {
    .section-mayor .footerCarousel .carouselLeft {
        width: 100%;
        margin-top: 56.25%;
    }
}
.section-mayor .footerCarousel .CarouselInfo.inRight, .section-mayor .footerCarousel .CarouselInfo.inLeft {
    display: block;
}
.section-mayor .footerCarousel .carouselLeftAngleOverflow {
    background:white;
}
.section-mayor .footerCarousel .carouselLeftAngleOverflow .carouselAngle1 {
    left: 0px;
    top: 50px;
    height: calc(100% - 50px);
    width: 20px;
    transform: none;
    background: linear-gradient(180deg, rgba(254,209,137,1) 0%, rgba(22,63,107,0) 100%);
}
@media screen and (max-width:1280px) {
    .section-mayor .footerCarousel .carouselLeftAngleOverflow .carouselAngle1 {
        display:none;
    }
}
.section-mayor .footerCarousel .carouselLeftAngleOverflow .carouselAngle2 {
    display:none;
}
.section-mayor .footerCarousel .CarouselInfoContainer {
    color:rgba(0,0,0,0);
    text-shadow:black 0px 0px;
}
.section-mayor .footerCarousel .CarouselTitle {
    position: relative;
    font-family: 'Roboto Slab','Courier New';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: -1px;
    color: #ca912a;
    margin-bottom: 5px;
    line-height: 1em;
}
.section-mayor .footerCarousel .CarouselTitleOverflow {
    max-height:none;
}
.section-mayor .footerCarousel .CarouselTitleWebkitBox {
    -webkit-line-clamp: unset;
}
.section-mayor .footerCarousel .CarouselTextOverflow {
    max-height: none;
    min-height:300px;
}
@media screen and (max-width:1024px) {
    .section-mayor .footerCarousel .CarouselTextOverflow {
        min-height:124px;
    }
}
.section-mayor .footerCarousel .CarouselTextWebkitBox {
    -webkit-line-clamp: unset;
}
.section-mayor .footerCarousel .carouselLeftNav {
    position: relative;
    margin: 15px;
    height:auto;
    margin-bottom:5px;
}
@media screen and (max-width:1280px) {
    .section-mayor .footerCarousel .carouselLeftNav {
        margin-top:0px;
    }
}
.section-mayor .footerCarousel .carouselLink {
    width:22px;
    border-radius: 2px;
    background: #405a92;
}
.section-mayor .footerCarousel .carouselLink:hover, .section-mayor .footerCarousel .carouselLink:focus, .section-mayor .footerCarousel .carouselLink.select {
    background: #fed28b;
}
.section-mayor .footerCarousel .carouselRight {
    width: calc(100% - 420px);
    height: calc(100% - 50px);
    margin-top: 50px;
}
@media screen and (max-width:1280px) {
    .section-mayor .footerCarousel .carouselRight {
        width: calc(100% - 400px);
    }
}
@media screen and (max-width:1024px) {
    .section-mayor .footerCarousel .carouselRight {
        width: 100%;
        position: absolute;
        height: 0px;
        padding-top: 56.25%;
        margin-top: 0px;
    }
}
.section-mayor .footerCarousel .carouselPrev {
    left: auto;
    right: 0px;
    top: 95px;
    height: 80px;
}
@media screen and (max-width:1024px) {
    .section-mayor .footerCarousel .carouselPrev {
        height:100%;
        top:0px;
        left:0px;
        right:auto;
    }
}
.section-mayor .footerCarousel .carouselNext {
    height: 80px;
    top: 15px;
}
@media screen and (max-width:1024px) {
    .section-mayor .footerCarousel .carouselNext {
        height: 100%;
        top: 0px;
    }
}
.section-mayor .footerCarousel .carouselPrev .circle, .section-mayor .footerCarousel .carouselNext .circle {
    margin: 0px;
    width: 80px;
    height: 80px;
    border-radius: 0px;
    background-color: rgba(88,88,88,0.85);
}
@media screen and (max-width:600px) {
    .section-mayor .footerCarousel .carouselPrev .circle, .section-mayor .footerCarousel .carouselNext .circle {
        width:50px;
        height:50px;
        margin-top:15px;
    }
    .section-mayor .footerCarousel .carouselNext .circle {
        margin-left:30px;
    }
}
.section-mayor .footerCarousel .carouselPrev:hover .circle, .section-mayor .footerCarousel .carouselNext:hover .circle{
    background-color:rgba(70,114,159,0.9);
}
.section-mayor .footerCarousel .carouselPrev .arrow,
.section-mayor .footerCarousel .carouselNext .arrow{
    width: 26px;
    height: 26px;
    top: calc(50% - 13px);
}
@media screen and (max-width:600px) {
    .section-mayor .footerCarousel .carouselPrev .arrow,
    .section-mayor .footerCarousel .carouselNext .arrow {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }
}
.section-mayor .footerCarousel .carouselPrev .arrow {
    left:32px;
}
@media screen and (max-width:600px) {
    .section-mayor .footerCarousel .carouselPrev .arrow {
        left: 18px;
    }
}
.section-mayor .footerCarousel .carouselNext .arrow {
    left:20px;
}
@media screen and (max-width:600px) {
    .section-mayor .footerCarousel .carouselNext .arrow {
        left: 38px;
    }
}
/*UIStarterCore.Blog*/
    .blogSearchContainer {
    font-size:0px;
}
.blogSearchLeft {
    display: inline-block;
    width: calc(100% - 350px);
    margin-right: 50px;
    vertical-align: top;
}
@media screen and (max-width:1280px) {
    .blogSearchLeft {
        width: calc(100% - 280px);
        margin-right: 15px;
    }
}
@media screen and (max-width:880px) {
    .blogSearchLeft {
        margin-right:0px;
        width:100%;
    }
}
.blogSearchRight {
    display: inline-block;
    width: 250px;
    margin-left: 50px;
    vertical-align: top;
}
@media screen and (max-width:1280px) {
    .blogSearchRight {
        margin-left:15px;
    }
}
@media screen and (max-width:880px) {
    .blogSearchRight {
        width: 100%;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
        background: linear-gradient(269deg, rgba(214,225,235,0.5) 0%, rgba(214,225,235,1) 100%);
        padding: 15px;
    }
}
.blogSearchRightBackground {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 350px;
    height: 100%;
    background: linear-gradient(269deg, rgba(214,225,235,0.5) 0%, rgba(214,225,235,1) 100%);
}
@media screen and (max-width:1280px) {
    .blogSearchRightBackground {
        width:280px;
    }
}
@media screen and (max-width:880px) {
    .blogSearchRightBackground {
        display:none;
    }
}
@media screen and (max-width:780px) {
    .blogSearchRightBackground {
        width: 200px;
    }
}
@media screen and (max-width:512px) {
    .blogSearchRightBackground {
        width: 100%;
    }
}
.blogSearchRightPadding {
    position: relative;
}
.pageContent .blogSearchContainer .searchItemInput {
    margin-left: 0px;
    margin-top: 0px;
}
.pageContent .blogSearchContainer .searchItemInputButton {
    margin-top:0px;
}
/*Urban Forestry Blog Styles*/
.section-trees .blog.spotlight {
    font-size: 0px;
    position: relative;
    margin-bottom: 55px;
}
@media screen and (max-width:570px) {
    .section-trees .blog.spotlight {
        margin-bottom:30px;
    }
}
.section-trees .blog.spotlight .blogLeftText {
    display: inline-block;
    font-size: 16px;
    width: calc(60% - 10px);
    margin-right: 20px;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:750px) {
    .section-trees .blog.spotlight .blogLeftText {
        width: calc(100% - 285px);
        margin-right: 15px;
    }
}
@media screen and (max-width:570px) {
    .section-trees .blog.spotlight .blogLeftText {
        padding-top: 265px;
        width:100%;
        margin-right:0px;
    }
}
.section-trees .blog.spotlight .blogLeftText .blogPseudoTitle::after {
    content: 'Tree Of The Month';
    text-transform: uppercase;
    font-size: 20px;
    color: black;
    font-weight: bold;
}
.section-trees .blog.spotlight .blogLeftText .blogTitle {
    font-size: 25px;
    line-height: 1.2em;
    margin-bottom: 7px;
    font-weight: bold;
    color: #214D14;
}
.section-trees .blog.spotlight .blogLeftText .blogTextOverflow {
    min-height:200px;
    max-height: 400px;
    overflow: hidden;
}
@media screen and (max-width:570px) {
    .section-trees .blog.spotlight .blogLeftText .blogTextOverflow {
        min-height:0px;
        max-height: 260px;
    }
}
.section-trees .blog.spotlight .blogLeftText .blogTextWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
}
@media screen and (max-width:570px) {
    .section-trees .blog.spotlight .blogLeftText .blogTextWebkitbox {
        -webkit-line-clamp: 9;
    }
}
.section-trees .blog.spotlight .blogReadMoreLink {
    display: inline-block;
    padding-left: 32px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.2em;
    font-size: 16px;
    text-decoration:none;
    background-image: url('/Content/Images/components/trees/ViewAllGreen.png');
}
.section-trees .blog.spotlight .blogReadMoreLink:hover {
    text-decoration:underline;
}
.section-trees .blog.spotlight .blogRightImg {
    box-shadow: 0px 0px 0px 3px #e2ebe0, 2px 5px 15px 0px rgba(7,66,0,0.25);
    border-radius: 5px;
    width: calc(40% - 12px);
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:750px) {
    .section-trees .blog.spotlight .blogRightImg {
        width: 270px;
    }
}
@media screen and (max-width:570px) {
    .section-trees .blog.spotlight .blogRightImg {
        width: 100%;
        top: 0px;
        left: 0px;
        height: 250px;
    }
}
.section-trees .blogSpotlightBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(0.6,1);
}
@media screen and (max-width:570px) {
    .section-trees .blogSpotlightBackground {
        transform:none;
    }
}
.section-trees .blogSpotlightBackgroundAngle1 {
    position: absolute;
    top: 0px;
    right: 56%;
    width: 500px;
    height: 500px;
    transform: rotate(45deg);
    background: linear-gradient(45deg, rgba(2,0,36,0) 50%, rgba(204,214,197,0.6) 100%);
}
@media screen and (max-width:570px) {
    .section-trees .blogSpotlightBackgroundAngle1 {
        top: 228px;
        right: 50%;
    }
}
.section-trees .blogSpotlightBackgroundAngle2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
}
/*Mayor Blog Styles*/
.section-mayor .blogCarousel.carouselWrapper {
    margin-top: 0px;
    margin-bottom: 22px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}
.section-mayor .blogCarousel .carouselLeft {
    width: calc(100% - 675px);
    height: 380px;
}
@media screen and (max-width:1480px) {
    .section-mayor .blogCarousel .carouselLeft {
        width: calc(100% - 45.608vw);
        height: 25.675vw;
    }
}
@media screen and (max-width:1280px) {
    .section-mayor .blogCarousel .carouselLeft {
        width: calc(100% - 580px);
        height: 330px;
    }
}
@media screen and (max-width:1200px) {
    .section-mayor .blogCarousel .carouselLeft {
        width: calc(100% - 48.333vw);
        height: 27.5vw;
    }
}
@media screen and (max-width:880px) {
    .section-mayor .blogCarousel .carouselLeft {
        height: 240px;
    }
}
@media screen and (max-width:800px) {
    .section-mayor .blogCarousel .carouselLeft {
        height: 270px;
        margin-top:56.25%;
        width:100%;
    }
}
.pageContent .section-mayor .CarouselText a:link, .pageContent .section-mayor .CarouselText a:visited, .pageContent .section-mayor .CarouselText a:active {
    color: #ffdc9d;
    text-decoration: none;
}
.pageContent .section-mayor .CarouselText a:hover {
    color:white;
    text-decoration:underline;
}
.section-mayor .blogCarousel .carouselLeft .carouselLeftNav {
    height:auto;
}
.section-mayor .blogCarousel .carouselLeft .carouselLink {
    width: 22px;
    border-radius: 2px;
}
.section-mayor .blogCarousel .carouselRight {
    width: 675px;
    height: 100%;
}
@media screen and (max-width:1480px) {
    .section-mayor .blogCarousel .carouselRight {
        width: 45.608vw;
    }
}
@media screen and (max-width:1280px) {
    .section-mayor .blogCarousel .carouselRight {
        width: 580px;
    }
}
@media screen and (max-width:1200px) {
    .section-mayor .blogCarousel .carouselRight {
        width: 48.333vw;
    }
}
@media screen and (max-width:800px) {
    .section-mayor .blogCarousel .carouselRight {
        width: 100%;
        height: 0px;
        padding-top: 56.25%;
    }
}
.section-mayor .blogCarousel .CarouselTitleOverflow {
    max-height: 66px;
}
.section-mayor .blogCarousel .CarouselTitleWebkitBox {
    -webkit-line-clamp: 3;
}
@media screen and (max-width:1024px) {
    .section-mayor .blogCarousel .CarouselTitleOverflow {
        max-height: 42px;
    }
    .section-mayor .blogCarousel .CarouselTitleWebkitBox {
        -webkit-line-clamp: 2;
    }
}
@media screen and (max-width:800px) {
    .section-mayor .blogCarousel .CarouselTitleOverflow {
        max-height: 66px;
    }
    .section-mayor .blogCarousel .CarouselTitleWebkitBox {
        -webkit-line-clamp: 3;
    }
}
@media screen and (max-width:1380px) {
    .section-mayor .blogCarousel .CarouselTextOverflow {
        max-height: 155px;
    }
    .section-mayor .blogCarousel .CarouselTextWebkitBox {
        -webkit-line-clamp: 7;
    }
}
@media screen and (max-width:1200px) {
    .section-mayor .blogCarousel .CarouselTextOverflow {
        max-height: 134px;
    }
    .section-mayor .blogCarousel .CarouselTextWebkitBox {
        -webkit-line-clamp: 6;
    }
}
@media screen and (max-width:1120px) {
    .section-mayor .blogCarousel .CarouselTextOverflow {
        max-height: 134px;
    }
    .section-mayor .blogCarousel .CarouselTextWebkitBox {
        -webkit-line-clamp: 5;
    }
}
@media screen and (max-width:930px) {
    .section-mayor .blogCarousel .CarouselTextOverflow {
        max-height: 89px;
    }
    .section-mayor .blogCarousel .CarouselTextWebkitBox {
        -webkit-line-clamp: 4;
    }
}
@media screen and (max-width:800px) {
    .section-mayor .blogCarousel .CarouselTextOverflow {
        max-height: 134px;
    }
    .section-mayor .blogCarousel .CarouselTextWebkitBox {
        -webkit-line-clamp: 5;
    }
}
.section-mayor .blogCarousel .carouseImage.noTeaserImage {
    background-image: url(/Content/Images/components/mayor/noBlogTeaser.jpg);
    background-size: cover;
    background-positioN: center;
}
.section-mayor .blogCarousel .carouselRightNav {
    height: 0px;
}
.section-mayor .blogCarousel .carouselPrev, .section-mayor .blogCarousel .carouselNext {
    height: 330px;
}
@media screen and (max-width:1380px) {
    .section-mayor .blogCarousel .carouselPrev, .section-mayor .blogCarousel .carouselNext {
        height:22.297vw;
    }
}
@media screen and (max-width:1280px) {
    .section-mayor .blogCarousel .carouselPrev, .section-mayor .blogCarousel .carouselNext {
        height: 280px;
    }
}
@media screen and (max-width:1200px) {
    .section-mayor .blogCarousel .carouselPrev, .section-mayor .blogCarousel .carouselNext {
        height: 23.333vw;
    }
}
@media screen and (max-width:800px) {
    .section-mayor .blogCarousel .carouselPrev, .section-mayor .blogCarousel .carouselNext {
        height:0px;
        padding-top:50%;
    }
}
.section-mayor .blogCarousel .carouselVideo iframe {
    width: 100%;
    height: 100%;
}
/*Environmental Protection Board Carousel*/
.section-environmentalprotection .carouselLeft {
    width: calc(100% - 200px);
    margin-left: auto;
    margin-right: auto;
    height: 510px;
    padding-bottom: 87px;
    position: relative;
    display: block;
    margin-top: 0px;
}
@media screen and (max-width:1250px) {
    .section-environmentalprotection .carouselLeft {
        height: 40.6vw;
    }
}
@media screen and (max-width:640px) {
    .section-environmentalprotection .carouselLeft {
        height: 265px;
    }
}
@media screen and (max-width:420px) {
    .section-environmentalprotection .carouselLeft {
        width: calc(100% - 145px);
    }
}
.section-environmentalprotection .carouselRight {
    width: 100%;
    height: 100%;
    padding-top: 0px;
}
.section-environmentalprotection .carouselRightNav {
    height: calc(100% - 80px);
}
.section-environmentalprotection .carouselLeftBackground {
    display: none;
}
.section-environmentalprotection .CarouselInfoContainer {
    line-height: 1em;
    font-size: 16px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    text-align: center;
}
.section-environmentalprotection .CarouselTitle {
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
    width: 100%;
}
.section-environmentalprotection .CarouselTitleTable {
    display: table;
    height: 257px;
    padding-top: 200px;
    padding-bottom: 60px;
    position: relative;
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:1250px) {
    .section-environmentalprotection .CarouselTitleTable {
        height: calc(41.6vw - (14vw + 64px));
        padding-top: 14vw;
    }
}
@media screen and (max-width:800px) {
    .section-environmentalprotection .CarouselTitleTable {
        height: 200px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.section-environmentalprotection .CarouselTitleTableCell {
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:800px) {
    .section-environmentalprotection .CarouselTitleTableCell {
        display: table-cell;
        vertical-align: bottom;
    }
}
.section-environmentalprotection .CarouselInfo {
    width: 100%;
    margin-left: auto;
    z-index: 5;
    margin-right: auto;
    Position: absolute;
    height: calc(100% - 90px);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.section-environmentalprotection .CarouselTitleOverflow {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    display: block;
}
@media screen and (max-width:1250px) {
    .section-environmentalprotection .CarouselTitleOverflow {
        max-height: 17.6vw;
    }
}
@media screen and (max-width:640px) {
    .section-environmentalprotection .CarouselTitleOverflow {
        max-height: 167px;
    }
}
.section-environmentalprotection .CarouselTitleWrapper {
    font-size: 28px;
    line-height: 2em;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    display: inline;
    font-weight: normal;
    width: 100%;
    height: 100%;
    box-shadow: 10px 0 0 rgba(0,0,0,0.8), -10px 0 0 rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.8);
    z-index: 100;
}
@media screen and (max-width:1250px) {
    .section-environmentalprotection .CarouselTitleWrapper {
        font-size: 2.24vw;
    }
}
@media screen and (max-width:640px) {
    .section-environmentalprotection .CarouselTitleWrapper {
        font-size: 14px;
    }
}
.section-environmentalprotection .CarouselTitleWebkitBox {
    -webkit-line-clamp: 4;
}
@media screen and (max-with:640px) {
    .section-environmentalprotection .CarouselTitleWebkitBox {
        -webkit-line-clamp: 6;
    }
}
.section-environmentalprotection .carouselLeftNav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    z-index: 5;
}
@media screen and (max-width:800px) {
    .section-environmentalprotection .carouselLeftNav {
        display: none;
    }
}
.section-environmentalprotection .carouselLeftNav .carouselLink {
    background-color: rgb(255,255,255,.8);
    margin-top: 2px;
    box-shadow: 0px 0px 2px black;
    border-radius: 5px;
    text-align: center;
}
.section-environmentalprotection .carouselLink:hover, .section-environmentalprotection .carouselLink:focus, .section-environmentalprotection .carouselLink.select {
    background-color: rgb(87,209,158,1);
}
/*Environmental Protection Front Page Paragraph*/
.EPBWelcomeWrapper {
    background-image: url(/Content/Images/components/environmental_quality/grass_bg_.png);
    background-size: cover;
    background-position: right;
    margin: -50px;
    padding: 50px;
    margin-top: -135px;
    padding-top: 135px;
    margin-bottom: 0px;
    width: 100%;
    display:inline-block;
}
@media screen and (max-width:1280px) {
    .EPBWelcomeWrapper {
        margin: -15px;
        padding: 15px;
        margin-top: -135px;
        padding-top: 135px;
    }
}
img.EPBwelcomeImage {
    display: inline-block;
    width: 350px;
    border-radius: 5px;
    box-shadow: 2px 2px 15px rgb(0 0 0 / 17%);
    border: 1px solid white;
}
/*UIStarterCore.Contractor*/
table#contractorTable {
    border: 2px solid rgba(0,0,0,0.8);
    border-radius: 5px;
    overflow: hidden;
}
table#contractorTable th:first-child, table#contractorTable td:first-child {
    padding-left:10px;
    padding-right:10px;
}
table#contractorTable th {
    color: #FFF;
    background-color: #30567d;
    text-align: center;
    line-height: 1.2em;
}
table#contractorTable th.leftAlign {
    text-align: left;
}
table#contractorTable th:nth-child(2), table#contractorTable th:nth-child(3) {
    border-left: 1px rgba(204, 204, 204, .5) solid;
}
TABLE#contractorTable .ServicesBorder, TABLE#contractorTable td:nth-child(4), TABLE#contractorTable td:nth-child(5), TABLE#contractorTable td:nth-child(6), TABLE#contractorTable td:nth-child(7) {
    border-left: 1px rgba(204, 204, 204, .5) solid;
}
table#contractorTable > tbody > tr.color:nth-child(even) {
    background-color: #DDEDFF;
}
.checkBox {
    display: inline-block;
    background-repeat: no-repeat;
    overflow: hidden;
    vertical-align: top;
    width: 30px;
    height: 30px;
    background-size: contain
}
.checkBox.White {
    /*background-image: url(/Content/Images/Icons/checkWhite.png);*/
}
.checkBox.Black {
    background-image: url(/Content/Images/Icons/checkBlack.png);
}
@media screen and (max-width: 960px) {
    .contractorTableContainer {
        display: none !important;
    }
}
/*UIStarterCore.Contractor Mobile Styles*/
.ContractorMobileWrapper {
    display: none;
}
@media screen and (max-width: 960px) {
    .ContractorMobileWrapper {
        display: block !important;
    }
}
.ContractorMobileWrapper > .ContractorMobileTableWrapper {
    border: 2px solid rgba(0,0,0,0.8);
    border-radius: 10px;
    overflow: hidden;
}
.ContractorMobileWrapper table {
    min-width: 100.1%;
}
.ContractorMobileWrapper table:nth-child(even) {
    background-color: #DEF;
}
.ContractorMobileWrapper table tbody tr:first-child {
    background-color: #305A88;
    color: #FFF;
}
.ContractorMobileWrapper table tbody tr :first-child {
    width: 45%;
}
.ContractorMobileWrapper table tbody tr td[colspan] {
    width: 100%;
}
.ContractorMobileWrapper table th,
.ContractorMobileWrapper table td {
    padding: .5em 1em;
}
.ContractorMobileWrapper ul,
.ContractorMobileWrapper li {
    min-width: 100%;
}
.ContractorMobileWrapper .wordbreak {
    word-break: break-all;
    display: inline-block;
    vertical-align: top;
    max-width: 40vw;
}
/*UIStarterCore.Flipbox*/
.welcomeFlipboxes {
    margin-bottom: 30px;
}
.flipboxWrapper {
    font-size:0px;
    margin-top:30px;
    margin-bottom:30px;
}
.customTopHeaderWidget .flipboxWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.headerNavigationArea .flipboxWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.customFooter .flipboxWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.section-welcome .flipboxWrapper {
    margin-top: 0px;
    margin-bottom: 0px;
}
.flipboxMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.flipboxContainer {
    position: relative;
    display: inline-block;
    width: 100%;
}
.flipbox {
    width: calc(33.333% - 20px);
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    margin-right: 30px;
}
.customTopHeaderWidget .flipbox {
    width: 33.333%;
    margin-right: 0px;
}
.headerNavigationArea .flipbox {
    width: 33.333%;
    margin-right: 0px;
}
.customFooter .flipboxFront {
    width: 33.333%;
    margin-right: 0px;
}

.flipbox:last-of-type {
    margin-right:0px;
}
@media screen and (max-width:1280px) {
    .flipbox {
        width:calc(33.333% - 10px);
        margin-right:15px;
    }
    .section-welcome .flipbox {
        width: calc(33.333% - 20px);
        margin-right: 30px;
    }
    .flipbox:last-of-type {
        margin-right: 0px;
    }
}
@media screen and (max-width:1050px) {
    .section-welcome .flipbox {
        width: calc(33.333% - 10px);
        margin-right: 15px;
    }
    .flipbox:last-of-type {
        margin-right: 0px;
    }
}
@media screen and (max-width:800px) {
    .flipbox {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
    }
    .customTopHeaderWidget .flipbox {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .headerNavigationArea .flipbox {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .customFooter .flipbox {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .section-welcome .flipbox {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
    }
    .flipbox:last-of-type {
        margin-bottom: 0px;
    }
    .section-welcome .flipbox {
        border-radius: 10px;
        box-shadow: 0px 0px 0px 1px white, 0px 0px 15px rgba(0,0,0,0.2);
    }
}
.flipboxFront {
    position: absolute;
    top: 0px;
    width: calc(33.333% - 20px);
    height: 100%;
    overflow: hidden;
}
.customTopHeaderWidget .flipboxFront {
    width: 33.333%;
}
.headerNavigationArea .flipboxFront {
    width: 33.333%;
}
.customFooter .flipboxFront {
    width: 33.333%;
}
.section-welcome .flipboxFront {
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1px white, 0px 0px 15px rgba(0,0,0,0.2);
}
@media screen and (max-width:1280px) {
    .flipboxFront {
        width: calc(33.333% - 10px);
    }
    .section-welcome .flipboxFront {
        width: calc(33.333% - 20px);
    }
}
@media screen and (max-width:1050px) {
    .section-welcome .flipboxFront {
        width: calc(33.333% - 10px);
    }
}
@media screen and (max-width:800px) {
    .flipboxFront {
        width: 100%;
    }
    .customTopHeaderWidget .flipboxFront {
        width: 100%;
    }
    .headerNavigationArea .flipboxFront {
        width: 100%;
    }
    .customFooter .flipboxFront {
        width: 100%;
    }
    .section-welcome .flipboxFront {
        width: 100%;
    }
    .section-welcome .flipboxFront {
        box-shadow: none;
    }
}
.flipboxFrontBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.flipboxFrontContents {
    height: 100%;
    width:100%;
    top:0px;
    opacity:1;
    position:relative;
    transition:top 0.5s;
}
.flipbox:hover .flipboxFrontContents {
    top:-100%;
}
.flipboxFrontTitle {
    position: absolute;
    font-size: 24px;
    line-height: 1.2em;
    width: 100%;
    color: white;
    text-transform: uppercase;

}
.flipboxFrontTitleShading {
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    background: linear-gradient( 37deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35px, rgba(0,0,0,0.15) 35px, rgba(0,0,0,0.15) 65px, rgba(0,0,0,0) 65px, rgba(255,255,225,0.15) 50%, rgba(255,255,225,0.25) 100%);
}
@media screen and (max-width:1050px) {
    .flipboxFrontTitleShading {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
    }
}
.flipboxTitleOverflow {
    margin-bottom: -6px;
    overflow: hidden;
    max-height: 57px;
}
.flipboxTitleWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.flipboxFrontText {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 1.2em;
    box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.25);
    background-color: rgba(255,255,255,0.9);
}
.flipboxFrontTextTable {
    display: table;
    min-height: 58px;
    padding: 30px;
    padding-top: 12px;
    padding-bottom: 11px;
    width: calc(100% - 60px);
}
@media screen and (max-width:1080px) {
    .flipboxFrontTextTable {
        padding: 15px;
        padding-top: 10px;
        padding-bottom: 12px;
        width: calc(100% - 30px);
    }
}
@media screen and (max-width:800px) {
    .flipboxFrontTextTable {
        min-height:auto;
    }
}
.flipboxFrontTextTableCell {
    display: table-cell;
    vertical-align: top;
}
.flipboxFrontTextOverflow {
    max-height: 58px;
    overflow: hidden;
}
.flipboxFrontTextWebkitbox {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.flipboxBack {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}
.flipbox:hover .flipboxBack {
    opacity:1;
}
.flipboxBackBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
}

.flipboxBackColor {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flipboxBackColor.default {
    color:rgba(0,0,0,0.8);
}
.flipboxBackColorStripe {
    background: #0496a6;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 41px;
}
.flipboxBackColorStripeOverlay {
    background: linear-gradient( 90deg, rgba(0,0,0,0.25) 0%, rgba(128,128,128,0) 25%, rgba(218,218,218,0) 50%, rgba(255,255,255,0.25) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.flipboxBackImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.flipboxBackText {
    font-size: 16px;
    color: white;
    line-height: 1.6em;
    position: relative;
    top:150px;
    transition:top 0.5s;
}
.flipbox:hover .flipboxBackText {
    top:0px;
}
.flipboxBackTitleOverflow {
    font-size: 22px;
    max-height: 45px;
    overflow: hidden;
    margin-bottom: 15px;
}
.flipboxBackTitleWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-bottom: 15px;
    border-bottom: 1px solid white;
}
.flipboxBackText a, .flipboxBackText a:active, .flipboxBackText a:visited, .pageContent .flipboxBackText a, .pageContent .flipboxBackText a:active, .pageContent .flipboxBackText a:visited {
    color: white;
    text-decoration: none;
}
.flipboxBackText a:hover, .pageContent .flipboxBackText a:hover{
    color:white;
    text-decoration:underline;
}
.section-welcome .flipboxBackText a:hover {
    color: #ffdc9d;
}
.flipboxBackTextTable {
    display: table;
    padding: 30px;
    padding-top: 65px;
    width: calc(100% - 60px);
    height: 100%;
    min-height: 235px;
}
@media screen and (max-width:1050px) {
    .flipboxBackTextTable {
        padding: 15px;
        padding-top: 55px;
        width: calc(100% - 30px);
        min-height: 220px;
    }
}
.flipboxBackTextTableCell {
    display: table-cell;
    vertical-align: top;
}
/*Welcome 2 Column Section*/
.twoColumns {
    display:inline-block;
    width:100%;
    margin-bottom:30px;
}
.twoColumns .welcomeColumnLeft {
    min-height: 450px;
    margin-right: calc(33.333% - 20px + 30px);
    float: left;
}
@media screen and (max-width:1050px) {
    .twoColumns .welcomeColumnLeft {
        margin-right: calc(33.333% - 10px + 15px);
    }
}
@media screen and (max-width:800px) {
    .twoColumns .welcomeColumnLeft {
        margin-right:0px;
        float:none;
        margin-bottom:15px;
        min-height:auto;
    }
}
.twoColumns .welcomeColumnRight {
    width: calc(33.333% - 20px);
    margin-left: calc(66.666% + 20px);
}
@media screen and (max-width:1050px) {
    .twoColumns .welcomeColumnRight {
        width: calc(33.333% - 10px);
        margin-left: calc(66.666% + 10px);
    }
}
@media screen and (max-width:800px) {
    .twoColumns .welcomeColumnRight {
        width:100%;
        margin-left:0px;
    }
}
/*UIStarterCore.Document and UIStarterCore.Accordion*/
.accordionList {
    margin-top:30px;
    margin-bottom:30px;
}
.documentAccordions, .Accordions {
    opacity: 0;
    display: inline-block;
    width: 100%;
}
.ktc-widget-body-wrapper .documentAccordions, .ktc-widget-body-wrapper .Accordions {
    opacity: 1;
}
.documentAccordions.show, .Accordions.show {
    opacity: 1;
}
.accordion {
    margin-bottom: 30px;
    box-shadow: rgba(233,233,233,1) 0px 0px 0px 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
.documentAccordions {
    margin-top:30px;
    margin-bottom:15px;
}
@media screen and (max-width:1280px){
    .documentAccordions {
        margin-top:15px;
        margin-bottom:15px;
    }
}
.documentAccordions .accordion:last-of-type, .Accordions .accordion:last-of-type {
    margin-bottom: 5px;
}
.pageContent a.accordionTitle, .pageContent a.accordionTitle:visited, .pageContent a.accordionTitle:active, .pageContent a.accordionTitle:hover {
    display: block;
    color: #30567d;
    background-color: #e9e9e9;
    padding: 10px;
    padding-left: 35px;
    padding-bottom: 7px;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    line-height: 1.2em;
}
.accordionArrow {
    color: rgba(0,0,0,0);
    overflow: hidden;
    font-size: 12px;
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: 2px solid #30567d;
    border-right: 2px solid #30567d;
    transition: transform 0.4s, top 0.2s, left 0.2s;
    position: absolute;
    left: 8px;
    top: 14px;
}
.accordion.open .accordionArrow {
    transform: rotate( 135deg );
    left: 10px;
    top: 10px;
}
.accordionContent {
    overflow: hidden;
    height: 0px;
}
.accordionPadding {
    padding: 30px;
    padding-bottom:25px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: rgba(255,255,255,1);
    box-shadow: rgba(233,233,233,1) -5px 10px 0px -5px inset;
    font-size: 16px;
}
@media screen and (max-width:800px) {
    .accordionPadding {
        padding:15px;
        padding-bottom:10px;
    }
}
.accordionPadding a, .accordionPadding a:active, .accordionPadding a:visited {
    color: #30567d;
    text-decoration: none;
    outline: 0px;
}
.accordionPadding a:hover {
    color: black;
    text-decoration: underline;
}
.accordionPadding p:first-of-type {
    margin-top:0px;
}
.accordionPadding p:last-of-type {
    margin-bottom: 0px;
}
.accordionPadding .documentLink {
    margin-bottom: 15px;
}
.accordionPadding .documentLink:last-of-type {
    margin-bottom: 0px;
}
.accordionPadding .documentLink a {
    font-weight: bold;
}
.accordionListTop {
    display:inline-block;
    width:100%;
}
.accordionListTitle {
    float: left;
    font-size: 25px;
    line-height: 1.2em;
    max-width: calc(100% - 150px);
}
@media screen and (max-width:720px) {
    .accordionListTitle {
        float:none;
        max-width: 100%;
    }
}
.content .accordionListTitle h2 {
    font-size: 25px;
    margin: 0px;
    display: inline-block;
    margin-bottom: 10px;
}
.accordionButtons {
    text-align: right;
}
@media screen and (max-width:720px) {
    .accordionButtons {
        text-align:left;
    }
}
.pageContent a.expandAllAccordions, .pageContent a.collapseAllAccordions,
.pageContent a.expandAllAccordions:visited, .pageContent a.collapseAllAccordions:visited,
.pageContent a.expandAllAccordions:active, .pageContent a.collapseAllAccordions:active {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 10px;
    background-color: #e9e9e9;
    color: #30567d;
    margin-bottom: 17px;
    font-size: 17px;
    line-height: 1.2em;
    background-repeat: no-repeat;
    background-position: left 8px center;
    text-decoration: none;
}
.pageContent a.expandAllAccordions:hover, .pageContent a.collapseAllAccordions:hover {
    text-decoration:underline;
}
.expandAllAccordions {
    display: inline-block;
    background-image: url('/Content/Images/icons/BluePlus.png');
}
.collapseAllAccordions {
    display: none;
    background-image: url('/Content/Images/icons/BlueMinus.png');
}
.allOpen .expandAllAccordions {
    display: none;
}
.allOpen .collapseAllAccordions {
    display:inline-block;
}
.pageContent .section-citycouncil a.accordionTitle, .pageContent .section-citycouncil a.accordionTitle:visited, .pageContent .section-citycouncil a.accordionTitle:active, .pageContent .section-citycouncil a.accordionTitle:hover {
    color: white;
    background-color: #18395e;
    padding: 15px;
    padding-left: 35px;
    padding-bottom: 15px;
    font-size: 18px;
    box-shadow: none;
}
.parksFilters .accordionPadding {
    padding: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-radius: 8px;
    background-color: rgba(236, 236, 236, 1);
    box-shadow: rgb(191 191 191) 3px 5px 13px 0px inset;
    font-size: 0px;
    margin-top:15px;
}
/*City Council Accordion Style*/
.section-citycouncil .accordion {
    margin:0px;
    margin-bottom:15px;
    box-shadow:none;
}
.section-citycouncil .accordion:last-of-type {
    margin-bottom:0px;
}
.section-citycouncil .documentAccordions {
    margin-top:15px;
    margin-bottom:15px;
}
.section-citycouncil .accordionArrow {
    border-top: 2px solid white;
    border-right: 2px solid white;
    left: 9px;
    top: 20px;
}
.section-citycouncil .accordion.open .accordionArrow {
    left: 12px;
    top: 16px;
}
.section-citycouncil .accordionContent {
    overflow: hidden;
    height: 0px;
}
.section-citycouncil .accordionPadding {
    background-color: rgba(236, 236, 236, 1);
    box-shadow: rgba(191,191,191,1) 3px 5px 13px 0px inset;
    padding-bottom:30px;
}
@media screen and (max-width:800px) {
    .section-citycouncil .accordionPadding {
        padding-bottom:15px;
    }
}
.section-citycouncil .accordionPadding a, .section-citycouncil .accordionPadding a:active, .section-citycouncil .accordionPadding a:visited {
    color: #30567d;
    text-decoration: none;
    outline: 0px;
}
.section-citycouncil .accordionPadding a:hover {
    color: black;
    text-decoration: underline;
}
/*Animal Care Styles*/
.section-animal .accordionList .accordion {
    margin: 0px;
    box-shadow: none;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(55, 166, 202, 0.37);
}
section-animal .accordionList .accordion:last-of-type {
    margin-bottom: 0px;
}
.pageContent .section-animal .accordionList a.accordionTitle, .pageContent .section-animal .accordionList a.accordionTitle:visited, .pageContent .section-animal .accordionList a.accordionTitle:active {
    background-color: rgba(0,0,0,0);
    color: black;
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 24px;
    padding-bottom: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #00577b;
}
.pageContent .section-animal .accordionList a.accordionTitle:hover {
    background-color: rgba(0,0,0,0);
    color: #00577b;
    text-decoration: underline;
}
.section-animal .accordionList .accordionPadding {
    background: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    padding: 5px;
    padding-left: 25px;
}
.section-animal .accordionList .accordionArrow {
    border-top: 2px solid #1896d1;
    border-right: 2px solid #1896d1;
    width: 10px;
    height: 10px;
    left: 2px;
    top: 9px;
}
.section-animal .accordionList .accordion.open .accordionArrow {
    left: 4px;
    top: 6px;
}
/*Urban Forestry Styles*/
.section-trees .accordionList .accordion {
    margin:0px;
    box-shadow:none;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(37, 122, 94, 0.29);
}
.section-trees .accordionList .accordion:last-of-type {
    margin-bottom:0px;
}
.pageContent .section-trees .accordionList a.accordionTitle, .pageContent .section-trees .accordionList a.accordionTitle:visited, .pageContent .section-trees .accordionList a.accordionTitle:active {
    background-color: rgba(0,0,0,0);
    color: black;
    font-size: 16px;
    padding-right:5px;
    padding-top: 5px;
    padding-left: 25px;
    padding-bottom: 5px;
    text-decoration: none;
}
.pageContent .section-trees .accordionList a.accordionTitle:hover {
    background-color: rgba(0,0,0,0);
    color: #214D14;
    font-size: 16px;
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 25px;
    padding-bottom: 5px;
    text-decoration: none;
}
.section-trees .accordionList .accordionPadding {
    background: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    padding: 5px;
    padding-left: 25px;
}
.section-trees .accordionList .accordionArrow {
    border-top: 2px solid #1a5846;
    border-right: 2px solid #1a5846;
    width: 8px;
    height: 8px;
    left: 2px;
    top: 8px;
}
.section-trees .accordionList .accordion.open .accordionArrow {
    left: 4px;
    top: 5px;
}
/*UIStarterCore.Event List and UIStarterCore.News List*/
.listItem {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.blogList .listItem.searchItem {
    display: none;
}
.blogList .listItem.searchItem.show {
    display: inline-block;
}
.listItem.pagedItem {
    display:none;
}
.listItem.pagedItem.show {
    display:inline-block;
}
.footer .listItem {
    margin-bottom: 0px;
}
.listItem:last-of-type {
    margin-bottom: 0px;
}
.listItem a.listLink, .listItem a.listLink:visited, .listItem a.listLink:active {
    color: #30567d;
    text-decoration: none;
    outline: 0px;
}
.eventDates .listItem a.listLink, .eventDates .listItem a.listLink:visited, .eventDates .listItem a.listLink:active, .eventDates .listItem a.listLink:hover {
    display: inline-block;
}
.listItem a.listLink:hover {
    color: black;
    text-decoration: underline;
    outline: 0px;
}
.footer .listItem a.listLink, .footer .listItem a.listLink:visited, .footer .listItem a.listLink:active{
    color:white;
}
.footer .listItem a.listLink:hover {
    color:#fbb732;
}
.listTeaserContainer {
    width: 200px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    border-radius: 10px;
    /*box-shadow: 0px 0px 1px 2px #bfbfbf;*/
    box-shadow: 0px 0px 1px 1px #c7c7c7;
    background: linear-gradient(0deg, rgba(40,85,134,1) 0%, rgba(22,49,78,1) 100%);
    overflow: hidden;
    position: relative;
    line-height: 360px;
}
@media screen and (max-width:640px) {
    .listTeaserContainer {
        margin-right:0px;
        float:none;
        margin-bottom:10px;
    }
}
.footer .listTeaserContainer {
    display: none;
}
.listTeaser {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    box-shadow: rgba(0,0,0,0.1) 3px 3px 6px inset;
}
.listTeaser.Cover {
    background-size:cover;
}
.listTeaser.videoTeaser {
    background-size: cover;
}
.listTeaser.default {
    background-image: url(/Content/Images/ClerkSeal.png);
    background-size: 100px 100px;
}
.videoIcon {
    background-image: url(/Content/Images/youtube.png);
    background-size: 80px 52px;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    color:white;
}
.listTitle, .content h3.listTitle {
    margin-top: 0px;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 1.2em;
    margin-left: 220px;
    font-weight: bold;
}
@media screen and (max-width:800px) {
    .listTitle, .content h3.listTitle {
        margin-left: 215px;
    }
}

@media screen and (max-width:640px) {
    .listTitle, .content h3.listTitle {
        margin-left: 0px;
    }
}
.content .onlyTitles h3.listTitle {
    margin-left: 0px;
}
.content .noThumbnails .listTitle {
    margin-left: 0px;
}
.footer .listTitle {
    font-weight: normal;
    margin-left: 0px;
}
.listSummary {
    font-size: 16px;
    line-height: 1.2em;
    margin-left: 220px;
}
@media screen and (max-width:800px) {
    .listSummary {
        margin-left:215px;
    }
}
@media screen and (max-width:640px) {
    .listSummary {
        margin-left: 0px;
    }
}
.footer .listSummary {
    display: none;
}
.noThumbnails .listSummary {
    margin-left:0px;
}
.listSummary a, .listSummary a:active, .listSummary a:visited {
    color: #30567d;
    text-decoration: underline;
}
.listSummary a:hover {
    color: black;
    text-decoration: underline;
}
.listDate {
    color: #656565;
}
.listLocation {
    color: #656565;
}
.listLocation a, .listLocation a:active, .listLocation a:visited {
    color: #30567d;
    text-decoration: none;
}
.listLocation a:hover {
    color: black;
    text-decoration: underline;
}
.listOverflow {
    overflow: hidden;
    max-height: 75px;
}
.listWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.listWebkitbox img {
    display:none;
}
/*Four Column List Item used on DuvalClerk Welcome Page*/
.newsList.fourColumn{
    width:100%;
    position:relative;
}
.newsList.fourColumn .fourColumnWrapper {
    white-space:nowrap;
    width: calc(100% + 30px);
}
@media screen and (max-width:1280px) {
    .newsList.fourColumn .fourColumnWrapper {
        width: calc(100% + 15px);
    }
}
@media screen and (max-width:512px) {
    .newsList.fourColumn .fourColumnWrapper {
        width: 100%;
    }
}
.newsList.fourColumn .listItem {
    margin-bottom: 15px;
    width: calc(25% - 30px);
    vertical-align: top;
    margin-right: 30px;
    white-space:normal;
}
.newsList.fourColumn .fourColumnOverflow {
    overflow:visible;
}
.newsList.fourColumn .fourColumnPadding {
    position:relative;
}
@media screen and (max-width:1280px) {
    .newsList.fourColumn .listItem {
        width: calc(25% - 15px);
        margin-right: 15px;
    }
}
@media screen and (max-width:1024px) {
    .newsList.fourColumn .fourColumnOverflow {
        overflow: hidden;
    }
    .newsList.fourColumn .listItem {
        width: calc(33.333% - 15px);
        margin-right: 15px;
        transition:opacity 0.5s, margin-left 0.5s;
    }
    .newsList.fourColumn .listItem:last-of-type {
        opacity:0;
    }
    .newsList.fourColumn.shiftItemsLeft .listItem:last-of-type {
        opacity: 1;
    }
    .newsList.fourColumn.shiftItemsLeft .listItem:first-of-type {
        opacity: 0;
        margin-left:-33.333%
    }
    .newsList.fourColumn .fourColumnPrevious {
        display: block;
        position: absolute;
        top: 0px;
        left:0px;
        width: 50px;
        padding-top: 18.25%;
        margin-left: -15px;
    }
    .newsList.fourColumn .fourColumnNext {
        display: block;
        position: absolute;
        top: 0px;
        right:0px;
        width: 50px;
        padding-top: 18.25%;
        margin-right: -15px;
    }
    .fourColumnPrevious .fourColumnCircle {
        position: absolute;
        top: calc(50% - 22px);
        left: calc(50% - 22px);
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background-color: rgba(19,19,19,0.8);
        border: 2px solid white;
    }
    .fourColumnNext .fourColumnCircle {
        position: absolute;
        top: calc(50% - 22px);
        left: calc(50% - 22px);
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background-color: rgba(19,19,19,0.8);
        border: 2px solid white;
    }
    .fourColumnPrevious .fourColumnArrow {
        overflow: hidden;
        color: black;
        line-height: 50px;
        transform: rotate(45deg);
        width: 12px;
        height: 12px;
        margin-left: 15px;
        margin-top: 13px;
        border-bottom: 2px white solid;
        border-left: 2px white solid;
    }
    .fourColumnNext .fourColumnArrow {
        overflow: hidden;
        color: black;
        line-height: 50px;
        transform: rotate(45deg);
        width: 12px;
        height: 12px;
        margin-left: 11px;
        margin-top: 13px;
        border-top: 2px white solid;
        border-right: 2px white solid;
    }
}
@media screen and (max-width:800px) {
    .newsList.fourColumn .fourColumnOverflow {
        overflow: visible;
    }
    .newsList.fourColumn .fourColumnWrapper {
        white-space:normal;
    }
    .newsList.fourColumn .listItem {
        width: calc(50% - 15px);
        transition: none;
    }
    .newsList.fourColumn .listItem:last-of-type {
        opacity: 1;
    }
    .newsList.fourColumn.shiftItemsLeft .listItem:last-of-type {
        opacity: 1;
    }
    .newsList.fourColumn.shiftItemsLeft .listItem:first-of-type {
        opacity: 1;
        margin-left: 0px;
    }
    .newsList.fourColumn .fourColumnPrevious {
        display:none;
    }
    .newsList.fourColumn .fourColumnNext {
        display: none;
    }
}
@media screen and (max-width:512px) {
    .newsList.fourColumn .listItem {
        width:100%;
        margin-right:0px;
    }
}
.newsList.fourColumn .listTeaserContainer {
    float: none;
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    border-radius: 3px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
}
.newsList.fourColumn .listTitle {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    color: #000021;
}
.newsList.fourColumn .listDate {
    display: none;
}
.newsList.fourColumn .listSummary {
    margin: 0px;
    font-size: 14px;
    color: #595959;
    line-height: 1.4em;
}
.newsList.fourColumn .listOverflow {
    max-height: 98px;
}
.newsList.fourColumn .listWebkitbox {
    -webkit-line-clamp: 5;
}
/*Animal Care*/
.section-animal .customNewsTop .customText {
    color: #eb0046;
}
.section-animal .customEventsTop .customText {
    color: #285586;
}
.pageContent .section-animal .customMarginTop {
    background-color: #E6F9FD;
    margin-right: -50px;
    margin-left: -50px;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 16px;
    font-size: 28px;
    line-height: 1em;
    text-transform: uppercase;
}
@media screen and (max-width:1280px) {
    .pageContent .section-animal .customMarginTop {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
}
.pageContent .section-animal .listItem {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.section-animal .newsList, .section-animal .eventList {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -50px;
    padding-bottom: 50px;
    padding-left:30px;
    padding-right:30px;
}
@media screen and (max-width:1280px) {
    .section-animal .newsList, .section-animal .eventList {
        margin-left:-15px;
        margin-right:-15px;
        padding-left:15px;
        padding-right:15px;
    }
}
.section-animal .newsList {
    background: linear-gradient(0deg, rgba(230,248,252,1) 0px, rgba(230,248,252,1) 100%);
}
.section-animal .eventList {
    background: linear-gradient(0deg, rgba(255,255,255,0) 0px, rgba(230,248,252,1) 60px, rgba(230,248,252,1) 100%);
}
.pageContent .section-animal .newsList .listTeaserContainer {
    width: 135px;
    height: 136px;
    box-shadow: none;
    border-radius: 0px;
}
@media screen and (max-width:640px) {
    .pageContent .section-animal .newsList .listTeaserContainer {
        float:left;
        margin-right:0px;
        margin-bottom:10px;
    }
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .newsList .listTeaserContainer {
        float:none;
    }
}
.pageContent .section-animal .newsList .listTeaser {
    margin-left:-2px;
}
.pageContent .section-animal .newsList .listTeaserOverlay {
    background-image: url(/Content/Images/components/animal_care/animalcare_bubble_red.png);
    position: absolute;
    height: 150px;
    width: 150px;
    background-position: 2px -1px;
    background-size: 135px;
    border-radius: 0px;
}
.pageContent .section-animal .newsList .listTitle {
    margin-left: 150px;
    font-size: 18px;
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .newsList .listTitle {
        margin-left: 0px;
    }
}
.section-animal .newsList .listItem a.listLink, .section-animal .newsList .listItem a.listLink:visited, .section-animal .newsList .listItem a.listLink:active {
    color: #eb0046;
}
.pageContent .section-animal .newsList .listSummary {
    margin-left: 150px;
    font-size: 16px;
    line-height: 1.6em;
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .newsList .listSummary {
        margin-left: 0px;
    }
}
.pageContent .section-animal .listOverflow {
    max-height: 100px;
}
.pageContent .section-animal .eventList .listTeaser {
    margin-left: -2px;
}
.pageContent .section-animal .eventList .listTeaserOverlay {
    background-image: url(/Content/Images/components/animal_care/animalcare_bubble_red.png);
    position: absolute;
    height: 150px;
    width: 150px;
    background-position: 2px -1px;
    background-size: 135px;
    border-radius: 0px;
}
.pageContent .section-animal .eventList .listTeaserContainer {
    width: 135px;
    height: 136px;
    box-shadow: none;
    border-radius: 0px;
}
@media screen and (max-width:640px) {
    .pageContent .section-animal .eventList .listTeaserContainer {
        float: left;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .eventList .listTeaserContainer {
        float: none;
    }
}
.pageContent .section-animal .eventList .listTitle {
    margin-left: 150px;
    font-size: 18px;
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .eventList .listTitle {
        margin-left: 0px;
    }
}
.pageContent .section-animal .eventList .listSummary {
    margin-left: 150px;
    font-size: 16px;
    line-height: 1.6em;
}
@media screen and (max-width:480px) {
    .pageContent .section-animal .eventList .listSummary {
        margin-left: 0px;
    }
}
/*Environmental Quality News/Events Styles*/
.section-environmentalquality .customMargin.customMarginTop.customEventsTop {
    margin-right: -50px;
    margin-left: -50px;
    margin-top: 0px;
    margin-bottom: 15px;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .customMargin.customMarginTop.customEventsTop {
        margin-right: -15px;
        margin-left: -15px;
    }
}
.section-environmentalquality .customEventsTop .customBackgroundPart1 {
    background-color: #e7f2c1;
    height: 20px;
}
.section-environmentalquality .customEventsTop .customBackgroundPart2 {
    background-image: url(/Content/Images/components/environmental_quality/events_tab.png);
    height: 80px;
    width: 82px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 50px;
}
.section-environmentalquality .customEventsTop .customText {
    padding-left: 152px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #182b41;
    height: auto;
    position: absolute;
    width: auto;
    margin-top: -50px;
}
.section-environmentalquality .listItem:first-of-type .eventDate {
    border-top: none;
}
.section-environmentalquality .eventDate {
    width: 80px;
    display: block;
    position: absolute;
    border-style: unset;
    border: none;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    background: none;
    color: black;
}
.section-environmentalquality .eventList.eventDates .listItem {
    margin-bottom: 15px;
}
.section-environmentalquality .eventList.eventDates .listItem:hover {
    background-color: #e7e7e7;
}
/*CBCR News/Events Styles*/
.section-cbcr .customNewsList, .section-cbcr .customEventList {
    margin: 30px;
    margin-bottom: 0px;
}
@media screen and (max-width:1280px) {
    .section-cbcr .customNewsList, .section-cbcr .customEventList {
        margin: 15px;
        margin-bottom: 0px;
    }
}
/*Environmental Quality Styles*/
.section-environmentalquality .customMargin.customMarginTop.customNewsTop {
    margin-right: -50px;
    margin-left: -50px;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .customMargin.customMarginTop.customNewsTop {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.section-environmentalquality .customNewsTop .customBackgroundPart2 {
    background-image: url(/Content/Images/components/environmental_quality/news_tab.png);
    height: 80px;
    width: 80px;
    margin-top: -17px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-left: 50px;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    z-index: 1;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .customNewsTop .customBackgroundPart2 {
        margin-left: 15px;
    }
}
.section-environmentalquality .customNewsTop .customText {
    padding-left: 150px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #182b41;
    height: auto;
    width: auto;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 18px;
    background-position: right top;
    background: white;
    background-repeat: no-repeat;
    position: relative;
    top: -17px;
    margin-right: 170px;
    display: inline-block;
    line-height: 1em;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .customNewsTop .customText {
        padding-left: 105px;
    }
}
@media screen and (max-width:530px) {
    .section-environmentalquality .customNewsTop .customText {
        padding-top: 10px;
        width: calc(100% - 115px);
        margin-right: 0px;
        display: inline-block;
    }
}
.section-environmentalquality .customNewsTop .customText::after {
    content: '';
    background-image: url(/Content/Images/components/environmental_quality/tab_egret.png);
    width: 163px;
    height: 72px;
    background-position: top right;
    position: absolute;
    top: -5px;
    right: -162px;
}
@media screen and (max-width:530px) {
    .section-environmentalquality .customNewsTop .customText::after {
        display: none;
    }
}
/*Parks News/Events Styles*/
.section-parks .noThumbnails .listSummary {
    font-size: 15px;
}
/*Urban Forestry List Styles*/
.section-trees .listItem {
    padding: 20px;
    width: calc(100% - 40px);
    padding-bottom: 10px;
    background-color: rgb(160 189 153 / 30%);
    box-shadow: 2px 5px 15px 0px rgb(7 66 0 / 25%);
    border-radius: 15px;
}
@media screen and (max-width:640px){
    .section-trees .listItem {
        padding:15px;
        width:calc(100% - 30px);
    }
}
.section-trees .customNewsList .listItem,
.section-trees .customEventList .listItem {
    background-color: rgba(0,0,0,0.75);
    color:white;
}
.section-trees .listItem .listTeaser.default {
    background-image: url('/Content/Images/components/trees/Default.jpeg');
    background-size: cover;
}
.section-trees .listItem a.listLink, .section-trees .listItem a.listLink:visited, .section-trees .listItem a.listLink:active {
    color: #214D14;
}
.section-trees .listItem a.listLink:hover {
    color:black;
}
.section-trees .customNewsList .listItem a.listLink, .section-trees .customNewsList .listItem a.listLink:visited, .section-trees .customNewsList .listItem a.listLink:active,
.section-trees .customEventList .listItem a.listLink, .section-trees .customEventList .listItem a.listLink:visited, .section-trees .customEventList .listItem a.listLink:active {
    color: rgb(169, 255, 91);
}
.section-trees .customNewsList .listItem .listSummary a, .section-trees .customNewsList .listItem .listSummary a:active, .section-trees .customNewsList .listItem .listSummary a:visited,
.section-trees .customEventList .listItem .listSummary a, .section-trees .customEventList .listItem .listSummary a:active, .section-trees .customEventList .listItem .listSummary a:visited {
    color: rgb(169, 255, 91);
}
.section-trees .customNewsList .listItem .listSummary a:hover,
.section-trees .customEventList .listItem .listSummary a:hover {
    color: white;
}
.section-trees .customNewsList .listItem a.listLink:hover,
.section-trees .customEventList .listItem a.listLink:hover {
    color: white;
}
.section-trees .listDate {
    color: #0c911c;
}
.section-trees .customNewsList .listDate,
.section-trees .customEventList .listDate {
    color: rgb(86, 193, 99);
}
.section-trees .listLocation {
    color: #0c911c;
}
.section-trees .customNewsList .listLocation,
.section-trees .customEventList .listLocation {
    color: rgb(86, 193, 99);
}
.section-trees .listTeaserContainer {
    box-shadow: 0px 0px 0px 5px #a0bd99, 5px 5px 15px 0px rgba(27,62,19,1);
    background-color: #227439;
}
.section-trees .newsList .listItem:first-of-type, 
.section-trees .eventList .listItem:first-of-type {
    background-image: url(/Content/Images/components/trees/FeaturedNewsBG.jpg);
    background-size:cover;
    background-position:center;
    position: relative;
    padding: 35px;
    width: calc(100% - 70px);
    padding-bottom: 25px;
    border-radius: 30px;
}
.section-trees .customMargin .newsList .listItem:first-of-type,
.section-trees .customMargin .eventList .listItem:first-of-type {
    background-image: url();
    padding: 20px;
    width: calc(100% - 40px);
    padding-bottom: 10px;
    border-radius: 15px;
    background-color: rgba(0,0,0,0.65);
}
.section-trees .newsList .listItem:first-of-type::before, 
.section-trees .eventList .listItem:first-of-type::before {
    content:'';
    position:absolute;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    background-color:rgba(0,0,0,0.45);
    border-radius:15px;
}
.section-trees .customMargin .newsList .listItem:first-of-type::before,
.section-trees .customMargin .eventList .listItem:first-of-type::before {
    display:none;
}
.section-trees .newsList .listItem:first-of-type a.listLink, .section-trees .newsList .listItem:first-of-type a.listLink:visited, .section-trees .newsList .listItem:first-of-type a.listLink:active,
.section-trees .eventList .listItem:first-of-type a.listLink, .section-trees .eventList .listItem:first-of-type a.listLink:visited, .section-trees .eventList .listItem:first-of-type a.listLink:active {
    color: #a9ff5b;
    position: relative;
}
.section-trees .newsList .listItem:first-of-type a.listLink:hover,
.section-trees .eventList .listItem:first-of-type a.listLink:hover
{
    color:white;
}
.section-trees .newsList .listItem:first-of-type .listDate,
.section-trees .eventList .listItem:first-of-type .listDate{
    color: #56c163;
}
.section-trees .eventList .listItem:first-of-type .listLocation {
    color: #56c163;
}
.section-trees .newsList .listItem:first-of-type .listSummary,
.section-trees .eventList .listItem:first-of-type .listSummary{
    position: relative;
    color: white;
}
.section-trees .newsList .listItem:first-of-type .listSummary a, .section-trees .newsList .listItem:first-of-type .listSummary a:active, .section-trees .newsList .listItem:first-of-type .listSummary a:visited,
.section-trees .eventList .listItem:first-of-type .listSummary a, .section-trees .eventList .listItem:first-of-type .listSummary a:active, .section-trees .eventList .listItem:first-of-type .listSummary a:visited {
    color: #a9ff5b;
}
.section-trees .newsList .listItem:first-of-type .listSummary a:hover,
.section-trees .eventList .listItem:first-of-type .listSummary a:hover {
    color: white;
}
.section-trees .customNewsTop {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url('/Content/Images/components/trees/NewsTitle.png');
    background-repeat: no-repeat;
}
@media screen and (max-width:1280px) {
    .section-trees .customNewsTop {
        margin-left: -15px;
        margin-right: -15px;
        padding-left:15px;
        padding-right:15px;
    }
}
.section-trees .customNewsTop .customText {
    font-size: 25px;
    padding-top: 18px;
    display: inline-block;
    padding-bottom: 12px;
    font-weight: bold;
    line-height: 1em;
    height: 25px;
    text-transform: uppercase;
}
.section-trees .customNewsMiddle {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url('/Content/Images/components/trees/NewsBG.jpg');
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 75px;
    margin-bottom:-50px;
}
@media screen and (max-width:1280px) {
    .section-trees .customNewsMiddle {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        margin-bottom: -40px;
        padding-bottom: 50px;
    }
}
.section-trees .customEventsTop {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url('/Content/Images/components/trees/EventTitle.png');
    background-repeat: no-repeat;
}
@media screen and (max-width:1280px) {
    .section-trees .customEventsTop {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.section-trees .customEventsTop .customText {
    font-size: 25px;
    padding-top: 18px;
    display: inline-block;
    padding-bottom: 12px;
    font-weight: bold;
    line-height: 1em;
    height: 25px;
    text-transform: uppercase;
}
.section-trees .customEventsMiddle {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url('/Content/Images/components/trees/EventBG.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 75px;
    margin-bottom: -50px;
}
@media screen and (max-width:1280px) {
    .section-trees .customEventsMiddle {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        margin-bottom: -40px;
        padding-bottom: 50px;
    }
}
/*UIStarterCore.Event List and UIStarterCore.News List Modal Video Player*/
.videoModalContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient( 90deg, rgba(30,60,90,0.75) 0%, rgba(30,60,90,0.75) 100%);
    display: none;
    animation-name: videoModalFadeIn;
    animation-duration: 0.4s;
}
.videoModalContainer.show {
    display: block;
}
@keyframes videoModalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.videoModalTable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.videoModalTableCell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.videoModalWrapper {
    max-width: 800px;
    width: calc(100% - 110px);
    margin-left: auto;
    margin-right: auto;
    max-height: calc(100% - 115px);
}
@media screen and (max-width:500px) {
    .videoModalWrapper {
        max-height: calc(100% - 30px);
    }
}
.videoModal {
    position: relative;
    display: inline-block;
    padding-top: 56.25%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    box-shadow: 10px 10px 50px rgb(0 0 0 / 50%);
    animation-name: videoModalSlideIn;
    animation-duration: 0.4s;
}
@keyframes videoModalSlideIn {
    from {
        margin-top: -25%;
    }
    to {
        margin-top: 0px;
    }
}
.videoModal iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px;
}
.exitVideo {
    color: rgba(0,0,0,0);
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.closeVideo {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    right: -50px;
    color: rgba(0,0,0,0);
    overflow: hidden;
    line-height:150px;
}
@media screen and (max-width:500px) {
    .closeVideo {
        right: -5px;
    }
}
.closeX {
    width: 45px;
    height: 5px;
    background-color: white;
    border-radius: 10px;
    position: absolute;
}
.closeX.X1 {
    transform: rotate( 45deg );
    top: 22px;
    left: 3px;
}
.closeX.X2 {
    transform: rotate( -45deg );
    top: 22px;
    left: 3px;
}
.showVideo, .showVideo:visited, .showVideo:active, .showVideo:hover {
    color: rgba(0,0,0,0);
    outline: 0px;
}
/*UIStarterCore.Event and UIStarterCore.News*/
.videoContainerMargins {
    max-width: 580px;
    margin-right: auto;
    margin-bottom: 15px;
}
.videoContainer {
    width: 100%;
    padding-top: 56.25%;
    display: inline-block;
    position: relative;
}
.videoContainer iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.date {
    margin-bottom:15px;
}
.time {
    margin-bottom: 15px;
}
.location {
    margin-bottom: 15px;
}
.location a, .location a:visited, .location a:active {
    text-decoration:none;
    color:#30567d;
}
.location a:hover {
    text-decoration:underline;
    color:black;
}
.teaser {
    height: auto;
    margin-left: 15px;
    margin-bottom: 50px;
    float: right;
}
@media screen and (max-width:1280px) {
    .teaser {
        margin-bottom:15px;
    }
}
.pageContent img.teaser {
    max-width: 530px !important;
}
.pageContent .summary{
    margin-bottom:15px;
}
@media screen and (max-width:1600px) {
    .pageContent img.teaser {
        max-width: 33.125vw !important;
    }
}
@media screen and (max-width:1000px) {
    .pageContent img.teaser {
        max-width: 330px !important;
    }
}
@media screen and (max-width:780px) {
    .pageContent img.teaser {
        float: none;
        margin-left: 0px;
    }
}
@media screen and (max-width:360px) {
    .pageContent img.teaser {
        max-width: 100% !important;
    }
}
/*Welcome News Title*/
.newsTitleContainer .newsTitle {
    font-size: 25px;
    font-family: serif;
    color: #25578c;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
    margin-top: -20px;
    padding-right: 215px;
    padding-bottom: 7px;
    padding-top: 15px;
    border-bottom: 1px solid #25578c;
    /*background-image: url(/Content/Images/skyline.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 200px;
}
@media screen and (max-width:500px) {
    .newsTitleContainer .newsTitle {
        padding-right: calc(40vw + 15px);
        background-size: 40vw;
    }
}
@media screen and (max-width:380px) {
    .newsTitleContainer .newsTitle {
        padding-top: 0px;
        padding-right: 170px;
        background-size: 155px;
    }
}
/*Welcome News Links*/
.newsLinksContainer {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 10px;
    margin-left: 220px;
}
@media screen and (max-width:640px) {
    .newsLinksContainer {
        margin-left:0px;
    }
}
.newsLinksContainer a, .newsLinksContainer a:active, .newsLinksContainer a:visited{
    color:#30567d;
    text-decoration:none;
}
.newsLinksContainer a:hover {
    color:black;
    text-decoration: underline;
}
/*City Council Monitor Event List*/
.cityCouncilMonitorHeader {
    min-height: 76px;
    display: table;
    width: 100%;
    background: linear-gradient(90deg, rgba(8,19,26,1) 0%, rgba(8,19,26,1) 5%, rgba(17,41,64,1) 30%, rgba(39,66,97,1) 50%, rgba(50,79,114,1) 68%, rgba(55,83,119,1) 70%, rgba(42,63,91,1) 75%, rgba(24,39,55,1) 85%, rgba(8,19,26,1) 100%);
    position: relative;
}
.cityCouncilMonitorHeaderText {
    font-size: 40px;
    font-style: italic;
    line-height: 1em;
    color: #efefef;
    display: table-cell;
    vertical-align: middle;
    padding-right: 120px;
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 15px;
    text-shadow: 1px 1px 3px black;
}
@media screen and (max-width:720px) {
    .cityCouncilMonitorHeaderText {
        font-size:5.555vw;
    }
}
@media screen and (max-width:380px) {
    .cityCouncilMonitorHeaderText {
        font-size: 21px;
    }
}
.cityCouncilMonitorHeaderIcon {
    position: absolute;
    width: 90px;
    height: 90px;
    right: 20px;
    bottom: -19px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/Content/Images/seal.png');
}
.cityCouncilMonitorHeaderStripe {
    background: linear-gradient(90deg, rgba(8,19,26,1) 0%, rgba(14,26,37,1) 5%, rgba(36,69,104,1) 30%, rgba(58,102,148,1) 50%, rgba(96,133,175,1) 68%, rgba(102,138,175,1) 85%, rgba(102,138,175,1) 97%, rgba(8,19,26,1) 100%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 9px;
}
.cityCouncilMonitor {
    padding:20px;
    padding-top:25px;
    padding-bottom:0px;
}
@media screen and (max-width:480px) {
    .cityCouncilMonitor {
        padding: 15px;
        padding-top: 25px;
        padding-bottom: 0px;
    }
}
.cityCouncilMonitor .listTitle {
    margin-left: 0px;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 20px;
    color: black;
    font-weight: bold;
}
.cityCouncilMonitor .listDate {
    font-size: 20px;
    color: black;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-left: 0px;
}
.cityCouncilMonitor .listLocation {
    font-size: 20px;
    color: black;
    line-height: 1.2em;
    margin-left: 0px;
}
.cityCouncilMonitor .listAddress {
    font-size: 20px;
    color: black;
    line-height: 1.2em;
    margin-left: 0px;
}
.cityCouncilMonitor .listRoom {
    font-size: 20px;
    color: black;
    line-height: 1.2em;
    margin-left: 0px;
}
.cityCouncilMonitor .listContact {
    margin-top: 20px;
    margin-left: 0px;
    font-size: 20px;
    color: black;
    line-height: 1.2em;
}
.cityCouncilMonitor .listSummary {
    margin-top:20px;
    font-size: 20px;
    color: black;
    line-height: 1.2em;
    margin-left:0px;
}
.pageContent .cityCouncilMonitor .listSummary a, .pageContent .cityCouncilMonitor .listSummary a:active, .pageContent .cityCouncilMonitor .listSummary a:visited, .pageContent .cityCouncilMonitor .listSummary a:hover {
    color: black;
    text-decoration: none;
}
/*AutoCarousel Styes*/
.autoCarousel .autoCarouselSlide {
    display:none;
}
.autoCarousel .autoCarouselSlide.show {
    display:block;
    animation-name:autoCarouselFadeIn;
    animation-duration:1s;
}
@keyframes autoCarouselFadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
/*Calendar Styles*/
.calendarListContainer .calendarControls {
    background-color: #2f5177;
    padding: 15px;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 30px);
    font-size: 0px;
    color: white;
    text-align: center;
    position: relative;
    background: linear-gradient(90deg, rgba(47,81,119,1) 0%, rgba(31,60,93,1) 100%);
    min-height: 21px;
}
.calendarListContainer .calendarControls .PreviousMonth {
    width: 80px;
    height: 100%;
    display: inline-block;
    color: rgba(0,0,0,0);
    position: absolute;
    top: 0px;
    left: 0px;
    vertical-align: middle;
}
@media screen and (max-width:420px) {
    .calendarListContainer .calendarControls .PreviousMonth {
        width: 50px;
    }
}
.calendarListContainer .calendarControls .PreviousMonth .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 11px);
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    left: 19px;
    font-size: 16px;
}
.calendarListContainer .calendarControls .NextMonth{
    width: 80px;
    height: 100%;
    display: inline-block;
    color: rgba(0,0,0,0);
    position: absolute;
    top: 0px;
    right: 0px;
}
@media screen and (max-width:420px) {
    .calendarListContainer .calendarControls .NextMonth {
        width:50px;
    }
}
.calendarListContainer .calendarControls .NextMonth .arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 11px);
    display: inline-block;
    transform: rotate(45deg);
    border-top: 3px solid white;
    border-right: 3px solid white;
    right: 19px;
    font-size:16px;
}
.calendarListContainer .calendarControls .monthName {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
}
.calendarListContainer .calendarControls .monthName .monthText {
    font-size: 24px;
    color: white;
    line-height: 1em;
}
@media screen and (max-width:420px) {
    .calendarListContainer .calendarControls .monthName .monthText {
        font-size: 18px;
    }
}
.calendarListContainer .calendarControls .monthName .monthSelect {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.calendarListContainer .calendarControls .yearName {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}
.calendarListContainer .calendarControls .yearName .yearText {
    font-size: 24px;
    color: white;
    line-height: 1em;
}
@media screen and (max-width:420px) {
    .calendarListContainer .calendarControls .yearName .yearText {
        font-size: 18px;
    }
}
.calendarListContainer .calendarControls .yearName .yearSelect {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.calendar .calendarListItem {
    display: none;
    position: relative;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfe0e1;
    min-height:70px;
}
.calendar .calendarListItem.show {
    display:inline-block;
    width:100%;
}
.calendarListItem .eventDate {
    box-shadow: 0px -1px #dfe0e1;
}
.content .calendarListItem h3.listTitle {
    margin-left: 90px;
}
@media screen and (max-width:420px) {
    .content .calendarListItem h3.listTitle {
        margin-left: 70px;
    }
}
.calendarListItem .listSummary {
    margin-left: 90px;
}
@media screen and (max-width:420px) {
    .calendarListItem .listSummary {
        margin-left: 70px;
    }
}
.noCalendarItemsToList {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    width:100%;
    display:none;
}
.noCalendarItemsToList.show {
    display:inline-block;
}
.pageContent .calendarListItem a, .pageContent .calendarListItem a:active, .pageContent .calendarListItem a:visited {
    text-decoration:none;
}
.pageContent .calendarListItem a:hover {
    text-decoration:underline;
}
/*UIStarterCore.Infobox*/
.infoBoxTitle { display:none; }
/*Infobox_ThreeColumns*/
.infoBoxList.threeColumns {
    font-size: 0px;
    margin-right: -30px;
}
@media screen and (max-width:1280px) {
    .infoBoxList.threeColumns {
        font-size: 0px;
        margin-right: -15px;
    }
}
.infoBoxList.threeColumns .infoBoxTitle {
    font-weight:bold;
}
.infoBoxList.threeColumns .infoBoxContainer {
    font-size: 16px;
    display: inline-block;
    width: calc(33.333% - 30px);
    margin-right: 30px;
    vertical-align: top;
}
@media screen and (max-width:1280px) {
    .infoBoxList.threeColumns .infoBoxContainer {
        width: calc(33.333% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:600px) {
    .infoBoxList.threeColumns .infoBoxContainer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:420px) {
    .infoBoxList.threeColumns .infoBoxContainer {
        width: calc(100% - 15px);
    }
}
.infoBoxList.threeColumns .infoBoxImage{
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}
.infoBoxList.threeColumns .infoBoxImageHeight {
    padding-top:70%;
}
.infoBoxList.threeColumns .infoBoxImageOverlay {
    font-size: 16px;
    line-height: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
/*Infobox Animal Care Styles*/
.section-animal .infoBoxList.threeColumns {
    font-size: 0px;
    margin-right: -30px;
    margin-bottom: -30px;
}
@media screen and (max-width:1250px) {
    .section-animal .infoBoxList.threeColumns {
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.pageContent .section-animal .infoBoxHeader {
    height: 360px;
}
.pageContent .section-animal .infoBoxList.threeColumns .infoBox {
    margin-top: 32px;
}
.pageContent .section-animal .infoBoxList.threeColumns .infoBoxTitle {
    font-size: 24px;
    margin-bottom: 12px;
}
.pageContent .section-animal .infoBoxList.threeColumns .infoBoxFullText {
    font-size: 16px;
    line-height: 1.5em;
}
.pageContent .section-animal .infoBoxList.threeColumns a, .pageContent .section-animal .infoBoxList.threeColumns a:active, .pageContent .section-animal .infoBoxList.threeColumns a:visited, .pageContent .section-animal .infoBoxList.threeColumns a:hover {
    text-decoration: none;
    color: white;
}
.pageContent .section-animal .customPaddingInfoBox {
    background-image: url(/Content/Images/components/animal_care/animalcare_hotboxContainer.jpeg);
    background-size: cover;
    padding-top: 90px;
    margin-left: -50px;
    margin-right: -50px;
}
@media screen and (max-width:1280px) {
    .pageContent .section-animal .customPaddingInfoBox {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.pageContent .section-animal .customInfoBox .infoBoxList {
    background-color: rgba(151, 57, 78, .7);
    clear: both;
    position: relative;
    display: block;
    width: calc(100% - 30px);
    padding-top: 30px;
    background-size: cover;
    padding-left: 30px;
    padding-right: 0px;
    font-size: 0px;
    display: inline-block;
}
.pageContent .section-animal .customInfoBox .infoBoxContainer {
    display: inline-block;
    background-color: rgba(151, 57, 78, .7);
    width: calc(25% - 30px);
    margin-bottom: 30px;
    vertical-align: bottom;
    margin-right: 30px;
    transition:background-color 1s;
    position:relative;
}
@media screen and (max-width:1280px) {
    .pageContent .section-animal .customInfoBox .infoBoxContainer {
        width: calc(50% - 30px);
    }
}
@media screen and (max-width:600px) {
    .pageContent .section-animal .customInfoBox .infoBoxContainer {
        width: calc(100% - 30px);
    }
}
.pageContent .section-animal .customInfoBox .infoBox {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    color: white;
}
.section-animal .customInfoBox .infoBoxText {
    width: 100%;
    position: relative;
    text-align: center;
}
.pageContent .section-animal .customInfoBox .infoBoxTable {
    display: table;
    padding: 10px;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 10px;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20px);
}
.pageContent .section-animal .customInfoBox .infoBoxTableCell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4em;
}
.pageContent .section-animal.customInfoBox .infoBoxPadding {
    width: 100%;
}
.pageContent .section-animal .customInfoBox .infoBoxTitle {
    width: 100%;
}
.section-animal .customInfoBox .infoBoxImage {
    width: 100%;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.pageContent .section-animal .customInfoBox a, 
.pageContent .section-animal .customInfoBox a:hover, 
.pageContent .section-animal .customInfoBox a:active, 
.pageContent .section-animal .customInfoBox a:visited {
    color:white; 
    text-decoration:none;
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+1) {
    background-color: rgba(237, 127, 87, .9);
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+1):hover {
    background-color: #3b2117;
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+2) {
    background-color: rgba(235, 90, 77, .9);
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+2):hover {
    background-color: rgb(59 23 19);
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+3) {
    background-color: rgba(149, 166, 253, .9);
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+3):hover {
    background-color: rgb(37 42 63);
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+4) {
    background-color: rgba(129, 219, 214, .9);
    margin-right: 0px;
}
.pageContent .section-animal .customInfoBox .infoBoxContainer:nth-child(4n+4):hover {
    background-color: rgb(32 55 54);
}
.pageContent .section-animal .customInfoBox .infoBoxReadMore {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.section-animal .infoBoxList.linkBoxNews a, .section-animal.infoBoxList.linkBoxNews a:active, .section-animal.infoBoxList.linkBoxNews a:visited {
    color: #EB0046;
    text-decoration: none;
}
.section-animal .infoBoxList.linkBoxEvent a, .section-animal.infoBoxList.linkBoxEvent a:active, .section-animal.infoBoxList.linkBoxEvent a:visited {
    color: #285586;
    text-decoration: none;
}
.section-animal .infoBoxList.linkBoxEvent, .section-animal .infoBoxList.linkBoxNews {
    padding-left: 128px;
}
@media screen and (max-width:1280px){
    .section-animal .infoBoxList.linkBoxEvent, .section-animal .infoBoxList.linkBoxNews {
        padding-left: 148px;
    }
}
@media screen and (max-width:480px) {
    .section-animal .infoBoxList.linkBoxEvent, .section-animal .infoBoxList.linkBoxNews {
        padding-left: 0px;
    }
}
.section-animal .infoBoxList.linkBoxEvent .infoBoxImage, .section-animal .infoBoxList.infoBoxList.linkBoxNews .infoBoxImage {
    display: inline-block;
    width: 25px;
    height: 28px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}
.section-animal .infoBoxList.linkBoxNews .infoBoxText, .section-animal .infoBoxList.linkBoxEvent .infoBoxText {
    display: inline-block;
    vertical-align: middle;
}
/*InfoBox CBCR Styles*/
.pageContent .section-cbcr .infoBoxList.threeColumns {
    margin-right: -30px;
    margin-bottom: 0px;
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .infoBoxList.threeColumns {
        margin-right: -15px;
    }
}
@media screen and (max-width:480px) {
    .pageContent .section-cbcr .infoBoxList.threeColumns {
        margin-right: 0px;
    }
}
.pageContent .section-cbcr .infoBoxList.threeColumns a, .pageContent .section-cbcr .infoBoxList.threeColumns a:active, .pageContent .section-cbcr .infoBoxList.threeColumns a:visited, .pageContent .section-cbcr .infoBoxList.threeColumns a:hover {
    text-decoration: none;
    color: white;
}
.pageContent .section-cbcr .infoBoxList.threeColumns .infoBoxContainer {
    display: inline-block;
    width: calc(33.333% - 40px);
    margin-bottom: 30px;
    margin-right: 30px;
    vertical-align: top;
    border: 5px solid rgba(86,123,176,.86);
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .infoBoxList.threeColumns .infoBoxContainer {
        margin-right: 15px;
        width: calc(33.333% - 25px);
        margin-bottom: 15px;
    }
}
@media screen and (max-width:640px) {
    .pageContent .section-cbcr .infoBoxList.threeColumns .infoBoxContainer {
        margin-right: 15px;
        width: calc(50% - 25px);
        margin-bottom: 15px;
    }
}
@media screen and (max-width:480px) {
    .pageContent .section-cbcr .infoBoxList.threeColumns .infoBoxContainer {
        margin-right: 0px;
        width: calc(100% - 10px);
        margin-bottom: 15px;
    }
}
.pageContent .row.section-cbcr .infoBox {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    position: relative;
}
.section-cbcr .infoBoxList.threeColumns .infoBoxImage {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.section-cbcr .infoBoxList.threeColumns .infoBoxText {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: -5px;
}
.section-cbcr .listItem a.infoBoxReadMore.listLink, .section-cbcr .listItem a.infoBoxReadMore.listLink:visited, .section-cbcr .listItem a.infoBoxReadMore.listLink:active, .section-cbcr .listItem a.infoBoxReadMore.listLink:hover {
    color: rgba(0,0,0,0);
}
.pageContent .section-cbcr .infoBoxReadMore {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+1) .infoBoxText {
    border-top: 5px solid rgba(222,189,245,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+2) .infoBoxText {
    border-top: 5px solid rgba(177,202,242,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+3) .infoBoxText {
    border-top: 5px solid rgba(248,235,177,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+4) .infoBoxText {
    border-top: 5px solid rgba(243,157,134,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+5) .infoBoxText {
    border-top: 5px solid rgba(156,240,163,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+6) .infoBoxText {
    border-top: 5px solid rgba(250,90,90,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+7) .infoBoxText {
    border-top: 5px solid rgba(255,254,0,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+8) .infoBoxText {
    border-top: 5px solid rgba(255,254,0,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+9) .infoBoxText {
    border-top: 5px solid rgba(255,254,0,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+10) .infoBoxText {
    border-top: 5px solid rgba(255,254,0,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+11) .infoBoxText {
    border-top: 5px solid rgba(255,254,0,0.5);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+1) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, rgba(244,251,254,1) 0px,#f3eef7 20px,#eed7fb 50px,#e4bdff 51px,#e1c9f1 60px,#bf73f1 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+2) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #ecf3fc 0px,#d0e0f8 20px,#cedef8 50px,#90b6f1 51px,#a8c5f1 60px,#2f74e0 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+3) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #ecf3fc 0px,#fff4c7 20px,#fff7d9 50px,#ffe687 51px,#ffea9e 60px,#f1d873 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+4) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #fef6f4 0px,#fce8e2 20px,#fbdfd8 50px,#f7987e 51px,#f5b09e 70px,#f18f74 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+5) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #f4fdf5 0px,#e6fae8 20px,#d3f6d5 50px,#9ce4a2 51px,#a4f3aa 70px,#80e589 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+6) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #f4fdf5 0px,#fae6e6 20px,#f6d3d3 50px,#e49c9c 51px,#f3a4a4 70px,#ff4141 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+7) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #fcecf3 0px,#f5c6e2 20px,#ffa2e2 50px,#ea6dcf 51px,#e2b0d0 60px,#fb55c9 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+8) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #e7e7e7 0px,#e6e8fa 20px,#d5d3f6 50px,#a49ce4 51px,#a4aaf3 70px,#4161ff 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+9) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #e7e7e7 0px,#e6f9fa 20px,#d3f1f6 50px,#9ce1e4 51px,#a4ebf3 70px,#41edff 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+10) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #e7e7e7 0px,#e6faf2 20px,#d3f6e3 50px,#9ce4c9 51px,#a4f3d3 70px,#41ffb0 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxContainer:nth-child(12n+11) .infoBoxText .infoBoxTable {
    background: linear-gradient(167deg, #e7e7e7 0px,#faefe6 20px,#ffdec7 50px,#e4b09c 51px,#ffcf61 70px,#f79541 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxPadding {
    width: 100%;
}
.pageContent .section-cbcr .threeColumns .infoBoxTitle {
    width: 100%;
}
.pageContent .section-cbcr .threeColumns .infoBoxTable {
    display: table;
    padding: 10px;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 0px;
    min-height: 50px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20px);
    background: linear-gradient(to bottom, rgba(255,255,255,.78) 0%,rgba(255,255,255,.44) 50%,rgba(125,185,232,0) 100%);
}
.pageContent .section-cbcr .threeColumns .infoBoxTableCell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4em;
}
.pageContent .section-cbcr .customBorder.customBorderTop {
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    background: linear-gradient( 167deg, rgba(255,255,255,1) 0px,rgba(229,235,241,1) 20px,rgba(137,164,193,1) 100px,rgba(139,165,195,1) 100px,rgba(84,122,165,1) 101px,#2d486d 101px,#5379a5 70px,#96aecb 100%);
    text-shadow: 1px 1px white;
    border: 5px solid rgba(86,123,176,.86);
    border-bottom: 0px;
}
.pageContent .section-cbcr .customMarginMiddle {
    font-size:0px;
    line-height:0px;
}
.pageContent .section-cbcr .customBorder.customBorderMiddle {
    border: 5px solid rgba(86,123,176,.86);
    border-top: 0px;
    border-bottom: 0px;
    display: inline-block;
    width: calc(100% - 10px);
}
.pageContent .section-cbcr .customBorderInfoBox {
    border: 5px solid rgba(86,123,176,.86);
    border-top: 0px;
    padding: 30px;
    padding-top:15px;
    padding-bottom: 25px;
    padding-top:0px;
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .customBorderInfoBox {
        padding:15px;
        padding-bottom:10px;
        padding-top:0px;
    }
}
.pageContent .section-cbcr .customBorderInfoBox .infoBoxTitle {
    display:none;
}
.pageContent .section-cbcr .customBorderInfoBox .infoBoxFullText {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: bold;
}
.pageContent .section-cbcr .customBorderInfoBox a, .pageContent .section-cbcr .customBorderInfoBox a:active, .pageContent .section-cbcr .customBorderInfoBox a:visited {
    text-decoration: none;
}
.customFooter .section-cbcr .customMarginInfoBox {
    border: 5px solid rgba(86,123,176,.86);
    border-top: 0px;
    background-color: rgba(255,255,255,0.85);
    padding-top: 0px;
}
.customFooter .section-cbcr .customBorderInfoBox {
    padding: 50px;
    padding-top:15px;
}
@media screen and (max-width:1280px) {
    .customFooter .section-cbcr .customBorderInfoBox {
        padding:15px;
    }
}
.customFooter .section-cbcr .customBorderInfoBox .infoBoxTitle {
    display:none;
}
.customFooter .section-cbcr .customBorderInfoBox .infoBoxFullText {
    font-size: 16px;
    line-height: 1.4em;
    text-align: center;
}
/*InfoBox ExploreJax Styles*/
.section-explorejax .infoBoxList.threeColumns .infoBox {
    position: relative;
}
.section-explorejax .infoBoxList.threeColumns {
    margin-bottom: -30px;
}
@media screen and (max-width:1280px) {
    .section-explorejax .infoBoxList.threeColumns {
        margin-bottom:-15px;
    }
}
.section-explorejax .infoBoxList.threeColumns .infoBoxContainer {
    margin-bottom: 30px;
}
@media screen and (max-width:1280px) {
    .section-explorejax .infoBoxList.threeColumns .infoBoxContainer {
        margin-bottom: 15px;
    }
}
.section-explorejax .infoBoxList.threeColumns .infoBoxImage {
    border-radius: 15px 15px 0px 0px;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxText {
    font-size: 22px;
    line-height: 1.2em;
    font-weight: bold;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    background: linear-gradient( 37deg, rgba(27,70,115,1) 0%, rgba(27,70,115,1) 50px, rgba(21,58,98,1) 50px, rgba(21,58,98,1) 80px, rgba(27,70,115,1) 80px, rgba(27,70,115,1) 50%, rgba(47,98,151,1) 100%);
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    text-shadow: 0px 0px 2px black;
}
@media screen and (max-width:1024px) {
    .section-explorejax .infoBoxList.threeColumns .infoBoxText {
        font-size:18px;
    }
}
.section-explorejax .infoBoxList.threeColumns .infoBox:hover .infoBoxText {
    color: #ccedff;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxText > .infoBoxTable {
    min-height: 2.4em;
    display: table;
    width: 100%;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxText > .infoBoxTable > .infoBoxTableCell {
    vertical-align: middle;
    display: table-cell;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxReadMore {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxTitleOverflow {
    max-height: 2.4em;
    overflow: hidden;
}
.section-explorejax .infoBoxList.threeColumns .infoBoxTitleWebkitbox {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.pageContent .section-explorejax .infoBoxList.threeColumns a, .pageContent .section-explorejax .infoBoxList.threeColumns a:active, .pageContent .section-explorejax .infoBoxList.threeColumns a:visited, .pageContent .section-explorejax .infoBoxList.threeColumns a:hover {
    text-decoration: none;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
}
.pageContent .section-explorejax .infoBoxList.threeColumns .infoBox:hover a {
    text-decoration: none;
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px #ccedff;
}
/*Infobox Enviromental Quality Styles*/
.section-environmentalquality .customPaddingInfoBox {
    background-image: url('/Content/Images/components/environmental_quality/water_bg.png');
    background-size: cover;
    padding: 50px;
    margin: -50px;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 150px;
    color: white;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .customPaddingInfoBox {
        padding: 15px;
        margin: -15px;
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 150px;
        margin-bottom: -50px;
    }
}
.section-environmentalquality .infoBoxTitle {
    font-size: 36px;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 24px;
    padding-left: 10px;
}
.section-environmentalquality .infoBoxImage {
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 115px;
    height: 115px;
    margin-right: 12px;
}
.section-environmentalquality .newsList {
    padding-top: 15px;
}
/*Environmental Protection Awards Section Infobox*/
.section-environmentalprotection .infoBoxTitle {
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 15px;
}
.section-environmentalquality .infoBoxTitle {
    font-weight: bold;
    text-decoration: none;
}
.section-environmentalquality .infoBoxBody .infoBoxImage {
    float: left;
    height: 65px;
    width: 65px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-environmentalquality .infoBoxBody .infoBoxText {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    color: #182b41;
}
.section-environmentalquality .infoBoxBody {
    padding-bottom: 60px;
}
.section-environmentalprotection .infoBoxList.linkBoxEvent a, .section-environmentalprotection.infoBoxList.linkBoxEvent a:active, .section-environmentalprotection.infoBoxList.linkBoxEvent a:visited {
    text-decoration: none;
}
.section-environmentalprotection.infoBoxList.linkBoxEvent a:hover {
    text-decoration: underline;
}
.pageContent .section-environmentalprotection .linkBoxNews a, .pageContent .section-environmentalprotection .linkBoxNews a:active, .pageContent .section-environmentalprotection .linkBoxNews a:visited {
    text-decoration: none;
}
.pageContent .section-environmentalprotection .linkBoxNews a:hover {
    text-decoration: underline;
}
/*Infobox Mayor Styles*/
.section-mayor .infoBoxList.threeColumns .infoBoxContainer {}
.section-mayor .infoBoxList.threeColumns .infoBoxImageHeight {
    padding-top: 56.25%;
}
.section-mayor .infoBoxList.threeColumns .infoBoxTitle {
    font-family: 'Roboto Slab','Courier New';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
    letter-spacing: -1px;
    color: #2a406f;
    line-height: 1em;
}
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxTitle a,
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxTitle a:visited,
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxTitle a:active {
    text-decoration: none;
    color:#30567d;
}
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxTitle a:hover {
    text-decoration: underline;
    color:black;
}
.section-mayor .infoBoxList.threeColumns .infoBoxFullText .infoBoxTextOverflow {
    max-height: 108px;
    overflow: hidden;
}
.section-mayor .infoBoxList.threeColumns .infoBoxFullText .infoBoxTextWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.section-mayor .infoBoxList.threeColumns .infoBoxFullText p {
    margin:0px;
}
.pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore, .pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore:active, .pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore:visited {
    display: block;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 25px;
    color:#30567d;
}
@media screen and (max-width:1280px) {
    .pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore, .pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore:active, .pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore:visited {
        margin-bottom:15px;
    }
}
.pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore:hover{
    text-decoration:underline;
    color:black;
}
.pageContent .section-mayor .infoBoxList.threeColumns a.infoBoxReadMore .ada-hidden {
    position: relative !important
}
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxFullText a, .pageContent .section-mayor .infoBoxList.threeColumns .infoBoxFullText a:active, .pageContent .section-mayor .infoBoxList.threeColumns .infoBoxFullText a:visited {
    color: #30567d;
    text-decoration: none;
}
.pageContent .section-mayor .infoBoxList.threeColumns .infoBoxFullText a:hover{
    color:black;
    text-decoration:underline;
}
/*Infobox Urban Forestry*/
    .section-trees .infoBoxList.linkBoxNews, .section-trees .infoBoxList.linkBoxEvent {
    margin-bottom: 50px;
    margin-left: 16px;
}
@media screen and (max-width:1280px){
    .section-trees .infoBoxList.linkBoxNews, .section-trees .infoBoxList.linkBoxEvent {
        margin-bottom:30px;
    }
}
.section-trees .infoBoxList.linkBoxNews .infoBoxImage, .section-trees .infoBoxList.linkBoxEvent .infoBoxImage, .section-trees .infoBoxList .infoBoxImage {
    display: inline-block;
    width: 25px;
    height: 28px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}
.section-trees .infoBoxList a, .section-trees .infoBoxList a:active, .section-trees .infoBoxList a:visited {
    color:#214D14;
    text-decoration:none;
}
.section-trees .infoBoxList a:hover {
    color:#214D14;
    text-decoration: none;
}
.section-trees .infoBoxList a:hover .infoBoxTitleWebkitbox {
    text-decoration: underline;
}
.section-trees .infoBoxList.linkBoxNews .infoBoxText, .section-trees .infoBoxList.linkBoxEvent .infoBoxText, .section-trees .infoBoxList .infoBoxText {
    display: inline-block;
    vertical-align: middle;
}
.section-trees .infoBoxList.linkBoxNews a, .section-trees .infoBoxList.linkBoxNews a:active, .section-trees .infoBoxList.linkBoxNews a:visited {
    color:#8dd600;
    text-decoration:none;
}
.section-trees .infoBoxList.linkBoxNews a:hover {
    color:#8dd600;
    text-decoration:underline;
}
.section-trees .infoBoxList.linkBoxNews a:hover .infoBoxTitleWebkitbox {
    text-decoration:underline;
}
.section-trees .infoBoxList.linkBoxEvent a, .section-trees .infoBoxList.linkBoxEvent a:active, .section-trees .infoBoxList.linkBoxEvent a:visited {
    color:#f3e800;
    text-decoration:none;
}
.section-trees .infoBoxList.linkBoxEvent a:hover {
    color: #f3e800;
    text-decoration: underline;
}
.section-trees .infoBoxList.linkBoxEvent a:hover .infoBoxTitleWebkitbox {
    text-decoration: underline;
}
.section-trees .infoBoxList.linkBoxArticle {
    margin-left: 216px;
    margin-top: -33px;
}
@media screen and (max-width:1600px) {
    .section-trees .infoBoxList.linkBoxArticle {
        margin-left:37%;
    }
}
@media screen and (max-width:700px) {
    .section-trees .infoBoxList.linkBoxArticle {
        margin-left: calc(40% + 13px);
    }
}
@media screen and (max-width:400px) {
    .section-trees .infoBoxList.linkBoxArticle {
        margin-top: -28px;
        margin-left: 18px;
    }
}
.pageContent .section-trees .infoBoxList.threeColumns a, .pageContent .section-trees .infoBoxList.threeColumns a:active, .pageContent .section-trees .infoBoxList.threeColumns a:visited, .pageContent .section-trees .infoBoxList.threeColumns a:hover {
    text-decoration: none;
    color: white;
}
/*InfoBox_Welcome*/
.infoBoxList.welcomeInfoBox {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.infoBoxList.welcomeInfoBox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.welcomeInfoBox .infoBoxContainer {
    position: absolute;
    height: 450px;
    width: 100%;
    overflow: hidden;
}
.section-welcome .welcomeInfoBox .infoBoxContainer {
    border-radius: 15px;
    box-shadow: 0px 0px 0px 1px white, 0px 0px 15px rgba(0,0,0,0.2);
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxContainer {
        position: relative;
        margin-bottom: 10px;
        margin-right: auto;
        margin-left: auto;
        /*max-width: 600px;*/
        height: auto;
    }
}
.welcomeInfoBox .infoBox {
    display: inline-block;
    width: 100%;
    background-color: #285586;
    position: relative;
}
.welcomeInfoBox .infoBoxBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-position: top right;
    background-size: cover;
    background-position: top right;
}
.welcomeInfoBox .infoBoxBackgroundHeight {
    padding-top: 300px;
}
.welcomeInfoBox .infoBoxBackgroundOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba(40,85,134,0) 0%, rgba(40,85,134,0) 50%, rgba(40,85,134,1) 100%)
}
.welcomeInfoBox .infoBoxTable {
    display: table;
    width: auto;
    width: 100%;
    height: 450px;
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxTable {
        height: auto;
        padding-top: 220px;
    }
}
.welcomeInfoBox .infoBoxTableCell {
    display: table-cell;
    vertical-align: bottom;
}

.welcomeInfoBox .infoBoxPadding {
    line-height: 1em;
    position: relative;
    padding: 30px;
}
@media screen and (max-width:1080px) {
    .welcomeInfoBox .infoBoxPadding {
        padding: 15px;
    }
}
.welcomeInfoBox .infoBoxPadding {
    width: calc(100% - 60px);
}
@media screen and (max-width:1080px) {
    .welcomeInfoBox .infoBoxPadding {
        width: calc(100% - 30px);
    }
}
.welcomeInfoBox .infoBoxTitle {
    display: inline-block;
    font-size: 40px;
    font-family: serif;
    line-height: 1em;
    position: relative;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid white;
    margin-bottom: 8px;
    color: white;
}
@media screen and (max-width:1400px) {
    .welcomeInfoBox .infoBoxTitle {
        font-size: 35px;
    }
}
@media screen and (max-width:1280px) {
    .welcomeInfoBox .infoBoxTitle {
        font-size: 25px;
    }
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxTitle {
        font-size: 40px;
    }
}
@media screen and (max-width:420px) {
    .welcomeInfoBox .infoBoxTitle {
        font-size: 35px;
    }
}
@media screen and (max-width:380px) {
    .welcomeInfoBox .infoBoxTitle {
        font-size: 25px;
    }
}
.welcomeInfoBox .infoBoxTitleOverflow {
    overflow: hidden;
    max-height: 120px;
    padding-bottom: 3px;
}
@media screen and (max-width:1400px){
    .welcomeInfoBox .infoBoxTitleOverflow {
        max-height: 105px;
    }
}
@media screen and (max-width:1280px) {
    .welcomeInfoBox .infoBoxTitleOverflow {
        max-height: 75px;
    }
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxTitleOverflow {
        max-height: 120px;
    }
}
@media screen and (max-width:420px) {
    .welcomeInfoBox .infoBoxTitleOverflow {
        max-height: 105px;
    }
}
@media screen and (max-width:380px) {
    .welcomeInfoBox .infoBoxTitleOverflow {
        max-height: 75px;
    }
}
.welcomeInfoBox .infoBoxTitleWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.welcomeInfoBox .infoBoxTitleWebkitbox {
    -webkit-line-clamp: 3;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}
.welcomeInfoBox .infoBoxText {
    display: inline-block;
    width: 100%;
    line-height: 1.4em;
    font-size: 16px;
    color: white;
    min-height:110px;
}
.welcomeInfoBox .infoBoxText a, .welcomeInfoBox .infoBoxText a:active, .welcomeInfoBox .infoBoxText a:visited {
    color: white;
    text-decoration: underline;
}
.welcomeInfoBox .infoBoxText a:hover {
    color:#ffdc9d;
    text-decoration:underline;
}
.welcomeInfoBox .infoBoxTextOverflow {
    overflow: hidden;
    max-height: 130px;
}
@media screen and (max-width:1480px) {
    .welcomeInfoBox .infoBoxTextOverflow {
        max-height: 152px;
    }
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxTextOverflow {
        max-height: none;
        overflow:visible;
    }
}
.welcomeInfoBox .infoBoxTextWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
@media screen and (max-width:1480px) {
    .welcomeInfoBox .infoBoxTextWebkitbox {
        -webkit-line-clamp: 7;
    }
}
@media screen and (max-width:800px) {
    .welcomeInfoBox .infoBoxTextWebkitbox {
        -webkit-line-clamp: 5;
    }
}
@media screen and (max-width:500px) {
    .welcomeInfoBox .infoBoxTextWebkitbox {
        -webkit-line-clamp: 7;
    }
}
.welcomeInfoBox .infoBoxAnchor {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 0px;
}
@media screen and (max-width:640px) {
    .welcomeInfoBox .infoBoxAnchor {
        height: 0px;
        width: 100%;
        padding-top: 56.25%;
        left: 0px;
    }
}
@media screen and (max-width:640px) {
    .welcomeInfoBox .infoBoxAnchor {
        padding-top: 0px;
        height: 100%;
    }
}
/*InfoBox Featured Item Styles*/
.featuredItemPadding {
    padding:15px;
    padding-top:0px;
    padding-bottom:0px;
}
.featuredItemColumns {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
@media screen and (max-width:800px) {
    .featuredItemColumns {
        padding-bottom:0px;
    }
}
.featuredItemImage {
    position:absolute;
    height:100%;
    width:55%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;  
    top:0px;
}
@media screen and (max-width:800px) {
    .featuredItemImage {
        height: 180px;
        width: 100%;
    }
}
.featuredItemImage.featuredImageOnLeft {
    left:0px;
}
.featuredItemImage.featuredImageOnRight{
    right:0px;
}
.pageContent a.featuredItemImage, .pageContent a.featuredItemImage :active, .pageContent a.featuredItemImage:visited, .pageContent a.featuredItemImage:hover {
    text-decoration: none;
    color: rgba(0,0,0,0);
}
/*If No Featured Image Is Included A Random One Is Assigned*/
.parkPhotoRandom_1 {
    background-image: url('/Content/Images/components/parks/placeholder_1.jpeg');
}
.parkPhotoRandom_2 {
    background-image:url('/Content/Images/components/parks/placeholder_2.jpeg');
}
.parkPhotoRandom_3 {
    background-image:url('/Content/Images/components/parks/placeholder_3.jpeg');
}
.parkPhotoRandom_4 {
    background-image:url('/Content/Images/components/parks/placeholder_4.jpeg');
}
.parkPhotoRandom_5 {
    background-image:url('/Content/Images/components/parks/placeholder_5.jpeg');
}
.parkPhotoRandom_6 {
    background-image:url('/Content/Images/components/parks/placeholder_6.jpeg');
}
.featuredItemImageGradient {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
.featuredItemTitle {
    position: relative;
    background: rgba(0,0,0,0);
    z-index:1;
}
.featuredTextOnRight .featuredItemTitle {
    margin-left:45%;
}
@media screen and (max-width:800px) {
    .featuredTextOnRight .featuredItemTitle {
        margin-left: 15px;
    }
}
.featuredTextOnLeft .featuredItemTitle {
    margin-right: 45%;
}
@media screen and (max-width:800px) {
    .featuredTextOnLeft .featuredItemTitle {
        margin-right: 15px;
    }
}
.featuredItemTitle .table {
    display: table;
    min-height: 30px;
    font-size: 22px;
    line-height: 1.2em;
    color:white;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
@media screen and (max-width:800px) {
    .featuredItemTitle .table {
        min-height: 150px;
        margin-bottom:0px;
    }
    .featuredTextOnRight .featuredItemTitle .table {
        text-align: right;
    }
    .featuredTextOnLeft .featuredItemTitle .table {
        text-align: left;
    }
}
.featuredItemTitle .tableCell {
    display: table-cell;
    vertical-align: bottom;
}
.featuredItemTextBox {
    position: relative;
    background-color: white;
    z-index:1;
}
.featuredTextOnRight .featuredItemTextBox {
    margin-left: 45%;
}
@media screen and (max-width:800px) {
    .featuredTextOnRight .featuredItemTextBox {
        margin-left: 15px;
    }
}
.featuredTextOnLeft .featuredItemTextBox {
    margin-right: 45%;
}
@media screen and (max-width:800px) {
    .featuredTextOnLeft .featuredItemTextBox {
        margin-right: 15px;
    }
}
.featureditemTextBoxPadding {
    padding: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*Animal Care Styles*/
.pageContent .section-animal .infoBoxList.threeColumns {
    margin-left: 265px;
}
@media screen and (max-width:1130px) {
    .pageContent .section-animal .infoBoxList.threeColumns {
        margin-left: 0px;
        display: inline-block;
        width: calc(100% + 15px);
        position: relative;
    }
}
.pageContent .section-animal .infoBoxList.threeColumns .infoBoxContainer {
    display: inline-block;
    width: calc(33.333% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    vertical-align: top;
}
@media screen and (max-width:600px) {
    .pageContent .section-animal .infoBoxList.threeColumns .infoBoxContainer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px) {
    .pageContent .section-animal .infoBoxList.threeColumns .infoBoxContainer {
        width: calc(100% - 15px);
    }
}
/*ExploreJax Styles*/
.section-explorejax .featuredItemPadding {
    background-color: #2f5176;
}
.section-explorejax .textOnLeft .featuredItemImageGradient {
    background: linear-gradient( 90deg, rgba(47,81,118,1) 0%, rgba(255,255,255,0) 35%);
}
.section-explorejax .textOnRight .featuredItemImageGradient {
    background: linear-gradient( 270deg, rgba(47,81,118,1) 0%, rgba(255,255,255,0) 35%);
}
.section-explorejax .featuredItemTextBox {
    border-top: 5px solid #80bcff;
}
.section-explorejax .featureditemTextBoxPadding {
    padding-right: 50px;
}
.section-explorejax .featureditemTextBoxPadding .abbreviatedOverflow {
    min-height: 200px;
    max-height: 235px;
    overflow: hidden;
}
@media screen and (max-width:800px) {
    .section-explorejax .featureditemTextBoxPadding .abbreviatedOverflow {
        min-height: auto;
        max-height: 155px;
    }
}
.section-explorejax .featureditemTextBoxPadding .abbreviatedWebkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
}
@media screen and (max-width:800px) {
    .section-explorejax .featureditemTextBoxPadding .abbreviatedWebkitbox {
        -webkit-line-clamp: 8;
    }
}
.pageContent .section-explorejax .featuredItemTitle a, .pageContent .section-explorejax .featuredItemTitle a:active, .pageContent .section-explorejax .featuredItemTitle a:visited, .pageContent .section-explorejax .featuredItemTitle a:hover {
    text-decoration:none;
    color:white;
}
@media screen and (max-width:800px) {
    .section-explorejax .featuredItemTitle .overflow {
        display: inline-block;
        padding: 6px 9px;
    }
    .section-explorejax .featuredTextOnRight .featuredItemTitle .overflow {
        background: linear-gradient(90deg, rgba(47,81,118,0) 0%, rgba(47,81,118,1) 100%);
        padding-right: 0px;
    }
    .section-explorejax .featuredTextOnLeft .featuredItemTitle .overflow {
        padding-left: 0px;
        background: linear-gradient(270deg, rgba(47,81,118,0) 0%, rgba(47,81,118,1) 100%);
    }
}
.section-explorejax .featuredItemArrow {
    position: absolute;
    bottom: 15px;
    right: 14px;
    width: 30px;
    height: 52px;
    overflow: hidden;
    line-height: 200px;
    background-repeat: no-repeat;
    background-image: url('/Content/Images/icons/blueArrow.gif');
}
/*Parks Styles*/
.section-parks .featuredItemPadding {
    background-color: #021d36;
    background-image: url('/Content/Images/components/parks/featured.jpeg');
    background-size:100% auto;
}
.section-parks .textOnLeft .featuredItemImageGradient {
    background: linear-gradient( 90deg, rgba(2,29,54,1) 0%, rgba(255,255,255,0) 35%);
}
.section-parks .textOnRight .featuredItemImageGradient {
    background: linear-gradient( 270deg, rgba(2,29,54,1) 0%, rgba(255,255,255,0) 35%);
}
.section-parks .featuredItemTextBox {
    border-top: 5px solid #cbe48b;
}
.section-parks .featureditemTextBoxPadding {
    padding-right: 50px;
}
.section-parks .featuredItemTextBox .overflow {
    min-height: 200px;
    max-height: 235px;
    overflow: hidden;
}
@media screen and (max-width:800px) {
    .section-parks .featuredItemTextBox .overflow {
        min-height: 120px;
        max-height: 158px;
    }
}
.section-parks .featuredItemTextBox .webkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
}
@media screen and (max-width:800px) {
    .section-parks .featuredItemTextBox .webkitbox {
        -webkit-line-clamp: 8;
    }
}
.pageContent .section-parks .featuredItemTitle {
    text-shadow: 0px 0px 2px #021d36;
}
.pageContent .section-parks .featuredItemTitle a, .pageContent .section-parks .featuredItemTitle a:active, .pageContent .section-parks .featuredItemTitle a:visited, .pageContent .section-parks .featuredItemTitle a:hover {
    text-decoration: none;
    color: #cbe48b;
}
@media screen and (max-width:800px) {
    .section-parks .featuredItemTitle .overflow {
        display: inline-block;
        padding: 6px 9px;
    }

    .section-parks .featuredTextOnRight .featuredItemTitle .overflow {
        background: linear-gradient(270deg, rgba(2,29,54,1) 0%, rgba(255,255,255,0) 100%);
        padding-right: 0px;
    }

    .section-parks .featuredTextOnLeft .featuredItemTitle .overflow {
        padding-left: 0px;
        background: linear-gradient(90deg, rgba(2,29,54,1) 0%, rgba(255,255,255,0) 100%);
    }
}
.section-parks .featuredItemArrow {
    position: absolute;
    bottom: 15px;
    right: 14px;
    width: 30px;
    height: 52px;
    overflow: hidden;
    line-height: 200px;
    background-repeat: no-repeat;
    background-image: url('/Content/Images/icons/greenArrow.gif');
}
.section-parks .customInfoBox .infoBoxImage {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: top;
    width: 200px;
    position: absolute;
    height: 100%;
}
@media screen and (max-width:640px) {
    .section-parks .customInfoBox .infoBoxImage {
        width: 100%;
        position: relative;
        height: 250px;
        background-position:top left;
        margin-bottom:15px;
    }
}
.section-parks .customInfoBox .infoBox {
    font-size: 0px;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.section-parks .customInfoBox .infoBoxText {
    display: inline-block;
    width: calc(100% - 230px);
    margin-left: 215px;
    vertical-align: top;
    font-size: 15px;
}
@media screen and (max-width:640px) {
    .section-parks .customInfoBox .infoBoxText {
        margin-left:0px;
        width:100%;
    }
}
.section-parks .customInfoBox .infoBoxTitleWebkitbox {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.2em;
}
/*Infobox Heading*/
.infoBoxHeader {
    font-size: 0px;
    line-height: 0px;
}
.infoBoxHeaderColumns {
    position: relative;
}
.infoBoxHeaderLeft {
    display:inline-block;
    width:50%;
    vertical-align:top;
}
@media screen and (max-width:800px){
    .infoBoxHeaderLeft {
        width:100%;
    }
}
.infoBoxHeaderLeft .infoBoxImage {
    padding-top: 56.25%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}
.infoBoxHeaderLeft .infoBoxImageOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.infoBoxHeaderLeft .infoBoxImageOverlayLeft {
    position:absolute;
    top:0px;
    left:0px;
    width:30px;
    height:100%;
}
@media screen and (max-width:600px) {
    .infoBoxHeaderLeft .infoBoxImageOverlayLeft {
        width:5vw;
    }
}
.infoBoxHeaderLeft .infoBoxImageOverlayTop {
    position:absolute;
    top:0px;
    left:30px;
    width:calc(100% - 60px);
    height:30px;
}
@media screen and (max-width:600px) {
    .infoBoxHeaderLeft .infoBoxImageOverlayTop {
        height:5vw;
        left:5vw;
        width:calc(100% - 10vw);
    }
}
.infoBoxHeaderLeft .infoBoxImageOverlayRight {
    position:absolute;
    top:0px;
    right:0px;
    width:30px;
    height:100%;
}
@media screen and (max-width:600px) {
    .infoBoxHeaderLeft .infoBoxImageOverlayRight {
        width:5vw;
    }
}
.infoBoxHeaderLeft .infoBoxImageOverlayBottom {
    position:absolute;
    bottom:0px;
    left:30px;
    width:calc(100% - 60px);
    height:30px;
}
@media screen and (max-width:600px) {
    .infoBoxHeaderLeft .infoBoxImageOverlayBottom {
        height:5vw;
        left:5vw;
        width:calc(100% - 10vw);
    }
}
.infoBoxHeaderLeft .infoBoxImageOverlayGradient {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.infoBoxHeaderRight {
    display:inline-block;
    width:50%;
    vertical-align:top;
}
@media screen and (max-width:800px) {
    .infoBoxHeaderRight {
        width: 100%;
    }
}
.infoBoxHeaderRight .infoBoxTitle {
    font-size: 24px;
    line-height: 1em;
}
@media screen and (max-width:420px) {
    .infoBoxHeaderRight .infoBoxTitle {
        font-size:20px;
    }
}
.infoBoxHeaderRight .infoBoxText {
    font-size:16px;
    line-height:1.4em;
}
/*ExploreJax*/
.section-explorejax .infoBoxListPadding {
    padding: 15px;
    padding-top: 0px;
    background-color: #2f5176;
}
@media screen and (max-width:1000px) {
    .section-explorejax .infoBoxHeaderLeft .infoBoxImage {
        padding-top: 0px;
        height: 260px;
    }
}
@media screen and (max-width:600px) {
    .section-explorejax .infoBoxHeaderLeft .infoBoxImage {
        padding-top: 56.25%;
        height: 0px;
    }
}
.section-explorejax .infoBoxHeaderLeft .infoBoxImageOverlayLeft {
    background: rgba(47,81,118,0.5);
}
.section-explorejax .infoBoxHeaderLeft .infoBoxImageOverlayTop {
    background: linear-gradient( 90deg, rgba(47,81,118,0.5) 0%, rgba(47,81,118,0.9) 100%);
}
.section-explorejax .infoBoxHeaderLeft .infoBoxImageOverlayRight {
    background: rgba(47,81,118,0.9);
}
.section-explorejax .infoBoxHeaderLeft .infoBoxImageOverlayBottom {
    background: linear-gradient( 90deg, rgba(47,81,118,0.5) 0%, rgba(47,81,118,0.9) 100%);
}
.section-explorejax .infoBoxHeaderRight .infoBoxPadding {
    padding: 30px;
    padding-bottom:15px;
    color: white;
}
@media screen and (max-width:600px) {
    .section-explorejax .infoBoxHeaderRight .infoBoxPadding {
        padding:0px;
        padding-bottom:0px;
        padding-top:15px;
    }
}
.section-explorejax .infoBoxHeaderRight .infoBoxTitle {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}
.section-explorejax .infoBoxHeaderRight .infoBoxFullText {
    margin-top:15px;
    font-size:15px;
    line-height:1.4em;
}
/*Parks*/
.section-parks .infoBoxListPadding {
    padding: 15px;
    padding-top: 0px;
    background-color: #021d36;
}
@media screen and (max-width:1000px) {
    .section-parks .infoBoxHeaderLeft .infoBoxImage {
        padding-top: 0px;
        height: 260px;
    }
}
@media screen and (max-width:600px) {
    .section-parks .infoBoxHeaderLeft .infoBoxImage {
        padding-top: 56.25%;
        height: 0px;
    }
}
.section-parks .infoBoxHeaderLeft .infoBoxImageOverlayLeft {
    background: rgba(2,29,54,0.5);
}
.section-parks .infoBoxHeaderLeft .infoBoxImageOverlayTop {
    background: linear-gradient( 90deg, rgba(2,29,54,0.5) 0%, rgba(2,29,54,0.9) 100%);
}
.section-parks .infoBoxHeaderLeft .infoBoxImageOverlayRight {
    background: rgba(2,29,54,0.9);
}
.section-parks .infoBoxHeaderLeft .infoBoxImageOverlayBottom {
    background: linear-gradient( 90deg, rgba(2,29,54,0.5) 0%, rgba(2,29,54,0.9) 100%);
}
.section-parks .infoBoxHeaderRight .infoBoxPadding {
    padding: 30px;
    color: white;
}
@media screen and (max-width:600px) {
    .section-parks .infoBoxHeaderRight .infoBoxPadding {
        padding: 0px;
        padding-bottom: 0px;
        padding-top: 15px;
    }
}
.section-parks .infoBoxHeaderRight .infoBoxTitle {
    color: #cbe48b;
    text-transform: uppercase;
    font-weight: bold;
}
.section-parks .infoBoxHeaderRight .infoBoxFullText {
    margin-top: 15px;
    font-size:15px;
    line-height:1.4em;
}
/*Infobox Body*/
.infoBoxBody ul {
    padding-left: 18px;
    margin-bottom: 0px;
    line-height: 1.8em;
}
.infoBoxBody li ul {
    padding-left: 15px;
} 
/*ExploreJax*/
.section-explorejax .infoBoxBody {
    background-color: white;
    padding: 30px;
    display: inline-block;
    width: calc(100% - 60px);
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.8em;
}
@media screen and (max-width:600px) {
    .section-explorejax .infoBoxBody {
        padding:15px;
        width:calc(100% - 30px);
    }
}
.section-explorejax .infoBoxBody .infoBoxTitle {
    margin-bottom:15px;
}
.section-explorejax .infoBoxBody .infoBoxTitleWebkitbox {
    font-size: 24px;
    font-weight: bold;
    color: #2e5076;
}
.section-explorejax .infoBoxBody .infoBoxContainer {
    margin-bottom: 30px;
}
.section-explorejax .infoBoxBody .infoBoxContainer:last-of-type {
    margin-bottom: 0px;
}
/*Parks*/
.section-parks .infoBoxBody {
    background-color: white;
    padding: 30px;
    display: inline-block;
    width: calc(100% - 60px);
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.4em;
}
@media screen and (max-width:600px) {
    .section-parks .infoBoxBody {
        padding: 15px;
        width: calc(100% - 30px);
    }
}
.section-parks .infoBoxBody .infoBoxTitleWebkitbox {
    font-size: 24px;
    font-weight: bold;
    color: #2e5076;
}
.section-parks .infoBoxBody .infoBoxContainer {
    margin-bottom:30px;
}
.section-parks .infoBoxBody .infoBoxContainer:last-of-type {
    margin-bottom: 0px;
}
/*Welcome Page UIStarterCore.Event Styles*/
.welcomeEvents .eventsTitle {
    font-size: 25px;
    font-family: serif;
    color: #25578c;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
    margin-top: -20px;
    padding-right: 215px;
    padding-bottom: 7px;
    padding-top: 15px;
    border-bottom: 1px solid #25578c;
    background-image: url(/Content/Images/skyline.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 200px
}
@media screen and (max-width:500px) {
    .welcomeEvents .eventsTitle {
        padding-right: calc(40vw + 15px);
        background-size: 40vw;
    }
}
@media screen and (max-width:380px) {
    .welcomeEvents .eventsTitle {
        padding-top: 0px;
        padding-right: 170px;
        background-size: 155px;
    }
}
.footer .eventList {
    padding-left: 50px;
    padding-right: 50px;
    max-height: 120px;
    overflow: hidden;
}
@media screen and (max-width:1280px) {
    .footer .eventList {
        padding-left:15px;
        padding-right:15px;
    }
}
@media screen and (max-width:600px) {
    .footer .eventList {
        max-height:none;
        overflow:unset;
    }
}
.eventList.eventDates .listItem {
    position: relative;
    border-bottom: 1px solid #dfe0e1;
    margin-bottom: 0px;
    min-height: 65px;
    padding-bottom: 20px;
}
@media screen and (max-width:420px) {
    .eventList.eventDates .listItem {
        min-height: 55px;
        padding-bottom: 10px;
    }
}
.eventDate {
    display: block;
    width: 75px;
    position: absolute;
    border-style: inset;
    border: 1px solid #dfe0e1;
    border-top: 0px;
    border-bottom: 0px;
    height: 100%;
    border-bottom: 0px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    background: #f8f8fa;
    color: black;
}
@media screen and (max-width:420px) {
    .eventDate {
        width: 60px;
    }
}
.listItem:first-of-type .eventDate {
    border-top: 1px solid #dfe0e1;
    height: calc(100% - 1px);
}
.eventDateTable {
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.eventDateTableCell {
    display: table-cell;
    vertical-align: middle;
}
.eventDate .month {
    font-size: 16px;
    text-transform: uppercase;
    color: #696969;
    margin-top: 4px;
}
.eventList.eventDates .listTitle {
    margin-left: 105px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.footer .listTitle {
    margin-bottom:0px;
    line-height:1.4em;
}
@media screen and (max-width:420px) {
    .eventList.eventDates .listTitle {
        margin-left: 75px;
        margin-top: 10px;
    }
}
.eventList.eventDates .listSummary {
    margin-left: 105px;
}
@media screen and (max-width:420px) {
    .eventList.eventDates .listSummary {
        margin-left: 75px;
    }
}
.eventList.eventDates .listDate {
    display: none;
}
.eventList.eventDates .listOverflow {
    display: none;
}
.eventList.eventDates .listLocation {
    color: #484848;
}
.eventList.eventDates .locationLabel {
    display: none;
}
.eventList.eventDates .listLocation .pipe {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin-left: 5px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    background-color: black;
}
@media screen and (max-width:540px){
    .eventList.eventDates .listLocation .pipe {
        display: none;
    }
}
.eventList.eventDates .listLocation a, .eventList.eventDates .listLocation a:active, .eventList.eventDates .listLocation a:visited {
    color: black;
    text-decoration: none;
}
.eventList.eventDates .listLocation a:hover {
    color: black;
    text-decoration: underline;
}
@media screen and (max-width:540px) {
    .eventList.eventDates .listLocation a {
        margin-right: 5px;
    }
}
.listLocation .eventDateTime {
    display: none;
    color:black;
}
.eventList.eventDates .listLocation .eventDateTime {
    display: inline-block;
}
.eventsLinksContainer {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 15px;
    margin-left: 106px;
}
@media screen and (max-width:420px) {
    .eventsLinksContainer {
        margin-left: 75px;
    }
}
.eventsLinksContainer a, .eventsLinksContainer a:visited, .eventsLinksContainer a:active {
    color: #30567d;
    text-decoration: none;
}
.eventsLinksContainer a:hover{
    color: black;
    text-decoration: underline;
}
/*UIStarterCore.Embed*/
.pageContent .embedList {
    margin-top: 15px;
    margin-bottom: 15px;
}
.section-welcome .embedList {
    margin-top: 0px;
    margin-bottom: 0px;
    display:none;
}
.pageContent .embedContainer {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.section-welcome .embedContainer {
    border-radius: 5px;
    background-color: #1a4472;
    padding: 5px;
    /*max-width: 430px;*/
    box-shadow: 0px 0px 0px 1px white, 0px 0px 15px rgba(0,0,0,0.2);
}
.section-welcome .embedHTML {
    padding-top:0px;
    box-shadow: none;
}
.section-calculator .embedHTML {
    padding-top:0px;
    line-height:1.4em;
    font-size:14px;
    box-shadow:none;
}
.pageContent .embedContainer .embedHTML iframe {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}
/*Calculator Styles for  DuvalClerk*/
.section-calculator table {
    border-spacing: 0px;
    border: 2px solid #d3a350;
    background: rgba(255,255,255,0.5);
}
.section-calculator table th {
    padding: 8px;
    background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(228,228,228,1) 100%);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    text-align:left;
}
.section-calculator table td {
    padding: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.section-calculator input {
    border: 2px solid rgb(23, 72, 102);
    width:80px;
}
.section-calculator button {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #1C304A;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    align-content: center;
}
/*Calculator Styles for User Entered Content*/
.pageContent input.calculatorInput {
    border: 2px solid rgb(23, 72, 102);
    width: 80px;
}
.pageContent button.calculatorButton {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #1C304A;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    align-content: center;
}
/*Animal Care Styles*/
.section-animal .embedList {
    margin: 0px;
}
.section-animal .embedList .embedHTML {
    display: none;
}
/*City Council Styles*/
.footerNavigationArea .section-citycouncil .embedList {
    margin: 0px;
}
.footerNavigationArea .section-citycouncil .embedHTML {
    display: none;
}
/*Environmental Quality*/
.footerNavigationArea .section-environmentalquality .embedList {
    margin: 0px;
}
.footerNavigationArea .section-environmentalquality .embedHTML {
    display: none;
}
/*Urban Forestry Styles*/
.section-trees .embedList {
    margin: 0px;
}
.section-trees .embedList .embedHTML {
    display: none;
}
/*Mayor Styles*/
.footerNavigationArea .section-mayor .embedList {
    margin: 0px;
}
.footerNavigationArea .section-mayor .embedHTML {
    display: none;
}
/*Inject Sections*/
.section-inject1, .section-inject2, .section-inject3, .section-inject4, .section-inject5 {
    display: none;
}
.ktc-section .section-inject1, .ktc-section .section-inject2, .ktc-section .section-inject3, .ktc-section .section-inject4, .ktc-section .section-inject5 {
    display: block;
    background-color: #ffe8b5;
}
/*UIStarterCore.ImageLink*/
.imageLinks {
    font-size:0px;
    line-height:0px;
    color:rgba(0,0,0,0);
    text-align:center;
    position:relative;
}
.imageLinks img {
    max-width: 100%;
}
.pageContent .imageLinks a, .pageContent .imageLinks a:visited, .pageContent .imageLinks a:active, .pageContent .imageLinks a:hover {
    color:rgba(0,0,0,0);
    text-decoration:none;
}
.imageLinksTable {
    display:table;
    width:100%;
}
.imageLinksTableCell {
    display:table-cell;
    vertical-align:middle;
}
.imageLinkBoxList {
    font-size: 0px;
    line-height: 0px;
    margin-right: -15px;
}
.imageLinkBox {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    vertical-align: top;
    margin-bottom: 15px;
    color: white;
}
.imageLinkBoxSpacer {
    padding-top: 56.25%;
    width: 100%;
}
.imageLinkBoxImage {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 5px;
    box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 80%);
    border-radius: 5px;
}
.imageLinkBoxTextWrapper {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 10px);
    margin: 5px;
    background-color: rgba(1,79,123,0.8);
}
.imageLinkBoxTextWrapper .table {
    display: table;
    width: calc(100% - 20px);
    min-height: 40px;
    padding: 5px 10px;
    text-align: center;
}
.imageLinkBoxTextWrapper .tableCell {
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    line-height:1em;
}
.pageContent a.imageLinkBox, .pageContent a.imageLinkBox:active, .pageContent a.imageLinkBox:visited {
    text-decoration:none;
    color:white;
}
.pageContent a.imageLinkBox:hover, .pageContent a.imageLinkBox:hover .imageLinkBoxText{
    text-decoration:underline;
    color:white;
}
/*City Council image Links*/
.pageContent .section-citycouncil .imageLinks a, .pageContent .imageLinks .section-citycouncil a:visited, .pageContent .imageLinks .section-citycouncil a:active {
    color: white;
    transition: color 0.8s;
}
.pageContent .section-citycouncil .imageLinks a:hover {
    color: #90def5;
}
.section-citycouncil .customImageLinkListTop {
    display: none;
}
.section-citycouncil .customImageLinkListMiddle {
    position:relative;
    margin-bottom:25px;
}
.section-citycouncil .customImageLinkListMiddle .customPaddingMiddle {
    background-color: #123656;
}
.section-citycouncil .customImageLinkListMiddle .customBackground  {
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    background-image:url('/Content/Images/components/city_council/imagelinks.jpg');
    overflow:hidden;
}
.section-citycouncil .customImageLinkListMiddle .customBackgroundPart1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,60,112,0.75);
}
.section-citycouncil .customImageLinkListMiddle .customBackgroundPart2 {
    background: linear-gradient(180deg, rgba(35,95,155,0.2) 0%, rgba(84,163,227,0.2) 100%);
    position: absolute;
    transform: rotate(36deg);
    width: 150%;
    height: 150%;
    left: 60px;
    top: -150px;
}
@media screen and (max-width:800px) {
    .section-citycouncil .customImageLinkListMiddle .customBackgroundPart2 {
        top:-250px;
    }
}
@media screen and (max-width:700px) {
    .section-citycouncil .customImageLinkListMiddle .customBackgroundPart2 {
        left: 60px;
        top: -100px;
    }
}
@media screen and (max-width:480px) {
    .section-citycouncil .customImageLinkListMiddle .customBackgroundPart2 {
        left: 100px;
        top: -400px;
    }
}
.section-citycouncil .customImageLinkListMiddle .imageLinkListContainer {
    padding: 50px;
}
@media screen and (max-width:700px) {
    .section-citycouncil .customImageLinkListMiddle .imageLinkListContainer {
        padding: 15px;
    }
}
.section-citycouncil .customImageLinkListMiddle .imageLinkList {
    position: relative;
    margin-right: -30px;
    margin-bottom: -50px;
}
@media screen and (max-width:900px) {
    .section-citycouncil .customImageLinkListMiddle .imageLinkList {
        margin-right: -15px;
        margin-bottom: -50px;
    }
}
@media screen and (max-width:700px) {
    .section-citycouncil .customImageLinkListMiddle .imageLinkList {
        margin-bottom: -15px;
    }
}
@media screen and (max-width:480px) {
    .section-citycouncil .customImageLinkListMiddle .imageLinkList {
        margin-right:0px;
    }
}
.section-citycouncil .customImageLinkListMiddle .imageLinks{
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.section-citycouncil .customImageLinkListMiddle .imageLink {
    display: inline-block;
    width: calc(50% - 30px);
    margin-right: 30px;
    text-align: left;
    margin-bottom: 50px;
    vertical-align: middle;
}
@media screen and (max-width:900px) {
    .section-citycouncil .customImageLinkListMiddle .imageLink {
        width: calc(50% - 15px);
        margin-right: 15px;
    }
}
@media screen and (max-width:700px) {
    .section-citycouncil .customImageLinkListMiddle .imageLink {
        margin-bottom:15px;
    }
}
@media screen and (max-width:480px) {
    .section-citycouncil .customImageLinkListMiddle .imageLink {
        width:100%;
        margin-right:0px;
    }
}
.section-citycouncil .customImageLinkListMiddle .imageLink img.imageLinkImage{
    display: inline-block;
    width: 60px;
    vertical-align: middle;
    margin-right: 15px;
}
.section-citycouncil .customImageLinkListMiddle .imageLink .imageLinkText{
    font-size: 20px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
    width: calc(100% - 75px);
}
@media screen and (max-width:800px) {
    .section-citycouncil .customImageLinkListMiddle .imageLink .imageLinkText {
        font-size:16px;
        font-weight:normal;
    }
}
/*Environmental Quality Image Links*/
@media screen and (max-width:560px) {
    .section-environmentalquality .imageLinkBoxList {
        text-align:center;
    }
}
.section-environmentalquality .imageLinkBox {
    width: calc(33.333% - 15px);
}
@media screen and (max-width:850px) {
    .section-environmentalquality .imageLinkBox {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:560px) {
    .section-environmentalquality .imageLinkBox {
        width: calc(100% - 15px);
        max-width:320px;
    }
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(1) .imageLinkBoxTextWrapper {
    background-color: rgb(54,109,200,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(2) .imageLinkBoxTextWrapper {
    background-color: rgb(165,67,32,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(3) .imageLinkBoxTextWrapper {
    background-color: rgb(27,69,114,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(4) .imageLinkBoxTextWrapper {
    background-color: rgb(172, 89, 1,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(5) .imageLinkBoxTextWrapper {
    background-color: rgb(117,7,18,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(6) .imageLinkBoxTextWrapper {
    background-color: rgb(2,85,27,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(7) .imageLinkBoxTextWrapper {
    background-color: rgb(67,11,112,0.8)
}
.section-environmentalquality .imageLinkBoxList .imageLinkBox:nth-child(8) .imageLinkBoxTextWrapper {
    background-color: rgb(68,60,24,0.8)
}
/*Urban Forestry Image Links*/
.pageContent .section-trees .imageLinks a, .pageContent .section-trees .imageLinks a:visited, .pageContent .section-trees .imageLinks a:active {
    display: inline-block;
    width: 132px;
    vertical-align: top;
    text-align: center;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
    background: linear-gradient(0deg, rgba(201,244,126,0.9) 0%, rgba(234,255,182,0.9) 100%);
    margin-bottom: 30px;
    color: black;
}
.pageContent .section-trees .imageLinks a:hover {
    background: linear-gradient(0deg, rgba(217,255,149,0.9) 0%, rgba(246,255,225,0.9) 100%);
}
@media screen and (max-width:420px) {
    .pageContent .section-trees .imageLinks a {
        width: 31.42857vw;
        margin-left: 3.5714vw;
        margin-right: 3.5714vw;
        margin-bottom:7.1428vw;
    }
}
.section-trees .imageLinks::before {
    content: "";
    display:inline-block;
    width:calc(100% + 100px);
    margin-left:-50px;
    margin-right:-50px;
    background-image:url('/Content/Images/components/trees/ButtonTop.png');
    background-repeat:no-repeat;
    background-position:top left;
    height:50px;
    margin-top:15px;
}
@media screen and (max-width:1280px) {
    .section-trees .imageLinks::before {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
}
.section-trees .imageLinks::after {
    content: "";
    display: inline-block;
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-right: -50px;
    background-image: url('/Content/Images/components/trees/ButtonBottom.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 50px;
    margin-bottom:15px;
}
@media screen and (max-width:1280px) {
    .section-trees .imageLinks::after {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
}
.section-trees .imageLinksTable {
    display: block;
    width: calc(100% + 30px);
    text-align: center;
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 35px;
    padding-right: 35px;
    background-size: cover;
    background-position: center;
    padding-top: 30px;
    padding-bottom: 0px;
    background-image: url('/Content/Images/components/trees/ButtonBG.jpg');
}
@media screen and (max-width:1280px) {
    .section-trees .imageLinksTable {
        width: calc(100%);
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:420px) {
    .section-trees .imageLinksTable {
        width: calc(100% + 30px);
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 7.1428vw;
        padding-bottom: 0px;
    }
}
.section-trees .imageLinks img {
    display: block;
    width:100px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:420px) {
    .section-trees .imageLinks img {
        width:23.8vw;
    }
}
.section-trees .imageLinks .imageLinksTableCell {
    margin-left: auto;
    margin-right: auto;
    display:block;
}
@media screen and (max-width:1500px) {
    .section-trees .imageLinks .imageLinksTableCell {
        max-width:720px;
        margin-left:auto;
        margin-right:auto;
    }
}
@media screen and (max-width:1280px) {
    .section-trees .imageLinks .imageLinksTableCell {
        max-width: auto;
    }
}
@media screen and (max-width:1140px) {
    .section-trees .imageLinks .imageLinksTableCell {
        max-width: 720px;
    }
}
.section-trees .imageLinkText {
    font-size: 14px;
    line-height: 1em;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    height: 28px;
    overflow: hidden;
    margin-top: 5px;
}
@media screen and (max-width:420px) {
    .section-trees .imageLinkText {
        font-size:3.3vw;
        height:6.6vw;
        margin-top:1.9vw;
    }
}
/*Welcome Page*/
.socialMediaTitleTable {
    display: table;
    min-height: 38px;
    text-align: center;
    position: relative;
    width: 100%;
}
.socialMediaTitleTableCell {
    display: table-cell;
    vertical-align: middle;
    width: calc(50% - 150px);
}
@media screen and (max-width:680px) {
    .socialMediaTitleTableCell {
        width: calc(50% - 110px);
    }
}
@media screen and (max-width:380px) {
    .socialMediaTitleTableCell {
        display: none;
    }
}
.socialMediaLine {
    width: 100%;
    height: 1px;
    background-color: #e13a06;
}
.socialMediaTitleTableCell.middle {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
}
@media screen and (max-width:680px) {
    .socialMediaTitleTableCell.middle {
        width: 220px;
    }
}
@media screen and (max-width:380px) {
    .socialMediaTitleTableCell.middle {
        display: block;
        width: auto;
        padding-bottom: 10px;
        border-bottom: 1px solid #e13a06;
    }
}
.socialMediaTitle {
    font-size: 22px;
    text-transform: uppercase;
    color: #e13a06;
    margin: 0px;
    line-height: 1em;
}
.section-welcome .imageLinks img {
    width: 80px;
}
.section-welcome .imageLinks a {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}
.section-welcome .imageLinksTable {
    min-height: 330px;
}
@media screen and (max-width:800px) {
    .section-welcome .imageLinksTable {
        min-height: 120px;
        padding-top: 15px;
        padding-bottom: 30px;
    }
}
/*Parks*/
.pageContent .section-parks .imageLinks {
    background-color: #e0e5e8;
    padding: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:2px;
    text-align: center;
}
.pageContent .section-parks .imageLink {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom:10px;
}
.pageContent .section-parks a.imageLink, .pageContent .section-parks a.imageLink:active, .pageContent .section-parks a.imageLink:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .section-parks a.imageLink:hover {
    text-decoration: none;
    color: black;
}
.pageContent .section-parks .imageLinkImage {
    display: inline-block;
    vertical-align: top;
}
.pageContent .section-parks .imageLinkText {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    vertical-align: top;
    line-height: 1em;
    margin-top: 3px;
    margin-left: 5px;
}
/*UIStarterCore.Popup*/
.popupContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient( 90deg, rgba(30,60,90,0.75) 0%, rgba(30,60,90,0.75) 100%);
    animation-name: videoModalFadeIn;
    animation-duration: 0.4s;
}
.popupContainer.closed {
    display: none;
}
.popupTable {
    display: table;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.popupCell {
    display: table-cell;
    vertical-align: middle;
}
.popupTitle {
    position: relative;
    padding: 15px;
    padding-right: 50px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 1px 1px white, 2px 5px 10px rgba(0, 0, 0, .3);
    margin: 0px;
    font-size: 22px;
    line-height: 1.2em;
    color: white;
    font-weight: bold;
    background: linear-gradient( 37deg, rgba(27,70,115,1) 0%, rgba(27,70,115,1) 50px, rgba(21,58,98,1) 50px, rgba(21,58,98,1) 80px, rgba(27,70,115,1) 80px, rgba(27,70,115,1) 50%, rgba(47,98,151,1) 100%);
}
.popupClose {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    line-height: 200px;
    color: white;
    overflow: hidden;
}
.pageContent a.popupClose, .pageContent a.popupClose:active, .pageContent a.popupClose:visited, .pageContent a.popupClose:hover {
    color: white;
    text-decoration:none;
}
.popupX1 {
    transform: rotate(45deg);
    height: 5px;
    border-radius:10px;
    width: 30px;
    position: absolute;
    background-color: white;
    top: 15px;
    left:3px;
}
.popupX2 {
    transform: rotate(-45deg);
    height: 5px;
    border-radius: 10px;
    width: 30px;
    position: absolute;
    background-color: white;
    top: 15px;
    left: 3px;
}
.popupContent {
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 1px 1px white, 2px 5px 10px rgba(0, 0, 0, .3);
    background-color: white;
    padding: 50px;
    position: relative;
    display: inline-block;
    width: calc(100% - 100px);
}
@media screen and (max-width:1280px) {
    .popupContent {
        padding: 15px;
        width: calc(100% - 30px);
    }
}
.popupContent img {
    float: right;
    width: 100%;
    max-width: calc(50% - 15px);
    Margin-left: 15px;
    margin-bottom: 15px
}
@media screen and (max-width:512px) {
    .popupContent img {
        float: none;
        max-width: 450px;
        Margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        display:block;
    }
}
/*Side by Side Box*/
.sbsbox {
    border: 1px solid #305379;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.sbsContainer {
    margin-top:15px;
    margin-bottom:15px;
}
.customTopHeaderWidget .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}
.headerNavigationArea .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}
.customFooter .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}
.sbsboxRightText {
    display: inline-block;
    width: calc(50% - 100px);
    vertical-align: top;
    font-size: 16px;
    padding: 50px;
    padding-left:0px;
    line-height: 1.4em;
}
@media screen and (max-width:1280px) {
    .sbsboxRightText {
        padding: 15px;
        padding-left:0px;
        width: calc(50% - 30px);
    }
}
@media screen and (max-width:800px) {
    .sbsboxRightText {
        padding-right:15px;
        width: calc(100% - 30px);
    }
    .popupSBSBox .sbsboxRightText {
        display: none;
    }
}
@media screen and (max-width:1024px) {
    .content .sbsboxRightText h2.sbsBoxTitle {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.sbsboxLeftImg {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    vertical-align: top;
    font-size: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    left: 0px;
}
@media screen and (max-width:512px) {
    .sbsboxLeftImg {
        width: 100%;
        height: 0px;
        padding-top: 56.25%;
        position: relative;
    }
}
.sbsboxLeftVideo {
    height: auto;
    position: relative;
    font-size: 0px;
    display: inline-block;
    width: calc(50% - 100px);
    padding: 50px;
}
@media screen and (max-width:1280px) {
    .sbsboxLeftVideo {
        width: calc(50% - 30px);
        padding: 15px;
    }
}
@media screen and (max-width:800px) {
    .sbsboxLeftVideo {
        width: calc(100% - 30px);
    }
}
.sbsboxLeftVideo iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100% !important;
    height: 100% !important;
}
.sbsboxLeftText {
    display: inline-block;
    width: calc(50% - 100px);
    vertical-align: top;
    font-size: 16px;
    padding: 50px;
    padding-right:0px;
    line-height: 1.4em;
}
@media screen and (max-width:1280px) {
    .sbsboxLeftText {
        padding: 15px;
        padding-right:0px;
        width: calc(50% - 30px);
    }
}
@media screen and (max-width:800px) {
    .sbsboxLeftText {
        padding-right:15px;
        width:calc(100% - 30px);
    }
}
@media screen and (max-width:1024px){
    .content .sbsboxLeftText h2.sbsBoxTitle {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.sbsboxRightImg {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    vertical-align: top;
    font-size: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: 0px;
}
@media screen and (max-width:512px) {
    .sbsboxRightImg {
        width: 100%;
        height: 0px;
        padding-top: 56.25%;
        position: relative;
    }
}
.sbsboxRightVideo {
    height: auto;
    position: relative;
    font-size: 0px;
    display: inline-block;
    width: calc(50% - 100px);
    padding:50px;
}
@media screen and (max-width:1280px) {
    .sbsboxRightVideo {
        width: calc(50% - 30px);
        padding: 15px;
    }
}
@media screen and (max-width:800px) {
    .sbsboxRightVideo {
        width: calc(100% - 30px);
    }
    .popupSBSBox .sbsboxRightVideo {
        display: none;
    }
}
.sbsboxRightVideo iframe {
    position: absolute;
    top:0px;
    right:0px;
    width:100% !important;
    height:100% !important;
}
.sbsBoxVideoSpacer {
    position:relative;
    width:100%;
    height:0px;
    line-height:0px;
    font-size:0px;
    padding-top:56.26%;
}
/*SBS Box Popup*/
.sbsbox.popupSBSBox {
    position: fixed;
    top: -150vh;
    left: 0px;
    width: 100%;
    margin-bottom: 0px;
    border: none;
    z-index: 6;
}
.sbsbox.popupSBSBox.hide {
    animation-name:hideSBSBoxPopup;
    animation-duration:0.8s;
}
@keyframes hideSBSBoxPopup {
    from { top:0px; }
    to { top:-100vh; }
}
.sbsbox.popupSBSBox.show {
    top:0px;
    animation-name:showSBSBoxPopup;
    animation-duration:0.8s;
}
@keyframes showSBSBoxPopup {
    from { top:-100vh; }
    to { top:0px; }
}
.sbsBoxPopupButton {
    display: table;
    width: 100%;
    min-height: 40px;
}
.sbsBoxPopupButtonWithIcon {
    font-size: 16px;
    padding-left: 60px;
    background-size: auto 50px;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: table-cell;
    background-position: left center;
    min-height: 40px;
}
.sbsBoxPopupButtonNoIcon {
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    background-position: left center;
    border: 1px solid #305276;
    padding: 10px;
    border-radius: 10px;
    background: white;
}
.closeSBSBoxPopup {
    position: absolute;
    bottom: -25px;
    right: calc(50% - 25px);
    width: 50px;
    border-radius: 25px;
    height: 50px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #315379;
    background-image: url('/Content/Images/icons/close.png');
}
.pageContent a.sbsBoxPopupButton:hover .sbsBoxPopupButtonNoIcon {
    background-color: #faf9f9;
}
.pageContent a.sbsBoxPopupButton, .pageContent a.sbsBoxPopupButton:active, .pageContent a.sbsBoxPopupButton:visited {
    color: #30567d;
    font-weight:bold;
    text-decoration:none;
}
.pageContent a.sbsBoxPopupButton:hover {
    color:black;
    font-weight:bold;
    text-decoration:underline;
}
.sbsBoxPopupPadding {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
    border-top: 20px solid #315379;
    font-size: 0px;
    padding-bottom: 15px;
    max-height: calc(100vh - 65px);
    overflow: hidden;
}
/*Environmental Quality Styles*/
.section-environmentalquality .sbsbox {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    border: none;
    min-height: 300px;
    width: 100%;
}
.section-environmentalquality .sbsContainer {
    margin-top: 15px;
    margin-bottom: 15px;
    background-image: url('/Content/Images/components/environmental_quality/grass_bg_.png');
    background-size: cover;
    background-position: right;
    margin: -50px;
    padding: 50px;
    margin-top: -135px;
    padding-top: 135px;
    min-height: 320px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .sbsContainer {
        margin: -15px;
        margin-bottom: 0px;
        padding: 15px;
        padding-bottom: 15px;
        margin-top: -141px;
        padding-top: 128px;
    }
}
@media screen and (max-width:800px) {
    .section-environmentalquality .sbsContainer {
        background-image: url('');
    }
}
.section-environmentalquality .sbsboxLeftText {
    display: inline-block;
    width: calc(100% - 365px);
    vertical-align: top;
    font-size: 16px;
    padding: 0px;
    line-height: 1.4em;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .sbsboxLeftText {
        padding-right: 0px;
    }
}
@media screen and (max-width:800px) {
    .section-environmentalquality .sbsboxLeftText {
        width: 100%;
    }
}
.section-environmentalquality .sbsboxRightImg {
    display: inline-block;
    width: 350px;
    height: 100%;
    position: absolute;
    vertical-align: top;
    font-size: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: 0px;
    border-radius: 5px;
    box-shadow: 2px 2px 15px rgb(0 0 0 / 17%);
    border: 1px solid white;
}
@media screen and (max-width:800px) {
    .section-environmentalquality .sbsboxRightImg {
        width: 100%;
        height: 0px;
        padding-top: 100%;
        position: relative;
        padding-right: 0px;
    }
}
/*Parks Styles*/
.section-parks .sbsBoxPopupButtonWithIcon {
    max-width: 420px;
    display: inline-block;
}
/*Slider Styles*/
.sliders {
    position: relative;
    height: auto;
    width: calc(100% - 100px);
    padding-left: 50px;
    padding-right: 50px;
    display: inline-block;
    font-size: 0px;
    line-height: 0px;
    white-space: nowrap;
}
.slideLeft {
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.slideRight {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}
.sliders .circle {
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 0px 0px 1px 2px white;
}
.sliders .arrow {
    width: 14px;
    height: 14px;
    position: absolute;
    top: calc(50% - 8px);
    transform: rotate(45deg);
}
.sliders .slideLeft .arrow {
    left: calc(50% - 6px);
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
.sliders .slideRight .arrow {
    left: calc(50% - 12px);
    border-top: 2px solid white;
    border-right: 2px solid white;
}
.sliderOverflow {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.sliderPadding {
    margin-right: -15px;
}
.sliders.count6 .sliderPadding {
    margin-right: -17px;
}
.sliders.count5 .sliderPadding {
    margin-right: -19px;
}
.sliders.count4 .sliderPadding {
    margin-right: -19px;
}
.sliders.count3 .sliderPadding {
    margin-right: -22px;
}
.sliders.count2 .sliderPadding {
    margin-right: -29px;
}
.sliders.count1 .sliderPadding {
    margin-right: -19px;
}
@media screen and (max-width:1600px) {
    .sliders .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -17px;
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderPadding,
    .sliders.count5 .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -19px;
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderPadding,
    .sliders.count4 .sliderPadding,
    .sliders.count5 .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -19px;
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderPadding,
    .sliders.count3 .sliderPadding,
    .sliders.count4 .sliderPadding,
    .sliders.count5 .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -22px;
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderPadding,
    .sliders.count2 .sliderPadding,
    .sliders.count3 .sliderPadding,
    .sliders.count4 .sliderPadding,
    .sliders.count5 .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -29px;
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderPadding,
    .sliders.count1 .sliderPadding,
    .sliders.count2 .sliderPadding,
    .sliders.count3 .sliderPadding,
    .sliders.count4 .sliderPadding,
    .sliders.count5 .sliderPadding,
    .sliders.count6 .sliderPadding {
        margin-right: -19px;
    }
}
.sliders .slider {
    display: inline-block;
    width: calc(14.2857% - 15px);
    margin-right: 15px;
    vertical-align: top;
}
.sliders.count1 .slider {
    width: calc(100% - 15px);
    margin-left: 8px;
}
.sliders.count2 .slider {
    width: calc(50% - 15px);
}
.sliders.count3 .slider {
    width: calc(33.333% - 15px);
}
.sliders.count4 .slider {
    width: calc(25% - 15px);
}
.sliders.count5 .slider {
    width: calc(20% - 15px);
}
.sliders.count6 .slider {
    width: calc(16.666% - 15px);
}
@media screen and (max-width:1600px) {
    .sliders .slider,
    .sliders.count6 .slider {
        width: calc(16.666% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .sliders .slider,
    .sliders.count5 .slider,
    .sliders.count6 .slider {
        width: calc(20% - 15px);
    }
}
@media screen and (max-width:1024px) {
    .sliders .slider,
    .sliders.count4 .slider,
    .sliders.count5 .slider,
    .sliders.count6 .slider {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:980px) {
    .sliders .slider,
    .sliders.count3 .slider,
    .sliders.count4 .slider,
    .sliders.count5 .slider,
    .sliders.count6 .slider {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:640px) {
    .sliders .slider,
    .sliders.count2 .slider,
    .sliders.count3 .slider,
    .sliders.count4 .slider,
    .sliders.count5 .slider,
    .sliders.count6 .slider {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:319px) {
    .sliders .slider,
    .sliders.count1 .slider,
    .sliders.count2 .slider,
    .sliders.count3 .slider,
    .sliders.count4 .slider,
    .sliders.count5 .slider,
    .sliders.count6 .slider {
        width: calc(100% - 15px);
        margin-left: 8px;
    }
}
.tempLeftSlider {
    margin-left: -14.2857%;
}
.tempLeftSlider, .tempRightSlider {
    display: inline-block;
    width: calc(14.2857% - 15px);
    margin-right: 15px;
    vertical-align: top;
}
.sliderBegin, .sliderEnd {
    display: inline-block;
    vertical-align: top;
}
.sliders.count1 .tempLeftSlider {
    margin-left: -100%;
}
.sliders.count1 .tempLeftSlider, .sliders.count1 .tempRightSlider {
    width: calc(100% - 15px);
}
.sliders.count2 .tempLeftSlider {
    margin-left: -50%;
}
.sliders.count2 .tempLeftSlider, .sliders.count2 .tempRightSlider {
    width: calc(50% - 15px);
}
.sliders.count3 .tempLeftSlider {
    margin-left: -33.333%;
}
.sliders.count3 .tempLeftSlider, .sliders.count3 .tempRightSlider {
    width: calc(33.333% - 15px);
}
.sliders.count4 .tempLeftSlider {
    margin-left: -25%;
}
.sliders.count4 .tempLeftSlider, .sliders.count4 .tempRightSlider {
    width: calc(25% - 15px);
}
.sliders.count5 .tempLeftSlider {
    margin-left: -20%;
}
.sliders.count5 .tempLeftSlider, .sliders.count5 .tempRightSlider {
    width: calc(20% - 15px);
}
.sliders.count6 .tempLeftSlider {
    margin-left: -16.666%;
}
.sliders.count6 .tempLeftSlider, .sliders.count6 .tempRightSlider {
    width: calc(16.666% - 15px);
}
@media screen and (max-width:1600px) {
    .sliders .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(16.666% - 15px);
        margin-left: -16.666%;
    }
    .sliders .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(16.666% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .sliders .tempLeftSlider,
    .sliders.count5 .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(20% - 15px);
        margin-left: -20%;
    }
    .sliders .tempRightSlider,
    .sliders.count5 .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(20% - 15px);
    }
}
@media screen and (max-width:1024px) {
    .sliders .tempLeftSlider,
    .sliders.count4 .tempLeftSlider,
    .sliders.count5 .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(25% - 15px);
        margin-left: -25%;
    }
    .sliders .tempRightSlider,
    .sliders.count4 .tempRightSlider,
    .sliders.count5 .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:980px) {
    .sliders .tempLeftSlider,
    .sliders.count3 .tempLeftSlider,
    .sliders.count4 .tempLeftSlider,
    .sliders.count5 .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(33.333% - 15px);
        margin-left: -33.333%;
    }
    .sliders .tempRightSlider,
    .sliders.count3 .tempRightSlider,
    .sliders.count4 .tempRightSlider,
    .sliders.count5 .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:640px) {
    .sliders .tempLeftSlider,
    .sliders.count2 .tempLeftSlider,
    .sliders.count3 .tempLeftSlider,
    .sliders.count4 .tempLeftSlider,
    .sliders.count5 .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(50% - 15px);
        margin-left: -50%;
    }
    .sliders .tempRightSlider,
    .sliders.count2 .tempRightSlider,
    .sliders.count3 .tempRightSlider,
    .sliders.count4 .tempRightSlider,
    .sliders.count5 .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:319px) {
    .sliders .tempLeftSlider,
    .sliders.count1 .tempLeftSlider,
    .sliders.count2 .tempLeftSlider,
    .sliders.count3 .tempLeftSlider,
    .sliders.count4 .tempLeftSlider,
    .sliders.count5 .tempLeftSlider,
    .sliders.count6 .tempLeftSlider {
        width: calc(100% - 15px);
        margin-left: -100%;
    }
    .sliders .tempRightSlider,
    .sliders.count1 .tempRightSlider,
    .sliders.count2 .tempRightSlider,
    .sliders.count3 .tempRightSlider,
    .sliders.count4 .tempRightSlider,
    .sliders.count5 .tempRightSlider,
    .sliders.count6 .tempRightSlider {
        width: calc(100% - 15px);
    }
}
.tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft7;
    animation-duration: 0.6s;
}
.tempLeftSlider.animateRight {
    animation-name: slidersMoveRight7;
    animation-duration: 0.6s;
}
@keyframes slidersMoveLeft7 {
    from {
        margin-left: calc(-14.2857% - 14.2857%);
    }
    to {
        margin-left: -14.2857%;
    }
}
@keyframes slidersMoveLeft6 {
    from {
        margin-left: calc(-16.666% - 16.666%);
    }
    to {
        margin-left: -16.666%;
    }
}
@keyframes slidersMoveLeft5 {
    from {
        margin-left: calc(-20% - 20%);
    }
    to {
        margin-left: -20%;
    }
}
@keyframes slidersMoveLeft4 {
    from {
        margin-left: calc(-25% - 25%);
    }
    to {
        margin-left: -25%;
    }
}
@keyframes slidersMoveLeft3 {
    from {
        margin-left: calc(-33.333% - 33.333%);
    }
    to {
        margin-left: -33.333%;
    }
}
@keyframes slidersMoveLeft2 {
    from {
        margin-left: calc(-50% - 50%);
    }
    to {
        margin-left: -50%;
    }
}
@keyframes slidersMoveLeft1 {
    from {
        margin-left: calc(-100% - 100%);
    }
    to {
        margin-left: -100%;
    }
}
@keyframes slidersMoveRight7 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -14.2857%;
    }
}
@keyframes slidersMoveRight6 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -16.666%;
    }
}
@keyframes slidersMoveRight5 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -20%;
    }
}
@keyframes slidersMoveRight4 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -25%;
    }
}
@keyframes slidersMoveRight3 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -33.333%;
    }
}
@keyframes slidersMoveRight2 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -50%;
    }
}
@keyframes slidersMoveRight1 {
    from {
        margin-left: 0px;
    }
    to {
        margin-left: -100%;
    }
}
.sliders.count1 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft1;
}
.sliders.count2 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft2;
}
.sliders.count3 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft3;
}
.sliders.count4 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft4;
}
.sliders.count5 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft5;
}
.sliders.count6 .tempLeftSlider.animateLeft {
    animation-name: slidersMoveLeft6;
}
.sliders.count1 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight1;
}
.sliders.count2 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight2;
}
.sliders.count3 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight3;
}
.sliders.count4 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight4;
}
.sliders.count5 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight5;
}
.sliders.count6 .tempLeftSlider.animateRight {
    animation-name: slidersMoveRight6;
}
@media screen and (max-width:1600px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft6;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight6;
    }
}
@media screen and (max-width:1280px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count5 .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft5;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count5 .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight5;
    }
}
@media screen and (max-width:1024px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count4 .tempLeftSlider.animateLeft,
    .sliders.count5 .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft4;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count4 .tempLeftSlider.animateRight,
    .sliders.count5 .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight4;
    }
}
@media screen and (max-width:980px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count3 .tempLeftSlider.animateLeft,
    .sliders.count4 .tempLeftSlider.animateLeft,
    .sliders.count5 .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft3;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count3 .tempLeftSlider.animateRight,
    .sliders.count4 .tempLeftSlider.animateRight,
    .sliders.count5 .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight3;
    }
}
@media screen and (max-width:640px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count2 .tempLeftSlider.animateLeft,
    .sliders.count3 .tempLeftSlider.animateLeft,
    .sliders.count4 .tempLeftSlider.animateLeft,
    .sliders.count5 .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft2;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count2 .tempLeftSlider.animateRight,
    .sliders.count3 .tempLeftSlider.animateRight,
    .sliders.count4 .tempLeftSlider.animateRight,
    .sliders.count5 .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight2;
    }
}
@media screen and (max-width:319px) {
    .sliders .tempLeftSlider.animateLeft,
    .sliders.count1 .tempLeftSlider.animateLeft,
    .sliders.count2 .tempLeftSlider.animateLeft,
    .sliders.count3 .tempLeftSlider.animateLeft,
    .sliders.count4 .tempLeftSlider.animateLeft,
    .sliders.count5 .tempLeftSlider.animateLeft,
    .sliders.count6 .tempLeftSlider.animateLeft {
        animation-name: slidersMoveLeft1;
    }
    .sliders .tempLeftSlider.animateRight,
    .sliders.count1 .tempLeftSlider.animateRight,
    .sliders.count2 .tempLeftSlider.animateRight,
    .sliders.count3 .tempLeftSlider.animateRight,
    .sliders.count4 .tempLeftSlider.animateRight,
    .sliders.count5 .tempLeftSlider.animateRight,
    .sliders.count6 .tempLeftSlider.animateRight {
        animation-name: slidersMoveRight1;
    }
}
.sliderImage {
    background-color: #d9d9d9;
    border-radius: 15px 15px 0px 0px;
    position: absolute;
    background-size: cover;
    background-position: center;
    width: calc(14.2857% - 15px);
    padding-top: calc((14.2857% - 15px) * 0.5625);
}
.sliders.count1 .sliderImage {
    width: calc(100% - 15px);
    padding-top: calc((100%  - 15px) * 0.5625);
}
.sliders.count2 .sliderImage {
    width: calc(50% - 15px);
    padding-top: calc((50%  - 15px) * 0.5625);
}
.sliders.count3 .sliderImage {
    width: calc(33.333% - 15px);
    padding-top: calc((33.333%  - 15px) * 0.5625);
}
.sliders.count4 .sliderImage {
    width: calc(25% - 15px);
    padding-top: calc((25%  - 15px) * 0.5625);
}
.sliders.count5 .sliderImage {
    width: calc(20% - 15px);
    padding-top: calc((20%  - 15px) * 0.5625);
}
.sliders.count6 .sliderImage {
    width: calc(16.666% - 15px);
    padding-top: calc((16.666%  - 15px) * 0.5625);
}
@media screen and (max-width:1600px) {
    .sliders .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(16.666% - 15px);
        padding-top: calc((16.666%  - 15px) * 0.5625);
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderImage,
    .sliders.count5 .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(20% - 15px);
        padding-top: calc((20%  - 15px) * 0.5625);
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderImage,
    .sliders.count4 .sliderImage,
    .sliders.count5 .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(25% - 15px);
        padding-top: calc((25%  - 15px) * 0.5625);
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderImage,
    .sliders.count3 .sliderImage,
    .sliders.count4 .sliderImage,
    .sliders.count5 .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(33.333% - 15px);
        padding-top: calc((33.333%  - 15px) * 0.5625);
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderImage,
    .sliders.count2 .sliderImage,
    .sliders.count3 .sliderImage,
    .sliders.count4 .sliderImage,
    .sliders.count5 .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(50% - 15px);
        padding-top: calc((50%  - 15px) * 0.5625);
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderImage,
    .sliders.count1 .sliderImage,
    .sliders.count2 .sliderImage,
    .sliders.count3 .sliderImage,
    .sliders.count4 .sliderImage,
    .sliders.count5 .sliderImage,
    .sliders.count6 .sliderImage {
        width: calc(100% - 15px);
        padding-top: calc((100%  - 15px) * 0.5625);
    }
}
.sliderBG {
    position: absolute;
    height: 100%;
    background-color: #f3f3f3;
    width: calc(14.2857% - 15px);
    border-radius: 15px;
}
.sliders.count1 .sliderBG {
    width: calc(100% - 15px);
}
.sliders.count2 .sliderBG {
    width: calc(50% - 15px);
}
.sliders.count3 .sliderBG {
    width: calc(33.333% - 15px);
}
.sliders.count4 .sliderBG {
    width: calc(25% - 15px);
}
.sliders.count5 .sliderBG {
    width: calc(20% - 15px);
}
.sliders.count6 .sliderBG {
    width: calc(16.666% - 15px);
}
@media screen and (max-width:1600px) {
    .sliders .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(16.666% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderBG,
    .sliders.count5 .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(20% - 15px);
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderBG,
    .sliders.count4 .sliderBG,
    .sliders.count5 .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderBG,
    .sliders.count3 .sliderBG,
    .sliders.count4 .sliderBG,
    .sliders.count5 .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderBG,
    .sliders.count2 .sliderBG,
    .sliders.count3 .sliderBG,
    .sliders.count4 .sliderBG,
    .sliders.count5 .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderBG,
    .sliders.count1 .sliderBG,
    .sliders.count2 .sliderBG,
    .sliders.count3 .sliderBG,
    .sliders.count4 .sliderBG,
    .sliders.count5 .sliderBG,
    .sliders.count6 .sliderBG {
        width: calc(100% - 15px);
    }
}
.sliderLink {
    position: absolute;
    top:0px;
    font-size:0px;
    height: 100%;
    width: calc(14.2857% - 15px);
}
.sliders.count1 .sliderLink {
    width: calc(100% - 15px);
}
.sliders.count2 .sliderLink {
    width: calc(50% - 15px);
}
.sliders.count3 .sliderLink {
    width: calc(33.333% - 15px);
}
.sliders.count4 .sliderLink {
    width: calc(25% - 15px);
}
.sliders.count5 .sliderLink {
    width: calc(20% - 15px);
}
.sliders.count6 .sliderLink {
    width: calc(16.666% - 15px);
}
@media screen and (max-width:1600px) {
    .sliders .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(16.666% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderLink,
    .sliders.count5 .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(20% - 15px);
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderLink,
    .sliders.count4 .sliderLink,
    .sliders.count5 .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderLink,
    .sliders.count3 .sliderLink,
    .sliders.count4 .sliderLink,
    .sliders.count5 .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderLink,
    .sliders.count2 .sliderLink,
    .sliders.count3 .sliderLink,
    .sliders.count4 .sliderLink,
    .sliders.count5 .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderLink,
    .sliders.count1 .sliderLink,
    .sliders.count2 .sliderLink,
    .sliders.count3 .sliderLink,
    .sliders.count4 .sliderLink,
    .sliders.count5 .sliderLink,
    .sliders.count6 .sliderLink {
        width: calc(100% - 15px);
    }
}
.sliderText {
    font-size: 16px;
    line-height: 1.2em;
    white-space: normal;
    position: relative;
    padding-top: calc(56.25%);
    width: calc(100% - 2px);
}
.sliders.count1 .sliderText {
    width: calc(100% - 20px);
}
.sliders.count2 .sliderText {
    width: calc(100% - 15px);
}
.sliders.count3 .sliderText {
    width: calc(100% - 8px);
}
.sliders.count4 .sliderText {
    width: calc(100% - 5px);
}
.sliders.count5 .sliderText {
    width: calc(100% - 4px);
}
.sliders.count6 .sliderText {
    width: calc(100% - 3px);
}
@media screen and (max-width:1600px) {
    .sliders .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 3px);
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderText,
    .sliders.count5 .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 4px);
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderText,
    .sliders.count4 .sliderText,
    .sliders.count5 .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 5px);
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderText,
    .sliders.count3 .sliderText,
    .sliders.count4 .sliderText,
    .sliders.count5 .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 8px);
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderText,
    .sliders.count2 .sliderText,
    .sliders.count3 .sliderText,
    .sliders.count4 .sliderText,
    .sliders.count5 .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 15px);
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderText,
    .sliders.count1 .sliderText,
    .sliders.count2 .sliderText,
    .sliders.count3 .sliderText,
    .sliders.count4 .sliderText,
    .sliders.count5 .sliderText,
    .sliders.count6 .sliderText {
        width: calc(100% - 15px);
    }
}
/*Padding*/
.sliderTextPadding {
    padding:10px;
}
.sliders.count1 .sliderTextPadding {
    padding-top: 2px;
}
.sliders.count2 .sliderTextPadding {
    padding-top: 4px;
}
.sliders.count3 .sliderTextPadding {
    padding-top: 6px;
}
.sliders.count4 .sliderTextPadding {
    padding-top: 8px;
}
.sliders.count5 .sliderTextPadding {
    padding-top: 10px;
}
.sliders.count6 .sliderTextPadding {
    padding-top: 10px;
}
@media screen and (max-width:1600px) {
    .sliders .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 10px;
    }
}
@media screen and (max-width:1280px) {
    .sliders .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 10px;
    }
}
@media screen and (max-width:1024px) {
    .sliders .sliderTextPadding,
    .sliders.count4 .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 8px;
    }
}
@media screen and (max-width:980px) {
    .sliders .sliderTextPadding,
    .sliders.count3 .sliderTextPadding,
    .sliders.count4 .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 6px;
    }
}
@media screen and (max-width:640px) {
    .sliders .sliderTextPadding,
    .sliders.count2 .sliderTextPadding,
    .sliders.count3 .sliderTextPadding,
    .sliders.count4 .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 4px;
    }
}
@media screen and (max-width:319px) {
    .sliders .sliderTextPadding,
    .sliders.count1 .sliderTextPadding,
    .sliders.count2 .sliderTextPadding,
    .sliders.count3 .sliderTextPadding,
    .sliders.count4 .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 2px;
    }
}
.sliderText .sliderTextTitle {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.sliderText .sliderTextTitle .overflow{
    overflow:hidden;
    max-height:58px;
}
.sliderText .sliderTextTitle .webkitbox{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.sliderText .sliderTextContent {
    font-size:16px;
    font-weight:normal;
    text-align:left;
    margin-top: 10px;
}
.sliderText .sliderTextContent .overflow{
    max-height: 96px;
    overflow: hidden;
}
.sliderText .sliderTextContent .webkitbox{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
/*Contact List*/
.section-twoColumn .contactListItems {
    display: block;
    width: 100%;
    font-size: 0px;
    position: relative;
    overflow: hidden;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.section-twoColumn .contactList .contactTextPadding {
    margin:0px;
}
.section-twoColumn .contactListItems .contactListMargins {
    margin-right: -50px;
    margin-bottom: -15px;
}
@media screen and (max-width:420px) {
    .section-twoColumn .contactListItems .contactListMargins {
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.section-twoColumn .contactListItems .contactItem {
    width:calc(50% - 50px);
    margin-right: 50px;
    margin-bottom:15px;
    display: inline-block;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:420px) {
    .section-twoColumn .contactListItems .contactItem {
        width: calc(50% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:270px) {
    .section-twoColumn .contactListItems .contactItem {
        width: calc(100% - 15px);
    }
}
.section-twoColumn .contactListItems .contactPortrait {
    background-size: cover;
    background-position: top center;
    position: relative;
    border-radius: 8px;
    /*box-shadow: 3px 3px 10px rgba(0,0,0,0.25);*/
}
.section-twoColumn .contactListItems .contactPortrait.defaultPhoto {
    background-image: url('/Content/Images/default-avatar.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #cecece;
}
.section-twoColumn .contactListItems .contactPadding {
    padding-top:130%;
}
.pageContent .section-twoColumn .contactListItems a.contactNameLink, .pageContent .section-twoColumn .contactListItems a.contactNameLink:active, .pageContent .section-twoColumn .contactListItems a.contactNameLink:visited {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    /*color: white;*/
    color: rgba(0,0,0,0);
}
.pageContent .section-twoColumn .contactListItems a.contactNameLink:hover {
    /*color:#ffdc9d;*/
    color:rgba(0,0,0,0);
}
.section-twoColumn .contactInformation {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    line-height: 1.1em;
}
.pageContent .section-twoColumn .contactListItems .contactInformation a, .pageContent .section-twoColumn .contactListItems .contactInformation a:active, .pageContent .section-twoColumn .contactListItems .contactInformation a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .section-twoColumn .contactListItems .contactInformation a:hover {
    text-decoration: underline;
    color: black;
}
.section-twoColumn .contactListItems .contactPortrait .contactNameLink .table {
    display: table;
    padding: 15px;
    font-size: 15px;
}
.section-twoColumn .contactListItems .contactPortrait .contactNameLink .tableCell {
    display: table-cell;
    vertical-align:middle;
}
.section-twoColumn .contactList .additionalContactInfo {
    display: block;
    font-size: 0px;
}
.section-twoColumn .contactList .additionalContactInfo .contactTitle {
    margin-top:5px;
    font-size:15px;
    color:black;
}
.section-threeColumn .contactListItems {
    display: block;
    width: 100%;
    font-size: 0px;
    position: relative;
    overflow: hidden;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
.section-threeColumn .contactList .contactTextPadding {
    margin: 0px;
}
.section-threeColumn .contactListItems .contactListMargins {
    margin-right:-50px;
    margin-bottom:-15px;
}
@media screen and (max-width:600px) {
    .section-threeColumn .contactListItems .contactListMargins {
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.section-threeColumn .contactListItems .contactItem {
    width: calc(33.333%  - 50px);
    margin-right: 50px;
    margin-bottom:15px;
    display: inline-block;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:600px) {
    .section-threeColumn .contactListItems .contactItem {
        width: calc(33.333% - 15px);
        margin-right:15px;
        margin-bottom:15px;
    }
}
@media screen and (max-width:400px) {
    .section-threeColumn .contactListItems .contactItem {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:270px) {
    .section-threeColumn .contactListItems .contactItem {
        width: calc(100% - 15px);
    }
}
.section-threeColumn .contactListItems .contactPortrait {
    background-size: cover;
    background-position: top center;
    position: relative;
    border-radius: 8px;
    /*box-shadow: 3px 3px 10px rgba(0,0,0,0.25);*/
}
.section-threeColumn .contactListItems .contactPortrait.defaultPhoto {
    background-image: url('/Content/Images/default-avatar.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #cecece;
}
.section-threeColumn .contactListItems .contactPadding {
    padding-top: 130%;
}
.pageContent .section-threeColumn .contactListItems a.contactNameLink, .pageContent .section-threeColumn .contactListItems a.contactNameLink:active, .pageContent .section-threeColumn .contactListItems a.contactNameLink:visited {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    /*color: white;*/
    color:rgba(0,0,0,0);
}
.pageContent .section-threeColumn .contactListItems a.contactNameLink:hover {
    /*color:#ffdc9d;*/
    color:rgba(0,0,0,0);
}
.section-threeColumn .contactInformation {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    line-height: 1.1em;
}
.pageContent .section-threeColumn .contactListItems .contactInformation a, .pageContent .section-threeColumn .contactListItems .contactInformation a:active, .pageContent .section-threeColumn .contactListItems .contactInformation a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .section-threeColumn .contactListItems .contactInformation a:hover {
    text-decoration: underline;
    color: black;
}
.section-threeColumn .contactListItems .contactPortrait .contactNameLink .table {
    display: table;
    padding: 15px;
    font-size: 15px;
}
.section-threeColumn .contactListItems .contactPortrait .contactNameLink .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.section-threeColumn .contactList .additionalContactInfo {
    display:block;
    font-size:0px;
}
.section-threeColumn .contactList .additionalContactInfo .contactTitle {
    margin-top:5px;
    font-size:15px;
    color:black;
}
.section-fourColumn .contactListItems {
    display: block;
    width: 100%;
    font-size: 0px;
    position: relative;
    overflow: hidden;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.section-fourColumn .contactList .contactTextPadding {
    margin: 0px;
}
.section-fourColumn .contactListItems .contactListMargins {
    margin-right: -50px;
    margin-bottom: -15px;
}
@media screen and (max-width:780px) {
    .section-fourColumn .contactListItems .contactListMargins {
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.section-fourColumn .contactListItems .contactItem {
    width: calc(25%  - 50px);
    margin-right: 50px;
    margin-bottom:15px;
    display: inline-block;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:780px) {
    .section-fourColumn .contactListItems .contactItem {
        width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:512px) {
    .section-fourColumn .contactListItems .contactItem {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:400px) {
    .section-fourColumn .contactListItems .contactItem {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:270px) {
    .section-fourColumn .contactListItems .contactItem {
        width: calc(100% - 15px);
    }
}
.section-fourColumn .contactListItems .contactPortrait {
    background-size: cover;
    background-position: top center;
    position: relative;
    border-radius: 8px;
    /*box-shadow: 3px 3px 10px rgba(0,0,0,0.25);*/
}
.section-fourColumn .contactListItems .contactPortrait.defaultPhoto {
    background-image: url('/Content/Images/default-avatar.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #cecece;
}
.section-fourColumn .contactListItems .contactPadding {
    padding-top: 130%;
}
.pageContent .section-fourColumn .contactListItems a.contactNameLink, .pageContent .section-fourColumn .contactListItems a.contactNameLink:active, .pageContent .section-fourColumn .contactListItems a.contactNameLink:visited {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    /*color: white;*/
    color: rgba(0,0,0,0);
}
.pageContent .section-fourColumn .contactListItems a.contactNameLink:hover {
    /*color:#ffdc9d;*/
    color:rgba(0,0,0,0);
}
.section-fourColumn .contactInformation {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    line-height:1.1em;
}
.pageContent .section-fourColumn .contactListItems .contactInformation a, .pageContent .section-fourColumn .contactListItems .contactInformation a:active, .pageContent .section-fourColumn .contactListItems .contactInformation a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .section-fourColumn .contactListItems .contactInformation a:hover {
    text-decoration: underline;
    color: black;
}
.section-fourColumn .contactListItems .contactPortrait .contactNameLink .table {
    display: table;
    padding: 15px;
    font-size: 15px;
}
.section-fourColumn .contactListItems .contactPortrait .contactNameLink .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.section-fourColumn .contactList .additionalContactInfo {
    display: block;
    font-size: 0px;
}
.section-fourColumn .contactList .additionalContactInfo .contactTitle {
    margin-top:5px;
    font-size:15px;
    color:black;
}
.section-fiveColumn .contactListItems {
    display: inline-block;
    width: 100%;
    font-size: 0px;
    position: relative;
    overflow: hidden;
}
.section-fiveColumn .contactList .contactTextPadding {
    margin: 0px;
}
.section-fiveColumn .contactListItems .contactListMargins {
    margin-right: -50px;
    margin-bottom: -15px;
}
@media screen and (max-width:880px) {
    .section-fiveColumn .contactListItems .contactListMargins {
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.section-fiveColumn .contactListItems .contactItem {
    width: calc(20%  - 50px);
    margin-right: 50px;
    margin-bottom:15px;
    display: inline-block;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:880px) {
    .section-fiveColumn .contactListItems .contactItem {
        width: calc(20% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:760px) {
    .section-fiveColumn .contactListItems .contactItem {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:512px) {
    .section-fiveColumn .contactListItems .contactItem {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:400px) {
    .section-fiveColumn .contactListItems .contactItem {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:270px) {
    .section-fiveColumn .contactListItems .contactItem {
        width: calc(100% - 15px);
    }
}
.section-fiveColumn .contactListItems .contactPortrait {
    background-size: cover;
    background-position: top center;
    position: relative;
    border-radius: 8px;
    /*box-shadow: 3px 3px 10px rgba(0,0,0,0.25);*/
}
.section-fiveColumn .contactListItems .contactPortrait.defaultPhoto {
    background-image: url('/Content/Images/default-avatar.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #cecece;
}
.section-fiveColumn .contactListItems .contactPadding {
    padding-top: 130%;
}
.pageContent .section-fiveColumn .contactListItems a.contactNameLink, .pageContent .section-fiveColumn .contactListItems a.contactNameLink:active, .pageContent .section-fiveColumn .contactListItems a.contactNameLink:visited {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    /*color: white;*/
    color: rgba(0,0,0,0);
}
.pageContent .section-fiveColumn .contactListItems a.contactNameLink:hover {
    /*color:#ffdc9d;*/
    color:rgba(0,0,0,0);
}
.section-fiveColumn .contactInformation {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    line-height: 1.1em;
}
.pageContent .section-fiveColumn .contactListItems .contactInformation a, .pageContent .section-fiveColumn .contactListItems .contactInformation a:active, .pageContent .section-fiveColumn .contactListItems .contactInformation a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .section-fiveColumn .contactListItems .contactInformation a:hover {
    text-decoration: underline;
    color: black;
}
.section-fourColumn .contactListItems .contactPortrait .contactNameLink .table {
    display: table;
    padding: 15px;
    font-size: 15px;
}
.section-fiveColumn .contactListItems .contactPortrait .contactNameLink .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.section-fiveColumn .contactList .additionalContactInfo {
    display: block;
    font-size: 0px;
}
.section-fiveColumn .contactList .additionalContactInfo .contactTitle {
    margin-top:5px;
    font-size:15px;
    color:black;
}
.contactFooter .contactFooterColumns {
    font-size: 0px;
    position: relative;
}
.contactFooter .contactFooterColumnLeft {
    display: inline-block;
    width: calc(50% - 15px);
    vertical-align: top;
    font-size: 0px;
    margin-right: 15px;
}
@media screen and (max-width:800px) {
    .contactFooter .contactFooterColumnLeft {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}
.contactFooter .contactFooterPhotoColumn {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    margin-top: 2px;
}
@media screen and (max-width:500px) {
    .contactFooter .contactFooterPhotoColumn {
        width:30vw;
    }
}
.contactFooter .contactFooterPhotoWrapper {
    position: relative;
    width: 100%;
}
.contactFooter .contactFooterPhoto {
    height: 0px;
    padding-top: 140%;
    overflow: hidden;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.contactFooter .contactFooterTextColumn {
    width: calc(100% - 150px);
    display: inline-block;
    font-size: 15px;
    line-height: 1.4em;
    vertical-align: top;
}
@media screen and (max-width:500px) {
    .contactFooter .contactFooterTextColumn {
        width: calc(100% - 30vw);
    }
}
.contactFooter .contactFooterTextColumn .contactSummary {
    margin-left: 15px;
    margin-top: 0px;
}
.contactFooter .contactFooterColumnRight {
    display: inline-block;
    width: calc(50% - 15px);
    position: relative;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.4em;
    margin-left: 15px;
}
@media screen and (max-width:800px) {
    .contactFooter .contactFooterColumnRight {
        width:100%;
        margin-left:0px;
    }
}
.pageContent .section-environmentalquality .contactFooterColumns a, .pageContent .section-environmentalquality .contactFooterColumns a:active, .pageContent .section-environmentalquality .contactFooterColumns a:visited {
    color: #30567d;
    text-decoration:none;
}
.pageContent .section-environmentalquality .contactFooterColumns a:hover{
    color:black;
    text-decoration:underline;
}
/*Environmental Quality*/
.section-environmentalquality .contactFooterContainer {
    margin: -50px;
    margin-top: 0px;
    padding-top: 15px;
    background: linear-gradient(180deg, rgba(239,239,239,0) 0px, rgba(239,239,239,1) 100px, rgba(239,239,239,1) 100%);
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .contactFooterContainer {
        margin:-15px;
        margin-top:0px;
        padding-top:15px;
    }
}
.section-environmentalquality .contactFooterPadding {
    padding: 50px;
    padding-top:0px;
    position: relative;
}
@media screen and (max-width:1280px) {
    .section-environmentalquality .contactFooterPadding {
        padding: 15px;
        padding-top:0px;
    }
}
.section-environmentalquality .contactFooterHorizontalSeperatorBar {
    width: 100%;
    background-color: rgba(0,0,0,0.25);
    height: 1px;
    margin-bottom: 15px;
}
.section-environmentalquality .contactFooterVerticalBar {
    width: 1px;
    background-color: rgba(0,0,0,0.25);
    height: 100%;
    position: absolute;
    display: inline-block;
}
@media screen and (max-width:800px) {
    .section-environmentalquality .contactFooterVerticalBar {
        background-color: rgba(0,0,0,0.25);
        width: 100%;
        height: 1px;
        position: relative;
        display: block;
        margin-bottom: 5px;
    }
}
/*Urban Forestry Contact List*/
.section-trees .contactSpotlight .customText {
    color: black;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
    display: block;
}
.pageContent .section-trees a.contactSpotlightReadMoreLink, .pageContent .section-trees a.contactSpotlightReadMoreLink:active, .pageContent .section-trees a.contactSpotlightReadMoreLink:visited {
    color: black;
    text-decoration: none;
    padding-left: 32px;
    background-image: url('/Content/Images/components/trees/ViewAllBlack.png');
    background-position: center left;
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 3px;
}
.pageContent .section-trees a.contactSpotlightReadMoreLink:hover {
    color:black;
    text-decoration:underline;
}
.section-trees .customContactSpotlight .contactColumns {
    font-size:0px;
}
.section-trees .customContactSpotlight .contactColumLeft {
    display: inline-block;
    width: calc(40% - 6px);
    margin: 3px;
    margin-right: 18px;
    padding-top: 55%;
    position: relative;
    height: 0px;
    overflow: hidden;
    line-height: 1000px;
    vertical-align: top;
    box-shadow: 0px 0px 0px 3px #e2ebe0, 2px 5px 15px 0px rgba(7,66,0,0.25);
    border-radius: 5px;
}
@media screen and (max-width:1280px) {
    .section-trees .customContactSpotlight .contactColumLeft {
        padding-top: 315px;
    }
}
@media screen and (max-width:1200px) {
    .section-trees .customContactSpotlight .contactColumLeft {
        padding-top:55%;
    }
}
@media screen and (max-width:700px) {
    .section-trees .customContactSpotlight .contactColumLeft {
        padding-top: 315px;
    }
}
@media screen and (max-width:610px) {
    .section-trees .customContactSpotlight .contactColumLeft {
        padding-top: 55%;
    }
}
@media screen and (max-width:400px) {
    .section-trees .customContactSpotlight .contactColumLeft {
        display:block;
        width: 200px;
        padding-top:270px;
        margin-right: 3px;
        margin-bottom:10px;
    }
}
.section-trees .customContactSpotlight .contactPhoto {
    width: 100%;
    background-size: cover;
    background-position: top center;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}
.section-trees .customContactSpotlight .contactColumnRight {
    width: calc(60% - 15px);
    display: inline-block;
    line-height: 1.8em;
    font-size: 16px;
}
@media screen and (max-width:400px) {
    .section-trees .customContactSpotlight .contactColumnRight {
        width:100%;
    }
}
.section-trees .customContactSpotlight .contactName {
    font-size: 22px;
    font-weight: bold;
}
.pageContent .section-trees .customContactSpotlight .contactName a, .pageContent .section-trees .customContactSpotlight .contactName a:active, .pageContent .section-trees .customContactSpotlight .contactName a:visited {
    color: black;
    text-decoration: none;
}
.pageContent .section-trees .customContactSpotlight .contactName a:hover {
    color: black;
    text-decoration: underline;
}
.section-trees .customContactSpotlight .additionalContactInfo {
    font-weight: bold;
    font-size: 18px;
}
.section-trees .customContactSpotlight .contactSummary .overflow {
    min-height: 230px;
    max-height: 230px;
    overflow: hidden;
}
@media screen and (max-width:400px) {
    .section-trees .customContactSpotlight .contactSummary .overflow {
        min-height: 0px;
        height: auto;
    }
}
.section-trees .customContactSpotlight .webkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
.section-trees .contactListBioColumns {
    font-size: 0px;
    margin-bottom:15px;
}
.section-trees .contactListBioLeftColumn {
    display: inline-block;
    width: 200px;
    margin-right: 15px;
    vertical-align: top;
}
@media screen and (max-width:640px) {
    .section-trees .contactListBioLeftColumn {
        width:33%;
    }
}
@media screen and (max-width:450px) {
    .section-trees .contactListBioLeftColumn {
        width: 200px;
    }
}
.section-trees .contactListBioColumns .contactPortrait {
    display: inline-block;
    padding-top: 280px;
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 5px;
    height: 0px;
    overflow: hidden;
}
@media screen and (max-width:640px) {
    .section-trees .contactListBioColumns .contactPortrait {
        padding-top: 140%;
    }
}
.section-trees .contactListBioColumns .contactListBioRightColumn {
    display: inline-block;
    width: calc(100% - 215px);
    font-size: 16px;
    vertical-align: top;
}
@media screen and (max-width:640px) {
    .section-trees .contactListBioColumns .contactListBioRightColumn {
        width: calc(100% - (33% + 15px));
    }
}
@media screen and (max-width:450px) {
    .section-trees .contactListBioColumns .contactListBioRightColumn {
        width: 100%;
    }
}
.section-trees .contactListBioColumns .contactListBioRightColumn .contactName a, .section-trees .contactListBioColumns .contactListBioRightColumn .contactName a:visited, .section-trees .contactListBioColumns .contactListBioRightColumn .contactName a:active {
    font-size: 20px;
    line-height: 1.8em;
    font-weight: bold;
    text-decoration: none;
    margin-top: -6px;
    display: inline-block;
    color: #214D14;
}
.section-trees .contactListBioColumns .contactListBioRightColumn .contactName a:hover {
    text-decoration:underline;
    color:black;
}
.section-trees .contactListBioColumns .contactListBioRightColumn .contactTitle {
    font-weight:bold;
}
.section-trees .contactListBioColumns .contactListBioRightColumn .contactSummary .overflow {
    max-height: 234px;
    overflow: hidden;
}
.section-trees .contactListBioColumns .contactListBioRightColumn .contactSummary .webkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
/*Digital River*/
.riverContainer {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px);
}
@media screen and (max-width:1280px) {
    .riverContainer {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
}
.riverSection {
    border-top: 2px solid grey;
    padding: 50px;
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 300px, rgba(0,0,0,0.0) 100%);
}
@media screen and (max-width:1280px) {
    .riverSection {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.riverLink {
    display: none
}
.riverTitle {
    font-size: 24px;
    padding-bottom: 10px;
}
.riverButtonContainer {
    position: sticky;
    bottom: 0px;
    left: 0px;
    max-width: 1600px;
    background-color: rgba(255,255,255,.90);
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -56px;
    border-top: 2px solid rgba(128,128,128,0.28);
}
@media screen and (max-width:1280px) {
    .riverButtonContainer {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
    }
}
.riverButtonMargin {
    margin-left: auto;
    margin-right: auto;
}
.riverButton {
    float: left;
    border-radius: 50px;
    font-size: 1em;
    line-height: 1.7em;
    max-height: 1em;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 3px;
    margin-right: 3px;
}
.riverButton, .pageContent a.riverButton, .pageContent a.riverButton:visited, .pageContent a.riverButton:active {
    color: white;
    text-decoration: none;
    background-color: #30567d;
}
.riverButton:hover, .pageContent a.riverButton:hover {
    color: white;
    text-decoration: none;
    background-color:#3f6999;
}
.riverButtonContainer.count_1 .riverButton {
    width: calc(100% - 30px);
}
.riverButtonContainer.count_2 .riverButton {
    width: calc(50% - 30px);
}
.riverButtonContainer.count_3 .riverButton {
    width: calc(33.333% - 30px);
}
.riverButtonContainer.count_4 .riverButton {
    width: calc(25% - 30px);
}
.riverButtonContainer.count_5 .riverButton {
    width: calc(20% - 30px);
}
.riverButtonContainer.count_6 .riverButton {
    width: calc(16.667% - 30px);
}
.riverButtonContainer.count_7 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
.riverButtonContainer.count_8 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
.riverButtonContainer.count9 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
.riverButtonContainer.count_10 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
.riverButtonContainer.count_11 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
.riverButtonContainer.count_12 .riverButton {
    width: calc(16.667% - 30px);
    margin: 3px;
}
@media screen and (max-width:950px) {
    .riverButtonContainer.count_12 .riverButton,
    .riverButtonContainer.count_11 .riverButton,
    .riverButtonContainer.count_10 .riverButton,
    .riverButtonContainer.count_9 .riverButton,
    .riverButtonContainer.count_8 .riverButton,
    .riverButtonContainer.count_7 .riverButton,
    .riverButtonContainer.count_6 .riverButton,
    .riverButtonContainer.count_5 .riverButton,
    .riverButtonContainer.count_4 .riverButton,
    .riverButtonContainer.count_3 .riverButton,
    .riverButtonContainer.count_2 .riverButton {
        width: calc(33.333% - 30px);
        margin: 3px;
    }
}
/*Parks Styles*/
.content .section-parks .riverTitle {
    font-weight: bold;
}
.content .section-parks .riverSection {
    background: rgba(0,0,0,0);
    border-top: 0px;
    padding-bottom:0px;
}
.content .section-parks .riverButtonContainer {
    display: none;
}
/*Show Window Styles*/
.showWindowButtons {
    display: inline-block;
    font-size: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.showWindowButtonPadding {
    border-right: 1px solid #c6c6c6;
}
.showWindowTopBar {
    height: 10px;
    background: linear-gradient(90deg, rgba(255,209,137,1) 0%, rgba(255,209,137,0) 100%);
}
.showWindowButton {
    display: inline-block;
    position: relative;
    vertical-align: top;
    background: linear-gradient(180deg, rgba(201,201,201,1) 0%, rgba(250,250,250,1) 50%, rgba(255,255,255,1) 100%);
    text-align:center;
}
.showWindowButtons.count_1 .showWindowButton { width: 100%; }
.showWindowButtons.count_2 .showWindowButton { width: 50%; }
@media screen and (max-width:400px) {
    .showWindowButtons.count_2 .showWindowButton:nth-of-type(2n+1){ width: 100%; }
    .showWindowButtons.count_2 .showWindowButton:nth-of-type(2n+2){ width: 100%; }
}
.showWindowButtons.count_3 .showWindowButton { width: 33.333%; }
@media screen and (max-width:450px) {
    .showWindowButtons.count_3 .showWindowButton:nth-of-type(3n+1){ width: 100%; }
    .showWindowButtons.count_3 .showWindowButton:nth-of-type(3n+2){ width: 100%; }
    .showWindowButtons.count_3 .showWindowButton:nth-of-type(3n+3){ width: 100%; }
}
.showWindowButtons.count_4 .showWindowButton { width: 25%; }
@media screen and (max-width:640px) {
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+1){ width: 50%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+2){ width: 50%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+3){ width: 50%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+4){ width: 50%; }
}
@media screen and (max-width:400px) {
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+1){ width: 100%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+2){ width: 100%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+3){ width: 100%; }
    .showWindowButtons.count_4 .showWindowButton:nth-of-type(4n+4){ width: 100%; }
}
.showWindowButtons.count_5 .showWindowButton { width: 20%; }
@media screen and (max-width:720px) {
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+1){ width: 33.333%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+2){ width: 33.333%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+3){ width: 33.333%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+4){ width: 50%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+5){ width: 50%; }
}
@media screen and (max-width:450px) {
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+1){ width: 100%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+2){ width: 100%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+3){ width: 100%; }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+4){ width: 100% }
    .showWindowButtons.count_5 .showWindowButton:nth-of-type(5n+5){ width: 100% }
}
.showWindowButtons.count_6 .showWindowButton { width: 16.666%; }
@media screen and (max-width:800px) {
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+1){ width: 33.333%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+2){ width: 33.333%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+3){ width: 33.333%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+4){ width: 33.333%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+5){ width: 33.333%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+6){ width: 33.333%; }
}
@media screen and (max-width:450px) {
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+1){ width: 100%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+2){ width: 100%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+3){ width: 100%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+4){ width: 100%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+5){ width: 100%; }
    .showWindowButtons.count_6 .showWindowButton:nth-of-type(6n+6){ width: 100%; }
}
.showWindowButtons.count_7 .showWindowButton { width: 25%; }
.showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+5) { width:33.333%; }
.showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+6) { width:33.333%; }
.showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+7) { width:33.333%; }
@media screen and (max-width:800px) {
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+1){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+2){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+3){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+4){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+5){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+6){ width: 33.333%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+7){ width: 100%; }
}
@media screen and (max-width:450px) {
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+1){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+2){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+3){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+4){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+5){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+6){ width: 100%; }
    .showWindowButtons.count_7 .showWindowButton:nth-of-type(7n+7){ width: 100%; }
}
.showWindowButtons.count_8 .showWindowButton { width: 25%; }
@media screen and (max-width:640px) {
    .showWindowButtons.count_8 .showWindowButton { width: 50%; }
}
@media screen and (max-width:400px) {
    .showWindowButtons.count_8 .showWindowButton { width: 100%; }
}
.showWindowButtons.count_9 .showWindowButton { width:20%; }
.showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+6) { width:25%; }
.showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+7) { width:25%; }
.showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+8) { width:25%; }
.showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+9) { width:25%; }
@media screen and (max-width:800px) {
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+1){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+2){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+3){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+4){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+5){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+6){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+8){ width: 33.333%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+9){ width: 33.333%; }
}
@media screen and (max-width:450px) {
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+1){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+2){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+3){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+4){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+5){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+6){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+7){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+8){ width: 100%; }
    .showWindowButtons.count_9 .showWindowButton:nth-of-type(9n+9){ width: 100%; }
}
.showWindowButtons.count_10 .showWindowButton { width: 20%; }
@media screen and (max-width:720px) {
    .showWindowButtons.count_10 .showWindowButton { width: 50%; }
}
@media screen and (max-width:400px) {
    .showWindowButtons.count_10 .showWindowButton { width: 100%; }
}
.showWindowButtons.count_11 .showWindowButton { width: 25%; }
.showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+9) { width: 33.333%; }
.showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+10) { width: 33.333%; }
.showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+11) { width: 33.333%; }
@media screen and (max-width:640px) {
    .showWindowButtons.count_11 .showWindowButton { width: 50%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+9) { width: 33.333%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+10) { width: 33.333%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+11) { width: 33.333%; }
}
@media screen and (max-width:450px) {
    .showWindowButtons.count_11 .showWindowButton { width: 100%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+9) { width: 100%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+10) { width:100%; }
    .showWindowButtons.count_11 .showWindowButton:nth-of-type(11n+11) { width:100%; }
}
.showWindowButtons.count_12 .showWindowButton { width: 25%; }
@media screen and (max-width:640px) {
    .showWindowButtons.count_12 .showWindowButton { width: 50%; }
}
@media screen and (max-width:400px) {
    .showWindowButtons.count_12 .showWindowButton { width: 100%; }
}
.showWindowOutline {
    border: 1px solid #c6c6c6;
    border-right: 0px;
}
.pageContent a.showWindowButton, .pageContent a.showWindowButton:active, .pageContent a.showWindowButton:visited {
    color: #13436e;
    text-decoration: none;
    font-weight: bold;
}
.pageContent a.showWindowButton:hover {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
.showWindowButton.selected {
    background: linear-gradient(20deg, rgba(20,73,119,1) 0%, rgba(19,66,109,1) 50%, rgba(31,80,121,1) 50%, rgba(18,64,103,1) 100%);
}
.pageContent a.showWindowButton.selected, .pageContent a.showWindowButton.selected:active, .pageContent a.showWindowButton.selected:visited {
    color: #fcfcfc;
    text-decoration: none;
    font-weight: bold;
    z-index:1;
}
.pageContent a.showWindowButton.selected:hover{
    color: #fcfcfc;
    text-decoration:none;
    font-weight:bold;
}
.showWindowButtonTable {
    display: table;
    min-height: 60px;
    padding: 10px;
    width:calc(100% - 20px);
    position:relative;
}
.showWindowButtonTableCell {
    display:table-cell;
    vertical-align:middle;
    font-size:20px;
    word-break:break-word;
}
@media screen and (max-width:900px) {
    .showWindowButtonTableCell {
        font-size: 18px;
        line-height:1.2em;
    }
}
@media screen and (max-width:800px) {
    .showWindowButtonTableCell {
        font-size: 16px;
        line-height: 1.2em;
    }
}
.showWindowButtonTail {
    display:none;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -12.5px;
    left: calc(50% - 15px);
    transform: rotate(45deg);
    background-color: #134571;
}
.showWindowButton.selected .showWindowButtonTail {
    display:block;
    animation-name:buttonTailDropDown;
    animation-duration:0.3s;
}
@keyframes buttonTailDropDown {
    from{bottom:7px;}
    to{bottom:-12.5px;}
}
.showWindowItems {
    margin-top: -50px;
    margin-left: -50px;
    margin-right: -50px;
    position:relative;
    min-height:350px;
    background: linear-gradient(180deg, rgba(220,227,235,1) 0%, rgba(220,227,235,0) 350px);
}
@media screen and (max-width:1280px) {
    .showWindowItems {
        margin-top: -50px;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.showWindowItems .showWindow .showWindowOverflow {
    height:0px;
    overflow:hidden;
    position:relative;
}
.showWindowBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
}
.showWindowHeight {
    min-height:350px;
}
.showWindowPadding {
    padding: 50px;
    padding-bottom:0px;
    padding-top: 100px;
    position: relative;
}
@media screen and (max-width:1280px) {
    .showWindowPadding {
        padding: 15px;
        padding-bottom: 0px;
        padding-top: 80px;
        position: relative;
    }
}
.showWindowTitle {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
}
/*City Council ShowWindow Styles*/
.section-citycouncil .showWindowTitle {
    display: none;
}
.section-citycouncil .showWindowContent {
    font-size: 18px;
    line-height: 1.4em;
}
.section-citycouncil .showWindowButtonMargins {
    margin-top: 25px;
}
.section-citycouncil .showWindowContent .eventList {
    margin-bottom:15px;
}
/*QuoteBox Styles*/
.quotebox {
    line-height: 1.2em;
}
.quotebox.quoteFont_serif {
    font-family: serif;
}
.quotebox.quoteFont_sans-serif {
    font-family: sans-serif;
}
.quotebox.quoteWeight_normal {
    font-weight: 400;
}
.quotebox.quoteWeight_lighter {
    font-weight: 300;
}
.quotebox.quoteWeight_bold {
    font-weight: 700;
}
.quotebox.quoteWeight_bolder {
    font-weight: 800;
}
.quotebox.quoteItalic_False {
    font-style: normal;
}
.quotebox.quoteItalic_True {
    font-style: italic;
}
.quotebox.quoteSize_16 {
    margin-top:15px;
    font-size: 16px;
}
.quotebox.quoteSize_18 {
    margin-top:15px;
    font-size: 18px;
}
.quotebox.quoteSize_20 {
    margin-top:15px;
    font-size: 20px;
}
.quotebox.quoteSize_22 {
    margin-top:15px;
    font-size: 22px;
}
.quotebox.quoteSize_24 {
    margin-top:15px;
    font-size: 24px;
}
.quotebox.quoteSize_26 {
    margin-top:15px;
    font-size: 26px;
}
.quotebox.quoteSize_32 {
    font-size: 32px;
    margin-top: 30px;
}
.quotebox.quoteSize_38 {
    font-size: 38px;
    margin-top: 30px;
}
.quotebox.quoteSize_42 {
    font-size: 42px;
    margin-top: 30px;
}
.quotebox.quoteSize_48 {
    font-size: 48px;
    margin-top: 30px;
}
/*Quotebox CBCR Styles*/
.pageContent .section-cbcr .quotebox {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    line-height: 1em;
    max-width: 650px;
    letter-spacing: 1px;
    color: #FF6200;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Slab','Courier New' !important;
}

/*Quotebox Parks Styles*/
/*Animal Care*/
.section-animal .quoteboxContainer .quotebox {
    margin-top: 50px;
    text-align: center;
    color: #30567d;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
}
/*Parks*/
.section-parks .quoteboxContainer {
    margin-bottom: 15px;
}
.section-parks .quoteboxContainer .quoteSize_22 {
    margin-top:15px;
    text-align:center;
    padding: 15px;
    font-weight: bold;
    padding-bottom: 14px;
    font-size: 22px;
}

/*UIStarterCore.Sponsor*/
.sponsorContainer {
    position: relative;
    font-size: 0px;
    line-height: 0px;
    margin-right: -15px;
}
.sponsorLinkItem {
    display: inline-block;
    width: calc(20% - 15px);
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px;
}
@media screen and (max-width:900px) {
    .sponsorLinkItem {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:720px) {
    .sponsorLinkItem {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:512px) {
    .sponsorLinkItem {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:300px) {
    .sponsorLinkItem {
        width: calc(100% - 15px);
    }
}
.pageContent a.sponsorLinkItem, 
.pageContent a.sponsorLinkItem:active, 
.pageContent a.sponsorLinkItem:visited,
.pageContent a.sponsorLinkItem:hover{
    text-decoration:none;
}
.sponsorLogo {
    display: block;
    padding-top: 56.25%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: saturate(0%);
    transition: filter 0.8s;
}
.sponsorLinkItem:hover .sponsorLogo {
    filter: saturate(100%);
}
.sponsorText {
    font-size: 16px;
    line-height: 1.2em;
}
/*Animal Care Sponsor Styles*/
.pageContent .section-animal .sponsorContainer {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.pageContent .section-animal .sponsorLinkItem {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.pageContent .section-animal .sponsorText {
    display: none;
}
.pageContent .section-animal .sponsorLogo {
    filter: none;
}
/*CBCR Sponsor Styles*/
@media screen and (max-width:720px) {
    .customFooter .section-cbcr .customBorderMiddle .sponsorLinkItem {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:320px) {
    .customFooter .section-cbcr .customBorderMiddle .sponsorLinkItem {
        width: calc(50% - 15px);
    }
}
.customFooter .section-cbcr .sponsorText {
    color: rgba(0,0,0,0);
    font-size: 0px;
}
.customFooter .section-cbcr .sponsorLogo {
    background-color: white;
    filter:saturate(100%);
}
/*UIStarterCore.ThreeColumn*/
.threeColumnSection {
    display: inline-block;
    width: 100%;
    font-size: 0px;
}
.threeColumnSection .column {
    font-size:15px;
    width:calc(33.333% - 10px);
    display:inline-block;
    vertical-align:top;
}
.threeColumnSection .column1 {
    margin-right:15px;
}
@media screen and (max-width:900px) {
    .threeColumnSection .column1 {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
}
@media screen and (max-width:600px) {
    .threeColumnSection .column1 {
        width:100%;
        margin-right:0px;
    }
}
.threeColumnSection .column2 {
    margin-right:15px;
}
@media screen and (max-width:900px) {
    .threeColumnSection .column2 {
        width: calc(50% - 10px);
        margin-right:0px;
    }
}
@media screen and (max-width:600px) {
    .threeColumnSection .column2 {
        width: 100%;
        margin-top:15px;
    }
}
@media screen and (max-width:900px) {
    .threeColumnSection .column3 {
        width: 100%;
        margin-top:15px;
    }
}
.threeColumnSection .column h3 {
    margin-top:0px;
}
.threeColumnSection .column p:first-of-type {
    margin-top: 0px;
}
.threeColumnSection .column .scrollTarget p:last-of-type {
    margin-bottom: 0px;
}
.pageContent .threeColumnSection a, .pageContent .threeColumnSection a:active, .pageContent .threeColumnSection a:visited {
    text-decoration:none;
}
.pageContent .threeColumnSection a:hover {
    text-decoration:underline;
}
.threeColumnSection .scrollTarget {
    padding: 10px;
    margin: -10px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 15px;
    display: block;
}
.pageContent .verticalSpacer {
    display:inline-block;
    width:100%;
}
/*UIStarterCore.TwoColumn*/
.twoColumnSection {
    display: inline-block;
    width: 100%;
    font-size: 0px;
}
.twoColumnSection .column {
    font-size:15px;
    width:calc(50% - 10px);
    display:inline-block;
    vertical-align:top;
}
@media screen and (max-width:700px) {
    .twoColumnSection .column {
        width: 100%;
    }
}
.twoColumnSection .column1{
    margin-right:20px;
}
@media screen and (max-width:700px) {
    .twoColumnSection .column1 {
        margin-right:0px;
        margin-bottom:15px;
    }
}
.twoColumnSection .column p:first-of-type {
    margin-top: 0px;
}
.twoColumnSection .column p:last-of-type {
    margin-bottom: 0px;
}
.twoColumnSection .column h3:first-of-type {
    margin-top: 0px;
}
/*Uneven Columns*/
.twoColumnSection.unevenColumns .column1.bigColumn {
    width: calc(100% - 370px);
    margin-right: 50px;
}
@media screen and (max-width:1280px) {
    .twoColumnSection.unevenColumns .column1.bigColumn {
        width: calc(100% - 335px);
        margin-right: 15px;
    }
}
@media screen and (max-width:750px) {
    .twoColumnSection.unevenColumns .column1.bigColumn {
        width: 100%;
        margin-right: 0px;
    }
}
.twoColumnSection.unevenColumns .column2.littleColumn {
    width: 320px;
}
@media screen and (max-width:1280px) {
    .twoColumnSection.unevenColumns .column2.littleColumn {
        width: 320px;
    }
}
@media screen and (max-width:750px) {
    .twoColumnSection.unevenColumns .column2.littleColumn {
        width: 100%;
        margin-top:15px;
    }
}
.unevenColumnsBackground_True .unevenColumnsBGcolor {
    width: 420px;
    position: absolute;
    height: 100%;
    background: linear-gradient(180deg, rgba(227,227,227,0.45) 0%, rgba(226,250,238,0) 100%);
    top: 0px;
    right: 0px;
}
@media screen and (max-width:1280px) {
    .unevenColumnsBackground_True .unevenColumnsBGcolor {
        width: 350px;
    }
}
@media screen and (max-width:750px) {
    .unevenColumnsBackground_True .unevenColumnsBGcolor {
        display:none;
    }
}
.unevenColumnsBackground_True .pageBreadcrumbs {
    width: calc(100% - 420px);
}
@media screen and (max-width:1280px) {
    .unevenColumnsBackground_True .pageBreadcrumbs {
        width: calc(100% - 350px);
    }
}
@media screen and (max-width:750px) {
    .unevenColumnsBackground_True .pageBreadcrumbs {
        width: 100%;
    }
}
.unevenColumnsBackground_True .contentMarginsWithBackground {
    width: calc(100% - 420px);
}
@media screen and (max-width:1280px) {
    .unevenColumnsBackground_True .contentMarginsWithBackground {
        width: calc(100% - 350px);
    }
}
@media screen and (max-width:750px) {
    .unevenColumnsBackground_True .contentMarginsWithBackground {
        width: 100%;
    }
}
.unevenColumnsBackground_True .twoColumnSection.unevenColumns .column1.bigColumn {
    width: calc(100% - 420px);
    margin-right: 50px;
}
@media screen and (max-width:1280px) {
    .unevenColumnsBackground_True .twoColumnSection.unevenColumns .column1.bigColumn {
        width: calc(100% - 350px);
        margin-right: 15px;
    }
}
@media screen and (max-width:750px) {
    .unevenColumnsBackground_True .twoColumnSection.unevenColumns .column1.bigColumn {
        width: 100%;
        margin-right: 0px;
    }
}
.unevenColumnsBackground_True .twoColumnSection.unevenColumns .column2.littleColumn {
    width: 320px;
    margin-left:50px;
}
@media screen and (max-width:1280px) {
    .unevenColumnsBackground_True .twoColumnSection.unevenColumns .column2.littleColumn {
        width: 320px;
        margin-left: 15px;
    }
}
@media screen and (max-width:750px) {
    .unevenColumnsBackground_True .twoColumnSection.unevenColumns .column2.littleColumn {
        width: 100%;
        margin-left: 0px;
    }
}
/*UIStarterCore.TwoColumnAuto*/
.twoColumnsAuto {
    display: inline-block;
    width: 100%;
    column-count: 2;
    column-gap:20px;
}
@media screen and (max-width:700px) {
    .twoColumnsAuto {
        column-count: 1;
        column-gap: 0px;
    }
}
/*UIStarterCore.Location*/
.inlineblockWrapper {
    display: inline-block;
    width: 100%;
}
.mapLink {
    display: block;
    background-color: rgba(0,43,90,.8);
    padding:5px 8px;
}
.pageContent a.mapLink, .pageContent a.mapLink:active, .pageContent a.mapLink:visited {
    color:white;
    text-decoration:none;
}
.pageContent a.mapLink:hover {
    color:white;
    text-decoration:underline;
}
/*Location List*/
.locationContainer {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 350px;
    font-size: 0px;
    line-height: 0px;
}
.locationListColumn {
    vertical-align: top;
    width: calc(100% - 300px);
    display: inline-block;
}
@media screen and (max-width:900px) {
    .locationListColumn {
        width:100%;
    }
}
.locationListItem {
    display: inline-block;
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    vertical-align:top;
}
.section-oneColumn .locationListItem {
    width: calc(100% - 15px);
}
@media screen and (max-width:1600px) {
    .locationListItem {
        width:calc(100% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .locationListItem {
        width: calc(50% - 15px);
    }
    .section-oneColumn .locationListItem {
        width: calc(100% - 15px);
    }
}
@media screen and (max-width:1250px) {
    .locationListItem {
        width: calc(100% - 15px);
    }
}
.locationListItem:last-of-type {
    margin-bottom: 0px;
}
.locationListItem a.listLink, .locationListItem a.listLink:visited, .locationListItem a.listLink:active {
    color: #30567d;
    text-decoration: none;
    outline: 0px;
}
.locationListItem a.listLink:hover {
    color: black;
    text-decoration: underline;
    outline: 0px;
}
.locationMapColumn {
    position: sticky;
    top: 0px;
    right: 0px;
    height: 100%;
    vertical-align: top;
    width: 300px;
    display: inline-block;
}
@media screen and (max-width:900px) {
    .locationMapColumn {
        display:none;
    }
}
.mapContainer {
    width: 300px;
    right: 0px;
    top: 0px;
    height: 100%;
    float: right;
    font-size:0px;
    line-height:0px;
}
.mapLabel {
    color: white;
    font-size: 16px;
    line-height: 1.2em;
    background-color: #36557B;
    padding: 10px 10px;
    min-height: 17px;
}
.getDirectionsContainer {
    font-size: 16px;
    line-height: 1.2em;
    background-color: #36557B;
    padding: 10px 10px;
    min-height: 17px;
}
.getDirectionsLink {
    color: white !important;
    text-decoration: none !important;
}
/*LocationBoxes used on the front page of Duval Clerk*/
.locationBoxes{
    margin-top: 30px;
    margin-bottom: 0px;
    width: calc(100% + 30px);
    position:relative;
}
@media screen and (max-width:1280px){
    .locationBoxes{
        width:calc(100% + 15px);
    }
}
@media screen and (max-width:800px){
    .locationBoxes{
        width:100%;
    }
}
.locationBoxes a, .locationBoxes a:active, .locationBoxes a:visited{
    color:white;
    text-decoration:underline;
}
.locationBoxes a:hover{
    color:#ffdc9d;
    text-decoration:underline;
}
.locationBoxes .locationBox{
    width: calc(50% - 30px);
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom:30px;
    border-radius:5px;
}
@media screen and (max-width:1280px){
    .locationBoxes .locationBox{
        width: calc(50% - 15px);
        margin-right:15px;
        margin-bottom:15px;
    }
}
@media screen and (max-width:800px){
    .locationBoxes .locationBox {
        width: 100%;
        background-color: #24527c;
        position:relative;
    }
}
.locationBoxes .locationBoxBackground {
    /*background-color: #24527c;*/
    background-color: rgba(0,54,98,0.8);
    border-radius: 5px;
    width: calc(50% - 30px);
    height: calc(100% - 30px);
    position: absolute;
}
@media screen and (max-width:1280px) {
    .locationBoxes .locationBoxBackground {
        width: calc(50% - 20px);
        height: calc(100% - 20px);
    }
}
@media screen and (max-width:800px) {
    .locationBoxes .locationBoxBackground {
        display:none;
    }
}
.locationBoxes .locationBoxLeft {
    display: inline-block;
    width: calc(25% - 45px);
    margin: 15px;
    height: calc(100% - 60px);
    vertical-align: top;
    position: absolute;
}
@media screen and (max-width:1280px) {
    .locationBoxes .locationBoxLeft {
        width: calc(25% - 25px);
        margin: 10px;
        margin-right: 5px;
        height: calc(100% - 40px);
    }
}
@media screen and (max-width:800px) {
    .locationBoxes .locationBoxLeft {
        width: calc(50% - 20px);
        margin: 10px;
        margin-right: 5px;
        height: calc(100% - 20px);
    }
}
@media screen and (max-width:440px){
    .locationBoxes .locationBoxLeft{
        position: relative;
        padding-top: 56.25%;
        width: calc(100% - 20px);
        margin-bottom:0px;
    }
}
.locationBoxes .locationBoxLeft iframe{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
    border-style: none;
    outline: none;
    border-radius:3px;
}
.locationBoxes .locationBoxRight {
    display: inline-block;
    width: calc(50% - 30px);
    margin-left: 50%;
    padding: 15px;
    vertical-align: top;
    position:relative;
}
@media screen and (max-width:1280px) {
    .locationBoxes .locationBoxRight {
        width: calc(50% - 20px);
        padding: 10px;
        padding-left:5px;
    }
}
@media screen and (max-width:440px){
    .locationBoxes .locationBoxRight{
        margin-left:0px;
        width:calc(100% - 20px);
        padding-left:10px;
    }
}
.locationBoxes .locationTitle{
    font-size: 25px;
    line-height: 1em;
    color: white;
}
.locationBoxes .locationAddress {
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 15px;
    color: white;
    min-height: 42px;
}
.locationBoxes .locationSummary {
    font-size: 16px;
    line-height: 1.4em;
    color: white;
    margin-top: 20px;
    min-height: 110px;
}
/*SiteMap Styles*/
.pageContent .siteMap {
    padding-left: 15px;
    margin-bottom: -15px;
}
.pageContent .siteMap .navOverflow{
    padding-left:20px;
    overflow:hidden;
    height:0px;
}
.pageContent .siteMap .nav .link{
    margin-bottom:10px;
}
.pageContent .siteMap .nav .openLink{
    position: relative;
    width: 0px;
    height: 0px;
    font-size: 0px;
}
.pageContent .siteMap .nav .openLink .openCloseNav{
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: -19px;
    top: -20px;
}
.pageContent .siteMap .nav .openLink .openCloseNav .arrow {
    width: 8px;
    height: 8px;
    border-right: 2px solid #33557b;
    border-top: 2px solid #33557b;
    transform:rotate(45deg);
    transition: transform 0.4s, margin 0.4s;
    margin-top: 3px;
    margin-left: 2px;
    animation-name:sitemapArrowFadeIn;
    animation-duration:1.6s;
}
@keyframes sitemapArrowFadeIn{
    0%{ opacity:0; }
    50%{ opacity:0; }
    100%{ opacity:1; }
}
.pageContent .siteMap .nav.open > .link > .openLink > .openCloseNav > .arrow{
    transform: rotate(135deg);
    margin-top:0px;
}
.pageContent .siteMap a, .pageContent .siteMap a:active, .pageContent .siteMap a:visited{
    text-decoration:none;
}
.pageContent .siteMap a:hover{
    text-decoration:underline;
}
.pageContent .siteMap .navMenu .L1 {
    /*For the Site Map Page*/
    display: block
}
.pageContent .navMenu.siteMap .L1 {
    /*For Site Map Style Navigation On Other Pages*/
    display: block
}
.pageContent .siteMap .L1 > .link > a {
    font-weight: bold;
    font-size: 18px;
}
/*Video Styles*/
.videoList{ position:relative; }
.videoList .videos video{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index:0; transition:opacity 0.5s; opacity:0; }
.videoList .videos video.play{ z-index:1; opacity:1; }
.videoDimensions{ height:0px; width:100%; }
.videoDimensions.height_900 { padding-top:900px; }
@media screen and (max-width:1600px) { .videoDimensions.height_900.maintainAspectRatio { padding-top: 56.25%; } }
.videoDimensions.height_720 { padding-top:720px; }
@media screen and (max-width:1600px) { .videoDimensions.height_720.maintainAspectRatio {  padding-top: 45%; } }
.videoDimensions.height_600 { padding-top:600px; }
@media screen and (max-width:1600px) { .videoDimensions.height_600.maintainAspectRatio {  padding-top: 37.5%; } }
.videoDimensions.height_500 { padding-top:500px; }
@media screen and (max-width:1600px) { .videoDimensions.height_500.maintainAspectRatio {  padding-top: 31.25%; } }
.videoDimensions.height_480 { padding-top:500px; }
@media screen and (max-width:1600px) { .videoDimensions.height_480.maintainAspectRatio {  padding-top: 30%; } }
.videoDimensions.height_330 { padding-top:330px; }
@media screen and (max-width:1600px) { .videoDimensions.height_330.maintainAspectRatio {  padding-top: 20.625%; } }
.videoImageOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.videoImageOverlay.maintainAspectRatio {
    background-size: contain;
}
.videoTextOverlay {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.videoTextOverlay .table {
    display:table;
    height:100%;
    width:100%;
}
.videoTextOverlay .tableCell{
    display:table-cell;
}
.videoTextOverlay.Top .tableCell{
    vertical-align:top;
}
.videoTextOverlay.Middle .tableCell{
    vertical-align:middle;
}
.videoTextOverlay.Bottom .tableCell{
    vertical-align:bottom;
}
.videoTextOverlay.Left .table{
    text-align:left;
}
.videoTextOverlay.Center .table {
    text-align:center;
}
.videoTextOverlay.Right .table {
    text-align:right;
}
.videoTextOverlayPadding {
    display: inline-block;
    padding: 50px;
    font-size: 16px;
    text-align: left;
    color: white;
    background-color: rgba(27,70,115,0.85);
}
@media screen and (max-width:1280px) {
    .videoTextOverlayPadding {
        padding: 15px;
    }
}
/*Popup Video Styles*/
.modularPopupContainer .modularPopup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display:none;
}
.modularPopupContainer.show .modularPopup {
    display:block;
}
.modularPopupContainer .modularPopupBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(30,60,90,0.75) 0%, rgba(30,60,90,0.75) 100%);
    animation-name: modularPopupBackgroundFadeIn;
    animation-duration:0.8s;
}
@keyframes modularPopupBackgroundFadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.modularPopupContainer .modularFullScreenClose {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.pageContent a.modularFullScreenClose, 
.pageContent a.modularFullScreenClose:active, 
.pageContent a.modularFullScreenClose:visited, 
.pageContent a.modularFullScreenClose:hover {
    color:rgba(0,0,0,0);
    font-size:0px;
}
.modularPopupContainer .modularPopupTable {
    display: table;
    height: 100%;
    width: calc(100% - 110px);
    max-width: 800px;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto;
    margin-right: auto;
    animation-name:modularPopupTableAnimation;
    animation-duration:0.8s;
}
@media screen and (max-width:500px) {
    .modularPopupContainer .modularPopupTable {
        width:calc(100% - 30px);
        padding-left:15px;
        padding-right:15px;
    }
}
@keyframes modularPopupTableAnimation {
    from {
        margin-top:-250px;
        opacity:0;
    }
    to {
        margin-top:0px;
        opacity:1;
    }
}
.modularPopupContainer .modularVideo,
.modularPopupContainer .modularEmbed {
    position:relative;
}
.modularPopupContainer .modularVideo .modularVideoWrapper video {
    width:100%;
}
.modularPopupContainer .modularEmbed .modularSpacer {
    width:100%;
    padding-top:56.26%;
}
.modularPopupContainer .modularEmbed .modularEmbedWrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.modularPopupContainer .modularPopupTableCell {
    display: table-cell;
    margin-left: 15px;
    margin-right: 15px;
    vertical-align: middle;
}
.modularPopupContainer .popupButtonWithImage {
    height: auto;
    width: 100%;
    float: left;
    max-width: 250px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    margin-bottom: 15px;
}
.modularPopupContainer .popupButtonImage {
    padding-top: 56.26%;
    overflow: hidden;
    height: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}
.modularPopupContainer .popupButtonImageText {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:auto;
    font-size:14px;
    color:white;
    padding:10px;
    padding-top:9px;
    padding-bottom:7px;
    background-color:rgba(30,60,96,0.8);
}
.modularPopupContainer .popupButtonNoImage {
    font-size: 18px;
    text-decoration: none;
    margin: 3px;
    vertical-align: top;
    line-height: 1.2em;
    font-weight: bold;
    padding: 15px;
    padding-top: 12px;
    padding-bottom: 10px;
    display: inline-block;
    background-color: rgba(226,239,255,0.8);
    border-radius: 10px;
    box-shadow: 0px 0px 0px 3px #559ce7;
}
.modularPopupContainer .modularClose {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 50px;
    padding-top: 50px;
    height: 0px;
    overflow: hidden;
}
@media screen and (max-width:500px) {
    .modularPopupContainer .modularClose {
        left:-5px;
    }
}
/*Animal Care Styles*/
.pageContent .section-animal .modularPopupContainer .popupButtonWithImage {
    margin-bottom:30px;
}
@media screen and (max-width:780px){
    .pageContent .section-animal .modularPopupContainer .popupButtonWithImage {
        margin-bottom: 15px;
    }
}
@media screen and (max-width:580px) {
    .pageContent .section-animal .modularPopupContainer .popupButtonWithImage {
        float: none;
        margin-right:0px;
    }
}
.pageContent .section-animal .modularPopupContainer .popupButtonImage {
    padding-top: 340px;
    overflow: hidden;
    height: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}
@media screen and (max-width:280px) {
    .pageContent .section-animal .modularPopupContainer .popupButtonImage {
        padding-top: 145%;
        background-size: contain;
    }
}
/*ExploreJax Video Styles*/
.section-explorejax .videoList .videos {
    height: 325px;
    overflow: hidden;
    position: relative;
}
.section-explorejax .videoList .videos video {
    left: calc(50% - 800px);
    width: 1600px;
    background-color: #12345b;
    height: 325px;
}
/*Urban Forestry Video Styles*/
.section-trees .videoList {
    height: 450px;
    width: 100%;
    overflow:hidden;
}
.section-trees .videoList .videos video {
    height: 450px;
    width: 1600px;
    left: calc(50% - 800px);
}
/*Environmental Quality Video Styles*/
@media screen and (max-width:860px) {
    .section-environmentalquality .videoList .videos {
        overflow: hidden;
        width: 100%;
    }
}
.section-environmentalquality .videoList .videos video {
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
}
@media screen and (max-width:860px) {
    .section-environmentalquality .videoList .videos video {
        height: 300px;
        width: 850px;
        left: calc(50% - 425px);
    }
}
.section-environmentalquality .videoList .videoDimensions {
    height: 0px;
    width: 100%;
    padding-top: 35.25%;
}
@media screen and (max-width:860px) {
    .section-environmentalquality .videoList .videoDimensions {
        padding-top: 300px;
    }
}
.section-environmentalquality .videoList {
    height: auto;
    width: 100%;
    overflow: hidden;
}
.section-environmentalquality .videoTextOverlay {
    position: absolute;
    bottom: 80px;
    top: unset;
    left: 0px;
    width: 100%;
    height: 100px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0px, rgba(0,0,0,0.85)0px, rgba(0,0,0,0) 100%);
    z-index: 1;
    left: 200px;
}
.section-environmentalquality .customPaddingNavigation:before {
    content: 'Environmental Quality';
    padding: 15px;
    padding-left: 112px;
    font-size: 39px;
    color: white;
    background: black;
    margin-left: 170px;
    position: absolute;
    bottom: 80px;
    display: block;
    line-height: 1em;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0px, rgba(0,0,0,0.85)0px, rgba(0,0,0,0) 100%);
    display:none;
}
@media screen and (max-width:800px) {
    .section-environmentalquality .customPaddingNavigation:before {
        padding: 8px;
        padding-left: 107px;
        font-size: 4.875vw;
        margin-left: 48px;
    }
}
@media screen and (max-width:640px) {
    .section-environmentalquality .customPaddingNavigation:before {
        margin-left: 0px;
        padding-left: calc(23.4375vw + 10px);
    }
}
@media screen and (max-width:380px) {
    .section-environmentalquality .customPaddingNavigation:before {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 20px;
    }
}
.section-environmentalquality .videoTextOverlayPadding {
    background-color: unset !important;
    font-size: 40px;
    padding-left: 80px;
}
/*Scroll To Animation*/
h3.ScrollToPoint::before, .scrollTarget.ScrollToPoint::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: -35px;
    margin-top: 2px;
    transform: rotate(45deg);
    border-top: 3px #315379 solid;
    border-right: 3px #2e5177 solid;
    display: inline-block;
    animation-name: ScrollToPointArrow;
    animation-delay: 0.5s;
    animation-duration: 3.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 11;
}
@keyframes ScrollToPointArrow {
    0% { opacity:0; margin-left: -70px; }
    5% { opacity:0; margin-left: -70px; }
    15% { opacity:1; margin-left: -35px; }
    95% { opacity:1; margin-left: -35px; }
    100% { opacity:0; margin-left: -35px; }
}
@media screen and (max-width:1280px) {
    h3.ScrollToPoint::before, .scrollTarget.ScrollToPoint::before {
        display: none;
    }
}
h3.scrollTarget.ScrollToPoint {
    animation-name:none;
}
.scrollTarget.ScrollToPoint {
    animation-name: ScrollToPointHighlight;
    animation-duration: 4s;
}
@keyframes ScrollToPointHighlight {
    0% {
        box-shadow: 0px 0px 0px 100vw rgba(0,0,0,0.0);
    }
    5% {
        box-shadow: 0px 0px 0px 100vw rgba(0,0,0,0.08);
    }
    95% {
        box-shadow: 0px 0px 0px 100vw rgba(0,0,0,0.08);
    }
    100% {
        box-shadow: 0px 0px 0px 100vw rgba(0,0,0,0.0);
    }
}
@media screen and (orientation: portrait) {
    .scrollTarget.ScrollToPoint {
        animation-name: ScrollToPointHighlightPortrait;
    }
}
@keyframes ScrollToPointHighlightPortrait {
    0% {
        box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.0);
    }
    5% {
        box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.08);
    }
    95% {
        box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.08);
    }
    100% {
        box-shadow: 0px 0px 0px 100vh rgba(0,0,0,0.0);
    }
}
/*UIStarterCore.Park*/
.parkPhotoBox {
    position:relative;
}
.parkPhotoBox .parkPhoto {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.parkPhotoBox .parkPhoto.parkPhotoRandom_1,
.parkPhotoBox .parkPhoto.parkPhotoRandom_2,
.parkPhotoBox .parkPhoto.parkPhotoRandom_3,
.parkPhotoBox .parkPhoto.parkPhotoRandom_4,
.parkPhotoBox .parkPhoto.parkPhotoRandom_5,
.parkPhotoBox .parkPhoto.parkPhotoRandom_6 {
    background-position:top center;
}
.parkPhotoBoxOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.parkPhotoBoxOverlay .parkPhotoOverlayLeft {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 100%;
    background: rgba(2,29,54,0.5);
}
@media screen and (max-width:600px) {
    .parkPhotoBoxOverlay .parkPhotoOverlayLeft {
        width: 5vw;
    }
}
.parkPhotoBoxOverlay .parkPhotoOverlayTop {
    position: absolute;
    top: 0px;
    left: 30px;
    width: calc(100% - 60px);
    height: 30px;
    background: linear-gradient( 90deg, rgba(2,29,54,0.5) 0%, rgba(2,29,54,0.9) 100%);
}
@media screen and (max-width:600px) {
    .parkPhotoBoxOverlay .parkPhotoOverlayTop {
        height: 5vw;
        left: 5vw;
        width: calc(100% - 10vw);
    }
}
.parkPhotoBoxOverlay .parkPhotoOverlayRight {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 100%;
    background: rgba(2,29,54,0.9);
}
@media screen and (max-width:600px) {
    .parkPhotoBoxOverlay .parkPhotoOverlayRight {
        width: 5vw;
    }
}
.parkPhotoBoxOverlay .parkPhotoOverlayBottom {
    position: absolute;
    bottom: 0px;
    left: 30px;
    width: calc(100% - 60px);
    height: 30px;
    background: linear-gradient( 90deg, rgba(2,29,54,0.5) 0%, rgba(2,29,54,0.9) 100%);
}
@media screen and (max-width:600px) {
    .parkPhotoBoxOverlay .parkPhotoOverlayBottom {
        height: 5vw;
        left: 5vw;
        width: calc(100% - 10vw);
    }
}
.parkPhotoBoxOverlay .parkPhotoOverlayGradient {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.parksPhotoBoxTable {
    min-height:330px;
    display:table;
    width:100%;
    text-align:right;
    vertical-align:top;
    position:relative;
}
.parksPhotoBoxTableCell {
    display:table-cell;
}
.parksPhotoBoxTableCell .detailBox {
    margin:60px;
    display:inline-block;
    text-align:left;
    color: white;
    font-size: 14px;
    line-height: 1.4em;
    padding: 15px;
    box-shadow: 0px 0px 0px 1px white;
    background-color: rgba(2,29,54,0.85);
}
@media screen and (max-width:600px) {
    .parksPhotoBoxTableCell .detailBox {
        margin:10vw;
    }
}
.parksPhotoBoxTableCell .detailBox font {
    word-break:break-word;
}
.content .parksPhotoBoxTableCell .detailBox h2 {
    color: white;
    margin-bottom: 6px;
    margin-top:0px;
}
.pageContent .parksPhotoBoxTableCell .detailBox a, .pageContent .parksPhotoBoxTableCell .detailBox a:active, .pageContent .parksPhotoBoxTableCell .detailBox a:visited {
    color:white;
    text-decoration:none;
}
.pageContent .parksPhotoBoxTableCell .detailBox a:hover {
    color:white;
    text-decoration:underline;
}
.pageContent .parkAmenities {
    margin-bottom: 15px;
    position: relative;
}
.pageContent .parkAmenities .amenitiesTitle {
    font-size:20px;
    padding:8px;
    padding-bottom:6px;
    line-height:1.2em;
    font-weight:bold;
    background: linear-gradient(90deg, rgba(224,229,232,1) 0%, rgba(224,229,232,0) 100%);
}
.pageContent .parkAmenities .amenitiesContaner {
    margin-right:-15px;
    margin-top:10px;
    font-size:0px;
}
.pageContent .parkAmenities .amenitiesContaner .amenityItem {
    font-size: 16px;
    padding-left: 42px;
    min-height: 28px;
    display: inline-block;
    vertical-align: top;
    padding-top: 11px;
    width: calc(20% - 57px);
    margin-right: 15px;
    margin-bottom: 5px;
    background-size: 38px;
    line-height: 1em;
    background-size:38px;
}
@media screen and (max-width:880px) {
    .pageContent .parkAmenities .amenitiesContaner .amenityItem {
        width: calc(25% - 57px);
    }
}
@media screen and (max-width:770px) {
    .pageContent .parkAmenities .amenitiesContaner .amenityItem {
        width: calc(33.333% - 57px);
    }
}
@media screen and (max-width:550px) {
    .pageContent .parkAmenities .amenitiesContaner .amenityItem {
        font-size: 14px;
        padding-left: 38px;
        min-height: 26px;
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        width: calc(33.333% - 53px);
        margin-right: 15px;
        margin-bottom: 3px;
        line-height: 1em;
        background-size: 35px;
    }
}
@media screen and (max-width:550px) {
    .pageContent .parkAmenities .amenitiesContaner .amenityItem {
        width: calc(50% - 53px);
    }
}
.pageContent .parkAmenities .amenitiesContaner .amenityItem font {
    word-break:break-word;
}
.pageContent .parkAbout .aboutTitle {
    font-size: 20px;
    padding: 8px;
    padding-bottom: 6px;
    line-height: 1.2em;
    font-weight: bold;
    background: linear-gradient( 90deg, rgba(224,229,232,1) 0%, rgba(224,229,232,0) 100%);
}
.pageContent .parkAbout .sectionLabel {
    display: block;
    font-size: 20px;
    padding: 8px;
    padding-bottom: 6px;
    line-height: 1.2em;
    font-weight: bold;
    background: linear-gradient( 90deg, rgba(224,229,232,1) 0%, rgba(224,229,232,0) 100%);
}
.pageContent .parkAbout .aboutText {
    padding: 8px;
    display: inline-block;
    width: calc(100% - 16px);
    position: relative;
}
.pageContent .parkAbout .additionalWaterwayFeatures {
    padding: 8px;
    display: inline-block;
    width: calc(100% - 16px);
    position: relative;
}
/*Park Search Styles*/
.seachItemInputContainer .searchItemAutofill .amenityItem {
    display: inline-block;
    padding-left: 30px;
    background-position: left center;
    background-size: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
.parksSearchMargins {
    margin-top: 15px;
}
.parksSearchMargins .parknameLink {
    font-size: 18px;
    line-height: 1.4em;
    font-weight:bold;
}
.section-parks label.searchItemInputLabel {
    font-size:0px;
}
.pageContent .searchItemInput {
    border-radius: 8px 0px 0px 8px;
    padding: 6px;
    padding-bottom: 4px;
    border: 1px solid #33557b;
    border-right: 0px;
    font-size: 18px;
    width: 250px;
    max-width: calc(100% - 55px);
    outline: 0px !important;
    display: inline-block !important;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: -3px;
    vertical-align: top;
}
.pageContent .searchItemInputButton {
    height: 32px;
    width: 38px;
    font-size: 0px;
    background-position: center;
    vertical-align: top;
    display: inline-block;
    border-top: 1px solid #d8d8d8;
    border-radius: 0px 8px 8px 0px;
    background-image: url(/Content/Images/searchButton.gif);
    margin-top: 15px;
    margin-bottom: 15px;
}
/*Search Results*/
.searchResults {
    color: #1e354d;
    font-size:15px;
    line-height: 1.2em;
}
/*Parks Search*/
.pageContent .parksSearchMargins a.parknameLink, .pageContent .parksSearchMargins a.parknameLink:active, .pageContent .parksSearchMargins a.parknameLink:visited, .pageContent .parksSearchMargins a.parknameLink:hover {
    text-decoration: none;
}
.pageContent .parksSearchMargins a.parkAddress, .pageContent .parksSearchMargins a.parkAddress:active, .pageContent .parksSearchMargins a.parkAddress:visited {
    text-decoration: none;
    color: grey;
}
.pageContent .parksSearchMargins a.parkAddress:hover {
    text-decoration: none;
}
.parksSearchMargins .searchItem {
    margin-top:15px;
    display:none;
}
.parksSearchMargins .searchItem.show {
    display:block;
}
.parksSearchMargins .parkAddress {
    margin-bottom: 5px;
}
.parksSearchMargins .parkIcons .amenityItem {
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 25px;
    height: 24px;
    background-size: contain;
}
/*Parks List/Waterways List styles*/
.parksListPadding {
    display: block;
    font-size: 0px;
    line-height: 0px;
    position: relative;
    padding: 15px;
    padding-top: 0px;
    background-color: #021d36;
}
.parksListMargins {
    margin-right:-15px;
    margin-bottom:-15px;
    margin-top:15px;
}
.waterwaysListPadding {
    display: block;
    font-size: 0px;
    line-height: 0px;
    position: relative;
    padding: 15px;
    padding-top: 0px;
    background-color: #2f5176;
}
.parkTeaser {
    padding-top:56.25%;
    position:relative;
}
.parkTeaser .parkPhoto {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.parkCell {
    display: inline-block;
    width: calc(25% - 15px);
    margin-right: 15px;
    vertical-align: top;
    position: relative;
    margin-bottom: 15px;
}
@media screen and (max-width:1600px) {
    .parkCell {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:1280px) {
    .parkCell {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:1200px) {
    .parkCell {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:980px) {
    .parkCell {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:680px) {
    .parkCell {
        width: calc(100% - 15px);
    }
}
.filterOn .parkCell {
    display:none;
}
.filterOn .parkCell.show {
    display:inline-block;
}
.districted .parkCell {
    display: none;
}
.districted .parkCell.inDistrict {
    display: inline-block;
}
.filterOn.districted .parkCell.show,
.filterOn.districted .parkCell.inDistrict {
    display: none;
}
.filterOn.districted .parkCell.show.inDistrict {
    display:inline-block;
}
.onlyFeatured .parkCell {
    display:none;
}
.onlyFeatured .parkCell.featured_True {
    display: inline-block;
}
.onlyFeatured.districted .parkCell.inDistrict,
.onlyFeatured.districted .parkCell.featured_True,
.onlyFeatured.filterOn .parkCell.show,
.onlyFeatured.filterOn .parkCell.featured_True {
    display: none;
}
.onlyFeatured.filterOn .parkCell.featured_True.show {
    display: inline-block;
}
.onlyFeatured.districted .parkCell.featured_True.inDistrict {
    display: inline-block;
}
.onlyFeatured.filterOn.districted .parkCell,
.onlyFeatured.filterOn.districted .parkCell.show,
.onlyFeatured.filterOn.districted .parkCell.inDistrict,
.onlyFeatured.filterOn.districted .parkCell.featured_True {
    display: none;
}
.onlyFeatured.filterOn.districted .parkCell.show.inDistrict.featured_True {
    display:inline-block;
}
.parkCell .parkText {
    font-size: 14px;
    line-height: 1.2em;
    background-color: white;
    min-height: 78px;
    padding: 10px;
    padding-bottom: 4px;
}
.parksListPadding .parkCell .parkText {
    border-top: 5px solid #cbe48b;
}
.waterwaysListPadding .parkCell .parkText {
    border-top: 5px solid #80bcff;
}
.parkCell .parkTextOverflow {
    overflow: hidden;
    height: 52px;
}
.parkCell .parkText .parkName {
    font-weight: bold;
}
.parkCell .parkIcons {
    height: 25px;
    overflow: hidden;
    width: 100%;
    word-break: break-all;
}
.parkCell .parkIcons .amenityItem {
    overflow: hidden;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
    line-height: 100px;
    vertical-align: top;
}
.pageContent a.parkCell, .pageContent a.parkCell:active, .pageContent a.parkCell:visited, .pageContent a.parkCell:hover {
    color: black;
    text-decoration: none;
}
.noMatchFound {
    display: none;
    font-size: 16px;
    line-height: 1.4em;
    color: white;
    font-weight: bold;
    margin-bottom:15px;
}
.NoMatchesFound .noMatchFound {
    display:block;
}
/*Park Amenity Icons*/
.amenityItem { background-repeat:no-repeat; background-position:left center; background-size:contain; }
.amenityItem.Accessible { background-image:url('/Content/Images/icons/parks/Accessible.png'); }
.amenityItem.ArtificialReef { background-image:url('/Content/Images/icons/parks/ArtificialReef.png'); }
.amenityItem.Bait_Tackle { background-image:url('/Content/Images/icons/parks/Bait_Tackle.png'); }
.amenityItem.Baseball{ background-image:url('/Content/Images/icons/parks/Baseball.png'); }
.amenityItem.Basketball{ background-image:url('/Content/Images/icons/parks/Basketball.png'); }
.amenityItem.BeachPier{ background-image:url('/Content/Images/icons/parks/BeachPier.png'); }
.amenityItem.Benches{ background-image:url('/Content/Images/icons/parks/Benches.png'); }
.amenityItem.BikeRacks{ background-image:url('/Content/Images/icons/parks/BikeRacks.png'); }
.amenityItem.BikeTrail{ background-image:url('/Content/Images/icons/parks/BikeTrail.png'); }
.amenityItem.Birding{ background-image:url('/Content/Images/icons/parks/Birding.png'); }
.amenityItem.BoatDock{ background-image:url('/Content/Images/icons/parks/BoatDock.png'); }
.amenityItem.BoatFuel{ background-image:url('/Content/Images/icons/parks/BoatFuel.png'); }
.amenityItem.BoatPump{ background-image:url('/Content/Images/icons/parks/BoatPump.png'); }
.amenityItem.BoatRamp{ background-image:url('/Content/Images/icons/parks/BoatRamp.png'); }
.amenityItem.BoatTrailerParking{ background-image:url('/Content/Images/icons/parks/BoatTrailerParking.png'); }
.amenityItem.CarParking{ background-image:url('/Content/Images/icons/parks/CarParking.png'); }
.amenityItem.CanoeRental{ background-image:url('/Content/Images/icons/parks/CanoeRental.png'); }
.amenityItem.CommunityCenter{ background-image:url('/Content/Images/icons/parks/CommunityCenter.png'); }
.amenityItem.ConcessionStand{ background-image:url('/Content/Images/icons/parks/ConcessionStand.png'); }
.amenityItem.DogPark{ background-image:url('/Content/Images/icons/parks/DogPark.png'); }
.amenityItem.DrinkingFountain{ background-image:url('/Content/Images/icons/parks/DrinkingFountain.png'); }
.amenityItem.Equestrian{ background-image:url('/Content/Images/icons/parks/Equestrian.png'); }
.amenityItem.Fencing{ background-image:url('/Content/Images/icons/parks/Fencing.png'); }
.amenityItem.FishingPier{ background-image:url('/Content/Images/icons/parks/FishingPier.png'); }
.amenityItem.Football{ background-image:url('/Content/Images/icons/parks/Football.png'); }
.amenityItem.Golf{ background-image:url('/Content/Images/icons/parks/Golf.png'); }
.amenityItem.Grills{ background-image:url('/Content/Images/icons/parks/Grills.png'); }
.amenityItem.HikingTrail{ background-image:url('/Content/Images/icons/parks/HikingTrail.png'); }
.amenityItem.KayakRental{ background-image:url('/Content/Images/icons/parks/KayakRental.png'); }
.amenityItem.ManateeEducation{ background-image:url('/Content/Images/icons/parks/ManateeEducation.png'); }
.amenityItem.MultipurposeField{ background-image:url('/Content/Images/icons/parks/MultipurposeField.png'); }
.amenityItem.NonmotorizedLaunch{ background-image:url('/Content/Images/icons/parks/NonmotorizedLaunch.png'); }
.amenityItem.OnWater{ background-image:url('/Content/Images/icons/parks/OnWater.png'); }
.amenityItem.PaddleboardRental{ background-image:url('/Content/Images/icons/parks/PaddleboardRental.png'); }
.amenityItem.PWCRental{ background-image:url('/Content/Images/icons/parks/PWCRental.png'); }
.amenityItem.Pickleball{ background-image:url('/Content/Images/icons/parks/Pickleball.png'); }
.amenityItem.PicnicShelters{ background-image:url('/Content/Images/icons/parks/PicnicShelters.png'); }
.amenityItem.PicnicTables{ background-image:url('/Content/Images/icons/parks/PicnicTables.png'); }
.amenityItem.Playground{ background-image:url('/Content/Images/icons/parks/Playground.png'); }
.amenityItem.Restaurant{ background-image:url('/Content/Images/icons/parks/Restaurant.png'); }
.amenityItem.Restrooms{ background-image:url('/Content/Images/icons/parks/Restrooms.png'); }
.amenityItem.RiverWalk{ background-image:url('/Content/Images/icons/parks/RiverWalk.png'); }
.amenityItem.SailBoardRental{ background-image:url('/Content/Images/icons/parks/SailBoardRental.png'); }
.amenityItem.SailBoatRental{ background-image:url('/Content/Images/icons/parks/SailBoatRental.png'); }
.amenityItem.Scenic{ background-image:url('/Content/Images/icons/parks/Scenic.png'); }
.amenityItem.SecurityLighting{ background-image:url('/Content/Images/icons/parks/SecurityLighting.png'); }
.amenityItem.ShoreLaunch{ background-image:url('/Content/Images/icons/parks/ShoreLaunch.png'); }
.amenityItem.Skate{ background-image:url('/Content/Images/icons/parks/Skate.png'); }
.amenityItem.Soccer{ background-image:url('/Content/Images/icons/parks/Soccer.png'); }
.amenityItem.SplashPad{ background-image:url('/Content/Images/icons/parks/SplashPad.png'); }
.amenityItem.Surfing{ background-image:url('/Content/Images/icons/parks/Surfing.png'); }
.amenityItem.SwimmingPool{ background-image:url('/Content/Images/icons/parks/SwimmingPool.png'); }
.amenityItem.Tennis{ background-image:url('/Content/Images/icons/parks/Tennis.png'); }
.amenityItem.TrashBarrels{ background-image:url('/Content/Images/icons/parks/TrashBarrels.png'); }
.amenityItem.Wheelchair{ background-image:url('/Content/Images/icons/parks/Wheelchair.png'); }
.amenityItem.Vessle_Any{ background-image:url('/Content/Images/icons/parks/Vessle_Any.png'); }
.amenityItem.Vessle_Under22{ background-image:url('/Content/Images/icons/parks/Vessle_Under22.png'); }
.amenityItem.Vessle_JonBoat{ background-image:url('/Content/Images/icons/parks/Vessle_JonBoat.png'); }
.amenityItem.Vessle_HandLaunch{ background-image:url('/Content/Images/icons/parks/Vessle_HandLaunch.png'); }
/*Parks Map Styles*/
.parksMapiFrame {
    border: none;
    background-color: #2f5276;
    height: 300px;
    width: 100%;
}
.pageContent .parksFilterButtons a, .pageContent .parksFilterButtons a:active, .pageContent .parksFilterButtons a:visited {
    color:white;
    text-decoration:none;
}
.pageContent .parksFilterButtons a:hover {
    color:#ffdc9d;
    text-decoration:none;
}
.pageContent .parksFilterButtons .openAccordion {
    font-size: 20px;
    line-height: 1em;
    display: inline-block;
    margin-right: 15px;
    padding-left: 25px;
    font-weight: bold;
    background-position: 2px 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/Content/Images/icons/icon_Hamburger.png);
    margin-top:15px;
}
.pageContent .parksFilterButtons .showAmenityFilters {
    min-width:130px;
}
.pageContent .parksFilterButtons .showVesselFilters .vesselFilterIcon {
    width: 45px;
    height: 20px;
    margin-left: 8px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-size: 45px;
    background-repeat: no-repeat;
}
.pageContent .parksFilterButtons .showVesselFilters.Vessle_Any .vesselFilterIcon {
    background-image: url(/Content/Images/icons/parks/Vessle_Any_White.png);
}
.pageContent .parksFilterButtons .showVesselFilters.Vessle_Under22 .vesselFilterIcon {
    background-image: url(/Content/Images/icons/parks/Vessle_Under22_White.png);
}
.pageContent .parksFilterButtons .showVesselFilters.Vessle_JonBoat .vesselFilterIcon {
    background-image: url(/Content/Images/icons/parks/Vessle_JonBoat_White.png);
}
.pageContent .parksFilterButtons .showVesselFilters.Vessle_HandLaunch .vesselFilterIcon {
    background-image: url(/Content/Images/icons/parks/Vessle_HandLaunch_White.png);
}
.pageContent .parksFilterButtons .showDistrictFilters {
    min-width: 100px;
}
.pageContent .parksFilterButtons .showFeatured {
    font-size: 20px;
    line-height: 1em;
    display: inline-block;
    margin-right: 10px;
    padding-left: 25px;
    font-weight: bold;
    background-position: 2px 0px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/Content/Images/icons/icon_unchecked.png);
    margin-top: 15px;
}
.pageContent .parksFilterButtons .showFeatured.selected {
    background-image: url(/Content/Images/icons/icon_checked.png);
}
.pageContent .parksFilters .accordionOverflow {
    overflow: hidden;
    height: 0px;
}
.pageContent .parksFilters.accordionPadding {
    padding: 15px;
    background-color: white;
    border-radius: 0px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.pageContent .parksFilters a.districtFilter, .pageContent .parksFilters a.districtFilter:active, .pageContent .parksFilters a.districtFilter:visited {
    color: #30567d;
    text-decoration: none;
}
.pageContent .parksFilters a.districtFilter:hover{
    color:black;
    text-decoration:none;
}
.pageContent .parksFilters .districtFilter {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    line-height: 1em;
    padding: 10px;
    margin-right: 5px;
    width: calc(20% - 25px);
    margin-bottom: 5px;
    font-weight: bold;
    border-radius: 5px;
}
@media screen and (max-width:760px) {
    .pageContent .parksFilters .districtFilter {
        width: calc(25% - 25px);
    }
}
@media screen and (max-width:600px) {
    .pageContent .parksFilters .districtFilter {
        width: calc(33.333% - 25px);
    }
}
@media screen and (max-width:500px) {
    .pageContent .parksFilters .districtFilter {
        width: calc(50% - 25px);
    }
}
@media screen and (max-width:340px) {
    .pageContent .parksFilters .districtFilter {
        width: calc(100% - 25px);
    }
}
.pageContent .parksFilters .districtFilter.selected {
    background-color: #f1f8ff;
    box-shadow: 0px 0px 0px 2px #32547a;
}
.pageContent .parksFilterButtons a.districtFilter, .pageContent .parksFilterButtons a.districtFilter:active, .pageContent .parksFilterButtons a.districtFilter:visited {
    color: #32547a;
    text-decoration: none;
}
.pageContent .parksFilterButtons a.districtFilter:hover {
    color:black;
    text-decoration:none;
}
/*Amenity Filter Buttons*/
.pageContent .parksFilters a.amenityFilter, .pageContent .parksFilters a.amenityFilter:visited, .pageContent .parksFilters a.amenityFilter:active {
    color: #30567d;
    text-decoration: none;
}
.pageContent .parksFilters a.amenityFilter:hover {
    color:black;
    text-decoration:none;
}
.pageContent .parksFilters .amenityFilter {
    padding-left: 35px;
    width: calc(20% - 50px);
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    line-height: 1em;
    vertical-align: top;
    background-size: 25px;
    font-size: 15px;
    margin-bottom: 9px;
    background-position: top 3px left 4px;
    border-radius: 11px;
}
@media screen and (max-width:1480px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(25% - 50px);
    }
}
@media screen and (max-width:1280px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(20% - 50px);
    }
}
@media screen and (max-width:1050px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(25% - 50px);
    }
}
@media screen and (max-width:800px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(33.333% - 50px);
    }
}
@media screen and (max-width:540px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(50% - 50px);
    }
}
@media screen and (max-width:380px) {
    .pageContent .parksFilters .amenityFilter {
        width: calc(100% - 50px);
    }
}
.pageContent .parksFilters .amenityFilter.selected {
    background-color: #f1f8ff;
    box-shadow: 0px 0px 0px 2px #32547a;
}
/*UIStarterCore.Photo Styles*/
.photoFullScreenContainer {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 6;
    background-color: rgba(16,42,67,0.8);
}
.photoFullScreenContainer.show {
    display:block;
    animation-name:fade-in-full-screen-container;
    animation-duration:0.8s;
}
@keyframes fade-in-full-screen-container {
    from { opacity:0; }
    to{ opacity:1; }
}
.photoFullScreenMargins {
    margin-left: auto;
    margin-right: auto;
    height: calc(100vh - 100px);
    width: calc(100% - 145px);
    max-width: 1400px;
    position: relative;
    top: 50px;
}
@media screen and (max-width:720px) {
    .photoFullScreenMargins {
        width: calc(100% - 30px);
        top: 15px;
        height: calc(100vh - 30px);
    }
}
.photoFullScreen {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.photoFullScreen .photoImageLink, .photoFullScreen .photoImageLink:visited, .photoFullScreen .photoImageLink:active {
    position: absolute;
    width: calc(100% - 600px);
    left: 300px;
    height: calc(100% - 250px);
    color: rgba(0,0,0,0);
    z-index:1;
}
@media screen and (max-width:720px) {
    .photoFullScreen .photoImageLink {
        width: calc(100% - 300px);
        left: 150px;
    }
}
.photoFullScreen .photoImageLink:hover {
    color:rgba(0,0,0,0);
}
.photoFullScreenContainer .closeFullScreen {
    position: absolute;
    top: -45px;
    right: -65px;
    width: 50px;
    height: 50px;
    background-image: url('/Content/Images/icons/close.png');
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (max-width:720px) {
    .photoFullScreenContainer .closeFullScreen {
        top:-10px;
        right:-10px;
    }
}
.pageContent a.closeFullScreen, .pageContent a.closeFullScreen:active, .pageContent a.closeFullScreen:visited, .pageContent a.closeFullScreen:hover {
    color:rgba(0,0,0,0);
    text-decoration:none;
}
.galleryPrevious {
    height: 100%;
    width: 300px;
    position: absolute;
    top: 0px;
    display: block;
    left: -60px;
}
@media screen and (max-width:720px) {
    .galleryPrevious {
        left:-15px;
    }
}
@media screen and (max-width:640px) {
    .galleryPrevious {
        width: 150px;
    }
}
.galleryPrevious .circleWrapper {
    left:0px;
    position: absolute;
    width: 50px;
    height: 80px;
    top: calc(50% - 40px);
    text-align: center;
}
@media screen and (max-width:720px) {
    .galleryPrevious .circleWrapper {
        left: 30px;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-color: rgba(21,58,98,0.9);
        top: calc(50% - 30px);
    }
}
@media screen and (max-width:640px) {
    .galleryPrevious .circleWrapper {
        left: 20px;
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
    }
}
.galleryPrevious .circleWrapper .circle{
    height: 80px;
    width: 50px;
    font-size: 0px;
    background-image:url('/Content/Images/icons/arrow_previous.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:55px;
}
@media screen and (max-width:720px) {
    .galleryPrevious .circleWrapper .circle {
        height: 60px;
        width: 60px;
        background-size: 30px;
        background-position: 12px center;
    }
}
@media screen and (max-width:640px) {
    .galleryPrevious .circleWrapper .circle {
        height: 40px;
        width: 40px;
        background-size: 20px;
        background-position: 8px center;
    }
}
.galleryNext {
    height: 100%;
    width: 300px;
    position: absolute;
    top: 0px;
    display: block;
    right: -60px;
}
@media screen and (max-width:720px) {
    .galleryNext {
        right:-15px;
    }
}
@media screen and (max-width:640px) {
    .galleryNext {
        width:150px;
    }
}
.galleryNext .circleWrapper{
    right:0px;
    position: absolute;
    width: 50px;
    height: 80px;
    top: calc(50% - 40px);
    text-align: center;
}
@media screen and (max-width:720px) {
    .galleryNext .circleWrapper {
        right: 30px;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        background-color: rgba(21,58,98,0.9);
        top: calc(50% - 30px);
    }
}
@media screen and (max-width:640px) {
    .galleryNext .circleWrapper {
        right: 20px;
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
    }
}
.galleryNext .circleWrapper .circle {
    height: 80px;
    width: 50px;
    font-size: 0px;
    background-image:url('/Content/Images/icons/arrow_next.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:55px;
}
@media screen and (max-width:720px) {
    .galleryNext .circleWrapper .circle {
        height:60px;
        width:60px;
        background-size:30px;
        background-position: 18px center;
    }
}
@media screen and (max-width:640px) {
    .galleryNext .circleWrapper .circle {
        height: 40px;
        width: 40px;
        background-size: 20px;
        background-position: 12px center;
    }
}
.pageContent a.closeFullScreenHidden, .pageContent a.closeFullScreenHidden:active, .pageContent a.closeFullScreenHidden:visited, .pageContent a.closeFullScreenHidden:hover {
    color:rgba(0,0,0,0);
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.photoFullScreenDescriptionMargins {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index:1;
}
@media screen and (max-height:450px) {
    .photoFullScreenDescriptionMargins {
        display:none;
    }
}
.pageContent .photoFullScreenDescriptionMargins a, .pageContent .photoFullScreenDescriptionMargins a:active, .pageContent .photoFullScreenDescriptionMargins a:visited {
    color:white;
    text-decoration:none;
}
.pageContent .photoFullScreenDescriptionMargins a:hover {
    color:white;
    text-decoration:underline;
}
.photoFullScreenDescriptionMargins .photoTitleTable {
    display: block;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.photoFullScreenDescriptionMargins .photoTitleTable .tableCell{
    font-weight: bold;
    background-color: rgba(21,47,73,0.85);
    padding: 10px;
    padding-bottom: 8px;
    line-height: 1.2em;
    color: White;
    border: 1px solid rgba(255,255,255,0.5);
    border-bottom: 0px;
}
.photoFullScreenDescriptionMargins .photoTitleTable .tableCell .overflow{
    max-height: 56px;
    overflow: hidden;
}
.photoFullScreenDescriptionMargins .photoTitleTable .tableCell .webkitbox{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.photoFullScreenDescriptionMargins .photoTextTable {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.photoFullScreenDescriptionMargins .photoTextTable .tableCell {
    font-size: 15px;
    background-color: rgba(0,17,34,0.90);
    padding: 10px;
    padding-bottom: 8px;
    line-height: 1.2em;
    color: White;
    border: 1px solid rgba(255,255,255,0.5);
    border-top: 0px;
}
.photoFullScreenDescriptionMargins .photoTextTable .tableCell .overflow {
    max-height: 110px;
    overflow: hidden;
}
@media screen and (max-height:700px) {
    .photoFullScreenDescriptionMargins .photoTextTable .tableCell .overflow {
        max-height:56px;
    }
}
.photoFullScreenDescriptionMargins .photoTextTable .tableCell .webkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
@media screen and (max-height:700px) {
    .photoFullScreenDescriptionMargins .photoTextTable .tableCell .webkitbox {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}
.photoFullScreenDescriptionMargins .photoTextTable .photoReadMore {
    display:inline-block;
    margin-top:10px;
}
.customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions {
    position: relative;
    width: 100%;
    height: 325px;
    background: linear-gradient(180deg, rgba(70,71,74,1) 0%, rgba(84,94,106,1) 100%);
}
@media screen and (max-width:1600px) {
    .customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions.Default {
        height:20.3125vw;
        min-height:325px;
    }
    .customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions.Default {
        background: #12345b;
    }
}
@media screen and (max-width:1600px) {
    .customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions.SixteenHundred {
        height: 20.3125vw;
        min-height: 325px;
    }
    .customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions.SixteenHundred {
        background: #12345b;
    }
}
@media screen and (max-width:1250px) {
    .customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions.TwelveFifty {
        height: 25.6vw;
        min-height: 325px;
    }
    .customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions.TwelveFifty {
        background: #12345b;
    }
}
@media screen and (max-width:800px) {
    .customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions.EightEighty {
        height: 36.931vw;
        min-height: 325px;
    }
    .customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions.EightEighty {
        background: #12345b;
    }
}
@media screen and (max-width:640px) {
    .customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions.SixFourty {
        height: 50vw;
        min-height: 325px;
    }
    .customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions.SixFourty {
        background: #12345b;
    }
}
.customHeader.hasHeaderImage .headerPhoto .headerPhotoContainer .headerPhotoDimensions {
    background: none;
}
.customHeader .headerPhoto .headerPhotoContainer .headerPhotoDimensions .headerPhotoImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.customHeader .headerPhoto .headerPhotoContainer  .headerPhotoDimensions .headerPhotoImage.Contain {
    background-size:contain;
}
.customHeader .headerPhoto .headerPhotoContainer  .headerPhotoDimensions .headerPhotoImage.Cover {
    background-size:cover;
}
/*Animal Care*/
.section-animal .photoPageBreak .photoPageBreakImage {
    height: 70px;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-top: 50px;
    margin-bottom: 10px;
    background-size: contain;
}
/*CBCR Photo Styles*/
.pageContent .section-cbcr .customMargin .photoList {
    margin: 30px;
    margin-bottom: 0px;
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .customMargin .photoList {
        margin: 15px;
        margin-bottom: 0px;
    }
}
.section-cbcr .photoContainer {
    font-size:0px;
    margin-right:-30px;
}
@media screen and (max-width:1280px) {
    .section-cbcr .photoContainer {
        margin-right:-15px;
    }
}
@media screen and (max-width:480px) {
    .section-cbcr .photoContainer {
        margin-right:0px;
    }
}
.section-cbcr .galleryPhoto {
    vertical-align: top;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc(25% - 30px);
    box-shadow: 0px 0px 0px 3px rgba(86,123,176,.86);
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}
@media screen and (max-width:1280px) {
    .section-cbcr .galleryPhoto {
        width: calc(25% - 15px);
        margin-right:15px;
        margin-bottom:15px;
    }
}
@media screen and (max-width:800px) {
    .section-cbcr .galleryPhoto {
        width:calc(33.333% - 15px);
    }
}
@media screen and (max-width:640px) {
    .section-cbcr .galleryPhoto {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:480px) {
    .section-cbcr .galleryPhoto {
        width: 100%;
        margin-right:0px;
    }
}
.section-cbcr .galleryPhoto .galleryPhotoClickable {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.section-cbcr .galleryPhoto .galleryPhotoClickable,
.section-cbcr .galleryPhoto .galleryPhotoClickable:active,
.section-cbcr .galleryPhoto .galleryPhotoClickable:visited,
.section-cbcr .galleryPhoto .galleryPhotoClickable:hover {
    color: rgba(0,0,0,0);
} 
.pageContent .section-cbcr .customMargin .galleryPhoto {
    width: calc(33.333% - 30px);
}
@media screen and (max-width:1280px) {
    .pageContent .section-cbcr .customMargin .galleryPhoto {
        margin-right: 15px;
        width: calc(33.333% - 15px);
        margin-bottom: 15px;
    }
}
@media screen and (max-width:720px) {
    .pageContent .section-cbcr .customMargin .galleryPhoto {
        margin-right: 15px;
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:480px) {
    .pageContent .section-cbcr .customMargin .galleryPhoto {
        margin-right: 0px; 
        width:100%;
    }
}
.section-cbcr .photoList .photoImage {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
}
.section-cbcr .photoList .photoHeight {
    padding-top: 56.25%;
}
.section-cbcr .photoList .photoHeightSpacer {
    padding-top: 56.25%;
}
.section-cbcr .photoTitle {
    display: none;
}
.section-cbcr .photoText {
    display: none;
}
/*City Council Photo Gallery Styles*/
.section-citycouncil .photoList {
    display: block;
    margin-right: -15px;
    font-size: 0px;
    margin-bottom: -15px;
    line-height: 0px;
}
.section-citycouncil .photoList .galleryPhoto {
    width: calc(20% - 15px);
    height: auto;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor:pointer;
}
.section-citycouncil .photoList .galleryPhoto .galleryPhotoClickable {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.section-citycouncil .photoList .galleryPhoto .galleryPhotoClickable, 
.section-citycouncil .photoList .galleryPhoto .galleryPhotoClickable:active, 
.section-citycouncil .photoList .galleryPhoto .galleryPhotoClickable:visited, 
.section-citycouncil .photoList .galleryPhoto .galleryPhotoClickable:hover {
    color:rgba(0,0,0,0);
} 
@media screen and (max-width:980px) {
    .section-citycouncil .photoList .galleryPhoto {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:800px) {
    .section-citycouncil .photoList .galleryPhoto {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:512px) {
    .section-citycouncil .photoList .galleryPhoto {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:300px) {
    .section-citycouncil .photoList .galleryPhoto {
        width: calc(100% - 15px);
    }
}
.section-citycouncil .galleryPhoto .photoImage {
    width: 100%;
    padding-top: 57.25%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #315378;
    border-radius: 5px;
    border: 2px solid #d5d5d5;
}
.section-citycouncil .galleryPhoto.Contain .photoImage {
    background-size: contain;
}
.section-citycouncil .galleryPhoto.Cover .photoImage {
    background-size: cover;
}
.section-citycouncil .galleryPhoto .photoTitle {
    display: none;
}
.section-citycouncil .galleryPhoto .photoText {
    display: none;
}
/*UIStarterCore.ProjectList*/
/*Urban Forestry*/
.section-trees .customProjectListTop .customText {
    display: none;
}
.section-trees .customProjectListTop .customPseudoText::after {
    content: 'Projects In Progress';
    color: #214D14;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    display: block;
    margin-bottom: 15px;
}
.section-trees .customProjectListMiddle .bulletedList {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    margin:0px;
    padding:0px;
}
.section-trees .customProjectListMiddle .customBulletedList {
    padding-left: 205px;
    background-repeat: no-repeat;
    min-height: 290px;
    padding-bottom: 34px;
    background-size: 200px;
    overflow: hidden;
    background-position: left top;
    background-image: url('/Content/Images/components/trees/ProjectsBG.png');
}
@media screen and (max-width:1600px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        padding-left: calc(37% - 7px);
        background-size: 35%;
    }
}
@media screen and (max-width:1280px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        background-size:200px;
    }
}
@media screen and (max-width:1240px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        background-size: 34%;
    }
}
@media screen and (max-width:700px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        padding-left: calc(40% - 10px);
        background-size: 200px;
    }
}
@media screen and (max-width:570px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        background-size: 38%;
    }
}
@media screen and (max-width:400px) {
    .section-trees .customProjectListMiddle .customBulletedList {
        background: none;
        padding-left: 0px;
        min-height: auto;
        padding-bottom: 35px;
    }
}
.section-trees .customProjectListMiddle .projectList {
    max-height: 285px;
    padding-left: 25px;
    overflow: hidden;
}
@media screen and (max-width:400px) {
    .section-trees .customProjectListMiddle .projectList {
        padding-left: 20px;
    }
}
.section-trees .customProjectListMiddle .bulletedList {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}
/*Urban Forestry Project Simple List*/
.section-trees .projectList .simpleListItem {
    padding: 20px;
    padding-left: 95px;
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: top 10px left 15px;
    width: calc(100% - 115px);
    padding-bottom: 10px;
    background-color: rgb(160 189 153 / 30%);
    box-shadow: 2px 5px 15px 0px rgb(7 66 0 / 25%);
    border-radius: 15px;
    margin-bottom: 15px;
}
.section-trees .projectList .simpleListItem.In.Progress {
    background-image:url('/Content/Images/components/trees/InProgress.png');
}
.section-trees .projectList .simpleListItem.Other {
    background-image: url('/Content/Images/components/trees/Other.png');
}
.section-trees .projectList .simpleListItem.Completed {
    background-image: url('/Content/Images/components/trees/Complete.png');
}
.pageContent .section-trees .projectList a.listTitleLink, .pageContent .section-trees .projectList a.listTitleLink:active, .pageContent .section-trees .projectList a.listTitleLink:visited {
    display: block;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: black;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.pageContent .section-trees .projectList a.listTitleLink:hover {
    text-decoration:underline;
    color:black;
}
.pageContent .section-trees .projectList .simpleProperty .simplePipe {
    display: inline-block;
    width: 2px;
    height: 20px;
    margin-top: -4px;
    margin-left: 10px;
    margin-right: 6px;
    vertical-align: middle;
    background-color: #00b100;
}
.pageContent .section-trees .projectList .simpleProperty:last-of-type .simplePipe {
    display:none;
}
/*UIStarterCore.Article*/
.pageContent .section-animal .articleList {
    font-size:0px;
    display:inline-block;
    width:100%;
}
.pageContent .section-animal .articleListTable {
    margin-right:-15px;
}
.pageContent .section-animal .articleTextContainer {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    background: linear-gradient(to bottom, rgba(245,26,62,1) 0%,rgba(245,26,62,1) 100%);
    padding: 1em;
    text-align: center;
    font-size: 15px;
}
.pageContent .section-animal .article.featured_False, .pageContent .section-animal .article.featured_False:active, .pageContent .section-animal .article.featured_False:visited, .pageContent .section-animal .article.featured_False:hover {
    width: calc(20% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 0px 1px black;
}
@media screen and (max-width:880px) {
    .pageContent .section-animal .article.featured_False, .pageContent .section-animal .article.featured_False:active, .pageContent .section-animal .article.featured_False:visited, .pageContent .section-animal .article.featured_False:hover {
        width:calc(25% - 15px);
    }
}
@media screen and (max-width:680px) {
    .pageContent .section-animal .article.featured_False, .pageContent .section-animal .article.featured_False:active, .pageContent .section-animal .article.featured_False:visited, .pageContent .section-animal .article.featured_False:hover {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:500px) {
    .pageContent .section-animal .article.featured_False, .pageContent .section-animal .article.featured_False:active, .pageContent .section-animal .article.featured_False:visited, .pageContent .section-animal .article.featured_False:hover {
        width: calc(50% - 15px);
    }
}
.pageContent .section-animal .articleImage {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 170px;
    height: 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:1600px) {
    .pageContent .section-animal .articleImage {
        padding-top:10.5vw;
    }
}
@media screen and (max-width:1280px) {
    .pageContent .section-animal .articleImage {
        padding-top: 13.5vw;
    }
}
@media screen and (max-width:880px) {
    .pageContent .section-animal .articleImage {
        padding-top: 16vw;
    }
}
@media screen and (max-width:680px) {
    .pageContent .section-animal .articleImage {
        padding-top: 20vw;
    }
}
@media screen and (max-width:500px) {
    .pageContent .section-animal .articleImage {
        padding-top: 32vw;
    }
}
.pageContent .section-animal .articleSpacer {
    height: 38px;
}
.pageContent .section-animal .articleTextContainer {
    display: block;
    width: calc(100% - 20px);
    bottom: 0px;
    padding: 10px;
    line-height: 1.2em;
    position: absolute;
    left: 0px;
    color: #FFF;
    background-color: rgba(245,26,62,1);
    text-align: center;
    font-size: 15px;
}
.pageContent .section-animal .articleText {
    color:white;
}
.pageContent .section-animal .article.featured_True {
    width: calc(40% - 15px);
    box-shadow: 0px 0px 0px 1px black;
    margin-bottom: 15px;
    position: relative;
    float: left;
    margin-right: 15px;
}
@media screen and (max-width:880px) {
    .pageContent .section-animal .article.featured_True {
        width: calc(50% - 15px);
        margin-bottom: calc(16vw + 38px + 15px);
    }
}
@media screen and (max-width:680px) {
    .pageContent .section-animal .article.featured_True {
        width: calc(66.666% - 15px);
        margin-bottom: 0px;
    }
}
@media screen and (max-width:500px) {
    .pageContent .section-animal .article.featured_True {
        width: calc(100% - 15px);
        max-width: 320px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: auto;
        display: block;
        float: none;
    }
}
.pageContent .section-animal .article.featured_True .articleImage {
    padding-top: 392px;
}
@media screen and (max-width:1600px) {
    .pageContent .section-animal .article.featured_True .articleImage {
        padding-top: calc(21vw + 15px + 38px)
    }
}
@media screen and (max-width:1280px) {
    .pageContent .section-animal .article.featured_True .articleImage {
        padding-top: calc(27vw + 15px + 38px)
    }
}
@media screen and (max-width:880px) {
    .pageContent .section-animal .article.featured_True .articleImage {
        padding-top: calc(32vw + 15px + 38px);
    }
}
@media screen and (max-width:680px) {
    .pageContent .section-animal .article.featured_True .articleImage {
        padding-top: calc(40vw + 15px + 38px);
    }
}
@media screen and (max-width:500px) {
    .pageContent .section-animal .article.featured_True .articleImage {
        padding-top: 80%;
    }
}
/*UIStarterCore Button*/
/*Animal Care*/
.headerNavigationArea .section-animal .buttonLink {
    position: absolute;
    z-index: 4;
    top: -20px;
    right: 15px;
    margin-right:5px;
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1em;
    font-size: 20px;
    background-color: #f5273e;
    color: white;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.25s, border 0.25s, padding 0.25s, margin 0.25s;
}
@media screen and (max-width:512px) {
    .headerNavigationArea .section-animal .buttonLink {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:479px) {
    .headerNavigationArea .section-animal .buttonLink {
        display:none;
    }
}
.headerNavigationArea .section-animal .buttonLink:hover{
    cursor: pointer;
    color: white;
    margin-right:0px;
    background-color: #000;
    text-decoration: none;
    border: 3px #FE004C solid;
}
.headerNavigationArea .section-animal .buttonLink .buttonLinkBackground {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 1px white, 0px 0px 0px 2px black;
    transition: top 0.5s, left 0.5s;
}
.headerNavigationArea .section-animal .buttonLink:hover .buttonLinkBackground {
    box-shadow: 0px 0px 0px 1px #FE004C, 0px 0px 0px 2px #FE004C;
    top:0px;
    left:0px;
}
.headerNavigationArea .section-animal .buttonLink .buttonLinkTitle {
    display:none;
}
.headerNavigationArea .section-animal .buttonLink .buttonPseudoText::after {
    content:'Donate';
    letter-spacing: 5px;
    color:white;
}
.pageContent .section-animal .buttonForegroundImage {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width:700px){
    .pageContent .section-animal .buttonForegroundImage{
        background-position: bottom;
        left: 52%;
        background-size:contain;
    }
}
@media screen and (max-width:460px) {
    .pageContent .section-animal .buttonForegroundImage {
        display:none;
    }
}
.pageContent .section-animal .buttonBackgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 20px 20px;
}
.pageContent .section-animal .buttonTextTop{
    max-width: 42%;
    margin: 0 0 1em 0;
    color: #FFF;
    text-align: left;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.1em;
    letter-spacing: 1px;
    word-spacing: 5px;
}
@media screen and (max-width:700px){
    .pageContent .section-animal .buttonTextTop{
  max-width: 100%;

    }
}
.pageContent .section-animal .buttonPadding {
    position: relative;
    padding: 40px;
}
.pageContent .section-animal .buttonContainer {
    position: relative;
    color: white;
    font-size: 24px;
    min-height: 280px;
}
.pageContent .section-animal .buttonLink {
    padding: 15px;
    font-size: 20px;
    display: inline-block;
    background-color: #f5273e;
    color: white;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    transition: background-color 0.25s, border 0.25s, padding 0.25s, margin 0.25s;
}
.pageContent .section-animal .buttonLink:hover {
    cursor: pointer;
    color: #FFF !important;
    background-color: #000;
    text-decoration: none !important;
    border: 3px #FE004C solid;
}
.pageContent .section-animal .buttonBackgroundImage {
    background-size: cover;
}
.pageContent .section-animal .buttonLinkBackground {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 1px white;
    transition: box-shadow 0.5s, top 0.5s, left 0.5s;
}
.pageContent .section-animal .buttonLink:hover .buttonLinkBackground {
    top:0px;
    left:0px;
    box-shadow: 0px 0px 0px 1px #FE004C, 0px 0px 0px 2px #FE004C;
}
/*UIStarterCore Content Box Styles*/
/*Animal Care*/
.section-animal .fr-view {
    margin-top:30px;
    margin-bottom:30px;
}
/*UIStarterCore Number List*/
/*Animal Care*/
.section-animal .customNumberListTop {
    margin-top: 50px;
    text-align: center;
    font-size: 0px;
}
.section-animal .numberList {
    font-size: 0px;
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align:center;
}
.section-animal .numberItem {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width:580px) {
    .section-animal .numberItem {
        width:50%;
        margin-bottom: 15px;
    }
    .section-animal .numberItem:last-of-type {
        margin-bottom:0px;
    }
}
@media screen and (max-width:400px) {
    .section-animal .numberItem {
        width: 100%;
    }
}
.pageContent a.numberLink, .pageContent a.numberLink:active, .pageContent a.numberLink:visited, .pageContent a.numberLink:hover {
    color: #39679F;
    text-decoration: none;
}
.section-animal .numberBackground {
    width: 100%;
    padding-top: 161px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 15px;
}
.section-animal .numberCount {
    font-size: 40px;
    color: #39679F;
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.section-animal .numberText {
    display: block;
    font-size: 14px;
    color: black;
    text-align: center;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    line-height: 1em;
    margin-top: 10px;
}
/*Entity List*/
.entityContactListContainer {
    margin-bottom:30px;
}
.entityContactListContainer:last-of-type {
    margin-bottom:0px;
}
.showWindow .entityContactListContainer {
    padding-top: 20px;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-bottom: 20px;
}
.showWindow .entityContactListContainer:last-of-type {
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
}
.entityContactListTitle {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
}
.entityContactList {
    font-size: 0px;
}
.entityContactList .entityContact {
    margin-bottom: 30px;
    width: calc(50% - 15px);
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
@media screen and (max-width:1280px) {
    .entityContactList .entityContact {
        margin-bottom: 15px;
        width: calc(50% - 7.5px);
        vertical-align: top;
        margin-right: 15px;
    }
}
@media screen and (max-width:800px) {
    .entityContactList .entityContact {
        margin-right:0px;
        margin-bottom:15px;
        width:100%;
    }
}
.entityContactList .entityContact:nth-of-type(2n+2) {
    margin-right:0px;
}
.entityContactList .entityContactThreeColumns {
    font-size:0px;
}
.entityContactList .entityContactThreeColumns .entityContactLeftColumn {
    width: 150px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
    float:left;
}
@media screen and (max-width:480px) {
    .entityContactList .entityContactThreeColumns .entityContactLeftColumn {
        width: 31.25vw;
    }
}
@media screen and (max-width:380px) {
    .entityContactList .entityContactThreeColumns .entityContactLeftColumn {
        float: none;
        margin-right: 0px;
        margin-bottom: 15px;
        width: 120px;
        max-width:100%;
    }
}
.entityContactList .entityContactThreeColumns .entityContactLeftColumn .entityContactPortrait {
    display: inline-block;
    vertical-align: top;
    padding-top: 100%;
    width: 100%;
    background-size: cover;
    height: 0px;
    overflow: hidden;
    border-radius: 5px;
}
.entityContactList .entityContactThreeColumns .entityContactMiddleColumn {
    display: block;
    vertical-align: top;
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
    margin-left: 165px;
}
@media screen and (max-width:1400px) {
    .entityContactList .entityContactThreeColumns .entityContactMiddleColumn {
        font-size:18px;
    }
}
@media screen and (max-width:480px) {
    .entityContactList .entityContactThreeColumns .entityContactMiddleColumn {
        margin-left: calc(31.25vw + 15px);
    }
}
@media screen and (max-width:380px) {
    .entityContactList .entityContactThreeColumns .entityContactMiddleColumn {
        margin-left: 0px;
    }
}
.entityContactList .entityContactThreeColumns .entityContactMiddleColumn .entityContactTitle {
    display: inline;
    vertical-align: top;
}
.pageContent a.entityContactLink {
    display: inline;
    vertical-align: top;
}
.pageContent a.entityContactLink, .pageContent a.entityContactLink:active, .pageContent a.entityContactLink:visited {
    color: #3d6991;
    text-decoration: none;
}
.pageContent a.entityContactLink:hover {
    color: black;
    text-decoration:underline;
}
.entityContactList .entityContactThreeColumns .entityContactRightColumn {
    font-size: 16px;
    width: auto;
    vertical-align: top;
    margin-left: 165px;
    margin-top: 5px;
}
@media screen and (max-width:480px) {
    .entityContactList .entityContactThreeColumns .entityContactRightColumn {
        margin-left: calc(31.25vw + 15px);
    }
}
@media screen and (max-width:380px) {
    .entityContactList .entityContactThreeColumns .entityContactRightColumn {
        margin-left: 0px;
    }
}
.entityContactListNoPhotos .entityContactTwoColumns {
    font-size:0px;
}
.entityContactListNoPhotos .entityContactTwoColumns .entityContactLeftColumn {
    display:inline-block;
    vertical-align:middle;
    width:calc(35% - 15px);
    margin-right:15px;
    position:relative;
}
@media screen and (max-width:1280px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLeftColumn {
        width: calc(35% - 15px);
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLeftColumn {
        width: calc(100% - 265px);
        margin-right:15px;
        vertical-align:top;
    }
}
@media screen and (max-width:580px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLeftColumn {
        width: 100%;
        margin-right: 0px;
        display:block;
        margin-bottom:5px;
        line-height:1em;
    }
}
.entityContactListNoPhotos .entityContactTwoColumns .entityContactRightColumn {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    position: relative;
}
@media screen and (max-width:1280px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactRightColumn {
        width: 65%;
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactRightColumn {
        width: 250px;
        vertical-align: top;
    }
}
@media screen and (max-width:580px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactRightColumn {
        display:block;
        width:auto;
    }
}
.entityContactListNoPhotos .entityContact {
    margin-bottom: 15px;
}
.entityContactListNoPhotos .entityContact:last-of-type {
    margin-bottom: 0px;
}
.entityContactListNoPhotos .entityContactTwoColumns .entityContactLink {
    font-size: 20px;
    line-height: 1.2em;
    vertical-align: middle;
    margin-right: 10px;
    font-weight: bold;
    display: inline-block;
    width: 100px;
}
@media screen and (max-width:1500px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLink {
        font-size: 18px;
        width: 95px;
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLink {
        vertical-align: top;
    }
}
@media screen and (max-width:580px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactLink {
        width:auto;
    }
}
.entityContactListNoPhotos .entityContactTwoColumns .entityContactTitle {
    font-size: 20px;
    line-height: 1.2em;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    width: calc(100% - 110px);
}
@media screen and (max-width:1500px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactTitle {
        font-size: 18px;
        width: calc(100% - 105px);
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactTitle {
        vertical-align:top;
    }
}
@media screen and (max-width:580px) {
    .entityContactListNoPhotos .entityContactTwoColumns .entityContactTitle {
        width:auto;
    }
}
.entityContactListNoPhotos .entityContactRightColumn .entityContactLabel {
    display:none;
    margin-right:5px;
    font-size:16px;
    line-height:1.2em;
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactLabel {
        display: inline-block;
    }
}
.entityContactListNoPhotos .entityContactRightColumn .entityContactPhone {
    display: inline-block;
    vertical-align: middle;
    width: calc(25% - 15px);
    margin-right:15px;
    font-size: 20px;
    line-height: 1.2em;
}
@media screen and (max-width:1500px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactPhone {
        font-size: 18px;
        width: 130px;
    }
}
@media screen and (max-width:1280px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactPhone {
        width: 25%;
    }
}
@media screen and (max-width:1000px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactPhone {
        font-size: 18px;
        width: 130px;
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactPhone {
        font-size: 16px;
        width: auto;
        margin-right:0px;
        display:block;
    }
}
.entityContactListNoPhotos .entityContactRightColumn .entityContactEmail {
    display: inline-block;
    vertical-align: middle;
    width: calc(35% - 15px);
    margin-right:15px;
    font-size: 20px;
    line-height: 1.2em;
}
@media screen and (max-width:1500px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactEmail {
        font-size: 18px;
        width: 185px;
    }
}
@media screen and (max-width:1280px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactEmail {
        width:30%;
    }
}
@media screen and (max-width:1000px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactEmail {
        font-size: 18px;
        width: 185px;
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactEmail {
        font-size: 16px;
        line-height: 1.2em;
        width: auto;
        margin-right: 0px;
        display:block;
    }
}
.entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 20px;
    line-height: 1.2em;
}
@media screen and (max-width:1500px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
        width: calc(100% - 345px);
        font-size: 18px;
        line-height: 1.2em;
    }
}
@media screen and (max-width:1280px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
        width: calc(45% - 30px);
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
        font-size: 16px;
        line-height: 1.2em;
        display: block;
        width: auto;
    }
}
@media screen and (max-width:1000px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
        width: calc(100% - 345px);
        font-size: 18px;
        line-height: 1.2em;
    }
}
@media screen and (max-width:900px) {
    .entityContactListNoPhotos .entityContactRightColumn .entityContactInformation {
        font-size:16px;
        line-height:1.2em;
        display:block;
        width:auto;
    }
}
.pageContent .entityContactEmail a, .pageContent .entityContactEmail a:active, .pageContent .entityContactEmail a:visited {
    text-decoration: none;
    color: #30567d;
}
.pageContent .entityContactEmail a:hover {
    text-decoration:underline;
    color:black;
}
/*Quality Index (As seen on EPB/EQD)*/
.qualityIndexStripe {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 15px;
    width: 100%;
}
.qualityIndexColumns:nth-of-type(6n + 3) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(170,209,94,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 4) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(255,231,81,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 5) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(254,175,70,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 6) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(235,99,111,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 1) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(175,110,174,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 2) .qualityIndexStripe {
    background: linear-gradient(90deg, rgba(148,83,117,1) 0%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 3) {
    background: linear-gradient(90deg, rgba(224,239,198,1) 0%, rgba(224,239,198,0.40371229698375866) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 4) {
    background: linear-gradient(90deg, rgba(255,248,196,1) 0%, rgba(255,248,196,1) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 5) {
    background: linear-gradient(90deg, rgba(255,226,192,1) 0%, rgba(255,226,192,1) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 6) {
    background: linear-gradient(90deg, rgba(251,200,207,1) 0%, rgba(251,200,207,1) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 1) {
    background: linear-gradient(90deg, rgba(227,205,228,1) 0%, rgba(227,205,228,1) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndexColumns:nth-of-type(6n + 2) {
    background: linear-gradient(90deg, rgba(218,194,207,1) 0%, rgba(218,194,207,1) 30%, rgba(255,255,255,0) 100%);
}
.qualityIndex .qualityIndexTitle {
    font-size: 24px;
}
@media screen and (max-width:640px) {
    .qualityIndex .qualityIndexTitle {
        margin-bottom:15px;
    }
}
.qualityIndexColumns {
    display: table;
    min-height: 75px;
    padding: 15px;
    width: calc(100% - 30px);
    font-size: 0px;
    position: relative;
    margin-bottom: 15px;
}
.qualityIndexHeaders {
    font-size: 0px;
    position: relative;
    padding-bottom:15px;
}
@media screen and (max-width:640px) {
    .qualityIndexHeaders {
        display:none;
    }
}
.qualityIndexHeaderLeft {
    width: 250px;
    font-size: 15px;
    display: inline-block;
}
.qualityIndexHeaderRight {
    padding-left: 30px;
    width: calc(100% - 280px);
    font-size: 15px;
    display: inline-block;
}
.qualityIndexLeft {
    display: table-cell;
    vertical-align: middle;
    width: 250px;
    font-size: 15px;
    padding-top: 15px;
}
@media screen and (max-width:640px) {
    .qualityIndexLeft {
        width: 100%;
        display: inline-block;
        padding-bottom: 0px;
    }
}
.qualityIndexLeft .qualityIndexNumbers {
    font-size: 24px;
    font-weight: bold;
}
.qualityIndexRight {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    width: calc(100% - 265px);
    font-size: 15px;
    padding-top: 15px;
}
@media screen and (max-width:640px) {
    .qualityIndexRight {
        width: 100%;
        display: inline-block;
        padding: 0px;
    }
}
/*One Column Search Styles*/
.searchableSpreadsheetInput {
    margin-top:15px;
}
.searchableSpreadsheetInput.fullScreen {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 7;
    background-color: #e8ebed;
    width: calc(100% - 24px);
    height: 30px;
    padding: 10px;
    border: 2px solid #878787;
    margin-top:0px;
}
.searchableSpreadsheetInput #searchLabel {
    font-weight: bold;
    margin-right: 2px;
    vertical-align: middle;
}
@media screen and (max-width:1280px) {
    .searchableSpreadsheetInput.fullScreen #searchLabel {
        display:none;
    }
}
.searchableSpreadsheetInput #searchInput {
    vertical-align: middle;
    font-size: 16px;
    outline: none;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #a7a7a7;
    max-width: calc(100% - 55px);
}
.searchableSpreadsheetInput .closeFullScreen {
    font-size: 16px;
    line-height: 300px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-image: url('/Content/Images/icons/closeBlack.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.searchableSpreadsheetInput.fullScreen .closeFullScreen {
    display: inline-block;
}
.searchableSpreadsheet {
    margin-bottom: 15px;
    margin-top: 15px;
    width: calc(100% - 4px);
    max-height: 800px;
    overflow: scroll;
    border: 2px solid #878787;
}
.searchableSpreadsheet.fullScreen {
    position: fixed;
    top: 50px;
    left: 0px;
    background: white;
    height: calc(100vh - 50px);
    margin: 0px;
    z-index: 6;
    max-height: calc(100vh - 4px);
}
.searchableSpreadsheet table {
    border: 0px;
}
.searchableSpreadsheet tr {
    border: 0px;
}
.searchableSpreadsheet td {
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 5px;
    min-width: 115px;
    text-align: center;
}
@media screen and (max-width:450px) {
    .pageContent .searchableSpreadsheet table {
        display:table;
    }
    .pageContent .searchableSpreadsheet tr {
        display: table-row;
    }
    .pageContent .searchableSpreadsheet td {
        display: table-cell;
    }
    .pageContent .searchableSpreadsheet th {
        display: table-cell;
    }
}
.searchableSpreadsheet .wideFrame {
    min-width: 450px;
    text-align: left;
}
.searchableSpreadsheet .hideBorders td {
    border: 1px solid rgba(0,0,0,0);
    text-align: left;
}
.searchableSpreadsheet th {
    font-weight: 400 !important;
    background-color: rgba(140, 176, 214, 0.3411764705882353);
    border-right: 1px solid #878787;
    border-bottom: 1px solid #878787;
    padding: 5px;
    min-width: 115px;
    text-align: center;
}
.pageContent .searchableSpreadsheet a, .pageContent .searchableSpreadsheet a:active, .pageContent .searchableSpreadsheet a:visited {
    text-decoration:none;
}
.pageContent .searchableSpreadsheet a:hover {
    text-decoration:underline;
    color:black;
}
.makeFullscreen {
    display: inline-block;
    border: 1px solid #0b1b2c;
    margin-top: -5px;
    margin-bottom: 3px;
}
.pageContent .makeFullscreen a, .pageContent .makeFullscreen a:active, .pageContent .makeFullscreen a:visited{
    color: #0b1b2c;
    text-decoration: none;
    font-weight: 600;
    display:inline-block;
    padding:5px;
}
.pageContent .makeFullscreen a:hover {
    background-color: #ffe88c;
    text-decoration: none;
}
.fullscreenSpreadsheet {
    position: absolute;
    z-index: 9999;
    background-color: white;
    min-width: 100%;
    min-height: 100%;
}
.fullscreenSpreadsheet .searchableSpreadsheet {
    border: none;
    width: auto;
    height: auto;
    overflow: auto;
}
/*Show/Hide Tables*/
.searchableSpreadsheet .False {
    display: none;
}
/*Two Column Search Styles*/
.tableTitle {
    margin-top: 15px;
    margin-bottom: 15px;
    display:inline-block;
    width:100%;
}
/*Search Regions*/
.leftColumnSearch { 
    margin-bottom:15px; 
}
.rightColumnSearch {
    margin-bottom: 20px;
}
/*Search boxes and labels*/
.leftColumnSearch .textside {
    width: 240px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    font-weight: bold;
    margin-bottom:8px;
}
.leftColumnSearch .inputside {
    display: inline-block;
}

.rightColumnSearch .textside {
    width: 240px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    font-weight: bold;
    margin-bottom:8px;
}
.rightColumnSearch .inputside {
    display: inline-block;
}
/*Search box input styles*/
.leftColumnSearch .inputside .leftSearchColumnInput {
    border: 1px solid #b7b7b7;
    height: 18px;
    background-color: white;
    font-size: 15px;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    width: 160px;
    vertical-align:top;
}
.rightColumnSearch .inputside .rightSearchColumnInput {
    border: 1px solid #b7b7b7;
    height: 18px;
    background-color: white;
    font-size: 15px;
    padding: 5px;
    padding-left: 7px;
    padding-right: 7px;
    width: 160px;
    vertical-align:top;
}
/*Search Buttons*/
.leftColumnSearch .searchLeftColumnButton {
    display: inline-block;
    padding: 5px;
    padding-bottom: 4px;
    padding-top: 3px;
    text-decoration: none;
    border: 1px solid #b7b7b7;
    color: black;
    background-color: white;
    vertical-align:top;
}
.leftColumnSearch .searchLeftColumnButton:hover {
    background-color: #9C9C9C;
    text-decoration: none;
}
.rightColumnSearch .searchRightColumnButton {
    display: inline-block;
    padding: 5px;
    padding-bottom: 4px;
    padding-top: 3px;
    text-decoration: none;
    border: 1px solid #b7b7b7;
    border-radius: 0px;
    color: black;
    background-color: white;
    vertical-align:top;
}
.rightColumnSearch .searchRightColumnButton:hover {
    background-color: #9C9C9C;
    text-decoration: none !important;
}
/*Two Column Keyword Dropdown List*/
.twoColumnSearchKeywords {
    opacity: 0;
    height: 0px;
    display: none;
    font-size: 0px;
}
.twoColumnSearchKeywords.show {
    display: block;
    opacity: 1;
    animation-name: fadeinkeywords;
    animation-duration: 0.8s;
}
@keyframes fadeinkeywords {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.twoColumnSearchKeywords select {
    padding-left: 7px;
    font-size: 15px;
    line-height: 1.2em;
    border-radius: 0px;
    width: 176px;
    height: 33px;
    display: inline-block;
    border: 1px solid #b7b7b7;
    background-color: white;
}
/*Auto complete styles*/
.twoColumnSearchAutoCompleteList {
    position: absolute;
    display: inline-block;
    background-color: white;
    border: 1px solid #b7b7b7;
    border-top: 0px;
    margin-top: -1px;
    z-index: 1;
}
.twoColumnSearchAutoCompleteList .autoComplete {
    display: none;
    border-top: 1px solid #b7b7b7;
    font-size: 15px;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 1px;
    color: black;
    text-decoration: none;
    min-width: 164px;
}
.twoColumnSearchAutoCompleteList .autoComplete.show {
    display: block;
}
.twoColumnSearchAutoCompleteList .autoComplete.show:hover {
    background-color: #9C9C9C;
}
/*Reset Button*/
.twoColumnSearchClearAll {
    margin-top: 15px;
}
.twoColumnSearchClearAll .resetButton {
    display: inline-block;
    color: black;
    background-color: white;
    padding: 4px 5px 3px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(183,183,183,1);
    border-image: initial;
}
.twoColumnSearchClearAll .resetButton:hover {
    background-color: #9C9C9C;
}
/*Table Styles*/
.searchableTwoColumnSpreadsheet {
    display: inline-block;
    width: 100%;
    max-height: 800px;
    overflow: auto;
    border: 1px solid #dadada;
    background-color: #dadada;
    font-size: 0px;
    line-height: 0px;
}
@media print {
    .searchableTwoColumnSpreadsheet {
        max-height: auto;
        max-height: none;
    } 
}
.searchableTwoColumnSpreadsheet table {
    width: 100% !important;
    max-width: 100%;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    line-height: 1.2em;
}
.searchableTwoColumnSpreadsheet tr.hide {
    display: none;
}
.searchableTwoColumnSpreadsheet td {
    border-left: 1px solid #dadada;
    min-width: 100px;
    border-top: 1px solid #dadada;
    vertical-align: top;
    text-align: left;
    background-color: white;
    padding: 5px;
}
.searchableTwoColumnSpreadsheet a {
    color: black;
    text-decoration: none;
}
.searchableTwoColumnSpreadsheet a:hover {
    color: black;
    text-decoration: none;
}
.searchableTwoColumnSpreadsheet a:active {
    color: black;
    text-decoration: none;
}
.searchableTwoColumnSpreadsheet a:visited {
    color: black;
    text-decoration: none;
}
@media screen and (max-width:450px) {
    .pageContent .searchableTwoColumnSpreadsheet table {
        display:table;
    }
}
@media screen and (max-width:450px) {
    .pageContent .searchableTwoColumnSpreadsheet table tr {
        display: table-row;
    }
    .pageContent .searchableTwoColumnSpreadsheet table tr.hide {
        display: none;
    }
}
@media screen and (max-width:450px) {
    .pageContent .searchableTwoColumnSpreadsheet table td {
        display: table-cell;
    }
}
@media screen and (max-width:450px) {
    .pageContent .searchableTwoColumnSpreadsheet table th {
        display: table-cell;
    }
}
/*Interlocal Agreements Styles*/
.interlocalAgreementsSpreadsheet {
    display:none;
}
.interlocalFilterButtons {
    margin-top: 20px;
}
.interlocalSearchDocumentsLabel {
    font-weight: 600;
    display: inline-block;
    min-width: 180px;
}
/*List View Column Styles (Margins/Width)*/
.interlocalLabels {
    margin-top: 10px;
    margin-bottom:10px;
    border-bottom: 1px solid;
    padding-bottom:8px;
}
/*Document Name*/
.documentlink { display:none; }
.documentlink.True { display:block; }
.documentlink.False { display:None; }
.documentlink .document_title { font-weight:600; margin-right:3px; }
.interlocalNumberLabel { vertical-align:bottom; }
.interlocalNumberLabel, .interlocalNumberContainer {
    display: inline-block;
    width: 55px;
}
@media screen and (max-width:895px) {
    .interlocalNumberLabel, .interlocalNumberContainer {
        display: none;
    } 
}
.interlocalNumberContainer {
    vertical-align: top;
}
.interlocalNameLabel {
    vertical-align: bottom;
}
.interlocalNameLabel, .interlocalNameContainer {
    display: inline-block;
    margin-right: 1%;
}
/*Name width is a universal style shared by multiple text boxes, all left-aligned and roughly half the list width*/
.interlocalNameWidth {
    width: 35%;
}
@media screen and (max-width:895px) {
    .interlocalNameWidth, .interlocalNameContainer {
        width: 55%;
    } 
}
@media screen and (max-width:550px) {
    .interlocalNameWidth, .interlocalNameContainer {
        width: 71%;
    } 
}
@media screen and (max-width:350px) {
    .interlocalNameWidth, .interlocalNameContainer {
        width: 63%;
    } 
}
.interlocalNameContainer {
    vertical-align: top;
}
.interlocalNameContainer a {
    text-decoration: none;
}
.interlocalNameContainer a:hover {
    text-decoration: underline;
}
/*Year of Execution*/
.interlocalYearLabel {
    vertical-align: bottom;
}
.interlocalYearLabel, .interlocalYearContainer {
    display: inline-block;
    width: 10%;
    text-align: center;
    margin-right: 1%;
}
@media screen and (max-width:895px) {
    .interlocalYearLabel, .interlocalYearContainer {
        width: 14%;
    } 
}
@media screen and (max-width:550px) {
    .interlocalYearLabel, .interlocalYearContainer {
        width: 25%;
        margin-right: 0px;
    } 
}
@media screen and (max-width:350px) {
    .interlocalYearLabel, .interlocalYearContainer {
        width: 30%;
        margin-right: 0px;
    } 
}
.interlocalYearContainer {
    vertical-align: top;
}
/*Legislation*/
.interlocalLegislationLabel {
    vertical-align: bottom;
}
.interlocalLegislationLabel, .interlocalLegislationContainer {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-right: 1%;
}
@media screen and (max-width:895px) {
    .interlocalLegislationLabel, .interlocalLegislationContainer {
        margin-right: 0px;
    } 
}
@media screen and (max-width:550px) {
    .interlocalLegislationLabel, .interlocalLegislationContainer {
        display: none;
    } 
}
.interlocalLegislationContainer {
    vertical-align: top;
}
.interlocalLegislationContainer_mobile {
    display: none;
}
@media screen and (max-width:550px) {
    .interlocalLegislationContainer_mobile {
        display: block;
    } 
}
/*Department*/
.interlocalDepartmentLabel {
    vertical-align: bottom;
}
.interlocalDepartmentLabel, .interlocalDepartmentContainer {
    display: inline-block;
    width: 15%;
    text-align: center;
}
@media screen and (max-width:895px) {
    .interlocalDepartmentLabel, .interlocalDepartmentContainer {
        display: none;
    } 
}
.interlocalDepartmentContainer {
    vertical-align: top;
    text-transform: uppercase;
}
.Department_container_mobile { display:none; text-transform:uppercase; }
.Department_container_mobile .department_title{ text-transform:capitalize; }
@media screen and (max-width:895px) { .Department_container_mobile { display:block; } }
/*When the filter is enabled hide all items that are do not match the current class*/
.showHideInterlocalAgreement{
    position:relative;
    margin-bottom:10px;
}
.interlocalListFilters.filterEnabled .showHideInterlocalAgreement {
    display: none;
}
/*Show list of affilates if there are any*/
.interlocalListOfFeaturesContainerListview {
    display: none;
}
.interlocalListOfFeaturesContainerListview.True {
    display: block;
}
.interlocalListOfFeaturesContainerListview .False {
    display: none;
}
.interlocalListOfFeaturesContainerListview .True {
    display: inline-block;
}
.interlocalHoverPopup {
    display: none;
    position: absolute;
    background-color: white;
    left: 0px;
    top: calc(100% + 5px);
    z-index: 2;
    border: 1px solid #a9a9a9;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    border-radius: 10px;
}
.hoveredOver .interlocalHoverPopup {
    display: block;
}
@media screen and (max-width:895px) {
    .hoveredOver .interlocalHoverPopup {
        display: none;
    } 
}
@media screen and (max-width:895px) {
    .interlocalMobileViewClickedOpen .interlocalHoverPopup {
        display: block;
        position: relative;
        margin-top: -27px;
        border-radius: 0px;
        left: 0px;
    } 
}
.interlocalHoverTriangle {
    background-image: url('/Content/Images/icons/wordBalloonTop.png');
    width: 30px;
    height: 16px;
    position: absolute;
    margin-top: -21px;
    background-size: 30px 16px;
    left: 50px;
}
@media screen and (max-width:895px) {
    .interlocalHoverTriangle {
        top: 0px;
        margin-top: 0px;
        right: 0px;
        left: auto;
        width: 30px;
        height: 30px;
        background-size: 22px;
        background-position: left 6px center;
        background-repeat: no-repeat;
        cursor: pointer;
        background-image: url('/Content/Images/icons/closeMobile.png');
    } 
}
/*Mobile button for showing the popup*/
.interlocalMobileShowMoreInfo {
    display: none;
    cursor: pointer;
    background-color: white;
    padding: 2px;
    padding-left: 5px;
    padding-right: 25px;
    border: 1px solid #a9a9a9;
    background-image: url(/Content/Images/icons/arrowDropdown.png);
    background-size: 20px 20px;
    background-position: top 1px right 3px;
    background-repeat: no-repeat;
    margin-top: 5px;
}
@media screen and (max-width:895px) {
    .interlocalMobileShowMoreInfo {
        display: inline-block;
    } 
}
/*Show/Hide Button*/
.interlocalFilterButtonUnlock {
    display: inline-block;
    margin-bottom: 5px;
}
.interlocalSearchIcon {
    display: inline-block;
    width: 25px;
    height: 22px;
    border: 2px solid #a9a9a9;
    border-radius: 5px;
    padding-top: 1px;
    position: absolute;
    margin-top: -1px;
}
.interlocalFilterButtonUnlock.open .interlocalSearchIcon {
    background-color: #a9a9a9;
}
.interlocalSearchIcon .stripe {
    position: relative;
    margin-top: 3px;
    width: 17px;
    left: 4px;
    height: 3px;
    background-color: #a9a9a9;
}
.interlocalFilterButtonUnlock.open .interlocalSearchIcon .stripe {
    background-color: white;
}
.interlocalSearchLabelText {
    padding-left: 35px;
    padding-top: 2px;
    padding-bottom: 3px;
    position: relative;
    z-index: 1;
    font-weight: bold;
    display: inline-block;
}
/*Affiliate filters container styles*/
.interlocalAffiliateFiltersContainer {
    display:block; 
    position:relative; 
    margin-top:5px; 
}
.interlocalAffiliateFiltersContainer .affiliatesLeftSide {
    position: absolute;
}
@media screen and (max-width:433px) {
    .interlocalAffiliateFiltersContainer .affiliatesLeftSide {
        position: relative;
    } 
}
.interlocalAffiliateFiltersContainer .affiliatesRightSide {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 184px;
}
@media screen and (max-width:433px) {
    .interlocalAffiliateFiltersContainer .affiliatesRightSide {
        padding-left: 0px;
    } 
}
/*Show/Hide Controls For Filters*/
.interlocalsSpreadsheet {
    display:none;
}
.pageContent .interlocalFilterButtons a, .pageContent .interlocalFilterButtons a:active, .pageContent .interlocalFilterButtons a:visited {
    text-decoration: none;
    color: black;
}
.pageContent .interlocalFilterButtons a:hover {
    text-decoration:none;
}
.affiliatesRightSide .interlocalToggle .filter {
    display: none;
}
.interlocalFilterButtonsShowHide {
    height: 0px;
    overflow: hidden;
    position: relative;
}
.interlocalFilterButtonsShowHide.show {
    height: auto;
    overflow: visible;
}
.interlocalFilterButtonsShowHide.hide {
    height: 0px;
    overflow: hidden;
}
/*Filter button Styles*/
.interlocalFilterButtonsShowHide .filterButtonMargins {
    padding-top: 5px; 
}
.interlocalFilterButtons .dropdownlist {
    display: inline-block;
    position: relative;
    border: 1px solid #a9a9a9;
    min-width: 200px;
    background-color: white;
    padding-left: 5px;
    padding-top:2px;
    padding-bottom:2px;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 3px;
    background-image: url('/Content/Images/icons/arrowDropdown.png');
    background-size: 20px 20px;
    background-position: top 1px right 3px;
    background-repeat: no-repeat;
}
.interlocalFilterButtons .dropdownlist.clicked {
    background-image: url('/Content/Images/icons/arrowDropdown.png');
    background-position: top 1px right 3px;
}
.interlocalFilterButtons .dropdownlist a {
    display: block;
}
.interlocalFilterButtons .dropdownlist:hover {
    background-color: #fff2bf;
}
.interlocalFilterButtons .dropdownlistmenu {
    display: none;
    border: 1px solid #a9a9a9;
    margin-top: 25px;
    background-color: white;
    position: absolute;
    min-width: 100%;
    left: -1px;
    top: 0px;
    z-index: 2;
}
.interlocalFilterButtons .dropdownlistmenu.clicked {
    display: inline-block;
}
.interlocalFilterButtons .dropdownlistmenu .item {
    padding: 5px;
    cursor: pointer;
    text-transform: uppercase;
}
.interlocalFilterButtons .dropdownlistmenu .item.clearfilter {
    text-transform: capitalize;
}
.interlocalFilterButtons .dropdownlistmenu .item a {
    color: black;
}
.interlocalFilterButtons .dropdownlistmenu .item:hover {
    padding: 5px;
    background-color: #fff2bf;
}
.interlocalFilterButtons .dropdownlistmenu .item:hover a {
    color: black;
}
.interlocalFilterButtons .dropdownlistmenu .item .filter {
    display: none;
}
.interlocalToggle {
    display: inline-block;
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding-right: 3px;
    margin-bottom:5px;
}
.interlocalToggle::before {
    content: ".";
    font-size: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    background-color: white;
    border: 1px solid #a9a9a9;
    margin-top: -1px;
    position: absolute;
    background-size: 85%;
    background-position: center;
    background-repeat: no-repeat;
}
.interlocalFilterButtons .toggleOn::before {
    background-image: url('/Content/Images/icons/checkMark.png');
}
.interlocalToggle:hover::before {
    background-color: #fff2bf;
}
.interlocalFilterButtons .toggleSpacer {
    min-width: 180px;
    display: inline-block;
}
/*Search Textbox*/
.interlocalSearchInput input {
    background-color: white;
    border: 1px solid #a9a9a9;
    padding-top: 5px;
    font-size: 1em;
    padding-bottom: 4px;
    width: 353px;
    padding-left: 4px;
    margin-bottom: 4px;
    outline:none;
}
@media screen and (max-width:432px) {
    .interlocalSearchInput input {
        width: 97.5%;
    } 
}
/*Detail Styles*/
.interlocalListOfFeaturesTitle {
    font-weight: 600;
}
.interlocalListOfFeaturesTitle .legislation_title {
    font-weight: 600;
}
.interlocalListOfFeaturesTitle .department_title {
    font-weight: 600;
}
.interlocalListOfFeaturesTitle .notes_title {
    font-weight: 600;
}
.interlocalListOfFeaturesTitle .insertedComma {
    margin-left: -4px;
}
.interlocalFeaturesContainer.False {
    display: none;
}
.interlocalFeaturesContainer .False {
    display: none;
}
.interlocalFeaturesContainer .True {
    display: inline-block;
}
/*UIStarterCore.Cabinet*/
.cabinetList {
    font-size: 0px;
    line-height:0px;
    width: calc(100% + 15px);
    position: relative;
}
.cabinetList .cabinet {
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
.cabinetButton {
    text-decoration:none;
    font-weight:bold;
}
.cabinetButtonPadding {
    position: relative;
    padding-top: 56.26%;
}
.count_1 .cabinetButtonPadding{
    padding-top:116px;
}
.count_2 .cabinetButtonPadding{
    padding-top:116px;
}
.count_3 .cabinetButtonPadding{
    padding-top:116px;
}
.count_4 .cabinetButtonPadding{
    padding-top:116px;
}
.count_5 .cabinetButtonPadding{
    padding-top:116px;
}
.count_6 .cabinetButtonPadding{
    padding-top:116px;
}
.count_7 .cabinetButtonPadding{
    padding-top:116px;
}
.count_8 .cabinetButtonPadding{
    padding-top:116px;
}
.count_9 .cabinetButtonPadding{
    padding-top:116px;
}
.count_10 .cabinetButtonPadding{
    padding-top:116px;
}
.count_11 .cabinetButtonPadding{
    padding-top:116px;
}
.count_12 .cabinetButtonPadding{
    padding-top:116px;
}
.cabinetButtonText {
    color: #24527c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    opacity: 1;
    line-height: 1em;
    padding-bottom: 10px;
    transition: opacity 0.5s;
}
.cabinet.open .cabinetButtonText {
    opacity: 0;
}
.cabinetButton:hover .cabinetButtonText {
    opacity:0;
}
.cabinetButtonTextSelected {
    color: white;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 10px);
    font-size: 20px;
    line-height: 1em;
    opacity: 0;
    transition: opacity 0.5s;
}
.cabinet.open .cabinetButtonTextSelected {
    opacity: 1;
}
.cabinetButton:hover .cabinetButtonTextSelected {
    opacity: 1;
}
.cabinetButtonBackground {
    background-color: #f0f0f0;
    height: 100%;
    position: absolute;
    top: 0px;
    transition: opacity 0.5s;
    border-radius:5px;
}
.cabinet.open .cabinetButtonBackground {
    opacity: 0;
}
.cabinetButton:hover .cabinetButtonBackground {
    opacity:0;
}
.cabinetButtonBackgroundSelected {
    opacity: 0;
    background-color: #24527c;
    height: 100%;
    position: absolute;
    top: 0px;
    transition: opacity 0.5s;
    border-radius: 5px;
}
.cabinet.open .cabinetButtonBackgroundSelected {
    border-radius: 5px 5px 0px 0px;
    opacity: 1;
}
.cabinetButton:hover .cabinetButtonBackgroundSelected {
    opacity: 1;
}
.cabinetButtonIcon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.5s;
}
.cabinet.open .cabinetButtonIcon {
    opacity: 0;
}
.cabinetButton:hover .cabinetButtonIcon {
    opacity:0;
}
.cabinetButtonIconSelected {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s;
}
.cabinet.open .cabinetButtonIconSelected {
    opacity: 1;
}
.cabinetButton:hover .cabinetButtonIconSelected {
    opacity: 1;
}
.cabinetTextPadding {
    padding-left:5px;
    padding-right:5px;
    position:relative;
    min-height:20px;
}
/*Count 1*/
.cabinetList.count_1 .cabinet,
.cabinetList.count_1 .cabinetButtonBackground,
.cabinetList.count_1 .cabinetButtonBackgroundSelected,
.cabinetList.count_1 .drawer {
    width: calc(100% - 15px);
}
.cabinetList.count_1 .cabinet{
    margin-bottom:15px;
    vertical-align:top;
}
.cabinetList.count_1 .cabinetButton{
    position:relative;
}
.cabinetList.count_1 .cabinetButtonBackground,
.cabinetList.count_1 .cabinetButtonBackgroundSelected{
    top:auto;
    width:100%;
    height:100%;
}
.cabinetList.count_1 .cabinetButtonText{
    position:relative;
    width:100%;
}
.cabinetList.count_1 .drawer{
    position:relative;
    width:100%;
}
/*Count 2*/
.cabinetList.count_2 .cabinet,
.cabinetList.count_2 .cabinetButtonBackground,
.cabinetList.count_2 .cabinetButtonBackgroundSelected,
.cabinetList.count_2 .drawer {
    width: calc(50% - 15px);
}
@media screen and (max-width:600px){
    .cabinetList.count_2 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
        width: calc(100% - 15px);
    }
    .cabinetList.count_2 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_2 .cabinetButtonBackground,
    .cabinetList.count_2 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
    .cabinetList.count_2 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_2 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 3*/
.cabinetList.count_3 .cabinet,
.cabinetList.count_3 .cabinetButtonBackground,
.cabinetList.count_3 .cabinetButtonBackgroundSelected,
.cabinetList.count_3 .drawer {
    width: calc(33.333% - 15px);
}
@media screen and (max-width:600px){
    .cabinetList.count_3 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_3 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_3 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_3 .cabinet,
    .cabinetList.count_3 .drawer {
        width: calc(50% - 15px);
    }
    .cabinetList.count_3 .cabinetButtonBackground,
    .cabinetList.count_3 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_3 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_3 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_3 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 4*/
.cabinetList.count_4 .cabinet,
.cabinetList.count_4 .cabinetButtonBackground,
.cabinetList.count_4 .cabinetButtonBackgroundSelected,
.cabinetList.count_4 .drawer {
    width: calc(25% - 15px);
}
@media screen and (max-width:800px){
    .cabinetList.count_4 .cabinetButtonText, 
    .cabinetList.count_4 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:680px){
    .cabinetList.count_4 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_4 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_4 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_4 .cabinet,
    .cabinetList.count_4 .drawer {
        width: calc(50% - 15px);
    }
    .cabinetList.count_4 .cabinetButtonBackground,
    .cabinetList.count_4 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_4 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_4 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_4 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 5*/
.cabinetList.count_5 .cabinet,
.cabinetList.count_5 .cabinetButtonBackground,
.cabinetList.count_5 .cabinetButtonBackgroundSelected,
.cabinetList.count_5 .drawer {
    width: calc(20% - 15px);
}
@media screen and (max-width:980px){
    .cabinetList.count_5 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_5 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_5 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_5 .cabinet,
    .cabinetList.count_5 .drawer {
        width: calc(33.333% - 15px);
    }
    .cabinetList.count_5 .cabinetButtonBackground,
    .cabinetList.count_5 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:800px){
    .cabinetList.count_5 .cabinetButtonText, 
    .cabinetList.count_5 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:520px){
    .cabinetList.count_5 .cabinet,
    .cabinetList.count_5 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_5 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_5 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_5 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 6*/
.cabinetList.count_6 .cabinet,
.cabinetList.count_6 .cabinetButtonBackground,
.cabinetList.count_6 .cabinetButtonBackgroundSelected,
.cabinetList.count_6 .drawer {
    width: calc(16.666% - 15px);
}
@media screen and (max-width:1100px){
    .cabinetList.count_6 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_6 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_6 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_6 .cabinet,
    .cabinetList.count_6 .drawer {
        width: calc(33.333% - 15px);
    }
    .cabinetList.count_6 .cabinetButtonBackground,
    .cabinetList.count_6 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:800px){
    .cabinetList.count_6 .cabinetButtonText, 
    .cabinetList.count_6 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:520px){
    .cabinetList.count_6 .cabinet,
    .cabinetList.count_6 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_6 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_6 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_6 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 7*/
.cabinetList.count_7 .cabinet,
.cabinetList.count_7 .cabinetButtonBackground,
.cabinetList.count_7 .cabinetButtonBackgroundSelected,
.cabinetList.count_7 .drawer {
    width: calc(14.285% - 15px);
}
@media screen and (max-width:1280px){
    .cabinetList.count_7 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_7 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_7 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_7 .cabinet,
    .cabinetList.count_7 .drawer {
        width: calc(25% - 15px);
    }
    .cabinetList.count_7 .cabinetButtonBackground,
    .cabinetList.count_7 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:800px){
    .cabinetList.count_7 .cabinetButtonText, 
    .cabinetList.count_7 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:700px){
    .cabinetList.count_7 .cabinet,
    .cabinetList.count_7 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:520px){
    .cabinetList.count_7 .cabinet,
    .cabinetList.count_7 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_7 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_7 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_7 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 8*/
.cabinetList.count_8 .cabinet,
.cabinetList.count_8 .cabinetButtonBackground,
.cabinetList.count_8 .cabinetButtonBackgroundSelected,
.cabinetList.count_8 .drawer {
    width: calc(12.5% - 15px)
}
@media screen and (max-width:1590px){
    .cabinetList.count_8 .cabinet{
        margin-bottom:15px;
        vertical-align:top;
    }
    .cabinetList.count_8 .cabinetButton{
        position:relative;
    }
    .cabinetList.count_8 .cabinetButtonText{
        position:absolute;
        bottom:0px;
        width:calc(100% - 10px);
    }
    .cabinetList.count_8 .cabinet,
    .cabinetList.count_8 .drawer {
        width: calc(25% - 15px);
    }
    .cabinetList.count_8 .cabinetButtonBackground,
    .cabinetList.count_8 .cabinetButtonBackgroundSelected{
        top:auto;
        width:100%;
        height:100%;
    }
}
@media screen and (max-width:800px){
    .cabinetList.count_8 .cabinetButtonText, 
    .cabinetList.count_8 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:700px){
    .cabinetList.count_8 .cabinet,
    .cabinetList.count_8 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:520px){
    .cabinetList.count_8 .cabinet,
    .cabinetList.count_8 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_8 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_8 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_8 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 9*/
.cabinetList.count_9 .cabinet,
.cabinetList.count_9 .drawer {
    width: calc(20% - 15px);
}
.cabinetList.count_9 .cabinet{
    margin-bottom:15px;
    vertical-align:top;
}
.cabinetList.count_9 .cabinetButton{
    position:relative;
}
.cabinetList.count_9 .cabinetButtonText{
    position:absolute;
    bottom:0px;
    width:calc(100% - 10px);
}
.cabinetList.count_9 .cabinetButtonBackground,
.cabinetList.count_9 .cabinetButtonBackgroundSelected{
    top:auto;
    width:100%;
    height:100%;
}
@media screen and (max-width:1080px){
    .cabinetList.count_9 .cabinetButtonText, 
    .cabinetList.count_9 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:980px){
    .cabinetList.count_9 .cabinet,
    .cabinetList.count_9 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:520px){
    .cabinetList.count_9 .cabinet,
    .cabinetList.count_9 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_9 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_9 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_9 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 10*/
.cabinetList.count_10 .cabinet,
.cabinetList.count_10 .drawer {
    width: calc(20% - 15px);
}
.cabinetList.count_10 .cabinet{
    margin-bottom:15px;
    vertical-align:top;
}
.cabinetList.count_10 .cabinetButton{
    position:relative;
}
.cabinetList.count_10 .cabinetButtonText{
    position:absolute;
    bottom:0px;
    width:calc(100% - 10px);
}
.cabinetList.count_10 .cabinet,
.cabinetList.count_10 .drawer {
    width: calc(20% - 15px);
}
.cabinetList.count_10 .cabinetButtonBackground,
.cabinetList.count_10 .cabinetButtonBackgroundSelected{
    top:auto;
    width:100%;
    height:100%;
}
@media screen and (max-width:1280px){
    .cabinetList.count_10 .cabinetButtonText, 
    .cabinetList.count_10 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:1024px){
    .cabinetList.count_10 .cabinet,
    .cabinetList.count_10 .drawer {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:810px){
    .cabinetList.count_10 .cabinet,
    .cabinetList.count_10 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:620px){
    .cabinetList.count_10 .cabinet,
    .cabinetList.count_10 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_10 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_10 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_10 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 11*/
.cabinetList.count_11 .cabinet,
.cabinetList.count_11 .drawer {
    width: calc(16.666% - 15px);
}
.cabinetList.count_11 .cabinet{
    margin-bottom:15px;
    vertical-align:top;
}
.cabinetList.count_11 .cabinetButton{
    position:relative;
}
.cabinetList.count_11 .cabinetButtonText{
    position:absolute;
    bottom:0px;
    width:calc(100% - 10px);
}
.cabinetList.count_11 .cabinet,
.cabinetList.count_11 .drawer {
    width: calc(16.666% - 15px);
}
.cabinetList.count_11 .cabinetButtonBackground,
.cabinetList.count_11 .cabinetButtonBackgroundSelected{
    top:auto;
    width:100%;
    height:100%;
}
@media screen and (max-width:1450px){
    .cabinetList.count_11 .cabinetButtonText, 
    .cabinetList.count_11 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:1280px){
    .cabinetList.count_11 .cabinet,
    .cabinetList.count_11 .drawer {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:810px){
    .cabinetList.count_11 .cabinet,
    .cabinetList.count_11 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:620px){
    .cabinetList.count_11 .cabinet,
    .cabinetList.count_11 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_11 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_11 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_11 .drawer{
        position:relative;
        width:100%;
    }
}
/*Count 12*/
.cabinetList.count_12 .cabinet,
.cabinetList.count_12 .drawer {
    width: calc(16.666% - 15px);
}
.cabinetList.count_12 .cabinet{
    margin-bottom:15px;
    vertical-align:top;
}
.cabinetList.count_12 .cabinetButton{
    position:relative;
}
.cabinetList.count_12 .cabinetButtonText{
    position:absolute;
    bottom:0px;
    width:calc(100% - 10px);
}
.cabinetList.count_12 .cabinet,
.cabinetList.count_12 .drawer {
    width: calc(16.666% - 15px);
}
.cabinetList.count_12 .cabinetButtonBackground,
.cabinetList.count_12 .cabinetButtonBackgroundSelected{
    top:auto;
    width:100%;
    height:100%;
}
.cabinetList .drawer {
    position: absolute;
    height:0px;
    overflow:hidden;
    margin-top:-5px;
    z-index:1;
}
.cabinetList .drawerPadding {
    background-color: #24527c;
    padding: 15px;
    padding-top: 5px;
    line-height: 1.2em;
    font-size: 16px;
    border-radius: 0px 0px 5px 5px;
}
.cabinetList .drawerColor {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    opacity: 1;
    transition: opacity 0.5s;
}
.cabinetList .open .drawerColor {
    opacity:0;
}
.cabinetList .drawerContents {
    color: white;
    border-top: 1px solid #f2ca50;
    padding-top: 15px;
    position: relative;
}
.cabinetList .drawerPadding a, .cabinetList .drawerPadding a:visited, .cabinetList .drawerPadding a:active {
    color:white;
    text-decoration:none;
    display:inline-block;
    margin-bottom:15px;
}
.cabinetList .drawerPadding a:last-of-type {
    margin-bottom:0px;
}
.cabinetList .drawerPadding a:hover {
    text-decoration:underline;
}
@media screen and (max-width:1450px){
    .cabinetList.count_12 .cabinetButtonText, 
    .cabinetList.count_12 .cabinetButtonTextSelected{
        font-size:16px;
    }
}
@media screen and (max-width:1280px){
    .cabinetList.count_12 .cabinet,
    .cabinetList.count_12 .drawer {
        width: calc(25% - 15px);
    }
}
@media screen and (max-width:810px){
    .cabinetList.count_12 .cabinet,
    .cabinetList.count_12 .drawer {
        width: calc(33.333% - 15px);
    }
}
@media screen and (max-width:620px){
    .cabinetList.count_12 .cabinet,
    .cabinetList.count_12 .drawer {
        width: calc(50% - 15px);
    }
}
@media screen and (max-width:380px){
    .cabinetList.count_12 .cabinet {
        width: calc(100% - 15px);
    }
    .cabinetList.count_12 .cabinetButtonText{
        position:relative;
        width:100%;
    }
    .cabinetList.count_12 .drawer{
        position:relative;
        width:100%;
    }
}