@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
#brand img {display: block;width:100%;height: auto;float: left;padding: 1em 0}
/* NAV ------------------------------ */
.slideNav{overflow: hidden;}
body>header:before{content: "";opacity: 0; z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>header:before{left:0;opacity: .5;transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;max-height: 100vh;background-color:#414042;z-index:3;-webkit-transition: left 200ms ease;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;}
body.slideNav {overflow: hidden;}
.slideNav #navContainer{left: 25%;}
#navContainer nav{display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li{display:block;float: left;width: 100%; position: relative}
#navContainer a, #navContainer .menu{color:#ccc;line-height:2em;padding:0 1rem;display:block;float: left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
#navContainer a:hover,#navContainer .menu:hover,
#navContainer li.on a{background-color:#262262;color: #fff}
#navContainer li.open{background-color:#262262}
#navContainer li.open li a {border: none}
#navContainer li>span{color: #000;background-color:#fff;opacity: .25; border-radius: 50%; display: block;position: absolute;right: .25em;top: .25em;line-height: 1.5em;width:1.5em;height: 1.5em;}
#navContainer li>span:hover, #navContainer li.on>span{opacity: .3}

#navContainer li>span:before{ content: ""; display: block; width: 50%; height: .05em; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg); transform-origin: center center; -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); }
#navContainer li>span:after{content: ""; display: block; width: 50%; height: .05em; background-color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center;}
#navContainer li.open > span:before {transform: translate(-50%, -50%)rotate(0deg);}
#navContainer li > span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
#navContainer ul ul {font-size: .8em;display: none}
#navContainer ul ul a {padding-left: 1rem}
#navContainer ul ul li.on a {background-color:#8DC63F}
#navContainer ul ul ul {display: block;font-size: 1em}

#mobilenav{background-color: #262262;float: left;width: 100%;text-align: center; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center;}
#mobilenav a, #mobilenav span{color: #fff;line-height: 2.5em; -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;}
#mobilenav a:hover, #mobilenav span:hover{color: #fff;background-color:#8DC63F}
#mobilenav span::before {
    content: "";
    width: 0.75em;
    height: 2.5em;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/m/hamburger-white.svg) no-repeat center top .75em;
        background-size: auto auto;
    background-size: auto auto;
    background-size: contain;
    margin-right: 0.5em;
}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 3px;top:3px;z-index:2;opacity: 0;background-color:#262262;padding: 1px 3px 3px 3px;}
.hamburger path {fill:#fff;font-size: 1.75em;}
.hamburger svg {pointer-events: none;}
.hamburger.on{opacity: .3}
#ancillary{width:100%;display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}
.search{padding:.25em 1em 0 1em;width: 100%;float: left;-webkit-order: 2;border-top: solid 1px rgba(255,255,255,.1);
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

#ancillary div {width:100%; -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}
.search label {color: #fff}
#navContainer a.search-button,button.search-button{display: none}
.search input[type="text"],.search input[type="submit"] {display: inline-block;height: 2em;border: 0;float: left}
.search input[type="text"]{background-color:#fff;width: calc(100% - 2.5em);display: inline-block}
.search input[type="submit"] {width:2.5em;padding:.5em .5em;border-radius: 0;display: inline-block}
.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%;margin-bottom: 1em /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}
#ancillary a.calendars, #ancillary a.employment, #ancillary a.contact {display: none}
.resourcesNews .wrap{padding:2em 1em}
#photoRotator{float: left}
.resourcesNews section {float: left; width: 100%; margin: 2.5% 0 5% 0;padding:3em 1em 1em 1em;}
.resourcesNews section+section{margin-top: 15%}
.polaroid.left, .polaroid.right {display: none}
.schoolLogos h2{width: 100%}
#logo-slider .carousel-wrapper #wrapper-div a {width:100%}

#alertApp{padding: .5em 0}
.alertOpen #alertDesc{text-align: center;padding:.5em 1em}
.welcome .button {margin-top:1em}
/* MAIN ------------------------------ */
#globalAlertApp {clear: both;}

main {padding-top: 1em}
main, body>footer{padding-left: 1rem;padding-right: 1rem}
.home main h1{font-size: 1.5em;margin-top: -2em;}
.m {background-size: 57px 68px;z-index: 2;width: 57px;height:68px;top: -3em;}
.home main{padding-left:0;padding-right: 0}

.benigni {width: 90%;height: 16em;margin: 1em auto}
.benigniMessage,.purpleBkg {padding: 2em;text-align: center;font-size: 1rem}
.benigniMessage h2{color:#fff}

main, body>footer{padding-left: 1rem;padding-right: 1rem}

.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-columns: auto;
        columns: auto;
-webkit-column-width: 13em;
        column-width: 13em;}

.content ul li{padding-left: 2em;margin-bottom: .5em;}
.content ul li:before {left: 1em;}

.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}
.formTable table td + td {padding-left: 0 !important;}

.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}
.button{margin-top: .5em}


.footerImagesContainer{width: 100%;overflow: hidden}
.footerImages{position:relative;width: 110%;max-width: 1600px; overflow:visible;display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;}
.footerImages img{width:33.33%;border:solid 5px #fff;}
.footerImages .four, .footerImages .five {display: none}

.footerImages .one{-moz-transform: rotate(-7deg) translateX(0);position: relative;bottom:-1em;left: .5em;
-webkit-transform: rotate(-7deg) translateX(0);
-o-transform: rotate(-7deg) translateX(0);
-ms-transform: rotate(-7deg) translateX(0);
transform: rotate(-7deg) translateX(0);}

.footerImages .two{-moz-transform: rotate(2deg) translateX(-2em);position: relative;bottom:-1em;left: 1em;z-index: 2;
-webkit-transform: rotate(2deg) translateX(-2em);
-o-transform: rotate(2deg) translateX(-2em);
-ms-transform: rotate(2deg) translateX(-2em);
transform: rotate(2deg) translateX(-2em);}

.footerImages .three{-moz-transform: rotate(-2deg) translateX(-3em);position: relative;bottom:-1em;left: 1em;
-webkit-transform: rotate(-2deg) translateX(-3em);
-o-transform: rotate(-2deg) translateX(-3em);
-ms-transform: rotate(-2deg) translateX(-3em);
transform: rotate(-2deg) translateX(-3em);}

/* School Landing Page ------------------------------ */
.pageHeader { height:15em;}
#schools main{padding:0 0 0 0}
#schools .welcome{padding:2em 2em 0 2em}
.schoolCallouts{margin: 0 auto;text-align: center;padding: 1em 0 0 0;}
.schoolCallouts .wrap{padding:1em 1em;}
.schoolCallouts section{margin-bottom: 1.5em}
.stats{padding-top: 3em}
.stats .stat {padding:2em 2em;width: 100%;}
.stat:nth-child(even){background-color: #fff}
.fourCallouts div {width: 100%; height:100vw;}
.fourCallouts div {display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.fourCallouts div{border-top: 3px solid #fff;}

/* FOOTER ------------------------------ */
.fatFooter,body > footer .wrap{text-align: center}
a.twitter{text-align:center;width: 100%;padding: 1em 1em;margin-bottom: 1em}
.google {margin-top: 1em}
.fatFooter ul{margin: 0}
body>footer .wrap{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
#web-solutions-exposure{
 -ms-flex-order: 1;
 -webkit-box-ordinal-group: 2;
         order: 1;
}