*{
    box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -webkit-box-sizing:border-box; 
     -ms-box-sizing:border-box;
}

body{
    margin:0;
    font-size:62.5%;
    font-family: 'Proxima-Nova', sans-serif;
}

a{text-decoration: none;transition: all 0.3s ease-in-out;}

.altFont{font-family: 'Tinos', serif;font-style: italic;}
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
font{pointer-events: none;}
/****HEADER****/
header{
    display: flex;
    align-items: flex-start;
    justify-content:space-between;
    position: relative;
    z-index: 2;
}
.headerBlue{background-color: #1D2754;flex-basis: 45%;padding-right: 40px;}
.headerWhite{
    background-color:#FFF;
    display: flex;
    align-items: center;
    flex:1;
    padding:10px 0;
    justify-content: space-between;
    padding-right:2%;
    box-shadow: 2px 5px 10px rgba(0,0,0,.25);
    position: relative;
}
.headerWhite::before{position: absolute;display: block; width:40px;height:100%;content: ""; background-color:#FFF;transform: skewX(20deg);left: -20px;box-shadow: -5px 4px 4px rgba(0,0,0,.45);}
.headerWhite .logo a img{width:70px;margin-left: 10px; position: relative;transition: all 0.3s ease-in-out;}
.headerWhite .logo a:hover img{opacity: .6;}
.headerWhite .whiteNav{display: flex;align-items: center;}
.headerWhite .whiteNav .altNav ul{list-style-type: none;display: flex;padding-left: 0;margin-right:60px;}
.headerWhite .whiteNav .altNav ul li{margin-right: 30px;font-size: 1.45em;font-weight: 500;}
.headerWhite .whiteNav .altNav ul li:last-of-type{margin-right: 0;}
.headerWhite .whiteNav .altNav ul li a{color:#f7ae2b;}
.headerWhite .whiteNav .altNav ul li a:hover{color:#1D2754;}
.headerWhite .whiteNav .translate a{margin-right:60px;color:#4f4f4f;font-size: 1.45em;font-weight: 500;}
.headerWhite .whiteNav .translate a:hover{color:#f7ae2b;}
.headerWhite .whiteNav .translate a i{font-size: 1.45em;vertical-align: middle;}
.headerWhite .whiteNav .search a i{color:#4f4f4f;font-size: 1.45em;transition: all 0.3s ease-in-out;}
.headerWhite .whiteNav .search a:hover i{color:#f7ae2b;}

/***MAIN NAV***/

.navWrap{display: flex;margin-top:15px;padding-right: 35px; padding-bottom: 10px;}

.handle{display:none;}

nav.mainNav{width:100%;}
nav.mainNav ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
    list-style-type: none;
}

nav.mainNav ul li{
    text-align: center;
    padding-left: 25px;
}

nav.mainNav ul li > span{cursor: pointer;}
nav.mainNav ul li > a, nav.mainNav  ul li > span{
    color:#FFF;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
}

nav.mainNav ul li .mainLink:hover::After{width:100%;}
nav.mainNav ul li .mainLink::after{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #FFF;
    transition: width .3s;
}

nav.mainNav ul li.active > a, nav.mainNav  ul li.active > span{border-bottom: 3px solid #FFF;}
nav.mainNav ul li .subWrap .sub .subGroup ul li::after{border-bottom: 0;}
nav.mainNav ul li.hasSub .subWrap{display: none;}
nav.mainNav ul li .subWrap{position: absolute;left:20px;}
nav.mainNav ul li .subWrap .sub{margin-top:12px;padding:40px 20px 20px 20px;background-color:#FFF;text-align: left;width: auto;box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);border-radius: 5px;}
nav.mainNav ul li .subWrap .sub a.mainLink{color:#1D2754;font-size: 1.4em;font-weight: 700;margin-bottom: 15px;display: inline-block;}
nav.mainNav ul li .subWrap .sub a.mainLink:hover{color:#f7ae2b;}
nav.mainNav ul li .subWrap .sub .subFlex{display: flex;}
nav.mainNav ul li .subWrap .sub .subGroup{margin-right: 25px;}
nav.mainNav ul li .subWrap .sub .subGroup:last-of-type{margin-right: 0;}
nav.mainNav ul li .subWrap .sub .subGroup span{display: block; color:#000;;font-size: 1.35em;padding-top: 10px; margin-bottom: 10px;font-weight: bold;border-bottom: 2px solid #e9e9e9;}
nav.mainNav ul li .subWrap .sub .subGroup ul{display: block;width: auto;}
nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: left;padding-bottom: 10px;padding-left: 0;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a{font-size: 1.4em;font-weight: 400; color:#000;text-transform: capitalize;}
nav.mainNav ul li .subWrap .sub .subGroup ul li:hover a{color:#f7ae2b;}

/*** Search ***/
.search-form-wrapper {
    display: none;
    position: fixed;
    height:100vh;
    width: 100%;
    top:0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    background-color:rgba(28, 39, 85, .95);
    z-index: 999;
}
.search-form-wrapper.open {
    display: block;
}
.search-form{display: flex;flex-direction: column;height: 100%;justify-content: center;}
.search-form > span{font-size: 5vw;color:#FFF;font-weight: 700;}
.search-form .gSearchWrap .gSearch{flex:1;}
.search-form .gSearchWrap{display: flex;align-items: center}
.search-form .gSearchWrap .gSearch table{border: 0;margin: 0;border-collapse: inherit;}
.search-form .gSearchWrap .gSearch table td{border: 0;padding: inherit;}
.search-form .search-close{flex-basis: 10%;text-align: center;}
.search-form .search-close i{font-size: 3em;margin-left: 10px;color:#FFF;}
input.gsc-input{padding:10px !important;}

.homeBck{background-color:#ebebeb;position:relative;z-index: -1;}

.hero{height:500px;background-size:cover;background-position: center;position: relative;margin-top: -40px;z-index: -1;}
.hero::before{position: absolute;content: "";display: block;background-color:rgba(0,0,0,.5);width: 100%;height: 100%;}


/*** Updates ***/
.slick-prev, .slick-next{}
.slick-prev{left: -30px !important;z-index: 1;}
.slick-prev:before{content:"\f060" !important;}
.slick-next{right:30px !important;z-index: 1;}
.slick-next:before{content:"\f061" !important;}
.slick-prev:before, .slick-next:before{font-family: "Font Awesome 6 Pro" !important; font-weight: 900; font-size: 25px !important;color: #f7ae2b !important;opacity: 1 !important;background-color:#FFF;padding:17px 20px;border-radius: 50%;box-shadow: 5px 3px 5px rgba(0,0,0,.15);}

.slick-prev:hover:before, .slick-next:hover:before{background-color: #f7ae2b !important;color:#FFF !important;}

.updatesWrapper{background-color: #FFF;background-image: url(/_resources/themes/city/images/home-updates-background.png);background-size: cover;display: flex;margin-top: -55px;padding:100px 4% 0 10%;}

.updatesWrapper .updatesText{flex:1;padding-top: 100px;}
.updatesWrapper .updatesText h2{margin-bottom: 0; font-size: 4em;line-height: 40px; font-weight: 800;text-transform: uppercase;background-image:url(/_resources/themes/city/images/star-yellow.svg);background-repeat: no-repeat;background-position: right;display: inline-block;padding-right: 70px;padding-top: 30px;}

.updatesWrapper .updatesText p{font-size: 1.55em;font-weight: 500;}
.updatesWrapper .calloutsWrapper{flex-basis: 75%;width:75%;margin-bottom: 80px;}
.updatesWrapper .calloutsWrapper .slider .callout{width:33%;height:450px;background-size: cover;margin-right: 20px;border-bottom: 6px solid #FFF;transition: all 0.3s ease-in-out;border-top-left-radius: 10px;border-top-right-radius: 10px; overflow: hidden;}
.updatesWrapper .calloutsWrapper .slider .callout a{width:100%;height:100%;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.updatesWrapper .calloutsWrapper .slider .callout a::after{position: absolute;content: "";height:100%;width:100%;background-color:rgba(28, 39, 85, .5);}

.updatesWrapper .calloutsWrapper .slider .callout a .star{width:50px;height:auto;margin-top:20px;}
.updatesWrapper .calloutsWrapper .slider .callout a .calloutText{color:#FFF;padding:0 20px 30px;position: relative;z-index: 1;min-height:130px;}
.updatesWrapper .calloutsWrapper .slider .callout a .calloutText h2{font-size: 2em;margin-top:0;margin-bottom: 0;}
.updatesWrapper .calloutsWrapper .slider .callout a .calloutText p.subTitle{margin-top:0;font-size: 1.5em;font-style: italic;}
.updatesWrapper .calloutsWrapper .slider .callout a .calloutText p{font-size: 1.4em;line-height: 15px;}


.updatesWrapper .calloutsWrapper .slider .callout:hover{border-bottom: 6px solid #f7ae2b;}
.updatesWrapper .calloutsWrapper .slider .callout:hover a::after{background-color:rgba(0, 0, 0, .5);}
.updatesWrapper .calloutsWrapper .slider .callout:hover a .star{position: relative;z-index: 1;}

/*** Buttons ***/
a.btn{
    background: #002157;
    color: #FFF !important;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.35em !important;
    padding: 10px 25px;
    font-weight: 500;
    margin-top:10px;
	margin-bottom: 10px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    white-space: nowrap;
}

a.btn:hover{
    background: #357ae8;
}
p a.btn, li a.btn, p a.btnLight{font-size:inherit !important;}
a.btnLight{
	background-color: #357ae8;
    color: #FFF !important;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.35em !important;
    padding: 10px 25px;
    font-weight: 500;
    margin-top:10px;
	margin-bottom: 10px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    white-space: nowrap;
}
a.btnLight:hover{background-color:#FFF;color:#002157 !important;}

/*** Counter ***/
.content .counterWrap{margin-right:-6%;margin-left:-6%;}
.counterWrap{position: relative;background-color:#f7ae2b;overflow: hidden;}
.counterWrap::before{position: absolute;content: "";display: block;width:100%;height:120%;background-image: url(/_resources/themes/city/images/star.svg);background-size:contain;background-repeat: no-repeat;opacity: .15;}
.counterContent{position: relative;display: flex;align-items: center;justify-content: space-between;padding:80px 10%;}
.counterContent .counterText{color:#FFF !important;flex-basis: 20%;padding-right:20px;margin-right:20px;border-right: 2px solid rgba(255,255,255,.2);}
.content .counterContent .counterText h2{color:#FFF !important;}
.counterContent .counterText h2{font-size: 3em;font-weight: 800; text-transform: uppercase;margin-bottom: 0}
.counterContent .counterText p{margin-top: 5px; font-family: 'Tinos', serif;font-style: italic;font-size: 1.6em;font-weight: 700;}
.counterContent .counterItems{flex:1;display: flex;justify-content: center;flex-wrap:wrap;}
.counterContent .counterItem{flex-basis:21%;text-align: center;margin:0 10px 10px 10px;}
.counterContent .counterItem:first-child{margin-left: 0;}
.counterContent .counterItem:last-child{margin-right: 0;}
.counterContent .counterItem img{max-width: 100px;}
.counterContent .counterItem p.number{color:#1D2754;font-weight: 900;font-size: 5em;margin: 0;}
.counterContent .counterItem p{color:#FFF;font-size: 1.25em;font-weight: 600; margin: 5px 0 0;text-transform: uppercase;line-height: inherit;letter-spacing:2px;}

/*** Internal Layouts ***/

.alert{background-color: #f7ae2b;padding: 20px 5%; display: flex; align-items: center; justify-content: center;}
.alert.deptAlert{border-radius: 10px;margin-right:5%;margin-bottom: 30px;margin-left:5%;}
.alert .alertIcon{margin-right:20px;}
.alert .alertIcon i{font-size: 3em; color: #1D2754;}
.alert p{margin:0;color:#000;font-size: 1.35em;font-weight: 700;}
.alert p a{color: #1D2754;text-decoration:underline;}
.alert p a:hover{color: #357ae8;}
.alert li{font-size: 1.35em;font-weight: 700;}

.subNav{margin:0 0;background-color: #e9e9e9;}
.subNav nav{margin:0 2%;}
.subNav nav ul{display: flex;justify-content: center;flex-wrap: wrap; list-style-type: none;margin:0;padding:15px 0 10px 0;}
.subNav nav ul li{padding: 0 20px 4px 0;}
.subNav nav ul li a{font-size: 1.3em;color:#1D2754;font-weight: 600; text-transform: uppercase;}
.subNav nav ul li a:hover{color: #357ae8;}


.subNav nav ul li.hasSub .subWrap{display: none;}
.subNav nav ul li .subWrap {
    position: absolute;
	z-index:1;
}
.subNav nav ul li .subWrap.guidance {
    width: 20%;
    right: 222px;
}
.subNav nav ul li .subWrap .sub {
    margin-top: 12px;
    padding: 20px;
    background-color: #e9e9e9;
    text-align: left;
    width: auto;
    display: flex;
}
.subNav nav ul li .subWrap .sub ul {
    display: flex;
	flex-direction: column;
    width: auto;
	padding:0;
}
.subNav nav ul li .subWrap .sub ul li {
    text-align: left;
    padding: 12px 0;
	border-bottom:1px solid #cccccc;
}
.subNav nav ul li .subWrap .sub ul li:first-of-type{padding-top:0;}
.subNav nav ul li .subWrap .sub ul li:last-of-type {border-bottom:0;padding-bottom:0;}
.subNav nav ul li .subWrap .sub ul li a{color:#1D2754;text-transform:capitalize;}
.subNav nav ul li .subWrap .sub ul li a:hover{color:#357ae8;}
.subNav nav ul li a.current{color: #357ae8;}

.content p, .content li{font-size: 1.6em;line-height: 25px;}
.content a, .content a:visited {color: #357ae8;}
.content a:hover{color:#1D2754;}
.content a[href$=".pdf"]::before, .content a[href$=".PDF"]::before{display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;content:"\f1c1";font: var(--fa-font-solid);margin-right:3px;color:#1D2754;}
.content a.btn[href$=".pdf"]::before, .content a.btn[href$=".PDF"]::before{color:inherit;}
.content a[href^="mailto:"]::before{display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;content:"\f1fa";font: var(--fa-font-solid);margin-right:3px;color:#002157;}
.content a[href^="tel:"]::before{display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;content:"\f098";font: var(--fa-font-solid);margin-right:3px;color:#002157;vertical-align:middle;}
.content a[href^="tel:"] {white-space: nowrap;}
.content.pageTitle h1{display: inline-block;font-size: 4.5em;font-weight: 800; margin:30px 0 -20px;color: #1D2754;border-bottom: 8px solid #357ae8;}

.content h2	i, .content h3	i, .content h4	i, .content h5	i{color:#357ae8;}
.content h2{font-size: 3.5em;margin: 40px 0 15px;color: #1D2754;font-weight: 800;line-height: 40px;}
.content h3{font-size: 3em;margin:20px 0 0;color:#1D2754;font-weight: 800;}
.content h4{font-size: 2.65em;margin:20px 0 0;color:#1D2754;font-weight: 800;}
.content h5{font-size: 2em;margin:20px 0;color:#1D2754;font-weight: 800;}
.content h6{font-size: 1.65em;margin:20px 0;color:#1D2754;font-weight: 800;}
.column100 > h2:first-of-type, .column50 > h2:first-of-type, .column30 > h2:first-of-type, .columnFlex > h2:first-of-type{margin-top: 0;}

.content h2 + p,.content h3 + p,.content h4 + p,.content h5 + p,.content h6 + p{margin-top:0;}
.content{padding:0 5% 40px;}
.content.flex{display: flex;justify-content: space-between;}
.content img{max-width: 100%;height:auto;}
.content img.left {float: left;margin: 5px 40px 10px 0;}
.content img.leftAlone {float: left;margin-right: 100%;margin-bottom: 10px;clear: both;height:auto;}
.content img.right {float: right;max-width: 50%;margin: 5px 0 10px 40px;height:auto;}
.content img.rightAlone{float:right;margin-left:100%;margin-bottom: 10px;clear: both;}
.content img.center{float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
.content li li{font-size:1em;}
.smallText{font-size:1.25em !important; line-height:normal !important;}
.column100{flex-basis: 100%;}
.column50{flex-basis: 50%;}
.column50:nth-child(1){margin-right: 80px;}
.column30{flex-basis: 30%;}
.column30 i{color:#357ae8;}
.columnFlex {flex: 1;margin-right: 120px;}

.internalHeader {
    margin-top:-50px;
    margin-bottom: 0;
    height: 280px;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	overflow:hidden;
}

.internalHeader .headerTitle{
    position: relative;
    height:280px;
    width: 100%;
    max-width: 100%;
    background-size: cover;
}

.internalHeader .headerTitle h1{
    color: #FFF;
    font-size: 4.5em;
    line-height: 50px;
    margin:0;
    text-transform:capitalize;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -40%);
    text-shadow: 0 10px 30px #000;
    text-align: center;
}

.internalHeader .headerTitle h1::after{display: block;content: "";background-image: url(/_resources/themes/city/images/star-divide.svg);height:30px;background-repeat: no-repeat;background-position: center;margin-top: 10px;margin-bottom: 50px;}

.flex{display: flex;}
.content .element{clear:both;}
.content .element:first-of-type div{margin-top: 0;}
.summary{text-align: center;margin:80px 0;padding:0 25%;font-family: 'Tinos', serif;font-size: 1.3em; font-weight: 400; font-style: italic;}
.divider{margin:90px 0;text-align: center;}
.divider img{max-width: 250px;}
.content-element__content{margin:80px 0;}
.textImage{display: flex;margin:80px 0;}
.textImage .text{flex:1;}
.textImage .text > h2:first-of-type{margin-top: 0;}
.textImage .text i {color:#357ae8;}
.textImage .image{margin-left: 40px;}

.textList{display: flex;justify-content: space-between;margin:80px 0;}
.textList .text{flex-basis:60%;}
.textList .text > h2:first-of-type{margin-top: 0;}
.textList .text i, .textList .listBox i{color:#357ae8;}
.textList .listBox{flex:1;align-self: flex-start;background-color:#fff5e3;padding:25px;margin-left: 40px;border-radius: 10px;}
.textList .listBox .list{display: flex;}
.textList .listBox .list .listLeft{
    text-align: center;
    width: 50px;
    height:50px;
    margin:15px 10px 0 0;
    align-self: flex-start;
    background-color: #357ae8;
    border-radius: 50%;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.textList .listBox .list .listLeft *{margin:0;color:#FFF;}
.textList .listBox .list .listRight{flex:1;}
.textList .listBox .list .listRight i {color:#f7ae2b;}

.textImageText{display: flex;justify-content: space-between;margin:80px 0;}
.textImageText .text > h2:first-of-type{margin-top: 0;}
.textImageText .text i {color:#357ae8;}
.textImageText .imageText{margin-left: 40px;display: flex;background-color:#fff5e3;border-radius: 10px;overflow: hidden;align-self: flex-start;}
.textImageText .imageText .image{flex-basis: 35%; background-size: cover;background-position: center;}
.textImageText .imageText .text{flex:1;padding:25px;}
.textImageText .imageText .text i{color:#f7ae2b;}

.oneTwoCol{margin:80px 0;}
.oneTwoCol i {color:#357ae8;}
.oneTwoCol .columnOne{text-align: center;padding:0 10%;}
.oneTwoCol .twoColWrap{display: flex;margin-top: 40px; }
.oneTwoCol .twoColWrap{display: flex;margin-top: 40px; }

.banner{background-size: cover;background-position: center;display: flex;justify-content: space-between;margin:80px -6%;padding:70px 6%;position: relative;}
.banner .bannerLeft{flex-basis: 50%;color:#FFF;}
.banner .bannerRight{flex:1;color:#FFF;}
.banner h2{color:#FFF;margin-top: 20px;font-size: 3.5em;}
.banner a{color:#FFF;}
.banner a:hover{color:#357ae8;}
.banner a[href$=".pdf"]::before, .content a[href$=".PDF"]::before{color:#FFF;}
.banner a[href^="mailto:"]::before{color:#FFF;}
.banner a[href^="tel:"]::before{color:#FFF;}

.contentBoxesWrap{margin:80px 0;}
.contentBoxesWrap.contentBoxesStyled .contentBoxes .contentBox{background-color: #fff5e3;
padding: 25px;border-radius: 10px;}
.contentBoxesWrap .contentBoxes{margin-top: 20px; display: flex;flex-wrap: wrap;}
.contentBoxesWrap .contentBoxes .contentBox{flex-basis: 31.333%;margin-right:1%;margin-bottom: 20px;margin-left:1%;}
.contentBoxesWrap .contentBoxes .contentBox img{max-width: 100%;border-radius: 10px;}
.contentBoxesWrap .contentBoxes .contentBox h3{font-size: 2.3em; margin:10px 0 0;}

/* TOP LINKS */
.homeTopLinks{margin-top: -95px;position: relative;}
.homeTopLinks h2{width:80%; margin: 0 auto 10px auto;color:#FFF;font-size: 2.35em;font-weight:800;}
.homeTopLinks h2 i{margin-left: 5px;}
.topLinks{
    bottom: 0;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    width:80%;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0,0,0,.25);
}
.topLink{flex-basis: 20%;flex-grow:1;border-right: 1px solid #dbdbdb;padding:20px 5px;cursor: pointer;transition: all 0.3s ease-in-out;}
.topLink:last-child{border-right: 0;}
.topLink a{display: flex; flex-direction: column;text-align: center;align-items: center;color:#000;}
.topLink a .icon i:nth-child(1), .topLink a .icon i:nth-child(3){font-size: 2em;color:#dbdbdb;}
.topLink a .icon i:nth-child(2){font-size: 2.5em;margin: 5px;color:#f7ae2b;}
.topLink a .topLinkText span{display: block;font-size: 1.6em;}
.topLink a .topLinkText span:first-of-type{font-weight: bold;}
.topLink a .topLinkText span:last-of-type{font-size: 1.35em;}
.topLink:hover{background-color:#f7ae2b;}
.topLink:hover a{color:#FFF;}
.topLink:hover a .icon i{color:#FFF;}
.internalTopLinks{margin-top:50px;margin-bottom: 40px;}
.homeTopLinks::after {
  position: absolute;
  background-color: #e9e8e8;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -2;
  top: 0;
}
/* Breadcrumbs */
.breadCrumbs{margin:30px 5%;font-weight: bold;display: flex;justify-content: space-between;}
.breadCrumbs .crumbs{font-size: 1.3em;}
.breadCrumbs .crumbs span::after{
    margin:0 10px;
    content:"";
    border: solid #5c5c5c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.breadCrumbs .crumbs span:last-child:after{display: none;}
.breadCrumbs .crumbs a{color:#357ae8;}
.breadCrumbs .crumbs a:hover{color:#5c5c5c;}
.breadCrumbs .contact{display: flex;align-items: center;}
.breadCrumbs .contact a{color:#1D2754;}
.breadCrumbs .contact a[href^="tel:"]{font-size: 1.3em;}
.breadCrumbs .contact a i{ margin-left: 15px;font-size: 2em;}
.breadCrumbs .contact a:hover{color:#357ae8;}

/*** SHOW HIDE ***/
.showHide{margin:80px 0;}
.showHide details{border-top: 1px solid #91b6f3;}
.showHide details:last-of-type{border-bottom: 1px solid #91b6f3;}
.showHide details summary > * {display: inline;}
.showHide details summary{cursor:pointer;list-style: none;position: relative;padding: 25px 35px 25px 0;}
summary::-webkit-details-marker{display: none;}
.showHide details summary::after{
	font-family: "Font Awesome 5 Pro";
    font-weight:600;
    font-size: 1.65em;
	content:"\f078";
    position: absolute;
    right: .75em;
    height: .75em;
    width: .75em;
    color:#1D2754;
	top:30px;
  }
.showHide details[open] summary::after{content:"\f077";}
.showHide details[open]{padding-bottom:25px;}
.showHide details[open] summary{padding-bottom:0;}
.showHide details summary:hover::after{color:#357ae8;}
.showHide details summary h3{font-size: 1.75em;font-weight:700;}
.showHide details summary:hover h3{color:#357ae8;}

/*** Side Bar ***/
.sideLinkWrap a{display: flex;border: 2px solid #1D2754;margin-bottom: 25px;}
.sideLinkWrap a div:nth-child(1){width:20%;background-color: #3197fc;text-align: center; -webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;}
.sideLinkWrap a:hover div:nth-child(1){background-color: #1D2754;}
.sideLinkWrap a div:nth-child(1) img{padding:3px 5px;}
.sideLinkWrap a div:nth-child(2){
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #002157;
    font-size: 15.5px;
    font-weight: 700;
}

nav.sectionNav h3{font-size: 2.5em;}
nav.sectionNav{padding:10px 20px;background-color: #EAEAEA;margin-bottom:30px;}
nav.sectionNav ul{list-style-type: none;padding-left: 0;}
nav.sectionNav ul li{padding-bottom: 5px;font-size: inherit;}
nav.sectionNav ul li a{color:#357ae8;-webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;font-size: 1.55em;}
nav.sectionNav ul li a:hover{color:#1D2754;}
nav.sectionNav a.current {color: #1D2754;}

/*** DEPARTMENT LISTINGS ***/
.deptCatWrap{margin:40px 0;padding-bottom: 35px; border-bottom: 3px solid #ededed;}
.deptCatWrap:last-of-type{border-bottom: 0;}
.deptCatWrap .deptWrap{display: flex;flex-wrap: wrap;}
.deptCatWrap .deptWrap .dept{flex-basis: 22%;background-color:#f5f5f5;border-radius: 5px; display: flex;padding:20px;margin-right:20px;margin-bottom: 20px;}
.deptCatWrap .deptWrap .dept:hover{background-color:#FFF;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.deptCatWrap .deptWrap .dept .icon{flex-basis: 10%;font-size: 2.45em; color:#357ae8;margin-right: 8px;padding-top: 3px;}
.deptCatWrap .deptWrap .dept .deptInfo{flex:1;}
.deptCatWrap .deptWrap .dept .deptInfo h3{font-size: 1.7em;margin:0 0 5px;}
.deptCatWrap .deptWrap .dept .deptInfo h3 a{color:#1D2754;}
.deptCatWrap .deptWrap .dept .deptInfo h3 a:hover{color:#f7ae2b;}
.deptCatWrap .deptWrap .dept .deptInfo p{font-size: 1.4em;line-height: normal;margin-bottom: 5px;}
.deptCatWrap .deptWrap .dept .deptInfo a.deptPhone{display: block;margin-bottom: 20px; font-size: 1.4em;color:#000;font-weight: 700;}
.deptCatWrap .deptWrap .dept .deptInfo a.deptPhone:hover{color:#f7ae2b;}
.deptCatWrap .deptWrap .dept .deptInfo .social a{font-size: 2em;color:#1D2754;margin-right: 15px;}
.deptCatWrap .deptWrap .dept .deptInfo .social a:hover{color:#f7ae2b;}
.deptCatWrap .deptWrap .dept .deptInfo .social a:last-of-type{margin-right: 0;}
.deptSearch{padding: 15px;width: 60%;border:2px solid #e8e8e8;}

/*** Government LISTINGS ***/
.govCatWrap{margin:40px 0;padding-bottom: 35px; border-bottom: 3px solid #ededed;}
.govCatWrap:last-of-type{border-bottom: 0;}
.govCatWrap .govWrap{display: flex;flex-wrap: wrap;}
.govCatWrap .govWrap .gov{flex-basis: 23%; background-color:#f5f5f5;background-image: url(/_resources/themes/city/images/city-of-el-paso-seal-gray.png);background-repeat: no-repeat;background-size:125%; background-position: center;border-radius: 5px; padding:20px;margin-right:2%;margin-bottom: 20px;}
.govCatWrap .govWrap .gov .govInfo{text-align: center;}
.govCatWrap .govWrap .gov .govInfo h3{color:f7ae2b;font-size: 2.12em;margin:10px 0 0;}
.govCatWrap .govWrap .gov .govInfo p.title{margin-top: -5px;margin-bottom: 0; font-size: 1.7em;font-weight: 800;}
.govCatWrap .govWrap .gov .govInfo p{font-size: 1.4em;line-height: normal;margin-top: 5px; margin-bottom: 5px;}
.govCatWrap .govWrap .gov .govInfo .govBtn{white-space: nowrap;}
.govCatWrap .govWrap .gov .govInfo .govBtn .btn:nth-child(2){margin-left: 3px;}
.govCatWrap .govWrap .gov .govInfo .govBtn .btn i{padding:0 2px;}
.govCatWrap .govWrap .gov .govInfo .govBtn a[href^="mailto:"]::before{display:none;}

hr{border-top: 3px solid #ededed; border-bottom: 0;border-right: 0;border-left: 0;}

/*** NEWS ***/
.NewsContainer{margin-bottom:40px;}
.NewsContainer h3{margin-bottom:1px;}
.NewsContainer .deptDate{font-weight:bold;font-style:italic;}
.NewsContainer img.newsPhoto{width:60px;}

/*** FORM ***/
.userform-fields input, .userform-fields textarea{
    width: 100%;
    display: block;
    box-sizing: border-box;padding: 10px;
    font-size: 1.4em;
}
.userform-fields label, .userform-fields legend{
    display:block;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}
.userform-fields select{width: 100%;padding: 10px;font-size: 1.4em;}
.userform-fields fieldset{margin:10px 0;}
.userform-fields fieldset label{display:inline-block;}
.userform-fields fieldset input{display:inline-block;width:auto;}
input[type=submit]{
    background: #002157;
    color: #FFF;
    border: 0;
    font-size: 18px;
    display: inline-block;
    padding: 10px 25px;
    font-weight: 400;
    margin-top:20px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    cursor: pointer;
	border-radius: 3px;
}
input[type=submit]:hover{background: #357ae8;}
.requiredField label::after {content: "*";}
.onlyForm form{max-width:75%;}

/*** TABLE ***/
table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
	font-size:1.4em;
}
table tr:nth-child(even) {background-color: #ededed;}
.textList .listBox table tr:nth-child(even){background-color:#f4e5cd;}
table th, thead td {background-color: #ededed}
table td, table th {padding: 15px; border: 1px solid #d4d4d4; vertical-align: top;}
table th {font-weight: bold;}
table thead td{background-color:#002157;color:#FFF;font-size:1.05em;padding-top:15px !important;padding-bottom:15px !important;}
table li{font-size:inherit !important;}
table td p{font-size:inherit !important;}
table.noStyle{border:none;}
table.noStyle tr:nth-child(even){background-color:#FFF;}
table.noStyle td, table.noStyle th{border:none;}
table.fullWidth{width:100%;}
table.flexTable tr{display:flex;flex-wrap:wrap;}

/*** BOXES ***/
.boxWrapper{display:flex;flex-wrap:wrap;clear:both;}
.boxWrap{flex-basis:23%;display:flex;flex-direction:column;justify-content: space-between;border:3px solid #CCC;padding:20px;margin-top:20px;margin-right:20px;}
.boxIcon{text-align:center;margin: 20px 0;}
.boxIcon i{font-size:7em;color:#002157;}
.boxWrap .topImage{text-align:center;}
.boxBtn{align-self:bottom;}
.boxWrapper.colSide .boxWrap{flex-basis:30%;}

/*** CityQ - QLess ***/
a.qLine {
    float: right;
    background-color: #002157;
    padding: 10px 0;
    border-radius: 10px;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    width: 310px;
    font-weight: bold;
    font-size: 17px;
    -webkit-transition: all 0.10s ease-in;
    -moz-transition: all 0.10s ease-in;
    -o-transition: all 0.10s ease-in;
    transition: all 0.10s ease-in;
}
a.qLine span{font-size:10px; display:block; font-weight:normal; font-size:12px;}
a.qLine:hover{background-color:#5abd72;color:#002157;}
#qTimes{width:100%;margin-top:30px;}
#qTimes small{display:block;}
#qTimes td:nth-of-type(odd){text-align:left;}
#qTimes td:nth-of-type(even){text-align:right;}
.qLast{text-align:right;font-size:10px;color:#777777;border-top:1px solid #CCC;margin-top:3px;padding-top:5px;}
.qBtns{text-align:right;}
.qBtns button{background-color: #002157; border: none; color: #FFF; padding: 2px 15px;}
.qBtns button[disabled]{opacity:.6;}

/*** PAGINATION ***/
.paginationWrap{font-size:1.35em;font-weight:bold;}
.paginationWrap *{margin-right:5px;}

/*** MISC ***/
.imgVert{vertical-align:middle;}
.redText{color:#af0000;}
.embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;width:100% !important;}
.embed iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }
.iframeWrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.iframeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.a5-widget{right:90px !important;}
.genesys-mxg-frame{right:75px !important;}

/*** FOOTER ***/
footer{padding:4%;background-color: #f0f0f0;}
footer .footerWrap{display: flex; justify-content: space-between;}
footer .footerWrap h3{font-size: 1.25em;font-weight:600;color: #1D2754; margin-bottom: 0;text-transform: uppercase;}
footer .footerWrap h3::after{margin-top:5px;border-top:3px solid #cacaca;display: block;content: "";padding-bottom: 20px;}
footer .footerWrap .footerImage{margin-right:40px;}
footer .footerWrap .footerImage img{width:120px;max-width: 100%;margin-bottom: 20px;}
footer .footerWrap .footerImage p{font-size: 1.3em;}
footer .footerWrap .fnavWrap{margin-right: 20px;}
footer .footerWrap .fnavWrap:last-of-type{margin-right: 0;}
footer .footerWrap .fnav{display: flex;}
footer .footerWrap .fnav nav ul{list-style-type: none;padding-left: 0;margin-top: 0;}
footer .footerWrap .fnav nav ul:first-of-type{margin-right:40px;}
footer .footerWrap .fnav nav ul li{margin-bottom: 10px;}
footer .footerWrap .fnav nav ul li a{color:#000;font-size: 1.3em;}
footer .footerWrap .fnav nav ul li a:hover{color:#357ae8;text-decoration: underline;}

footer .copy{border-top:3px solid #eaeaea;margin-top:80px;display: flex;justify-content: space-between;align-items: center;}
footer .copy p{font-size: 1.15em;display: inline-block;}
footer .copy a{color:#000;}
footer .copy a:hover{color:#f7ae2b;}
footer .copy nav{display: inline-block;margin-left: 20px;}
footer .copy nav ul{list-style-type: none;display: flex;padding-left: 0;}
footer .copy nav ul li{margin-left: 20px;}
footer .copy nav ul li a {color: #1D2754;font-weight: 600;font-size: 1.15em;}
footer .copy nav ul li a:hover {color: #f7ae2b;}
footer .copy .social{display: flex;}
footer .copy .social a i{color:#1D2754;font-size: 2.5em;margin-left: 15px;transition: all 0.3s ease-in-out;}
footer .copy .social a i:hover{color:#f7ae2b;}

@media (min-width:769px){
   nav.mainNav button {display: none;}
   [hidden]{display: block;} 
  .subNav nav button {display: none;}
}

@media (max-width: 1218px) {
    .govCatWrap .govWrap .gov{flex-basis: 30%;}
}

@media (max-width: 1179px) {
	.boxWrap{flex-basis:45%;}
}

@media (max-width: 1135px) {
    header{flex-direction: column;align-items: stretch; background-color: rgba(0, 33, 87, 1);}
    .headerBlue{flex-basis: 100%;padding-right: 0;}
    .headerWhite{order: -1;justify-content:center;}
    .headerWhite .logo{margin-right: 60px;}
    .headerWhite::before{display: none;}
   
}

@media (max-width: 999px) {
    .hero{height:300px;}
    
    .internalHeader{height:auto;}
    .internalHeader .headerTitle{background-position:center;}
    .homeTopLinks{margin-top: -130px;}
    .topLinks{ flex-direction: column;}
    
    .toplink{border-right: 0;border-bottom:1px solid #dbdbdb;}
    .toplink:last-child{border-bottom: 0;}
    
    .topLink a {
        flex-direction: row;
        text-align: left;
        padding: 13px 30px;
    }
    .topLink a .icon{margin-right: 10px;}
    .topLink a .icon i:nth-child(1), .topLink a .icon i:nth-child(3){display: none;}
	.deptCatWrap .deptWrap .dept{flex-basis: 30%;}
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: 46%;}
	.govCatWrap .govWrap .gov{flex-basis: 46%;}
}


@media (max-width: 768px) {
	.navWrap{padding-right: 0;}
    .headerWhite{justify-content: space-between;padding: 15px 5%;}
    .headerWhite .translate span{display: none;}
    .headerWhite .whiteNav .translate a{margin-right: 40px;}
    .headerWhite .whiteNav .translate a i{font-size: 2em;}
    .headerWhite .whiteNav .search a i{font-size: 2em;}
	.headerWhite .whiteNav nav{display: none;}
    .social{margin-top: 10px;}
    [hidden] {display: none !important;}   
nav.mainNav{text-align: center;margin: 20px 0;}
    nav.mainNav ul{
        width: 100%;
        height: 100vh;
        flex-direction: column;
        position: relative;
        z-index: 999;
        align-items: center;
        margin-top:20px;
        justify-content: flex-start;
    }
    nav.mainNav ul li{margin:10px 0;width:100%;text-align: center;padding: 0;}
    nav.navigation ul li a{padding: 0;}
    nav.mainNav button{
        background-color: transparent;
        border: 0;
        color:#FFF;
        font-size: 2.5em;
        cursor: pointer;
    }
    nav.mainNav button span{
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
    }
    
nav.mainNav{text-align: center;margin: 5px 0;order: -1;}
    nav.mainNav.desktop{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #1D2754;
        padding:20px;
        margin-top:80px;
    }
    nav.mainNav.desktop i.fa-bars{display: none;}
    nav.mainNav i.fa-times{display: none;}
    nav.mainNav.desktop i.fa-times{display: block;}    
    nav.mainNav ul li{margin:10px 0;width:100%;text-align: center;padding: 0;}
    nav.mainNav ul li a{padding: 0;}
    nav.mainNav ul li .subWrap .sub{padding:40px 20px;background-color: #FFF;border-radius: 3px;} 
    nav.mainNav ul li .subWrap .sub .subFlex{flex-direction: column;}
    nav.mainNav ul li.hasSub .subWrap{width: 100%;left:0;}
    nav.mainNav ul li .subWrap .sub .subGroup{margin-right: 0;margin-bottom: 20px;}
    nav.mainNav ul li .subWrap .sub .subGroup ul{padding: 0;height: auto;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a{color:#1b2855;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a:after{display: none;}
    .subNav nav button{
        background-color: #1D2754;
		color:#FFF;
		font-size:2em;
        border: 0;
        cursor: pointer;
		width:100%;
		padding:15px 0;
		margin:10px 0;
    }
	.subNav nav ul{
        width: 95vw;
		display:flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        margin-top:20px;
    }
	.subNav nav ul li{width:100%;text-align:center;padding:0 0 15px 0;}
	.subNav nav ul li .subWrap{position:relative;}
	.subNav nav ul li .subWrap .sub{padding:0 4%;background-color:#1D2754;}
	.subNav nav ul li .subWrap .sub ul{width:100%;margin-top: 0;}
	.subNav nav ul li .subWrap .sub ul li{text-align:center;width:100%;}
	.subNav nav ul li .subWrap .sub ul li:first-of-type{padding-top:12px;}
	.subNav nav ul li .subWrap .sub ul li:last-of-type{padding-bottom:12px;}
	.subNav nav ul li .subWrap .sub ul li a{color:#FFF;}
	
	.breadCrumbs{flex-direction: column;text-align: center;align-items: center;}
    .breadCrumbs .contact{text-align: center;margin-top: 20px;}
	.updatesWrapper{flex-direction: column;}
    .counterContent .counterText{padding-right: 0;padding-bottom: 15px;margin-right: 0; border-right: 0;border-bottom: 2px solid rgba(255,255,255,.2);text-align: center;}
    .updatesWrapper .updatesText{padding-top: 0;}
    .updatesWrapper .calloutsWrapper{width:100%;flex-basis: 100%;}
    a.btn{white-space:normal;text-align:center;}
	.internalHeader .headerTitle h1::after{margin-bottom: 50px;}
	.content .counterWrap{margin-right:-5%;margin-left:-5%;}
    .counterContent{flex-direction: column;}
    .counterContent .counterItems{flex-direction: column;}
    .counterContent .counterItem{flex-basis: 100%;margin: 20px 0;} 
	.deptCatWrap .deptWrap .dept{flex-basis:100%;}
    .content{flex-direction: column;}
    .column50{flex-basis: 100%;}
    .column50:nth-child(1){margin-right: 0;}
    .column50:nth-child(2){margin-top: 40px;}
    .column30{flex-basis: 100%;margin-top: 40px;}
    .columnFlex{margin-right:0;}
	.content img.right, .content img.left{float: none;max-width: 100%;margin: 5px auto 10px auto;display:block;}
	.oneTwoCol .twoColWrap{flex-direction: column;}
    .summary{padding:0 5%;}
	.divider{margin:50px 0;}
	.content-element__content{margin:40px 0;}
    .textImage{flex-direction: column;margin:40px 0;}
    .textImage .image{margin-left: 0;}
    .textList{flex-direction: column;margin:40px 0;}
	.textList .text{flex-basis: 100%;}
    .textList .listBox{margin-left: 0;}
	.textList .listBox.order1{order:-1;}
    .textImageText{flex-direction: column;margin:40px 0;}
    .textImageText .imageText{margin-left: 0;}
	.contentBoxesWrap .contentBoxes .contentBox{flex-basis: 100%;}
	.govCatWrap .govWrap .gov{flex-basis: 100%;}
    .banner{flex-direction: column;margin-right:-5%;margin-left:-5%;}
    .formRow{flex-direction: column;}
    .onlyForm form{max-width:100%;}
	.boxWrap{flex-basis:100%;}
	.deptListing{flex-direction:column;}
	.deptItemRight{margin-top: -20px;}
	table{max-width:100%;}
	table td{max-width:100%}
	.tableResp{overflow-x:scroll;}
    footer .footerWrap{flex-direction: column;}
    footer .footerWrap .footerImage{margin-top:20px;text-align: center;margin-right: 0;}
    footer .footerWrap h3{text-align: center;margin-top: 40px;}
	footer .footerWrap .fnavWrap{margin-right: 0;}
    footer .footerWrap .fnav{display: block;text-align: center;}
    footer .footerWrap .fnav nav ul:first-of-type{margin: 0;}
    footer .copy{flex-direction: column;}
	footer .copy .navCopy{display: flex;flex-direction: column;}
    footer .copy p{display: block;}
    footer .copy .navCopy nav{display: block;margin-left: 0;order: -1;}
    footer .copy .navCopy nav ul{flex-direction: column;text-align: center;}
    footer .copy .navCopy nav ul li{margin-top:20px;margin-left: 0;}
    footer .copy .social{margin-top: 20px;order: -1;}
	footer .copy .social a:first-of-type i{margin-left: 0;}
}