/* ===================== WEBFONTS ======================== */
@font-face {font-family: 'ModernaLight';src: url('../fonts/ModernaLight.eot');src: url('../fonts/ModernaLight.eot?#iefix')format('embedded-opentype'),url('../fonts/ModernaLight.woff2') format('woff2'),url('../fonts/ModernaLight.woff') format('woff'),url('../fonts/ModernaLight.ttf') format('truetype'),url('../fonts/ModernaLight.svg#ModernaLight') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family:'TrajanPro';src:url('../fonts/TrajanPro.eot');src:url('../fonts/TrajanPro.eot?#iefix')format('embedded-opentype'),url('../fonts/TrajanPro.woff2')format('woff2'),url('../fonts/TrajanPro.woff')format('woff'),url('../fonts/TrajanPro.ttf')format('truetype'),url('../fonts/TrajanPro.svg#TrajanPro') format('svg');font-weight: normal;font-style: normal;}
/* ===================== MAIN AREAS ======================== */
html,body{width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{background-color:#ffffff;font-size:.938em;margin:0;padding:0;}
.hideSkip{position: absolute;top:-1000px;left:-1000px;height:1px;width:1px;text-align:left;overflow:hidden;}
a.hideSkip:active,a.hideSkip:focus,a.hideSkip:hover {left: 0; top: 0;width: auto; height: auto; overflow:visible;}
.wrapper{position:relative;width:100%;height:100%;margin:0 auto;}
.content{position:relative;margin:0 auto;width:100%;}
/* ==================== NAVIGATION ===================== */
.menuTop {position:absolute;top:6px;right:4px;z-index:1000;}
.menu_container{display:block;float:right;margin:0 auto;}
.menu{position:relative;text-align:center;}
.nav-icon{border:0;margin:0 auto;display:block;position:absolute;right:10px;overflow:hidden;padding:0;width:32px;height:32px;font-size:0;text-indent:0;cursor:pointer;z-index: 9999;background: transparent;}
.nav-icon span{display:block;position:absolute;top:15px;left:5px;right:5px;height:2px;background: #ffffff;box-shadow:0 0 2px #000000;}
.nav-icon span:before, .nav-icon span:after{position:absolute;display:block;width:100%;left:0;height:2px;background-color: #ffffff;box-shadow:0 0 2px #000000;content: "";}
.nav-icon span:before{top:-6px;}
.nav-icon span:after{bottom:-6px;}
.nav-icon span:before, .nav-icon span:after{transition-duration: 0.2s, 0.2s;transition-delay: 0.2s, 0s;}
.nav-icon span:before{transition-property: top, transform;}
.nav-icon span:after{transition-property: bottom, transform;}
.nav-icon.active span{background:transparent;box-shadow:0 0 0 rgba(0,0,0,0);}
.nav-icon.active span:before{top:0;transform: rotate(-45deg);}
.nav-icon.active span:after{bottom:0;transform: rotate(45deg);}
.nav-icon.active span:before, .nav-icon.active span:after{transition-delay: 0s, 0.2s;}
.menu-list{float:right;display:none;position:relative;width:250px;margin-top:40px;margin-right:15px;}
.menu-list a{display:block;margin:0 auto;padding:15px;background:#000000;opacity:0.8;text-decoration:none;}
.menu-list a:hover{background:#7a7a7a;opacity:0.9;}
a.menu-text{font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;color:#cccccc;text-align:center;font-size:95%;line-height:50%;}
a.menu-text:hover{font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;color:#000000;text-align:center;font-size:95%;line-height:50%;}
/* =================== END NAVIGATION ========================= */
/* ====================== SECTIONS ========================= */
.topBannerA img{width:100%;height:auto;vertical-align: top;}
.topBannerA{display:block;}
.topBannerB img{width:100%;height:auto;vertical-align: top;}
.topBannerB{display:block;}
.titleSeparatorA img{width:100%;height:auto;vertical-align: top;}
.titleSeparatorA{display:block;}
.titleSeparatorB img{width:100%;height:auto;vertical-align: top;}
.titleSeparatorB{display:block;}
.blueSection{background-color:#2a395a;background:#2a395a;background:rgba(42, 57, 90, 1.0);width:100%;height:auto;margin:0;vertical-align: top;}
.article-intro{display:block;max-width:100%;height:auto;padding:10px 20px 25px 20px;overflow-x:hidden;}
.projectButtonContainerA{text-align:center;padding:6px;}
.projectButtonContainerA{display:block;}
.projectButtonContainerB{text-align:center;padding:6px;}
.projectButtonContainerB{display:none;}
.projectButtonContainerC{text-align:center;padding:6px;}
.projectButtonContainerC{display:none;}
.columnA {float:left;width:32.1%;padding:.6%;}
.columnA img {margin-top: .6%;}
.columnB {float:left;width:48.8%;padding:.6%;}
.columnB img {margin-top: .6%;}
.row:after{content:"";display:table;clear:both;}
.fixedHeader{width:100%;position: fixed;z-index:500;}
.projectPhotoGallery{display:block;max-width:100%;height:auto;overflow-x:hidden;}
.projectPhoto{width:100%;height:auto;margin-top:.05%;margin-bottom:.05%;}
.article-distinctive{display:block;max-width:100%;height:auto;padding:30px 10px 30px 60px;overflow-x:hidden;}
.groupPhotoA{display:block;float:right;padding:30px 60px 30px 0;}
.groupPhotoB{display:block;margin-left: auto;margin-right: auto;padding-right:30px;padding-bottom:30px;max-width:100%;}
.article-happen{max-width:100%;height:auto;padding:25px 30px 15px 30px;}
.bioPhoto{float:left;}
.bio {overflow: hidden;}/* this is what keep the <p> from wrapping */
.bio p{overflow: hidden;margin-top:6px;margin-bottom:6px;}/* this is what keep the <p> from wrapping */
.article-process{max-width:100%;height:auto;padding: 30px;}
.article-press{max-width:100%;height:auto;padding:25px 50px 25px 50px;}
.article-people{max-width:100%;height:auto;padding:30px;}
.article-footer{max-width:100%;height:auto;padding:30px;}
.social_media{position:relative;margin:0 auto;width:100%;max-height:20px;text-align:center;}
.article-contact{max-width:100%;height:auto;background-color: #2a395a;padding:30px;text-align:center;margin: 0 auto;}
input, textarea, select{background-color: #e8e8e8;font-family:ModernaLight, Neue,Helvetica,Arial,Swiss,sans-serif;font-weight:normal;font-size:85%;color: #2a395a;padding-left:5px;}
.article{max-width:100%;height:auto;padding:15px 50px 15px 50px;}
.article-responder{max-width:100%;height:auto;padding:60px;}
.article-project{max-width:100%;height:auto;padding:15px 50px 15px 50px;}
.articlePhoto{max-width:100%;height:auto;}
.transformationGallery{display:block;max-width:100%;height:auto;overflow-x:hidden;}
.transformationPhoto{max-width:100%;height:auto;margin-top:.05%;margin-bottom:.05%;}
.mediaCenterPU{position: absolute;top: 50%;left: 50%;width:100%;height:auto;transform: translate(-50%, -50%);margin:0 auto;}
.pageCenter{position:relative;width:100%;margin: 0 auto;text-align:center;}
video{width:90%;height:auto;border:4px solid #fff;}
/* ================= END SECTIONS ================ */
/* ===================== TYPE ======================== */
h1.homePage{display:block;text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:95%;margin-bottom:0;font-weight:normal;color:#fff;line-height:125%;}
h1.projectPage{display:none;text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:100%;line-height:80%;margin:-5px;font-weight:normal;letter-spacing: -.7px;color:#fff;}
h1.headline{text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:200%;line-height:110%;font-weight:normal;letter-spacing: -.7px;color:#41527d;}
h1.headlineWhite{text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:200%;line-height:110%;font-weight:normal;letter-spacing: -.7px;color:#fff;}
a.contact_CenterLink{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:120%;font-weight:bold;color:#cfcfcf;line-height:120%;text-decoration:underline;}
a.contact_CenterLink:visited{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:120%;font-weight:bold;color:#cfcfcf;line-height:120%;text-decoration:underline;}
a.contact_CenterLink:hover{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:120%;font-weight:bold;color:#fff;line-height:120%;text-decoration:underline;}
.body95_LeftWhite{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:95%;font-weight:normal;color:#fff;line-height:120%;}
.body85_CenterWhite{display:block;text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#fff;line-height:125%;}
.body85_LeftWhite{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#fff;line-height:120%;}
.body85_Left{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#41527d;line-height:120%;}
a.body85_LeftLink{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#41527d;line-height:120%;text-decoration:underline;}
a.body85_LeftLink:visited{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#000;line-height:120%;text-decoration:underline;}
a.body85_LeftLink:hover{text-align:left;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#000;line-height:120%;text-decoration:underline;}
.headlineBody{text-align:left;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:95%;line-height:125%;font-weight:normal;color:#41527d;}
.body85_Center{display:block;text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:85%;font-weight:normal;color:#41527d;line-height:125%;}
.body75_CenterWhite{display:block;text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:75%;font-weight:normal;color:#fff;line-height:125%;}
.body65_CenterWhite{display:block;text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:65%;font-weight:normal;color:#fff;line-height:125%;}
.body75_Center{display:block;text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:75%;font-weight:normal;color:#41527d;line-height:125%;max-width:350px;margin: 0 auto;}
.bodyByline_Center{text-align:center;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:115%;font-weight:bold;color:#41527d;line-height:125%;}
.headline{text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:200%;line-height:110%;font-weight:normal;letter-spacing: -.7px;color:#2a385d;}
.headlineWhite{text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:200%;line-height:110%;font-weight:normal;letter-spacing: -.7px;color:#fff;}
.headlineSmall{text-align:center;font-family:TrajanPro,Minion Pro,Times New Roman,Times,Palatino,serif;font-size:160%;line-height:125%;font-weight:normal;color:#2a385d;}
a[href^="tel:"]{color:#ffffff;text-decoration:underline;}
/* ===================== END TYPE ======================== */
/* ===================== BUTTONS ======================== */
a.darkblue_button{background:#41527d;display:inline-block;color:#fff;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:75%;font-weight:normal;width:90px;text-decoration:none;line-height:24px;margin-bottom:2%;text-align:center;border:0;border-radius:4px;transition:all 0.3s ease 0s;}
a.darkblue_button:hover{background:#6f7faa;font-size:75%;font-weight:normal;width:90px;color:#000;}
a.darkblue_buttonLong{background:#41527d;display:inline-block;color:#fff;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:75%;font-weight:normal;width:200px;text-decoration:none;line-height:24px;margin-bottom:2%;text-align:center;border:0;border-radius:4px;transition:all 0.3s ease 0s;}
a.darkblue_buttonLong:hover{background:#6f7faa;font-size:75%;font-weight:normal;width:200px;color:#000;}
a.darkgray_button{background:#b7b6b6;display:inline-block;color:#444444;font-family:ModernaLight,Helvetica Neue,Helvetica,Arial,Swiss,sans-serif;font-size:75%;font-weight:normal;width:80px;text-decoration:none;line-height:22px;margin-bottom:2%;text-align:center;border:0;border-radius:4px;transition:all 0.3s ease 0s;}
a.darkgray_button:hover{background:#777777;font-size:75%;font-weight:normal;width:80px;color:#ffffff;}
/* ===================== SPACING/ALIGNMENT/ADJUSTMENTS ======================== */
.clearfix{clear: both;}
.space-24pt{margin-top:-24px;margin-bottom:-24px;}
.space-15pt{margin-top:-15px;margin-bottom:-15px;}
.space-8pt{margin-top:-8px;margin-bottom:-8px;}
.space4pt{margin-top:2px;margin-bottom:2px;}
.space6pt{margin-top:3px;margin-bottom:3px;}
.space8pt{margin-top:4px;margin-bottom:4px;}
.space12pt{margin-top:6px;margin-bottom:6px;}
.space24pt{margin-top:12px;margin-bottom:12px;}
.space48pt{margin-top:24px;margin-bottom:24px;}
.space60pt{margin-top:30px;margin-bottom:30px;}
.left{text-align:left;}
.right{text-align:right;}
img.right{display:block;float:right;}
img.left{display:block;float:left;}
.center{text-align:center;margin: 0 auto;}
.rollover img{-webkit-filter:brightness(100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.rollover img:hover{-webkit-filter:brightness(75%);}
.social_media_rule{display:block;border-top:1px solid #ffffff;max-width:275px;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.copyright_rule{display:block;border-top:1px solid #ffffff;max-width:400px;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.rule_full_gray{display:block;border-top:2px solid #b9b9b9;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.rule_form_gray{display:block;border-top:2px solid #b9b9b9;max-width:600px;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.rule_form_grayShort{display:block;border-top:2px solid #b9b9b9;max-width:300px;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.rule_BA{display:block;border-top:1px solid #41527d;max-width:1000px;width:100%;margin-top:6px;margin-bottom:6px;margin:0 auto;}
.revealOnScroll {opacity: 0;}
/* ================ END SPACING/ALIGNMENT/ADJUSTMENTS =============== */
/* ===================== MEDIA QUERY ======================== */
@media only screen and (max-width:415px){
.articleTransformations{display:block;max-width:100%;height:auto;padding-left:10px;padding-right:10px;overflow-x:hidden;}
}
@media only screen and (max-width:699px){
.howDistinctiveB{display:block;}
.howDistinctiveA{display:none;}
}
@media only screen and (min-width:700px){
.howDistinctiveA{display:block;}
.howDistinctiveB{display:none;}
}
@media only screen and (max-width:700px){
.projectButtonContainerA{text-align:center;padding:6px;}
.projectButtonContainerA{display:none;}
.projectButtonContainerB{text-align:center;padding:6px;}
.projectButtonContainerB{display:block;}
.projectButtonContainerC{text-align:center;padding:6px;}
.projectButtonContainerC{display:none;}
}
@media only screen and (max-width:415px){
.projectButtonContainerA{text-align:center;padding:6px;}
.projectButtonContainerA{display:none;}
.projectButtonContainerB{text-align:center;padding:6px;}
.projectButtonContainerB{display:none;}
.projectButtonContainerC{text-align:center;padding:6px;}
.projectButtonContainerC{display:block;}
}
@media only screen and (min-width:600px){
.topBannerA{display:block;}
.topBannerB{display:none;}
.titleSeparatorA{display:block;}
.titleSeparatorB{display:none;}
}
@media only screen and (max-width:600px){
.topBannerB{display:block;}
.topBannerA{display:none;}
.titleSeparatorB{display:block;}
.titleSeparatorA{display:none;}
}