/*Global Layout Styles*/
/*Body*/
body {
    top: 0px !important;
    margin: 0px;
    font-size: 0px;
    line-height: 0px;
    font-family: sans-serif;
    background: linear-gradient(to bottom,#3b3b3b 0,#3b3b3b 100%);
}

body.whiteBG{
    background:white;
}

body .pageBleed {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,#3b3b3b 0,#3b3b3b 100%);
}

body .blankPageBleed {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

/*F5 Monitor*/
.F5Monitor {
    line-height: 1em;
    font-size: 15px;
}

/*Global Embeds*/
.globalEmbed .embedList{
    margin:0px;
}
.globalEmbed .embedHTML{
    padding:0px;
    line-height:0px;
    font-size:0px;
}
/*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;
}
/*Precached Subnav Menu*/
.globalSubnav {
    display: none;
}
/*Default Template Button : We do not use this*/
#defaultTemplates {
    display: none !important;
}
/*Header*/
.headerContainer {
    position: relative;
    z-index: 6;
    background-color: rgba(0, 57, 162, 0.7);
    margin-left: auto;
    margin-right: auto;
}

.bg_bleedOverflow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bg_bleed {
    width: 100%;
    height: 100%;
}

.headerTopContainer {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.headerTop {
    max-width: 1610px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 16px;
    line-height: 1em;
    height: 0px;
}

.headerBottom {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 16px;
    line-height: 1em;
    height: 90px;
}

.citySeal {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 10px;
    background-image: url(logo.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);
    }
}

/*Welcome Emmail Message*/
.emailFormBox{
    /*background-color: rgba(0, 57, 162, 0.7);*/
    color: rgba(0,0,0,0);
    padding: 50px;
    padding-top:25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position:relative;
}
@media screen and (max-width:980px){
    .emailFormBox{
        padding: calc(8vw - 30px);
        padding-top:25px;
    }
}
@media screen and (max-width:580px){
    .emailFormBox{
        margin:0px;
        padding: 15px;
    }
}
.ShoutOutFormLine1{
    width: 825px;
    height: 40px;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    background-size: 900px;
    margin-bottom: 25px;
}
@media screen and (max-width:980px){
    .ShoutOutFormLine1{
        width: 100%;
        background-size: 91.83vw;
        margin-bottom: 2.5vw;
    }
}
@media screen and (max-width:420px){
    .ShoutOutFormLine1{
        color: white;
        text-shadow: 1px 1px 1px black;
        font-size: 20px;
        line-height: 1.2em;
        height: auto;
        text-align: center;
        letter-spacing: 4px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-transform: uppercase;
        background: url('') !important;
    }
}
.ShoutOutFormLine2{
    display: inline-block;
    width: 420px;
    height:75px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    vertical-align: middle;
    margin-right: 20px;
    text-align: right;
    /*color:white;*/
    /*font-size:32px;*/
    /*text-shadow: 1px 1px black;*/
    /*text-transform: uppercase;*/
}
@media screen and (max-width:980px){
    .ShoutOutFormLine2{
        background-size: contain;
        margin-right: 2vw;
        width: 50%;
        height:7.65vw;
    }
}
@media screen and (max-width:580px){
    .ShoutOutFormLine2{
        margin-right: 5px;
        background-size: contain;
        width: calc(100% - 250px);
    }
}
@media screen and (max-width:480px){
    .ShoutOutFormLine2{
        height: auto;
        font-size: 12px;
        color: white;
        line-height: 1.2em;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: block;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
        background: url('') !important;
    }
    .ShoutOutFormLine2 span{
        font-size:15px;
    }
}
.ShoutOutFormEmail::placeholder{
    color:white;
    font-weight:100;
}
.ShoutOutFormEmail{
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    padding: 15px;
    margin: 0px;
    color: white;
    border-radius: 10px 0px 0px 10px;
    border: solid 1px white;
    border-right: 0px;
    background-color: black;
    height: 23px;
}
@media screen and (max-width:980px){
    .ShoutOutFormEmail{
        padding: 1.53vw;
        width: 27%;
        height: 18px;
    }
}
@media screen and (max-width:580px){
    .ShoutOutFormEmail{
        width: 100px;
        height: 14px;
        font-size: 14px;
        padding: 10px;
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media screen and (max-width:300px){
    .ShoutOutFormEmail{
        max-width: calc(100% - 100px);
    }
}
.ShoutOutSubmitButton{
    display: inline-block;
    width: 60px;
    line-height: 1em;
    padding-top: 18px;
    padding-bottom: 17px;
    vertical-align: middle;
    background-color: #2871c8;
    color: white;
    font-size: 18px;
    height: 18px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid white;
    border-left: 0px;
    font-weight: 100;
    letter-spacing: 1px;
    outline:0px;
    transition:color 0.2s, background-color 0.1s;
}
.ShoutOutSubmitButton:hover{
    color:black;
    background-color:#b8e5ff;
}
@media screen and (max-width:980px){
    .ShoutOutSubmitButton{
        padding: 1.53vw;
    }
}
@media screen and (max-width:580px){
    .ShoutOutSubmitButton{
        height: 14px;
        font-size: 14px;
        padding: 10px;
        padding-left: 8px;
        padding-right: 8px;
    }
}
.ShoutOutSubmitButton > font{
    display: block;
    overflow: hidden;
    max-height: 20px;
    max-width: 64px;
    font-size: 14px;
    word-break: break-all;
}

/*Welcome Top Content*/
.topBlueBarMargin{
    margin-top: 130px;
}
.topBlueBar{
    /*background: rgba(0, 57, 162, 0.7);*/
    min-height: 0px;
}
.topBlueBar a, .topBlueBar a:active, .topBlueBar a:visited{
    color:white;
    text-decoration: underline;
}
.topBlueBar a:hover{
    color:#b8e5ff;
    text-decoration: underline;
}
.topBlueBarTable{
    display: table;
    width: 100%;
    min-height: 100px;
    background: rgba(0, 57, 162, 0.7);
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1px white;
}
.topBlueBarTableCell{
    display:table-cell;
    padding:15px;
    vertical-align:middle;
    color:white;
    font-size:15px;
    line-height:1.4em;
}
.topBlueBarContentMargins{
    max-width:1550px;
    margin-left:auto;
    margin-right:auto;
}
.topContent {
    /*background-image: url(welcomeTopcontentBackground.png);*/
    position: relative;
    color: #3b3b3b;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 100%);
    margin-left: auto;
    margin-right: auto;
    border-radius:10px 10px 0px 0px;
}

@media screen and (max-width:580px){
    .topContent {
        border-radius:0px;
    }
}

.topContentMargins {
    padding: 50px;
    padding-bottom: 0px;
    display:inline-block;
    width:calc(100% - 100px);
}

@media screen and (max-width:1280px){
    .topContentMargins {
        padding: 25px;
        padding-top: 30px;
        padding-bottom: 0px;
        width:calc(100% - 50px);
    }
}

.topContentTitle {
    text-transform: capitalize;
    font-size: 36px;
    line-height: 1em;
    text-align: center;
    color: rgb(0,0,0,0);
    text-shadow: 1px 1px #3a3a3a;
    margin-bottom: 15px;
}

@media screen and (max-width:550px){
    .topContentTitle {
        font-size:28px;
    }
}

.topContentText {
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 100;
    color: rgb(0,0,0,0);
    text-shadow: 0px 0px #3b3b3b;
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:550px){
    .topContentText {
        font-size:16px;
    }
}

.topContentText img{
    float: right !important;
    margin-left: 15px !important;
    margin-bottom: 0px !important;
    width: 300px  !important;
    max-width:100%  !important;
    height:auto  !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

@media screen and (max-width:640px){
    .topContentText img{
        float: none !important;
        margin-left: 0px !important;
        margin-bottom: 12px !important;
    }
}

.topContentText h1{
    font-size: 40px;
    line-height: 1em;
    margin: 0px;
    margin-bottom: 10px;
}

@media screen and (max-width:512px){
    .topContentText h1{
        font-size: 36px;
        line-height: 1em;
    }
}

@media screen and (max-width:400px){
    .topContentText h1{
        font-size: 28px;
        line-height: 1em;
    }
}

@media screen and (max-width:310px){
    .topContentText h1{
        font-size: 24px;
        line-height: 1em;
    }
}


.topContentText h2{
    font-size: 36px;
    line-height: 1em;
    margin: 0px;
    margin-bottom: 10px;
}

@media screen and (max-width:512px){
    .topContentText h2{
        font-size: 30px;
        line-height: 1em;
    }
}

@media screen and (max-width:400px){
    .topContentText h2{
        font-size: 22px;
        line-height: 1em;
    }
}

@media screen and (max-width:310px){
    .topContentText h2{
        font-size: 20px;
        line-height: 1em;
    }
}

.topContentText h3{
    font-size: 27px;
    line-height: 1em;
    margin: 0px;
    margin-bottom: 10px;
}

@media screen and (max-width:512px){
    .topContentText h3{
        font-size: 20px;
        line-height: 1em;
    }
}

@media screen and (max-width:400px){
    .topContentText h3{
        font-size: 18px;
        line-height: 1em;
    }
}

@media screen and (max-width:310px){
    .topContentText h3{
        font-size: 16px;
        line-height: 1em;
    }
}

.topContentText a, .topContentText a:active, .topContentText a:visited{
    color:#0039a2;
    text-decoration:underline;
}

.topContentText a:hover{
    color:black;
    text-decoration:underline;
}

.topContentText p{
    margin:0px;
}

@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(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 {
    z-index: 2;
    position: relative;
    height: 0px;
    width: calc(100% - 5px);
    max-width: 1605px;
    padding-right: 5px;
    margin-left: auto;
    margin-right: auto;
}

.socialMediaTranslateSearch .search{
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    width: 225px;
    position: absolute;
    right: 0px;
    top: -50px;
}

@media screen and (max-width:780px) {
    .socialMediaTranslateSearch {
        top: -20px;
    }
}

.socialMedia {
    display: inline-block;
    vertical-align: top;
}

.socialMediaLink {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: top;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-size: 35px;
    color: rgba(0,0,0,0);
    overflow: hidden;
    line-height: 150px;
}
@media screen and (max-width:480px){
    .headerTop .socialMediaLink:nth-of-type(5){
        display:none;
    }
}
@media screen and (max-width:440px){
    .headerTop .socialMediaLink:nth-of-type(4){
        display:none;
    }
}
@media screen and (max-width:290px){
    .headerTop .socialMediaLink:nth-of-type(3){
        display:none;
    }
}
@media screen and (max-width:245px){
    .headerTop .socialMediaLink:nth-of-type(2){
        display:none;
    }
}

.HistorySocialMedia .socialMediaLink{
    width: 40px;
    height: 40px;
    background-size: 40px;
}

/*Translate Menu*/
.goog-te-banner-frame.skiptranslate {
    display: none;
}

.goog-te-gadget.skiptranslate {
    font-size: 0px;
}

.goog-te-gadget.skiptranslate span {
    display: none;
}

#goog-gt-tt .activity-link{
    color:rgba(0,0,0,0) !important;
    text-shadow:#1155cc 0px 0px 0px !important
}

#goog-gt-tt .gray{
    color:black !important;
}

.translate {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.historySection .translate{
    display:none;
}

.openTranslate {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 0px;
    background-image: url(translate.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: rgba(0,0,0,0);
    overflow: hidden;
    line-height: 150px;
}

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

    .HistorySocialMedia {
        padding-top: 14px;
    }

    .HistorySocialMedia .openTranslate {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: 5px;
    }
}

.translateMenu {
    margin-top: 0px;
    background: white;
    box-shadow: 4px 4px 5px 0px rgb(0 0 0 / 50%);
    border-radius: 15px;
    padding: 30px;
    display: none;
    animation-name: showTranslate;
    animation-duration: 0.8s;
    position: absolute;
    right: 6px;
    top: 135px;
    z-index: 3;
    font-size: 0px;
}

@media screen and (max-width:1280px) {
    .translateMenu {
        padding: 15px;
    }
}

.translateMenu.show {
    display: inline-block;
}

@keyframes showTranslate {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.translateMenuTail {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    right: 18px;
    transform: rotate(45deg);
    background-color: 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(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(Spanish.jpg);
    }

    .translateFlag.frFlag {
        background-image: url(French.jpg);
    }

    .translateFlag.deFlag {
        background-image: url(German.jpg);
    }

    .translateFlag.hiFlag {
        background-image: url(Hindi.jpg);
    }

    .translateFlag.ptFlag {
        background-image: url(Portuguese.jpg);
    }

    .translateFlag.ruFlag {
        background-image: url(Russian.jpg);
    }

    .translateFlag.koFlag {
        background-image: url(Korean.jpg);
    }

    .translateFlag.zhFlag {
        background-image: url(Chinese.jpg);
    }

    .translateFlag.viFlag {
        background-image: url(Vietnamese.jpg);
    }
/*Search*/
.search {
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    width: 225px;
    position: absolute;
    right: 0px;
    top: 45px;
    z-index:1;
}
/*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(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;
    }
/*Google Search Style Overrides*/
.search > div {
    padding: 0px !important;
    background: rgba(0,0,0,0) !important;
    border: none !important;
    text-align: right;
}

@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(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(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: 14px;
    width: 150px;
    outline: 0px;
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
}

@media screen and (max-width:580px){
    .search input {
        width:95px;
    }
}

.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(searchButton.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.search .kenticoSearchContainer .kenticoSearchButton {
    padding: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    width: 40px;
    height: 28px;
    border-top: 1px solid #d8d8d8;
    border-radius: 0px 5px 5px 0px;
    background-image: url(searchButton.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}

/*Kentico Search iFrame*/
.pageContent .kenticoSearchContainer {
    margin-bottom: 25px;
}

.pageContent #kenticoSearchInput {
    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(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('closeBlack.png');
}

.kenticoSearchPopup .kenticoSearchContainer {
    margin-bottom: 15px;
}

.kenticoSearchPopup #kenticoSearchInput {
    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{
    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;
    max-width: calc(100vw - 195px);
}

.kenticoSearchPopup .kenticoSearchButton {
    background-image: url(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: #0039a2;
    position: relative;
    min-height: 60px;
    outline: none;
}
.searchResults .searchResult .searchResultIcon {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(seal.png);
}

.searchResults .searchResult .searchResultTable {
    display: table;
    min-height: 60px;
}

.searchResults .searchResult .searchResultTableCell {
    display: table-cell;
    vertical-align: middle;
}

.searchResults .searchResult .searchResultText {
    margin-left: 65px;
    min-height: 60px;
    vertical-align: middle;
}

.searchResults .searchResult .searchResultTitle {
    font-size: 20px;
    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: 15px;
    line-height: 1.2em;
    color: grey;
    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;
}

@media screen and (max-width:400px) {
    .kenticoSearchPopupPadding {
        height: calc(100% - 40px);
        padding: 20px;
    }
    .searchResults .searchResultsHeader
    {
        font-size:18px;
    }
    .searchResults .searchResult .searchResultTitle 
    {
        font-size: 16px;
    }

}

.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;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.headerNavigation {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 1em;
    position: relative;
    top: 30px;
    max-width: none;
}

.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: 16px;
}

.headerNavigation a:hover {
    color: rgba(255,255,255,0);
    text-shadow: 0px 0px 0px #b8e5ff;
}

@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: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;
}

@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: 14px;
}

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

.headerNavigation .currentPage > .link a:hover {
    color: rgba(255,255,255,0);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation {
    z-index: 1;
    white-space: nowrap;
    margin-right: 230px;
    margin-left: 230px;
    height: 0px;
}

@media screen and (max-width:512px) {
    .globalNavigation {
        padding-left: 30px;
    }
}

@media screen and (max-width:405px) {
    .globalNavigation {
        padding-left: 100px;
    }
}

.globalNavigation .mobileNavigationMeasure{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.globalNavigation.mobile .mobileNavigationMeasure{
    padding-left:15px;
    background-color: rgba(0, 57, 162, .7);
    background-color: rgba(0, 57, 162, .8);
    padding-top: 15px;
    text-align:left;
}

.globalNavigation.mobile {
    height: auto;
    white-space: normal;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.globalNavigation.mobile nav{
    display:inline-block;
}

.globalNavigation .navMenu.topNavMenu{
    display: inline-block;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top:-65px;
}

@media screen and (max-width:1290px){
    .globalNavigation .navMenu.topNavMenu{
	    display: inline;
    }
}

.globalNavigation .navMenu.topNavMenu .hiddenLink {
    display:none !important;
}

.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: 60px;
}

.openMobileNavigation .hamburger {
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    height: 21px;
    margin-top: 23px;
    overflow: hidden;
    position: relative;
    line-height: 70px;
}

@media screen and (max-width:580px){
    .openMobileNavigation .hamburger {
        margin-top: 27px;
        margin-left: 15px;
    }
}

.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: 0px;
    overflow: hidden;
    top: 60px;
    height:0px;
}

.globalNavigation .navMenu {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.globalNavigation.mobile .navMenu {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
    display: inline-block;
    top: 0px;
}

.globalNavigation .nav.L1 {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 5px;
    padding-bottom: 0px;
    line-height: 1.22em;
    word-break: break-word;
    white-space: normal;
    text-align: center;
    width: 16%;
}

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

	.globalNavigation .nav.L1{
    		width: auto;
		margin-right:15px;
	}
        .globalNavigation .nav.L1:last-of-type{
    		width: auto;
		margin-right:0px;
	}

}

.globalNavigation .nav.L1 > .link{
    display: table;
    height: 120px;
    width: 100%;
}

.globalNavigation.mobile .nav.L1 > .link{
    display: inline-block;
    height: auto;
    width: auto;
}

.globalNavigation.mobile .nav.L1 {
    height: auto;
    display: block;
    width: auto;
    max-width: none;
    text-align: left;
}

.globalNavigation .nav.L1 .link > a {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 82px;
    height: 43px;
    margin-right: 0px;
    background-size: 48px;
    background-position: center 37px;
    background-repeat: no-repeat;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

/*Navigation Hover Image*/
.globalNavigation .nav.L1:nth-of-type(6n+1) > .link a:hover {
    background-image: url(permit.png);
}

.globalNavigation .nav.L1:nth-of-type(6n+2) > .link a:hover {
    background-image: url(locations.png);
}

.globalNavigation .nav.L1:nth-of-type(6n+3) > .link a:hover {
    background-image: url(productionguide.png);
}

.globalNavigation .nav.L1:nth-of-type(6n+4) > .link a:hover {
    background-image: url(incentiveprogram.png);
}

.globalNavigation .nav.L1:nth-of-type(6n+5) > .link a:hover {
    background-image: url(awards.png);
}

.globalNavigation .nav.L1:nth-of-type(6n+6) > .link a:hover {
    background-image: url(jaxfilmhistory.png);
}
/*Current Page*/
.globalNavigation .nav.L1:nth-of-type(6n+1).currentPage > .link a {
    background-image: url(permit.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation .nav.L1:nth-of-type(6n+2).currentPage > .link a {
    background-image: url(locations.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation .nav.L1:nth-of-type(6n+3).currentPage > .link a {
    background-image: url(productionguide.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation .nav.L1:nth-of-type(6n+4).currentPage > .link a {
    background-image: url(incentiveprogram.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation .nav.L1:nth-of-type(6n+5).currentPage > .link a {
    background-image: url(awards.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}

.globalNavigation .nav.L1:nth-of-type(6n+6).currentPage > .link a {
    background-image: url(jaxfilmhistory.png);
    text-shadow: 0px 0px 0px #b8e5ff;
}
/*Remove navigation Hover Image*/
.globalNavigation.mobile .nav.L1:nth-of-type(6n+1) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+2) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+3) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+4) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+5) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+6) > .link a:hover {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+1).currentPage > .link a {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+2).currentPage > .link a {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+3).currentPage > .link a {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+4).currentPage > .link a {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+5).currentPage > .link a {
    background-image: url('');
}

.globalNavigation.mobile .nav.L1:nth-of-type(6n+6).currentPage > .link a {
    background-image: url('');
}

@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;
    padding-top: 0px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}

/*Translate Fix*/
.globalNavigation .nav.L1 .link > a > font > font{
    vertical-align: inherit;
    display: block;
    max-height: 39px;
    overflow: hidden;
}

.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: 0px;
    top: 0px;
    padding: 0px;
    text-shadow: none;
}

    .globalNavigation .nav.L1 .link a.openCloseNav:hover {
        text-shadow: none;
    }

    .globalNavigation .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;
        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: 2px;
    }

.globalNavigation .nav.L1.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 10px;
    left: 5px;
}

.globalNavigation .nav.open > .link a.openCloseNav .arrow {
    transform: rotate(135deg);
    top: 5px;
    left: 5px;
}

.globalNavigation .nav > .navOverflow {
    height: 0px;
    overflow: hidden;
}

.globalNavigation .nav.L1.hasChildren > .navOverflow > .navHeight{
    display:none;
    top: 125px;
    padding-left:5px;
    padding-right:5px;
    white-space: normal;
    position: absolute;
    margin: 0px;
    list-style: none;
    line-height: 1.2em;
    background: rgba(0, 57, 162, 0.7);
    animation-name: dropdown;
    animation-duration: 0.4s;
    height: auto;
    overflow: hidden;
    min-width:120px;
}

.globalNavigation.mobile .nav.L1.hasChildren > .navOverflow > .navHeight{
    position: relative;
    top: auto;
    width: auto;
    background-color: rgba(0,0,0,0);
    padding: 0px;
    padding-left:10px;
    animation-duration: 0s;
    animation-name: none;
    display:block;
    margin-left:0px;
}

.globalNavigation.mobile .nav.L1.hasChildren:hover > .navOverflow > .navHeight{
    display:block;
}

.globalNavigation .nav.L1.hasChildren:hover > .navOverflow > .navHeight{
    display:none;
}

.globalNavigation.mobile .nav.L1.hasChildren > .navOverflow > .navHeight{
    display:block;
}

.globalNavigation .nav.L1:nth-of-type(3):hover > .navOverflow > .navHeight{
    display:block;
}

@keyframes dropdown {
    from {
        opacity: 0;
        top: 120px;
    }

    to {
        opacity: 1;
        top: 125px;
    }
}

.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 > .link > .openLink {
    display: none;
}

.globalNavigation.mobile .nav.L1 > .link > .openLink {
    display: block;
    position: absolute;
    top: -11px;
    left: -9px;
    width: 24px;
    height: 38px;
}

.globalNavigation.mobile .nav.L1 .link {
    padding-left: 15px;
    position: relative;
}

.globalNavigation .nav.L1 .nav.L2 .link {
    padding-left: 0px;
    position: relative;
}

.globalNavigation.mobile .nav.L1 .nav.L2 .link {
    padding-left: 0px;
}

.globalNavigation .nav.L1 .nav.L2 .link .openLink {
    display:none;
    position: absolute;
    top: 0px;
    left: -3px;
    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 .nav.L1 .nav.L2 .link a.openCloseNav {
        padding: 0px;
    }
/*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;
    }
}

.globalNavigation .mobile .nav.L1 .link a {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 60px;
}

.globalNavigation.mobile .nav.L1 {
    height: auto;
    padding-bottom: 10px;
    margin-right: 15px;
}

.globalNavigation.mobile .nav L1 default {
    background-image: url('');
}

/*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;
    }
}

/*Pause button Styles*/
.pausePlayVideoMargins {
    display: block;
    font-size: 0px;
    line-height: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1630px;
    height: 0px;
    z-index: 6;
}
.pausePlayVideoMargins.top90{
    top:90px;
}
.pausePlayVideoMargins.show {
    display: block;
}

.pausePlayVideoMargins .pausePlayVideo {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgba(0,0,0,0) !important;
    text-shadow: 0 0 white, 1px 1px black;
    text-align: right;
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo {
    text-shadow: 0px 0px black;
}

.pausePlayVideoMargins .pausePlayVideo .pauseVideo {
    display: inline-block;
    font-size: 15px;
    line-height: 1em;
    padding: 10px;
    background-color: rgba(0, 57, 162, 0.7);
    border-radius: 0px 0px 10px 10px;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
}

.pausePlayVideoMargins .pausePlayVideo .pauseVideo .pauseline1 {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: white;
    color: rgba(0,0,0,0);
    text-shadow: none;
    overflow: hidden;
    line-height: 20px;
    margin-right: 3px;
    font-size: 0px;
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo .pauseVideo .pauseline1 {
    background-color: black;
    color: white;
}

.pausePlayVideoMargins .pausePlayVideo .pauseVideo .pauseline2 {
    display: inline-block;
    width: 4px;
    height: 12px;
    background-color: white;
    color: rgba(0,0,0,0);
    text-shadow: none;
    overflow: hidden;
    line-height: 20px;
    margin-right: 5px;
    font-size: 0px;
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo .pauseVideo .pauseline2 {
    background-color: black;
    color: white;
}

.pausePlayVideoMargins .pausePlayVideo .playVideo {
    display: none;
    font-size: 15px;
    line-height: 1em;
    padding: 10px;
    background-color: rgba(0, 57, 162, 0.7);
    border-radius: 0px 0px 10px 10px;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
}

.pausePlayVideoMargins .pausePlayVideo .playVideo .playTriangle {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid white;
    font-size: 0px;
    vertical-align: top;
    margin-right: 5px;
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo .playVideo .playTriangle {
    border-left: 11px solid black;
}

.pausePlayVideoMargins .pausePlayVideo.paused .pauseVideo {
    display: none;
}

.pausePlayVideoMargins .pausePlayVideo.paused .playVideo {
    display: inline-block;
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo .pauseVideo {
    background-color: rgba(230,230,230,1);
}

.pausePlayVideoMargins.pausePlayWelcomePage .pausePlayVideo .playVideo {
    background-color: rgba(230,230,230,1);
}
/*Header Video*/
.headerVideoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(56.25vw + 150px);
    top: 0px;
}
.headerVideoContainer.welcomeHeaderVideoAbsolute{
    position:absolute;
}
@media screen and (min-width:2200px){
    .headerVideoContainer {
        height: 1337px;
    }
}
@media screen and (max-width:1600px){
    .headerVideoContainer {
        height:1090px;
    }
}
@media screen and (max-width:720px){
    .headerVideoContainer {
        height:820px;
    }
}
@media screen and (max-width:580px){
    .headerVideoContainer {
        height:740px;
    }
}
.headerVideoMargins {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media screen and (max-width:1200px) {
    .headerVideoMargins {
        width: 1500px;
        left: calc(50% - 750px);
    }
}

@media screen and (max-width:800px) {
    .headerVideoMargins {
        width: 1250px;
        left: calc(50% - 625px)
    }
}

@media screen and (max-width:500px) {
    .headerVideoMargins {
        width: 1000px;
        left: calc(50% - 500px)
    }
}
.headerVideo {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    box-shadow: 0px 0px 50px 100px #3d3d3b;
}
@media screen and (min-width:2200px){
    .headerVideo {
        padding-top: 1195px;
    }
}
@media screen and (max-width:1600px){
    .headerVideo {
        padding-top:890px;
        box-shadow: 0px 0px 50px 50px #3d3d3b;
    }
}
@media screen and (max-width:720px){
    .headerVideo {
        padding-top:720px;
    }
}
@media screen and (max-width:580px){
    .headerVideo {
        padding-top:640px;
    }
}
.headerVideo video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
@media screen and (min-width:2200px){
    .headerVideo video {
        object-fit:cover;
    }
}
@media screen and (max-width:1600px){
    .headerVideo video {
        object-fit:cover;
    }
}

.headerVideoOverlay {
    background: linear-gradient(180deg, rgba(59, 59, 59, 0) 0%, rgba(59, 59, 59, 0) calc(100% - 250px), rgba(59, 59, 59, 1) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    overflow: hidden;
}
@media screen and (min-width:2200px){
    .headerVideoOverlay {
        padding-top:1195px;
    }
}
@media screen and (max-width:1600px){
    .headerVideoOverlay {
        padding-top:890px;
    }
}

@media screen and (max-width:720px){
    .headerVideoOverlay {
        padding-top:720px;
    }
}
@media screen and (max-width:580px){
    .headerVideoOverlay {
        padding-top:640px;
    }
}

.headerVideoVignetteContainer{
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 0px;
    left: calc(50% - 960px);
    display:none;
}

.headerVideoVignetteLeft{
    width: 160px;
    top: 90px;
    height: calc(100% - 90px);
    position: absolute;
    background-color: rgba(58,58,58,0.5);
}

.headerVideoVignetteRight{
    width: 160px;
    top: 90px;
    right: 0px;
    height: calc(100% - 90px);
    position: absolute;
    background-color: rgba(58,58,58,0.5);
}

.headerVideoSpacer {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

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

/*Header Video #2 Also known as the Middle Video*/
.middleVideoContainer{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
}

.middleVideoContainer video{
    position: absolute;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

/*Header Photo*/
.headerImageContainer {
    position: absolute;
    width: 100%;
    top: 0px;
    max-height: 100%;
    overflow: hidden;
}

.headerImageMargins {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.headerImageOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient( 180deg, rgba(59, 59, 59,0) 0%, rgba(59, 59, 59,0) 500px, rgba(59, 59, 59,1) 95%, rgba(59, 59, 59,1) 100%);
    overflow: hidden;
    height: 0px;
    padding-top: 56.24%;
}

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

    .headerImageOverlay {
        padding-top: 680px;
    }
}

.navigationSpacer {
    min-height: 0px;
}

.headerImageSpacer {
    min-height: 325px;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .headerImageSpacer.welcomeHeaderImageSpacer {
        height: 350px;
        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%;
}

.headerTextMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto;
    background-color: rgba(0, 57, 162, 0.7);
}

.headerText {
    font-weight: 600;
    color: white;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 28px;
    padding-right: 15px;
}

.headerText.noSubnav{
    padding-left:50px;
}

@Media screen and (max-width:1280px){
    .headerText.noSubnav{
        padding-left:15px;
    }
}

.headerText h1{
    margin: 0px;
    font-size: 40px;
    line-height: 1em;
    margin-block: unset;
    margin-inline: unset;
    font-weight: 100;
    display: block;
}
.headerText div[role="heading"]{
    margin: 0px;
    font-size: 40px;
    line-height: 1em;
    margin-block: unset;
    margin-inline: unset;
    font-weight: 100;
    display: block;
}

.headerImage {
    width: 100%;
    max-height: 100%;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: top center;
    background-color: #3a78bf;
    height: 0px;
    padding-top: 56.24%;
}

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

    .headerImage {
        padding-top: 680px;
    }
}

.headerText .h1 {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: white;
    font-family: nimbus-sans-condensed, sans-serif;
}

.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, 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;
    word-break: break-all;
}

.headerTable {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.headerTableCell {
    display: table-cell;
    vertical-align: middle;
}

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

.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 - 935px);*/
    min-height: calc(100vh - 575px);
    position: relative;
    box-shadow: 0px 40px 80px rgba(0,0,0,0.5);
}

@media screen and (max-width:1280px) {
    .contentMargins {
        min-height: calc(100vh - 865px);
    }
}

@media screen and (max-width:720px) {
    .contentMargins {
        min-height: calc(100vh - 1012px);
    }
}

.contentMargins.welcomeContentMargins {
    max-width: 100%;
    background: rgba(0,0,0,0);
    box-shadow: none;
}

.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: #07328d;
    display: none;
}

@media screen and (max-width:1280px) {
    .openSubnav {
        display: inline-block;
    }
}

.openSubnav:hover {
    color: #87a7ff;
    background-color: rgba(0,26,75,1);
}

.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 {
    width: 320px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.4);
    box-shadow: inset -15px -20px 48px rgba(0,0,0,0.1);
}

@media screen and (max-width:1280px) {
    .subnavBackground {
        display: none;
    }
}
.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: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(237,237,237,1) 85%, rgba(226,226,226,1) 100%);
        position: absolute;
        left: -320px;
        transition: left 0.4s;
        top: 0px;
        z-index: 4;
    }

    .subnav.open {
        left: 0px;
    }

    .subnav.open #subnavMenu{
        box-shadow: 0px 0px 50px rgba(0,0,0,0.25);
    }
}

@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: #07328d;
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        border-bottom: 1px solid #6b829d;
    }

    .subnav a.closeSubnav:hover {
        background-color: rgba(0,26,75,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 .currentPage {
    background: linear-gradient(90deg, rgba(95,62,119,1) 0%, rgba(255,255,255,1) 100%);
}

.subnav .nav .link {
    background-color: rgba(0,39,196,0);
    transition: background-color 0.2s;
}

.subnav .nav .link:hover {
    background-color:rgba(128,196,255,.25);
}

.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: linear-gradient(90deg, rgba(228,235,255,1) 0%, rgba(227,250,255,1) 90%, rgba(205,243,252,0.5) 100%);
}

.subnav .nav.L1 .nav.L2 a{
    color:black;
}

.subnav .nav.L1 .nav.L3 {
    background: linear-gradient(90deg, rgb(8,37,147,0.25) 0%, rgb(8,37,147,0.25) 38%, rgba(0,5,5,0) 100%);
}

.subnav .nav.L1 .nav.L4 {
    background: linear-gradient(90deg, rgb(8,37,147,0.25) 0%, rgb(8,37,147,0.25) 38%, rgba(0,5,5,0) 100%);
}

.subnav .nav.L1 .nav.L5 {
    background: linear-gradient(90deg, rgb(8,37,147,0.25) 0%, rgb(8,37,147,0.25) 38%, rgba(0,5,5,0) 100%);
}

.subnav .nav.L1 .nav.L6 {
    background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 38%, rgba(0,0,0,0) 100%);
}

.subnav .nav.L1 .nav.L7 {
    background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 38%, rgba(0,0,0,0) 100%);
}

.subnav .nav.L1 .nav.L8 {
    background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 38%, rgba(0,0,0,0) 100%);
}

.subnav .nav.L1 .nav.L9 {
    background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 38%, rgba(0,0,0,0) 100%);
}

.subnav .nav.L1 .nav.L10 {
    background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 38%, rgba(0,0,0,0) 100%);
}

.subnav .nav .navOverflow {
    overflow: hidden;
    height: 0px;
}

.subnav .nav.L1 .link {
    border-bottom: 1px solid rgba(255,255,255,0.25);
    position: relative;
}

.subnav .nav.L1 .nav.L2 .link {
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.subnav .nav.L1 .nav.L3 .link {
    border-bottom: 1px solid rgba(100,131,169,0.37);
}

.subnav .nav.L1 .nav.L4 .link {
    border-bottom: 1px solid rgba(170,191,215,0.15);
}

.subnav .nav.L1 .nav.L5 .link {
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.subnav .nav.L1 .nav.L6 .link {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.subnav .nav.L1 .nav.L7 .link {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.subnav .nav.L1 .nav.L8 .link {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.subnav .nav.L1 .nav.L9 .link {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.subnav .nav.L1 .nav.L10 .link {
    border-bottom: 1px solid rgba(255,255,255,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: black;
    text-decoration: none;
    display: block;
    padding: 15px;
    padding-bottom:12px;
}

.subnav .nav:hover a, .subnav .nav:hover a:active, .subnav .nav:hover a:visited {
    color: black;
}

.subnav .currentPage > .link a, .subnav .currentPage > .link a:active, .subnav .currentPage > .link a:visited {
    color: black;
}

.subnav .currentPage:hover > .link a, .subnav .currentPage:hover > .link a:active, .subnav .currentPage:hover > .link a:visited {
    color: black;
}

.subnav .L1.currentPage:hover > .link a, .subnav .L1.currentPage:hover > .link a:active, .subnav .L1.currentPage:hover > .link a:visited {
    color: white;
}

.subnav .L1.open{
    background: linear-gradient(90deg, rgba(0,86,196,1) 0%, rgba(0,86,196,0.7) 25%, rgba(0,86,196,0) 100%);
}

.subnav .L1.open a, .subnav .L1.open a:active, .subnav .L1.open a:visited, .subnav .L1.open a:hover{
    color:white;
}

.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 black;
    border-right: 2px solid black;
    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 #87a7ff;
    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;
}

/*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: 30px;
    margin-bottom: 20px;
    color: #1e354d;
    line-height: 1.2em;
}

.content h3 {
    margin-top: 20px;
    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;
    }
}

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

.pageContent {
    line-height: 1.4em;
    font-size: 15px;
}
/*Link Styles*/
.pageContent a:link, .pageContent a:active, .pageContent a:visited {
    color: #0039a2;
    text-decoration: underline;
}

.pageContent a:hover {
    color: black;
}

.pageContent .FilmHistoryFullListCollapse a:link, .pageContent .FilmHistoryFullListCollapse a:active, .pageContent .FilmHistoryFullListCollapse a:visited{
    color: white;
    text-decoration:none;
}

.pageContent .FilmHistoryFullListCollapse a.selected:link, .pageContent .FilmHistoryFullListCollapse a.selected:active, .pageContent .FilmHistoryFullListCollapse a.selected:visited{
    color: #8aa2fd;
    text-decoration:none;
}

.pageContent .FilmHistoryFullListCollapse a:hover {
    color: #8aa2fd;
    text-decoration:none;
}

/*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: #87a7ff;
    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 > ul > li a {
    font-weight: normal;
}
/*Form Styles*/
.pageContent .form-field {
    margin-bottom: 10px;
}

@media screen and (min-width:800px){
    .pageContent .form-field {
        display:table;
    }
}

.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 .ktc-default-section{
    padding-top: 15px;
    border-top: 1px solid #d3d3d3;
}

.pageContent form .ktc-default-section:first-of-type{
    padding-top:0px;
    border-top:none;
}

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

@media screen and (min-width:800px){
    .pageContent .form-field label.control-label{
        display: table-cell;
        width: 170px;
        text-align: right;
        padding-right: 15px;
        vertical-align: middle;
        padding-bottom:5px;
    }
}

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

.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;
    max-width: 100%;
    height: 150px;
    border-radius: 3px;
    border: 0px;
    box-shadow: 0px 0px 0px 1px #c1c1c1, 1px 1px 3px 0px rgb(0 0 0 / 25%);
}

@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: #2871c8;
    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.2s;
    margin-top: 12px;
    vertical-align:top;
}

.pageContent form input[type="submit" i]:hover {
    color: black;
    background-color: #b8e5ff;
}
/*Image Styles*/
.pageContent img {
    height: auto !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 .contentTable{
    position:relative;
    width:100%;
}

.pageContent .contentTable .contentRow{
    font-size:0px;
    line-height:0px;
    display:inline-block;
    width:100%;
}

.pageContent .contentTable .contentHeaderRow{
    padding-bottom: 10px;
    font-size:0px;
    line-height:0px;
    display:inline-block;
    width:100%;
    box-shadow: 0px 1px 0px 0px #e0e0e0;
}

.pageContent .contentTable .contentHeader{
    display:inline-block;
    font-weight:bold;
    font-size:15px;
    line-height:1.4em;
    vertical-align:top;
}

.pageContent .contentTable .contentCell{
    display:inline-block;
    font-size:15px;
    line-height:1.4em;
    vertical-align:top;
}

.pageContent .contentTable.fiveColumn .contentCell,
.pageContent .contentTable.fiveColumn .contentHeader{
    width:calc(20% - 10px);
    padding-left:10px;
}

.pageContent .contentTable.fiveColumn .contentCell:first-of-type,
.pageContent .contentTable.fiveColumn .contentHeader:first-of-type{
    width:20%;
    padding-left:0px;
}

@media screen and (max-width:980px){
    .pageContent .contentTable.fiveColumn .contentCell{
        width:calc(33.333% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fiveColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fiveColumn .contentCell:first-of-type{
        font-weight:bold;
    }
    .pageContent .contentTable.fiveColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.fiveColumn .contentHeader{
        width:calc(33.333% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fiveColumn .contentHeaderRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fiveColumn .contentCell:first-of-type,
    .pageContent .contentTable.fiveColumn .contentHeader:first-of-type{
        width:33.333%;
        padding-left:0px;
    }
}

@media screen and (max-width:512px){
    .pageContent .contentTable.fiveColumn .contentCell{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fiveColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fiveColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.fiveColumn .contentHeader{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fiveColumn .contentHeaderRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fiveColumn .contentCell:first-of-type,
    .pageContent .contentTable.fiveColumn .contentHeader:first-of-type{
        width:50%;
        padding-left:0px;
    }
}

@media screen and (max-width:350px){
    .pageContent .contentTable.fiveColumn .contentCell{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.fiveColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fiveColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.fiveColumn .contentHeader{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.fiveColumn .contentHeaderRow{
        margin-bottom:15px;
    }
}

.pageContent .contentTable.fourColumn .contentCell,
.pageContent .contentTable.fourColumn .contentHeader{
    width:calc(25% - 10px);
    padding-left:10px;
}

.pageContent .contentTable.fourColumn .contentCell:first-of-type,
.pageContent .contentTable.fourColumn .contentHeader:first-of-type{
    width:25%;
    padding-left:0px;
}

@media screen and (max-width:640px){
    .pageContent .contentTable.fourColumn .contentCell{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fourColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fourColumn .contentCell:first-of-type{
        font-weight:bold;
    }
    .pageContent .contentTable.fourColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.fourColumn .contentHeader{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.fourColumn .contentHeaderRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fourColumn .contentCell:first-of-type,
    .pageContent .contentTable.fourColumn .contentHeader:first-of-type{
        width:50%;
        padding-left:0px;
    }
}

@media screen and (max-width:350px){
    .pageContent .contentTable.fourColumn .contentCell{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.fourColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.fourColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.fourColumn .contentHeader{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.fourColumn .contentHeaderRow{
        margin-bottom:15px;
    }
}

.pageContent .contentTable.threeColumn .contentCell,
.pageContent .contentTable.threeColumn .contentHeader{
    width:calc(33.333% - 10px);
    padding-left:10px;
}

.pageContent .contentTable.threeColumn .contentCell:first-of-type,
.pageContent .contentTable.threeColumn .contentHeader:first-of-type{
    width:33.333%;
    padding-left:0px;
}

@media screen and (max-width:512px){
    .pageContent .contentTable.threeColumn .contentCell{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.threeColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.threeColumn .contentCell:first-of-type{
        font-weight:bold;
    }
    .pageContent .contentTable.threeColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.threeColumn .contentHeader{
        width:calc(50% - 10px);
        padding-left:10px;
    }
    .pageContent .contentTable.threeColumn .contentHeaderRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.threeColumn .contentCell:first-of-type,
    .pageContent .contentTable.threeColumn .contentHeader:first-of-type{
        width:50%;
        padding-left:0px;
    }
}

@media screen and (max-width:350px){
    .pageContent .contentTable.threeColumn .contentCell{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.threeColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.threeColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.threeColumn .contentHeader{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.threeColumn .contentHeaderRow{
        margin-bottom:15px;
    }
}

.pageContent .contentTable.twoColumn .contentCell,
.pageContent .contentTable.twoColumn .contentHeader{
    width:calc(50% - 10px);
    padding-left:10px;
}

.pageContent .contentTable.twoColumn .contentCell:first-of-type,
.pageContent .contentTable.twoColumn .contentHeader:first-of-type{
    width:50%;
    padding-left:0px;
}

@media screen and (max-width:350px){
    .pageContent .contentTable.twoColumn .contentCell{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.twoColumn .contentRow{
        margin-bottom:15px;
    }
    .pageContent .contentTable.twoColumn .contentCell:first-of-type{
        font-weight:bold;
    }
    .pageContent .contentTable.twoColumn .contentRow:last-of-type{
        margin-bottom:0px;
    }
    .pageContent .contentTable.twoColumn .contentHeader{
        width:calc(100%);
        padding-left:0px;
        margin-bottom:10px;
    }
    .pageContent .contentTable.twoColumn .contentHeaderRow{
        margin-bottom:15px;
    }
}

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

/*Call To Action*/
.callToActionContainer{
    margin-top: 30px;
}
.callToAction{
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
}
.callToActionLeft{
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 320px);
}
@media screen and (max-width:720px){
    .callToActionLeft{
        display: block;
        text-align: center;
        max-width: 100%;
        margin-bottom: 15px;
    }
}
.callToActionLine1{
    font-size: 30px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
@media screen and (max-width:800px){
    .callToActionLine1{
        font-size: 24px;
    }
}
.callToActionLine2{
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
.callToActionRight{
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    width: 305px;
    text-align:left;
}
@media screen and (max-width:720px){
    .callToActionRight{
        display: block;
        text-align: center;
        padding:0px;
        width:100%;
        position:relative;
    }
}
.callToActionInput{
    width: 150px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    padding: 15px;
    margin: 0px;
    color: white;
    border-radius: 10px 0px 0px 10px;
    border-right: 0px;
    background-color: black;
    height: 19px;
    max-width: calc(100% - 125px);
}
.callToActionInput::placeholder{
    color:white;
    font-weight:100;
}
.callToActionSubmit{
    display: inline-block;
    width: 60px;
    line-height: 1em;
    padding-top: 18px;
    padding-bottom: 17px;
    vertical-align: middle;
    background-color: #2871c8;
    color: white;
    font-size: 18px;
    height: 18px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 0px 10px 10px 0px;
    border-left: 0px;
    font-weight: 100;
    letter-spacing: 1px;
    outline: 0px;
    transition: color 0.2s, background-color 0.1s;
}
.callToActionSubmit:hover{
    color: black;
    background-color: #b8e5ff;
}
.pageContent a.callToActionSubmit:link, .pageContent a.callToActionSubmit:active, .pageContent a.callToActionSubmit:visited{
    text-decoration:none;
    color:white;
}
.pageContent a.callToActionSubmit:hover{
    color: black;
}
/*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 tr,
    .pageContent table td,
    .pageContent table th {
        display: block;
    }
}
/*iFrame Styles*/
.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 .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;
}
/*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*/

/*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%;
}

.welcomeImageBoxes {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    border-radius:0px 0px 10px 10px;
}

@media screen and (max-width:580px){
    .welcomeImageBoxes {
        border-radius:0px;
    }
}

.middleVideoContentSpacer{
    min-height: 720px;
}

@media screen and (max-width:1600px){
    .middleVideoContentSpacer{
        min-height: 45vw;
    }
}

@media screen and (max-width:1138px){
    .middleVideoContentSpacer{
        min-height: 512px;
    }
}

.middleCarouselContainer {
    height: auto;
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background-position: center;
    position:relative;
}

@media screen and (max-width:1780px){
    .middleCarouselContainer {
        padding-top:5vw;
        padding-bottom:0vw;
    }
}

@media screen and (max-width:720px){
    .middleCarouselContainer {
        padding-top:15px;
        padding-bottom:0px;
    }
}

@media screen and (max-width:580px){
    .middleCarouselContainer {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.middleCarouselAndEmailFormContainer{
    position:relative;
    margin-left:-15px;
    margin-right:-15px;
}

@media screen and (max-width:580px){
    .middleCarouselAndEmailFormContainer{
        margin-left:0px;
        margin-right:0px;
    }
}

.middleCarouselAndEmailFormBackground{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#060714;
    background-image:url('locationsBG.jpg');
    background-size:auto;
    background-repeat:no-repeat;
    background-position:top center;
    opacity:0.9;
}

@media screen and (max-width:1600px){
    .middleCarouselAndEmailFormBackground{
        background-position: -400px center;
    }
}

.middleCarouselHeader{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media screen and (max-width:720px){
    .middleCarouselHeader{
        text-align:center;
    }
}

.middleCarouselHeaderText{
    font-size: 25px;
    line-height: 1em;
    color: white;
    padding-right: 290px;
}

@media screen and (max-width:720px){
    .middleCarouselHeaderText{
        padding-right:0px;
    }
}

.middleCarouselHeader h2{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 1em;
    color: white;
    text-shadow: 0px 0px 2px black;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-family: proxima-nova, sans-serif;
    margin-left: 80px;
}

@media screen and (max-width:1279px){
    .middleCarouselHeader h2{
        margin-left:50px;
    }
}

@media screen and (max-width:720px){
    .middleCarouselHeader h2{
        margin-left:0px;
    }
}

@media screen and (max-width:512px){
    .middleCarouselHeader h2{
        font-size:24px;
        line-height:1em;
    }
}

.middleCarouselHeader h2 span{
    font-size: 55px;
    line-height: 1em;
    margin-top:-5px;
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: proxima-nova, sans-serif;
}

@media screen and (max-width:512px){
    .middleCarouselHeader h2 span{
        font-size: 45px;
        line-height: 1em;
        margin-top:0px;
    }
}

.middleCarouselBlueTitleBar{
    position: relative;
    background: rgba(0, 57, 162, 0.7);
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left:15px;
    padding-right:15px;
}

@media screen and (max-width:580px){
    .middleCarouselBlueTitleBar{
        margin-left:0px;
        margin-right:0px;
    }
}

.locationButtonContainer{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
}

@media screen and (max-width:720px){
    .locationButtonContainer{
        position: relative;
        display:block;
    }
}

.locationButtonMargin{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: 64px;
    padding-right:15px;
    padding-left:15px;
}

@media screen and (max-width:720px){
    .locationButtonMargin{
        margin-top: 15px;
        margin-bottom:0px;
        padding:0px;
        text-align:center;
    }
}

.locationButtonText{
    font-size: 20px;
    font-weight: bold;
    font-family: proxima-nova, sans-serif;
    max-width:170px;
    color: white;
    padding: 30px;
    line-height: 1em;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
    border-radius: 8px;
    background-color: #2871c8;
    box-shadow:0px 0px 0px 1px white;
    border-radius: 8px;
    transition:background-color 0.8s, color 0.8s;
    /*background: linear-gradient(120deg, rgba(249, 189, 110, 1) 0%, rgba(238, 167, 101, 1) 25%, rgba(247, 169, 124, 1) 75%, rgba(247, 169, 124, 1) 100%);*/
    text-decoration:none;
    margin-right: 80px;
}

@media screen and (max-width:1279px){
    .locationButtonText{
        margin-right: 50px;
    }
}

@media screen and (max-width:720px){
    .locationButtonText{
        margin-right:auto;
        margin-left:auto;
        text-align:center;
    }
}

.locationButtonText:hover{
    color: black;
    background-color: #b8e5ff;
}

@media screen and (max-width:512px){
    .welcomePadding .middleCarousel{
        padding-top:0px;
        padding-bottom:0px;
    }
}

.MiddleCarouselHeaderContainer {
    font-weight: 800;
    color: black;
    opacity: 0.9;
    text-transform: uppercase;
    line-height: 1em;
    font-family: nimbus-sans-condensed, sans-serif;
    text-align: center;
    font-size: 30px;
    padding-bottom: 35px;
    padding-left:50px;
    padding-right:50px;
    padding-top: 50px;
    background: linear-gradient(0deg, rgba(71,225,176,0) 0%, rgba(71,206,225,0.9) 100%);
}

@media screen and (max-width:1280px){
    .MiddleCarouselHeaderContainer {
        font-size:30px;
        padding-left:15px;
        padding-right:15px;
        padding-top:25px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width:800px){
    .MiddleCarouselHeaderContainer {
        font-size:24px;
    }
}

@media screen and (max-width:512px){
    .MiddleCarouselHeaderContainer {
        font-size:18px;
        padding-top:15px; 
        padding-bottom:15px;
    }
}

@media screen and (max-width:512px){
    .welcomePadding .MiddleCarouselHeaderContainer {
        font-size:18px;
        padding-top:15px; 
        padding-bottom: 15px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.MiddleCarouselHeaderContainer h2{
    margin: 0px;
    font-size: 1em;
}

/*The Video Content Area*/
.middleVideoContent{
    display:table;
    width: 100%;
    height: 720px;
    display: table;
}

.middleVideoContentMargin{
    display: table-cell;
    vertical-align: middle;
}

/*History Section*/

.historySection {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(welcomeHistoryBackground.png);
    background-color: #000608;
    z-index: 1;
}

.historySectionMargins {
    margin-left: auto;
    max-width: 1630px;
    box-shadow: none;
    margin-right: auto;
}

.historySectionMargins > 

.HistoryAreaHeader {
    font-weight: 800;
    color: white;
    opacity: 0.9;
    text-transform: uppercase;
    line-height: 1.4em;
    font-family: nimbus-sans-condensed, sans-serif;
    text-align: center;
    font-size: 36px;
    padding-bottom: 20px;
}

.welcomePadding {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width:800px) {
    .welcomePadding {
        background: linear-gradient( 0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100px, rgba(0,0,0,0) 100%);
    }
}

@media screen and (max-width:580px) {
    .welcomePadding {
        padding:0px;
    }
}

/*Welcome Page Sections*/
.emergencyContentMargins {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.emergencyHeader {
    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) {
    .emergencyHeader {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw;
        width: calc(100% - 9.375vw);
    }
}

@media screen and (max-width:320px) {
    .emergencyHeader {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
    }
}

.emergencyContent {
    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) {
    .emergencyContent {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw;
        width: calc(100% - 9.375vw);
    }
}

@media screen and (max-width:320px) {
    .emergencyContent {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
    }
}

.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.4em;
    padding: 30px;
    padding-bottom:25px;
}
@media screen and (max-width:1280px) {
    .welcomeContent {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px);
    }
}
@media screen and (max-width:580px) {
    .welcomeContent {
        padding-top:20px;
        padding-bottom:18px;
    }
}
.welcomeContent a, .welcomeContent a:active, .welcomeContent a:visited {
    color: #30567d;
    text-decoration: underline;
}

.welcomeContent a:hover {
    color: black;
}

/*UIStarterCore.Carousel*/
.welcomeCarousel {
    margin-bottom: 30px;
}

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

.carouselMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.carouselLeft {
    width: 320px;
    height: 330px;
    position: relative;
    display: inline-block;
}

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

.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: #87a7ff;
    text-decoration: none;
    transition: color 0.2s;
}

.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: #87a7ff;
    }

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

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

/*Welcome Page Popup*/
.ModalPopUpContainer{
    position: absolute;
    top: 90px;
    width: 100%;
    height: calc(100% - 90px);
    background-color: rgba(0, 57, 162, 0.7);
    z-index: 6;
    display:none;
}

.ModalPopUpContainer.show{
    display:block;
    animation-name:fadeInModalPopup;
    animation-duration:0.5s;
}

@keyframes fadeInModalPopup{
    from{opacity:0;}
    to{opacity:1;}
}

.ModalPopUpMargins{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.ModalContentContainer{
    background-color: White;
    font-size: 14px;
    line-height: 1.4em;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 50px;
    position: relative;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.35);
    animation-name:dropdownmodalcontentcontainer;
    animation-duration: 0.4s;
}

@keyframes dropdownmodalcontentcontainer{
    from{ top:-50px; }
    to{ top:0px; }
}

@media screen and (max-width:1280px){
    .ModalContentContainer{
        margin-right: 15px;
        margin-left: 15px;
    }
}

.ModalContentContainer .closeModalPopUp{
    color: rgba(0,0,0,0);
    position: absolute;
    top: -50px;
    right: -50px;
    width: 50px;
    height: 50px;
    background-image: url(close.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    display:inline-block;
}

@media screen and (max-width:1280px){
    .ModalContentContainer .closeModalPopUp{
        right: -8px;
    }
}

.ModalContentContainer .ModalTitleText{
    font-size: 20px;
    line-height: 1em;
    display: block;
    padding: 50px;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

@media screen and (max-width:1280px){
    .ModalContentContainer .ModalTitleText{
        font-size:18px;
        padding: 15px;
        padding-bottom: 0px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:640px){
    .ModalContentContainer .ModalTitleText{
        font-size:16px;
    }
}

.ModalContentContainer .row{
    padding: 50px;
    padding-top: 0px;
}

@media screen and (max-width:1280px){
    .ModalContentContainer .row{
        padding: 15px;
        padding-top: 0px;
    }
}

.ModalContentContainer .form-field{
    display: table;
    margin-bottom: 15px;
}

@media screen and (max-width:640px){
    .ModalContentContainer .form-field{
        display: block;
        margin-bottom: 10px;
    }
}

.ModalContentContainer .control-label{
    display: table-cell;
    padding-right: 10px;
    width: 122px;
    text-align: right;
    vertical-align: middle;
}

@media screen and (max-width:640px){
    .ModalContentContainer .control-label{
        text-align: left;
        display: block;
        margin-bottom: 2px;
        width: 100%;
    }
}

.ModalContentContainer .editing-form-control-nested-control{
    display:table-cell;
}

@media screen and (max-width:640px){
    .ModalContentContainer .editing-form-control-nested-control{
        display:block;
        width:100%;
    }
}

.ModalContentContainer .editing-form-control-nested-control input{
    width: 200px;
    font-size: 15px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px #d2d2d2 solid;
}

@media screen and (max-width:640px){
    .ModalContentContainer .editing-form-control-nested-control input{
        width: calc(100% - 15px);
        max-width:200px;
    }
}

.ModalContentContainer .editing-form-control-nested-control button{
    margin-left: 5px;
    font-size: 15px;
    border-radius: 4px;
}

.ModalContentContainer .editing-form-control-nested-control textarea{
    border: 1px #d2d2d2 solid;
    font-size: 15px;
    width: 293px;
    height: 100px;
    font-family:sans-serif;
}

@media screen and (max-width:640px){
    .ModalContentContainer .editing-form-control-nested-control textarea{
        width: calc(100% - 10px);
        max-width:293px;
    }   
}

.ModalContentContainer .editing-form-control-nested-control .field-validation-error{
    margin-top: 3px;
    color: darkred;
}

.ModalContentContainer input[type="submit"]{
    margin-left: 129px;
    display: inline-block;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.8) !important;
    outline: 0px;
    transition: background 0.8s, color 0.4s;
    border-radius: 5px;
    padding: 12px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: hero-new, sans-serif;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-decoration: none;
}

@media screen and (max-width:640px){
    .ModalContentContainer input[type="submit"]{
        margin-left:0px;
    }
}

.ModalContentContainer input[type="submit"]:hover{
    color: white;
    background: rgba(0,57,162,.7);
}

/*UIStarterCore.Document and UIStarterCore.Accordion*/
.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: 15px;
    margin-bottom: 30px;
}

.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('BluePlus.png');
}

.collapseAllAccordions {
    display: none;
    background-image: url('BlueMinus.png');
}

.allOpen .expandAllAccordions {
    display: none;
}

.allOpen .collapseAllAccordions {
    display: inline-block;
}
/*UIStarterCore.Event List and UIStarterCore.News List*/
.listItem {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}


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

.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-color: #285586;
    overflow: hidden;
    position: relative;
    line-height: 360px;
}

@media screen and (max-width:640px) {
    .listTeaserContainer {
        margin-right: 0px;
        float: none;
        margin-bottom: 10px;
    }
}

.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(seal.png);
    background-size: 100px 100px;
}

.videoIcon {
    background-image: url(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;
}
/*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;
}

.source-or-author{
    color: rgba(0, 57, 162,1);
    margin-bottom: 10px;
    font-weight: bold;
}

.pageContent .summary {
    margin-bottom: 15px;
}

.pageContent .story .video{
    display:block;
    width:100%;
    padding-top:56.25%;
    position:relative;
    line-height:0px;
    font-size:0px;
}

.pageContent .story .video iframe{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

@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(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;
}

/*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;
}
/*Infobox*/
.infoBoxTable {
    display: table;
    padding-top: 72px;
    margin-left: auto;
    margin-right: auto;
}

.infoBoxTableCell {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4em;
}

.infoBoxTitle {
    display: inline-block;
    border-radius: 5px;
    padding: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: hero-new, sans-serif;
    color: black;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: 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;
}

@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: #87a7ff;
            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);
}

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

/*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;
}
/*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(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*/
.embedList {
    margin-top: 30px;
    margin-bottom: 30px;
}

.embedContainer {
    display: block;
    position: relative;
    line-height: 0px;
    font-size: 0px;
    margin-left: auto;
    margin-right: auto;
}

.embedHTML {
    position: relative;
    padding-top: 56.25%;
    box-shadow: 0px 0px 1px #999999;
}

.embedContainer .embedHTML iframe {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 100% !important;
}

/*Inject Sections*/
.section-inject1, .section-inject2, .section-inject3, .section-inject4, .section-inject5 {
    display: none;
}

/*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;
    }
/*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;
}

/*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*/
.sbsboxList {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.sbsContainer {
    display: inline-block;
    position: relative;
    font-size: 0px;
    width: 100%;
    line-height: 0px;
    padding: 50px;
    margin-left: -25px;
}

.sbsbox {
    width: calc(33.333% - 50px);
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 200px;
}

@media screen and (max-width:1200px) {
    .sbsbox {
        width: calc(50% - 50px);
    }
}

@media screen and (max-width:800px) {
    .sbsbox {
        width: calc(100% - 50px);
    }
}

.sbsboxRightTextContainer {
    font-size: 16px;
    line-height: 1.4em;
    right: 0px;
    padding-left: 240px;
    display: table;
    margin-top: 40px;
}

.sbsboxRightTitle {
    font-size: 18px;
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.sbsboxRightText {
    padding-top: 5px;
    padding-bottom: 10px;
}

.customTopHeaderWidget .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}

.headerNavigationArea .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}

.customFooter .sbsContainer {
    margin-top: 0px;
    margin-bottom: 0px;
}

.sbsboxRightTitle {
}

.sbsboxRightText {
}

@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 {
    left: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 100%;
    background-color: white;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}

@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('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;
}
/*Slider Styles*/
.sliderList{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom:50px;
}
@media screen and (max-width:1600px){
    .sliderList{
        margin-top:3.125vw;
        margin-bottom:3.125vw;
    }
}
@media screen and (max-width:1280px){
    .sliderList{
        margin-top:15px;
        margin-bottom:15px;
    }
}
.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;
}
@media screen and (max-width:1279px){
    .slideLeft {
        left:-7.5px;
    }
}
.slideRight {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}
@media screen and (max-width:1279px){
    .slideRight{
        right:-7.5px;
    }
}
.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:420px) {
    .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:420px) {
    .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:420px) {
    .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:420px) {
    .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 0px 15px 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((25%  - 15px) * 0.5625);
}
@media screen and (min-width:1280px){
    .sliders.count3 .sliderImage {
        width: calc(33.333% - 75px);
        margin-left: 30px;
        padding-top: calc((25%  - 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%  + 25px) * 0.5625);
    }
    /*Filmjax Specific*/
    .sliders.count3 .sliderImage{
        padding-top: calc((20%  + 25px) * 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:420px) {
    .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 0px 15px 0px;
}
.sliders.count1 .sliderBG {
    width: calc(100% - 15px);
}
.sliders.count2 .sliderBG {
    width: calc(50% - 15px);
}
.sliders.count3 .sliderBG {
    width: calc(33.333% - 15px);
}
@media screen and (min-width:1280px){
    .sliders.count3 .sliderBG{
        width: calc(33.333% - 75px);
        margin-left: 30px;
    }
}
.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:420px) {
    .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:420px) {
    .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 {
    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);
    padding-top: calc((76% - 15px)* 0.5625);
}
@media screen and (max-width:1280px){
    .sliders.count3 .sliderText {
        padding-top: calc((76% - 15px)* 0.5625);
    }
}
@media screen and (max-width:640px){
    .sliders.count3 .sliderText {
        padding-top: calc((100% - 15px)* 0.5625);
    }
}
.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:420px) {
    .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: 50px;
    padding-bottom:50px;
    padding-left:50px;
    padding-right:50px;
}
@media screen and (max-width:1600px){
    .sliders.count3 .sliderTextPadding {
        padding-top: 50px;
        padding-bottom:50px;
        padding-left:30px;
        padding-right:30px;
    }
}
@media screen and (min-width:1280px){
    .sliders.count3 .sliderTextPadding {
        margin-left:30px;
        margin-right:30px;
    }
}
@media screen and (max-width:1280px){
    .sliders.count3 .sliderTextPadding {
        padding-top: 25px;
        padding-bottom:25px;
        padding-left:15px;
        padding-right:15px;
    }
}
.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;
    }
    /*FilmJax Specific*/
    .sliders.count3 .sliderTextPadding{
        padding-top: 25px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:25px;
    }
}
@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;
    }
    /*FilmJax Specific*/
    .sliders.count3 .sliderTextPadding{
        padding-top: 20px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:20px;
    }
}
@media screen and (max-width:420px) {
    .sliders .sliderTextPadding,
    .sliders.count1 .sliderTextPadding,
    .sliders.count2 .sliderTextPadding,
    .sliders.count3 .sliderTextPadding,
    .sliders.count4 .sliderTextPadding,
    .sliders.count5 .sliderTextPadding,
    .sliders.count6 .sliderTextPadding {
        padding-top: 2px;
    }
    /*FilmJax Specific*/
    .sliders.count3 .sliderTextPadding{
        padding-top: 15px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
    }
}
.sliderText .sliderTextTitle {
    font-size: 28px;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
    font-weight: 800;
    font-family: proxima, sans-serif;
}
@media screen and (max-width:980px){
    .sliderText .sliderTextTitle {
        font-size: 2.4vw;
    }
}
@media screen and (max-width:640px){
    .sliderText .sliderTextTitle {
        font-size: 3.6vw;
    }
}
@media screen and (max-width:420px){
    .sliderText .sliderTextTitle {
        font-size: 5.6vw;
    }
}
.sliderText .sliderTextTitle .overflow{
    overflow:hidden;
    max-height:58px;
}
.sliderText .sliderTextTitle .webkitbox{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.sliderText .sliderTextTitle span{
    font-size:18px;
    line-height:1em;
    margin-top:5px;
    display:block;
    font-weight:bold;
    font-family: proxima-nova, sans-serif;
}
@media screen and (max-width:980px){
    .sliderText .sliderTextTitle span{
        font-size:1.8vw;
    }
}
@media screen and (max-width:640px){
    .sliderText .sliderTextTitle span{
        font-size:2.4vw;
    }
}
@media screen and (max-width:420px){
    .sliderText .sliderTextTitle span{
        font-size:3.8vw;
    }
}
.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;
}
/*Padding*/
.sliderTextPadding {
    padding: 10px;
}

.sliders.count4 .sliderTextPadding {
    padding-top: 8px;
}

.sliderText .sliderTextTitle .overflow {
    overflow: hidden;
    max-height: 58px;
}

.welcomePadding .sliderText .sliderTextTitle .overflow{
    overflow:visible;
    max-height:none;
    display: table;
    width: 100%;
    min-height: 50px;
}

.sliderText .sliderTextTitle .webkitbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.welcomePadding .sliderText .sliderTextTitle .webkitbox {
    display: table-cell;
    vertical-align: middle;
}

.welcomePadding .sliderText .sliderTextTitle .webkitbox font{
    display: block;
    word-break: break-all;
    overflow: hidden;
    max-height: 44px;
}

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

/*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;
}
/*SiteMap Styles*/
.pageContent .siteMap {
    padding-left: 15px;
    margin-bottom: -15px;
}

.pageContent .siteMap .navOverflow {
    padding-left: 15px;
    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);
    margin-top: 3px;
    margin-left: 2px;
}

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

/*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);
    }
}


.footerJax {
    font-size: 16px;
    line-height: 1em;
    color: white;
    position: relative;
    box-shadow: 0px calc(100vh) 0px 100vh #115877;
}
.footerJax a, .footerJax a:active, .footerJax a:visited {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
}
.footerJax a:hover {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px #ffb738;
    text-decoration: none;
    border-bottom: 1px solid #ffb738;
}
.footerJaxBottom {
    background-color: #223645;
    padding-top: 5px;
    padding-bottom: 3px;
}
.footerJaxBottom .footerJaxMargin {
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 5px;
    padding-right: 5px;
}
.footerJaxBottom .table {
    min-height: 18px;
    display: table;
}
.footerJaxBottom .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.footerJaxSeperatorLine {
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    margin-top: 6px;
    margin-bottom: 6px;
}
.footerJaxTextBottom {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 300;
}
.footerJaxTextBottom .pipe {
    font-size: 0px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    width: 1px;
    height: 15px;
    top: -4px;
    position: relative;
    background-color: white;
    color: black;
}
@media screen and (max-width:900px) {
    .footerJaxTextBottom .pipe {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.footerJax .footerJaxTopHalf a, .footerJax .footerJaxTopHalf a:active, .footerJax .footerJaxTopHalf a:visited {
    text-decoration: none;
}
.footerJax .footerJaxTopHalf a.JaxReadyfooterJaxLink{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    background-image: url(footerJax/jaxready.png);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    line-height: 150px;
    margin-right: 12px;
}
.footerJax .footerJaxTopHalf a.MyJaxfooterJaxLink{
    display: inline-block;
    width: 92px;
    height: 60px;
    margin-bottom: 5px;
    background-image: url(footerJax/myjax.png);
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    line-height: 150px;
}
.footerJax .footerJaxTopHalf a:hover{
    color: #ffdc9d;
    text-decoration: underline;
}
.footerJax .footerJaxTopHalf a.hideOniOS, .footerJax .footerJaxTopHalf a.hideOniOS:active, .footerJax .footerJaxTopHalf 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;
}
.footerJax .footerJaxTopHalf 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;
}
.footerJax .footerJaxTopHalf a.hideOnAndroid, .footerJax .footerJaxTopHalf a.hideOnAndroid:active, .footerJax .footerJaxTopHalf 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;
}
.footerJax .footerJaxTopHalf 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;
}
.footerJax h2{
    text-transform:uppercase;
    margin-top:0px;
    margin-bottom:6px;
    color:#fbb732;
    font-size:16px;
    font-weight:bold;
}
.footerJaxSharedBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.footerJaxSharedBackgroundMargins {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - 100px);
    margin-top: 50px;
    position: relative;
    top: 0px;
}
.footerJaxSharedBackgroundImage {
    background-image: url('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) {
    .footerJaxSharedBackgroundImage {
        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) {
    .footerJaxSharedBackgroundImage {
        background-position: top 38% right;
    }
}
.footerJaxTopHalf {
    position: relative;
    width: 100%;
    height: auto;
}
.footerJaxTopLine {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #52718d;
}
.footerJaxTopBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-color: #192b41;
}
.footerJaxMargins {
    position:relative;
    max-width:1600px;
    margin-left:auto;
    margin-right:auto;
    font-size:0px;
    z-index:1;
}
.footerJaxTopLeft {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerJaxTopLeft {
        width:50%;
    }
}
@media screen and (max-width:600px) {
    .footerJaxTopLeft {
        width: 100%;
    }
}
.footerJax h2.footerJaxMobileAppsText {
    font-size: 28px;
    line-height: 1.2em;
    text-transform: capitalize;
    font-family: serif;
    font-style: italic;
}
.footerJaxTopMiddle {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerJaxTopMiddle {
        width: 50%;
    }
}
@media screen and (max-width:600px) {
    .footerJaxTopMiddle {
        width: 100%;
    }
}
.footerJaxTopRight {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
@media screen and (max-width:720px) {
    .footerJaxTopRight {
        width: 100%;
    }
}
.footerJaxSectionPadding {
    font-size: 16px;
    padding: 50px;
    line-height: 1.5em;
}
.footerJaxTopLeft .footerJaxSectionPadding {
    line-height: 1.4em;
}
@media screen and (max-width:1280px) {
    .footerJaxSectionPadding {
        padding:15px;
    }
}
.footerJaxSectionPadding.footerJaxTopMiddleTitleSection {
    padding-bottom:0px;
    min-height:0px;
}
@media screen and (max-width:600px) {
    .footerJaxSectionPadding.footerJaxTopMiddleTitleSection {
        padding-top:0px;
    }
}
.footerJaxSectionPadding.footerJaxTopMiddleSection {
    padding-top: 0px;
    min-height: 0px;
}
@media screen and (max-width:600px) {
    .footerJaxSectionPadding.footerJaxTopMiddleSection {
        padding-bottom:0px;
    }
}
.footerJaxSectionOverflow {
    height: 185px;
    overflow: hidden;
}
@media screen and (max-width:720px) {
    .footerJaxSectionOverflow {
        height: auto;
        overflow: auto;
    }
}
.footerJaxSeparator {
    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) {
    .footerJaxSeparator {
        height: calc(100% - 30px);
        margin-top:15px;
    }
}
@media screen and (max-width:720px) {
    .footerJaxSeparator {
        margin-top: 0px;
        height: 1px;
        width: calc(100% - 30px);
        left: 15px;
        background-color: rgba(255,255,255,0.3);
        display:none;
    }
}
.footerJaxBottomHalf {
    position: relative;
    width: 100%;
    height: auto;
}
.footerJaxBottomLine {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #536d84;
}
.footerJaxBottomBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.footerJaxTable {
    display: table;
    min-height: 190px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}
.footerJaxTableCell {
    display: table-cell;
    vertical-align: middle;
}
.footerJax .padding {
    padding: 15px;
}
.footerJax a.footerJaxSeal, .footerJax a.footerJaxSeal:active, .footerJax a.footerJaxSeal:visited, .footerJax a.footerJaxSeal:hover {
    width: 100px;
    height: 100px;
    background-image: url(ClerkSeal.png);
    display: inline-block;
    float: left;
    vertical-align: middle;
    overflow: hidden;
    color: rgba(0,0,0,0);
    background-size: 100px;
    padding-bottom:0px;
    text-decoration: none;
    border-bottom:none;
}
@media screen and (max-width:480px) {
    .footerJax a.footerJaxSeal {
        width:20.8vw;
        height:20.8vw;
        background-size:contain;
    }
}
.footerJaxOrangeBar {
    position: absolute;
    top:0px;
    height: 4px;
    width: 100%;
}
.footerJaxTop {
    background-color: black;
    padding-top: 4px;
}
.footerJaxTop .footerJaxMargin {
    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;
}
.footerJaxTopLeftColumn {
    width: 254px;
    max-width:calc(100vw - 30px);
    display: inline-block;
    position: relative;
    vertical-align: top;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    margin-left:10px;
}
.footerJaxAngleContainer{
    position: absolute;
    height: 100%;
    width: 700px;
    left: -100px;
    overflow: hidden;
    max-width: 100vw;
    max-height: 445px;
}
.footerJaxAngleOverflow{
    width: 900px;
    height: 900px;
    transform: rotate(33deg);
    position: absolute;
    left: -308px;
    top: 171px;
    border-top: 2px solid rgba(255,255,255,0.3);
    overflow: hidden;
}
.footerJaxAngle{
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(57deg,rgba(255,255, 255,0) 0%,rgba(255,255, 255,0) 40%,rgba(255,255, 255,.4) 60%,rgba(255,255,255,0.1) 100%);
}
.footerJaxAngleOverlay{
    position: absolute;
    width: 100%;
    top: 100px;
    height: calc(100% - 100px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50px, rgba(0, 0, 0, 1) 105px);
}
.footerJaxUnderlineContainer{
    position: absolute;
    width: 280px;
    left: 0px;
    height: 8px;
    margin-left: -80px;
    max-width:100% + 80px;
    top: 64px;
    background: linear-gradient(90deg,rgba(213,162,74,0) 0%,rgba(213,162,74,1) 50%,rgba(213,162,74,0) 100%);
}
.footerJax .footerJaxTopLeftColumn a.footerJaxSeal {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    float: none;
    width: 100%;
    height: 100%;
    max-height: 105px;
    background-size: contain;
    background-position:left center;
    background-repeat: no-repeat;
    z-index:1;
}
.footerJaxTopRightColumn {
    padding-left: 25%;
    position: relative;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1.6em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:1140px){
    .footerJaxTopRightColumn {
        margin-right: auto;
        margin-left: 275px;
        padding-left: 0px;
    }
}
@media screen and (max-width:640px){
    .footerJaxTopRightColumn {
        margin-left:0px;
        padding-left:10px;
        padding-right:10px;
        margin-top:95px;
    }
}
.footerJaxTextTop {
    font-weight:300;
    line-height:1.4em;
}
.footerJaxTextMiddle {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    font-weight: 300;
    line-height: 1.2em;
    margin-top: 8px;
    margin-bottom: 7px;
    font-weight: 300;
}
@media screen and (max-width:760px) {
    .footerJaxTextMiddle {
        margin-top:4px;
    }
}
.footerJaxTextTop .pipe {
    font-size: 0px;
    height: 18px;
    margin-top: 2px;
    width: 1px;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    color: black;
    position: relative;
    top: 1px;
    margin-bottom: -5px;
}
@media screen and (max-width:900px) {
    .footerJaxTextTop .pipe {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.footerJaxTextMiddle .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) {
    .footerJaxTextMiddle .pipe {
        height: 15px;
        margin-top: 4px;
        margin-left: 5px;
        margin-right: 5px;
    }
}
.footerJaxTop .table {
    display: table;
    min-height: 100px;
}
.footerJaxTop .tableCell {
    display:table-cell;
    vertical-align:middle;
}
.footerJaxBottom .table {
    display: table;
    min-height: 30px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.footerJaxBottom .tableCell {
    display: table-cell;
    vertical-align: middle;
}
.footerJaxText {
    vertical-align: middle;
    margin-left: 115px;
    line-height: 1.2em;
}
@media screen and (max-width:480px){
    .footerJaxText {
        margin-left:calc(15px + 20.8vw);
    }
}
.footerJaxText font {
    word-break:break-word;
}
.footerJaxText .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;
}