html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;font-family:'Circular-Book-S','Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: normal;line-height: 100%;
}
.win html, .win body, .win div, .win span, .win applet, .win object, .win iframe, .win h1, .win h2, .win h3, .win h4, .win h5, .win h6, .win p, .win blockquote, .win pre, .win a, .win abbr, .win acronym, .win address, .win big, .win cite, .win code, .win del, .win dfn, .win em, .win font, .win ins, .win kbd, .win q, .win s, .win samp, .win small, .win strike, .win strong, .win sub, .win sup, .win tt, .win var, .win dl, dt, .win dd, .win ol, .win ul, .win li, .win fieldset, .win form, .win label, .win legend, .win table, .win caption, .win tbody, .win tfoot, .win thead, .win tr, .win th, .win td {
/* line-height: 90%;*/
}
.win.gecko html, .win.gecko body, .win.gecko div, .win.gecko span, .win.gecko applet, .win.gecko object, .win.gecko iframe, .win.gecko h1, .win.gecko h2, .win.gecko h3, .win.gecko h4, .win.gecko h5, .win.gecko h6, .win.gecko p, .win.gecko blockquote, .win.gecko pre, .win.gecko a, .win.gecko abbr, .win.gecko acronym, .win.gecko address, .win.gecko big, .win.gecko cite, .win.gecko code, .win.gecko del, .win.gecko dfn, .win.gecko em, .win.gecko font, .win.gecko ins, .win.gecko kbd, .win.gecko q, .win.gecko s, .win.gecko samp, .win.gecko small, .win.gecko strike, .win.gecko strong, .win.gecko sub, .win.gecko sup, .win.gecko tt, .win.gecko var, .win.gecko dl, .win.gecko dt, .win.gecko dd, .win.gecko ol, .win.gecko ul, .win.gecko li, .win.gecko fieldset, .win.gecko form, .win.gecko label, .win.gecko legend, .win.gecko table, .win.gecko caption, .win.gecko tbody, .win.gecko tfoot, .win.gecko thead, .win.gecko tr, .win.gecko th, .win.gecko td {
/* line-height: 80%;*/
}
.mac.gecko html, .mac.gecko body, .mac.gecko div, .mac.gecko span, .mac.gecko applet, .mac.gecko object, .mac.gecko iframe, .mac.gecko h1, .mac.gecko h2, .mac.gecko h3, .mac.gecko h4, .mac.gecko h5, .mac.gecko h6, .mac.gecko p, .mac.gecko blockquote, .mac.gecko pre, .mac.gecko a, .mac.gecko abbr, .mac.gecko acronym, .mac.gecko address, .mac.gecko big, .mac.gecko cite, .mac.gecko code, .mac.gecko del, .mac.gecko dfn, .mac.gecko em, .mac.gecko font, .mac.gecko ins, .mac.gecko kbd, .mac.gecko q, .mac.gecko s, .mac.gecko samp, .mac.gecko small, .mac.gecko strike, .mac.gecko strong, .mac.gecko sub, .mac.gecko sup, .mac.gecko tt, .mac.gecko var, .mac.gecko dl, .mac.gecko dt, .mac.gecko dd, .mac.gecko ol, .mac.gecko ul, .mac.gecko li, .mac.gecko fieldset, .mac.gecko form, .mac.gecko label, .mac.gecko legend, .mac.gecko table, .mac.gecko caption, .mac.gecko tbody, .mac.gecko tfoot, .mac.gecko thead, .mac.gecko tr, .mac.gecko th, .mac.gecko td {
/* line-height: 110%;*/
}
.win #projectDetailsBackBut{
margin-top:55px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
.mac #projectDetailsBackBut {
margin-top:55px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 0px;
}
.mac.gecko #projectDetailsBackBut {
margin-top:55px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
#homeContent h4 {
line-height: 120%;
}
#projectContent h4 {
line-height: 120%;
}
html {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;ont-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top:0px !important;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;
}
html { height: 100% }
img {border:none}
body {
height: 100%;
margin: 0;
padding: 0;
font-weight: normal;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#journalHolder ul {
font-size: 14px;
color: #434343;
}
#journalHolder a {
color: #222222;
}
#homeMenu{
margin-top:50px; margin-left:0px
}
#homeMenu ul li{
height:32px;padding-left:33px;font-size:14px; border-top:1px solid #000000; padding-top:9px; cursor: pointer
}
#homeMenu ul li:hover{
background-color:#1c1c1c; color:#fad643 !important;
background: #1c1c1c url('images-mo/right-arrow-yellow.png') 264px 8px no-repeat;
}
#homeMenu a {
text-decoration:none;
color:#1c1c1c
}
#homeMenu a:hover {
color:#fad643
}
.centerColumn {
width: 928px;margin-left: auto; margin-right: auto;
}
.headerLeft {
background-color:#ffffff; width:480px; float:left
}
.headerRight {
width:448px !important; float:right
}
/*********************
TRANSITIONS
*********************/
.transition {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-webkit-transition-duration: 300ms;
-ms-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms; }
.transition-news {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: all;
-ms-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.095, 1.08);
-webkit-transition-duration: 200ms;
-ms-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms; }
.transitioned {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-duration: 1000ms;
-moz-animation-duration: 1000ms;
-ms-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
.transitioned2 {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-duration: 1000ms;
-moz-animation-duration: 1000ms;
-ms-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-moz-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-o-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
form input[type=text], form input[type=email], form input[type=password]{
-webkit-appearance: none;
width: 300px;
height: 40px;
border: solid 0px #f4f4f4;
border-bottom: solid 1px #f4f4f4;
padding: 0px;
padding-top: 0px;
color: #eaeaea;
-webkit-font-smoothing: antialiased;
float:left;
font-size:24px;
padding-left:0px;
margin-top:10px;
outline: none;
background-color:#face10;
}
::-webkit-input-placeholder {
color: #eaeaea;
}
:-moz-placeholder { /* Firefox 18- */
color: #eaeaea;
}
::-moz-placeholder { /* Firefox 19+ */
color: #eaeaea;
}
:-ms-input-placeholder {
color: #eaeaea;
}
/*.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}*/
.grayscale {
filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
/********************* Main Menu ***********************************/
#mainMenuContainer {
background-color:#ffffff; width:100%; height:auto;
}
#mainMenu {
height: auto;
width: 300px;
font-size: 36px;
margin-left: auto;
margin-right: auto;
margin-top: 245px;
z-index: 4001;
position: absolute;
left: -670px;
right: 0;
}
#mainMenuAll {
width:968px; font-size:36px; margin-left:auto; margin-right:auto; padding-top: 245px; z-index: 4019;position: fixed;left: 0;right: 0; display:none;
height:auto; vertical-align: middle;
width:100%; height:100%;
}
#mainMenu a {
text-decoration: none;
}
#mainMenuAll a {
color: #ffffff ;
}
#mainMenuAll a:hover {
color: #575757 ;
}
#condensedNav {
width:100%; height:80px; z-index:4010;position: fixed; display:none;
}
#carouselBarContainer {
width:100%; height:80px; background: rgba(255, 255, 255, .7); bottom: 80px; position: relative;z-index: 1006;
}
#downArrowHolder {
width:968px; margin-left:auto; margin-right:auto;
}
#downArrow {
width:32px; height:32px; background:url('images/icon-scroll-down.png') center center no-repeat transparent; margin-top:24px; position: absolute; margin-right:auto; margin-left:auto;left:0; right:0;
cursor: pointer
}
#carouselBarInfoContainter {
width:968px; margin-left:auto; margin-right:auto;position:absolute;left:0; right:0;
}
#carouselBarInfoContainter h3 {
color:#222222; font-size: 14px;padding-top:12px;background:url('images/icon-arrow-right.png') right 12px no-repeat transparent; width:auto;
background-size: 16px 12px; display:inline-block;
}
#featuredProjectHolder {
}
#carouselBarInfoContainter h4 {
color: #434343;font-size:12px; padding-top:23px;
}
#mainLogo {
width:84px; height:72px; margin-left:auto; margin-right:auto; margin-top:48px; position: absolute;left: 0;right: 0;
z-index: 1001;
}
#mainLogoDark {
width:84px; height:72px; margin-left:auto; margin-right:auto; margin-top:48px; position: absolute;left: 0;right: 0;
}
#condesnsedLogo {
width:236px; height:14px; margin-left:auto; margin-right:auto; margin-top:33px; z-index: 1001; width:968px;
}
#menuButContainer {
width:968px; margin-left:auto; margin-right:auto;z-index: 4017;left:0; right: 0; position:absolute;
}
#closeMenuButContainer {
width:968px; margin-left:auto; margin-right:auto;z-index: 1007;
}
#menuBut {
width:36px; height:36px; background:url('images/menuBut-off.png') center center no-repeat transparent; margin-top:21px; position: absolute;cursor: pointer; z-index: 1002;
}
#closeMenuBut {
width:36px; height:36px; background:url('images/menuBut-close.png') center center no-repeat transparent; margin-top:-225px; position: absolute;cursor: pointer; z-index: 1002;
}
#menuButContainer2 {
width:968px; margin-left:auto; margin-right:auto;z-index: 1007;
}
#mainMenu ul, #mainMenuAll ul {
list-style: none;font-weight: normal;margin: 0px;
}
.homeMenulink {
width: 300px;
height: 30px;
background: #ffffff;
background-size: 100% 100%;
}
#mainMenuAll ul {
width: 968px;
margin-right: auto;
margin-left: auto;
position: absolute;
height: 300px;
/* margin: 0px 0 0 -150px; */
top: 30%;
/* left: 50%; */
left: 0;
right: 0;
}
#mainMenu li, #mainMenuAll li {
color: #ffffff; margin-bottom: 18px;
}
#mainMenu li a, #mainMenuAll li a{
text-decoration: none;color: #ffffff;
}
#mainMenu li a:hover{
text-decoration: none;color: #face10 ;
}
#mainMenu li:hover{
text-decoration: none;color: #face10 ;
}
#mainMenuAll li:hover{
text-decoration: none;
}
/*********************************************************************/
#capabilityList li, #methodogyList li {
border-bottom: 1px solid #222222;
float: left;
width: 464px;
font-size: 14px;
color: #434343;
margin-top: 11px;
display: inline-block;
margin-bottom: 0px;
padding-bottom: 9px;
line-height: 160%; vertical-align: baseline;
}
/********************* home page ***********************************/
.menu-number {
display:inline-block;
}
.menu-line {
width:90px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle
}
.menu-name {
display:inline-block;
}
.menu-number2 {
display:inline-block;
}
.menu-line2 {
width:90px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle
}
.menu-name2 {
display:inline-block; width:100%; margin-top:154px;text-align:left;font-size: 32px;color:#222222
//margin-top: 188px;
}
#heroLine {
margin-bottom:66px;
}
h1 {
font-size:24px; text-align: center;color:#575757;
}
#homeContent {
width:968px;margin-right: auto; margin-left:auto;
}
#homeContentMobile {
width:968px;margin-right: auto; margin-left:auto;display:none;
}
#leftContent {
width:464px; float:left;
}
#rightContent {
width:464px;float:right;
}
.contentItemLeft {
height:auto; float:right; margin-right:0px; margin-top:50px;width:464px;cursor: pointer;opacity: 0.0;clear:both;
}
.contentItemLeftDouble {
height:auto; float:left; margin-right:20px; margin-top:50px;width:464px;cursor: pointer;opacity: 0.0;clear:both;
}
.contentItemRight {
height:auto; float:left; margin-left:0px; margin-top:50px;width:464px;cursor: pointer;opacity: 0.0;
}
.contentItemRightDouble {
height:auto; float:right; margin-left:20px; width:464px;cursor: pointer;opacity: 0.0;margin-top: 60px;margin-bottom: 59px;
}
.contentItemRightDouble {
height: 391px;
float: right;
margin-left: 20px;
width: 464px;
cursor: pointer;
opacity: 0.0;
margin-top: 50px;
margin-bottom: 59px;
}
#homeContent h2, #projectContent h2 {
font-size:16px; text-align: left;color: #222222 ; margin-top:8px; position:relative;text-align: center;
}
#homeContent h4, #projectContent h4 {
font-size:14px; margin-top:21px; position:relative;
color:#222222;
text-align: center;padding-top:245px;
}
#homeContent p, #projectContent p {
font-size:12px; text-align: left; display:inline-block; line-height: 180%; color:#3c3c3c;
}
.contentImage:hover {
}
.contentRollover {
float:right; background-color:#face10; background:url('images-mo/icon-arrow-right.png') center center no-repeat transparent; cursor: pointer; position: absolute;
width:100%; height:100%;
}
.contentImage {
float:right; background-color:#ffffff; position:relative;
}
.readMoreLink {
border-top:1px solid #face10;border-bottom:1px solid #face10; width:100%; height:32px; padding-top:9px; margin-top:40px; font-size:12px;
background:url('images/icon-arrow-right.png') 192px 9px no-repeat transparent;
color:#3c3c3c;background-size: 20px 14px;
}
.readMoreLink {
border-top: 1px solid #face10;
border-bottom: 1px solid #face10;
width: 212px;
height: 32px;
padding-top: 9px;
/* margin-top: 40px; */
font-size: 12px;
background: url('images/icon-arrow-right.png') 192px 9px no-repeat transparent;
color: #3c3c3c;
background-size: 20px 14px;
bottom: 0px;
position: absolute;
}
.readMoreLink2 {
width:100%; height:40px; padding-top:12px; margin-top:5px; font-size:14px;
background:url('images-mo/right-arrow.png') 75px 4px no-repeat transparent;
color:#3c3c3c; text-decoration:none;
}
.readMoreLink2:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') 75px 4px no-repeat transparent; background-size:30px 30px; color:#face10;
}
.homeTeamContentCopy {
/* height: 80px; */
/* border-bottom: 1px solid #222222; */
/* position: absolute; */
margin-top: 264px;
width: 296px;
}
.journalFloatRight {
float:right;
}
.teamContentRollover {
display:none;
}
/********************* homepage a feature ***********************************/
#slidesjs-log {
display:none;
}
.slidesjs-previous, .bx-prev, .slick-prev {
width:53px;height:53px; position:fixed;bottom:60px;z-index:3000; float:right; right: 0px;
background:url('images/scroll-but-up.png') center center no-repeat ;border: 0;cursor: pointer; outline: none;
padding-left:0px; padding-right:0px; margin-right: -2px;
}
.slidesjs-next, .bx-next, .slick-next {
width:53px;height:53px; position:fixed; bottom:20px;z-index:3001;float:right; right: 0px;
background:url('images/scroll-but-down.png') center center no-repeat ;border: 0;cursor: pointer; outline: none;margin-right: -2px;
}
.slidesjs-previous:hover, .bx-prev:hover, .slick-prev:hover {
background:url('images-mo/scroll-up-arrow-over2.png') center center no-repeat ;border: 0;cursor: pointer
}
.slidesjs-next:hover, .bx-next:hover, .slick-next:hover {
background:url('images-mo/scroll-down-arrow-over2.png') center center no-repeat ;border: 0;cursor: pointer
}
.slidesjs-pagination, .bx-pager, .slick-dots {
margin: 6px 0 0;list-style: none;position: fixed; z-index: 2000;width: 980px;margin-right: auto;margin-left: auto;left: 0;right: 0;
width:10px;
right: 10px;
left:auto;
margin-right:15px;
top:45%;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slidesjs-pagination li, .bx-pager-item, .slick-dots li {
float: left;
margin: 0 5px;
margin-bottom:15px;
}
.slidesjs-pagination li:first-child {
}
.slidesjs-pagination li a, .bx-pager-item a, .slick-dots li button {
display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(images/pagination.png);background-position: 0 0;float: left;overflow: hidden;
height: 15px;
padding-top: 1px;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active,
.bx-pager-item a.active,
.bx-pager-item a:hover.active,
.slick-active button
{
background-position: 0 -13px !important;
}
.slidesjs-pagination li a:hover, .bx-pager-item a:hover, .slick-dots li button:hover {
background-position: 0 -26px;
}
#projectCarosel .slidesjs-pagination {
margin: 6px 0 0;list-style: none;position: relative;z-index: 2000; top:0px;
width:728px; margin-left:auto; margin-right:auto; margin-top:30px;
}
#projectCarosel .slidesjs-pagination li a {
background-image: url(images-mo/pagination-caro.png);
}
#projectCarosel .slidesjs-previous {
width:73px;height:73px; position:absolute; margin-top:-32%;z-index:3000;
float:left; margin-left:90px;left:0px;
background:url('images-mo/caro-left-arrow.png') center center no-repeat ;bottom:auto;
}
#projectCarosel .slidesjs-next {
width:73px;height:73px; position:absolute; margin-top:-32%;z-index:3001;float:right; right: 0px; margin-right:90px;
background:url('images-mo/caro-right-arrow.png') center center no-repeat ; bottom:auto;
}
#caroSmallLeft {
width: 23px;
height: 23px;
position: relative;
z-index: 3001;
/* float: right; */
/* margin-right: 50px; */
background: url('images-mo/caro-left-arrow-s.png') center center no-repeat;
margin-top: -62px;
float:left;
cursor: pointer
}
#caroSmallRight {
width: 23px;
height: 23px;
position: relative;
z-index: 3001;
/* float: right; */
/* margin-right: 50px; */
background: url('images-mo/caro-right-arrow-s.png') center center no-repeat;
margin-top: -62px;
float:left;
margin-left: 30px;
cursor: pointer
}
#projectCarosel .slidesjs-previous:hover {
background:url('images-mo/caro-left-arrow-over.png') center center no-repeat ;
}
#projectCarosel .slidesjs-next:hover {
background:url('images-mo/caro-right-arrow-over.png') center center no-repeat ;
}
#previousProjectBut {
float:left; font-size:14px; color:#222222; background:url('images-mo/left-arrow.png') -10px center no-repeat ;padding-left:20px; cursor: pointer
}
#previousProjectBut:hover {
color:#face10; background:url('images-mo/left-arrow-over.png') -10px center no-repeat ;
}
#nextProjectBut {
float:right; font-size:14px; color:#222222; background:url('images-mo/right-arrow.png') 80px center no-repeat ;padding-right:20px; cursor: pointer
}
#nextProjectBut:hover {
color:#face10; background:url('images-mo/right-arrow-over.png') 80px center no-repeat ;
}
.bx-viewport, .bx-wrapper{
height:1000px !important;
}
/*********************************************************************/
#pageArrowUp {
cursor:pointer; width:30px; height:30px; background: url('images-mo/scroll-up-arrow.png') center center no-repeat;
}
#pageArrowDown {
cursor:pointer; width:30px; height:30px; background: url('images-mo/scroll-down-arrow.png') center center no-repeat; margin-top:10px
}
#pageArrowUp:hover {
background: url('images-mo/scroll-up-arrow-over.png') center center no-repeat;
}
#pageArrowDown:hover {
background: url('images-mo/scroll-down-arrow-over.png') center center no-repeat;
}
/********************* Profile Page ***********************************/
#profileCategoryMenuHolder {
width:968px; margin-left:auto; margin-right: auto; position: relative;
padding-top: 16px; color:#434343;
}
.profileLeftCopy {
width:410px; float:left; padding-right:0px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;
}
.profileThirdCopy {
width:288px; float:left; padding-right:0px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;
}
.profileThirdCopyMiddle {
width:288px; float:left; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;padding-right:32px; padding-left:32px
}
.profileThirdCopy h4, .profileThirdCopyMiddle h4 {
font-size:18px;padding-bottom:10px;
}
.profileRightImage {
width:416px; height:412px;float:right;background-color:#ffffff; margin-top:-36px;
}
#profileRightImage p {
float:left;display:block;background:url('images/icon-arrow-right.png') 280px 4px no-repeat transparent;width: 300px;background-size: 16px 12px;
}
.greenCircle {
background: #222222;width: 36px;height: 36px;border-radius: 50%; float:left
}
.greenCircleLetter {
position:relative; color:#ffffff; width:36px;text-align: center; vertical-align: middle; height:36px;top: 10px;
}
.greenCircle2 {
background: #222222;width: 52px;height: 52px;border-radius: 50%; float:left
}
.greenCircle3 {
width: 52px;height: 52px;border-radius: 50%; float:left
}
.greenCircleLetter2 {
position:relative; color:#ffffff; width:52px;text-align: center; vertical-align: middle; height:52px;top: 20px;font-size:15px;
}
.profile-line {
width:90px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle;
background-color:#222222 !important; float:left; margin-top:18px; margin-left:17px;
}
.profile-name {
display:inline-block;float:left; font-size:24px; color:#222222; margin-top:4px; text-decoration: underline
}
#profileDetailHolder {
width:100%; margin-left:auto; margin-right:auto;
}
#profile, #about, #our-team,#capability, #methodology, #sustainability, #practice, #in-brief, #design-and-technology{
width:928px; margin-left:auto; margin-right:auto;padding-top:145px;margin-top:0px;
}
#awards{
width:928px; margin-left:auto; margin-right:auto;padding-top:105px;margin-top:0px;
}
#projectArchive{
width:928px; margin-left:auto; margin-right:auto;padding-top:34px;margin-top:0px;
}
#profileFeatureImage {
margin-top:142px;display: inline-block; width:100%; height:auto; max-height:822px; overflow: hidden
}
#profileDetailHolder h1 {
color:#222222; text-align: left;font-size:42px; color:#434343; line-height:140%
}
#profileDetailHolder h2 {
font-size:24px;color:#222222; text-align: left; color:#434343; width:95%; line-height:140%
}
#profileDetailHolder h3 {
font-size:24px;color:#434343; line-height:160%
}
#profileDetailHolder p {
font-size:14px;color:#434343; margin-top:10px; display:inline-block;margin-bottom:10px; line-height:175%;
}
.profileRightCopy {
width:410px; float:right; padding-right:0px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;
}
#practiceFeatureArrowDown {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
background: url('images-mo/down-arrow-white2.png') center center no-repeat transparent;
width: 30px;
height: 30px;
position: absolute;
margin-top: 600px;
z-index: 100;
cursor: pointer
}
.headerGreen {
color:#222222;
}
.headerGreenSub {
color:#222222;
font-size: 28px;
display: block;
line-height: 130%;
padding-bottom: 10px;
padding-top: 15px;
width: 290px;
}
.methSubLine {
border-bottom: 1px solid #222222;width: 110px;margin-top: 0px;height: 1px; margin-bottom:30px;
}
.methDividerSpace {
width:100%; display:block; height:50px; float:left
}
.profileline100 {
border-bottom: 1px solid #cfcfcf; width:968px; margin-right: auto; margin-left: auto; margin-top:30px; font-size:12px; padding-bottom:16px;height:1px;
padding-top:110px;
width: 200%;
margin-right: auto;
margin-left: -50%;
}
.awards-year {
font-size:18px;color:#222222; width:138px;float:left; line-height:165%;margin-top:-4px;
}
.awards-type {
font-size:14px; color:#222222; width:320px; line-height:165%;padding-right:20px; float:left;
}
.awards-description {
font-size:14px;color:#222222; width:290px;line-height:165%;padding-right:20px; float:left
}
.awards-description2 {
font-size:14px; color:#222222;width:220px;line-height:165%;float:left
}
.awards-description3 {
font-size:14px; color:#222222;width:400px;line-height:165%;float:left
}
#awardsList {
list-style: none;font-weight: normal;margin: 0px; padding-top: 70px;display:none;
}
#archiveList {
list-style: none;font-weight: normal;margin: 0px; padding-top: 70px;
}
#profileAwards {
width:968px; margin-right: auto; margin-left: auto; padding-top: 30px;
}
#archieveHolder {
width:968px; margin-right: auto; margin-left: auto; padding-top: 30px;
}
#awardsList li {
border-top:solid 1px #cfcfcf; height:70px; padding-top:11px;
}
#archiveList li {
border-top:solid 1px #cfcfcf; height:70px; padding-top:11px;
}
.bottomLineAwards {
border-bottom:solid 1px #222222;
}
.awardHeader {
font-size:20px !important;font-family:'Circular-Book-S'; margin-top:0px;
}
/*********************************************************************/
/********************* Project Page ***********************************/
#projectMenuContainer {
background-color:#ffffff; height:284px; width:100%; border-bottom: 1px solid #cfcfcf;
//height:344px;
}
.singleProject {
height:324px !important;
}
#projectCategoryMenuHolder {
width:968px; margin-left:auto; margin-right: auto; position: relative;
padding-top: 16px; color:#434343;
}
#projectCategoryMenuHolder2 {
width:968px; margin-left:auto; margin-right: auto; position: relative;
padding-top: 25px; color:#434343;
}
#projectCategoryMenu {
list-style: none;font-weight: normal;margin: 0px;margin-top:35px;
//margin-top:78px;
}
#projectCategoryMenu li {
color: #434343 ; float:left; margin-right:5px; font-size:14px; width:45%; height: 32px;
}
#projectCategoryMenu li:hover {
color: #face10 ; cursor: pointer;
}
#practiceCategoryMenu {
list-style: none;font-weight: normal;margin: 0px;margin-top:78px;
}
#practiceCategoryMenu li {
color: #434343 ; float:left; margin-right:5px; font-size:14px; width:100%; height: 32px;
}
#practiceCategoryMenu li:hover {
color: #face10 ; cursor: pointer;
}
#peopleCategoryMenu {
list-style: none;font-weight: normal;margin: 0px;margin-top:58px;
}
#peopleCategoryMenu li {
color: #434343 ; float:left; margin-right:5px; font-size:14px; width:100%; height: 32px;
}
#peopleCategoryMenu li:hover {
color: #face10 ; cursor: pointer;
}
.categorySelected {
color: #face10 !important; text-decoration: none;
}
#projectsTitle {
font-size:32px; color: #222222 ;width:928px;margin-left:auto;margin-right:auto;padding-top:10px
}
.menu-number2 {
font-size:14px;
}
#viewOptionsHolder {
width:240px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:20px;
}
#gridViewOptionBut {
font-size:15px;color:#b8b8b8;display:inline-block;width:115px;cursor: pointer;
}
#listViewOptionBut {
font-size:15px;color:#b8b8b8;display:inline-block;width:115px;cursor: pointer;
}
.gridViewicon {
height:18px; width:22px; background:url('images/icon-grid-view-off.png') center center no-repeat transparent; float:left; margin-right:9px; margin-top: -3px;
}
.listViewicon {
height:18px; width:22px; background:url('images/icon-list-view-off.png') center center no-repeat transparent;float:left; margin-right:9px; margin-top: -3px;
}
.gridViewSelected {
background:url('images/icon-grid-view-on.png') center center no-repeat transparent ;
}
.listViewSelected {
background:url('images/icon-list-view-on.png') center center no-repeat transparent ;
}
.viewSelected {
color: #face10 !important; text-decoration: underline;
}
#projectContent {
width:960px;margin-right: auto; margin-left:auto;
}
.listProjectItem {
width:100%; padding-top:0px;margin-left:auto; margin-right:auto;
}
.listProjectItem:hover .listItemOver {
display:block;
}
.listProjectItem:hover .listItemOff{
display:none;
}
.listItemOff {
height:48px; width:968px; margin-left:auto; margin-right:auto; padding-top:12px; margin-top: 7px; cursor:pointer;
}
.innerListItemOver {
width:968px;margin-left:auto; margin-right:auto;
}
.listItemOver {
height:120px; display:none;background-color:#222222; color:#ffffff;width:100%;margin-left:auto; margin-right:auto;cursor:pointer;
}
.list-menu-number {
display:inline-block; font-size:14px; padding-right:20px;
}
.list-menu-line {
width:90px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle; background-color:#face10
}
.list-menu-name {
display:inline-block; font-size:14px; padding-left:20px;
}
.listItemOverImage {
width:144px; height:88px; background-color:#ffffff; float:left; margin-top:15px;
}
.listItemOverCopy {
float:left; margin-left:20px; margin-top:52px; font-size: 14px;
}
.listViewArrow {
background:url('images/icon-arrow-right.png') center center no-repeat transparent; width:16px;height:12px; float:right; background-size: 16px 12px;
}
.listViewArrowOver {
background: url('images/icon-arrow-right-white.png') 110px 0px no-repeat transparent;width: 126px;height: 22px;float: right;margin-top: 52px;color: #ffffff;vertical-align: middle;font-size: 14px;background-size: 16px 12px;
}
#projectContentListView hr {
display: block; border: 0; border-top: 1px solid #face10;margin: 0; padding: 0;width:100%; margin-right:auto; margin-left:auto;
}
#projectDetailHolder {
width:928px; margin-left:auto; margin-right:auto; height: auto;display: flex;
background-color: #f1f1f1;
}
#projectDetailsCopy {
width:465px; float:left; padding-bottom: 100px;
}
#projectDetailsCopy2 {
width:465px; float:left; margin-top: 70px;
}
#projectDetailsSpecifics {
width: 328px;
float: left;
margin-top: 146px;
float: left;
margin-left: 135px;
}
#projectDetailsSpecifics p {
float:left;
}
.spaceSpec {
width: 130px;
padding-right: 20px;
}
.borderTop {
border-top: 1px solid #cfcfcf;float:left;width:400px;
}
.borderTop-t {
border-top: 1px solid #cfcfcf;float:left;width:100%; cursor: pointer
}
.borderTop-t span{
width: 90% !important;
display: inline-block;
line-height: 170%;
}
#projectDetailsBackBut a, #journalBackBut a, #teamDetailsBackBut a {
text-decoration: none; color:#434343;
}
#projectDetailsBackBut a:hover, #journalBackBut a:hover, #teamDetailsBackBut a:hover {
text-decoration: none; color:#222222;
}
#projectDetailHolder h1 {
font-size:28px;color:#222222; text-align: left;
}
#projectDetailHolder h2 {
font-size:24px;color:#222222;margin-bottom:37px;line-height:168%;
}
#projectDetailHolder h3 {
font-size:14px;color:#434343; margin-top: 16px;
}
#projectDetailHolder p {
font-size:14px;color:#434343; margin-top:10px; display:inline-block;margin-bottom:10px; line-height:160%;
}
#projectDetailsSpecifics p {
max-width: 300px;
}
#projectHeroImage {
width:100%;height:432px;display: inline-block;width: 100%;height: auto;max-height: 432px;overflow: hidden;
}
#projectCarosel {
width:100%;height:720px;height:auto;
}
#projectCaroselInfo {
width:928px; margin-right: auto; margin-left: auto; margin-top:30px; font-size:12px; padding-bottom:16px;
}
#journalCarosel {
width:968px;height:552px; margin-top:120px;margin-right: auto; margin-left: auto;clear: both;position: relative;left: 0;right: 0;padding-top: 130px;
}
#journalOpenHTML {
width:928px;height:auto; margin-right: auto; margin-left: auto;clear: both;position: relative;left: 0;right: 0; padding-top: 70px;
}
#innerOpenHTML {
width:928px; float:left;
}
#innerOpenHTML img {
max-width:928px;
height:auto;
}
#journalCaroselInfo {
width:20px; margin-right: auto; margin-left: auto; margin-top:30px; font-size:12px; padding-bottom:16px;
}
#profileMenuContainer {
background-color:#ffffff; height:284px; width:100%;
}
#projectDesktop {
display:block;
}
#projectMobile {
display:none;
}
/*********************************************************************/
/********************* Journal Page ***********************************/
#journalHolder, #contactHolder {
width:100%; margin-left:auto; margin-right:auto;
}
#journalHolder {
}
#journalHolder h1, #contactHolder h1, #journalHolder h2, #contactHolder h2 {
font-size:28px;color:#222222; text-align: left;
}
#journalHolder h1{
color:#222222;margin-bottom:20px;line-height:160%; font-size:20px; width:85%;line-height:130%
}
#journalHolder h2{
color:#222222;margin-bottom:20px;line-height:160%; font-size:20px; width:85%;line-height:130%
}
#contactHolder h2 {
font-size:14px;color:#222222;margin-bottom:30px;line-height:160%; font-size:28px; width:85%;line-height:130%
}
#journalHolder h3, #contactHolder h3 {
font-size:14px;color:#222222; margin-top:15px;
}
#journalHolder p {
font-size:14px;color:#222222; margin-top:10px; display:inline-block;margin-bottom:10px; line-height:180%;
}
#contactHolder p {
font-size:14px;color:#222222; margin-top:2px; display:inline-block;margin-bottom:2px; line-height:160%;
}
.journal-line {
width:90px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle;
background-color:#222222 !important; float:left; margin-top:6px; margin-left:17px;float:left
}
.journal-day {
font-size:12px; float:left; color: #7c7c7c;
}
.journal-month {
font-size:12px; padding-left:5px; float:left; color: #7c7c7c;
}
.journal-year {
font-size:12px; padding-left:5px; float:left; color: #7c7c7c;
}
.journalRightImage {
width:448px; height:252px;background-color:#ffffff; z-index:100
}
.journal-name {
font-size:14px; color:#434343; margin-top:20px;margin-left:16px; display:inline-block;
}
.journal-copy {
clear:both; display:block; padding-top:17px;
}
.journal-copy2 {
clear:both; display:block; padding-top:14px;width:200px;padding-right: 160px;
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; padding-bottom:50px;
}
#journalDetailHeader h1 {
font-size:24px; width:330px;
}
#journalDetailHeader h2 {
font-size:24px; width:330px;
}
#journalShare p {
height:14px;padding-bottom:5px; line-height:100%
}
#journalShare {
color:#222222
}
.journal-left {
width: 448px;
float: left;
clear: both;
padding-top: 35px;
border: 1px solid #cfcfcf;
padding-left:30px;
padding-right:30px;
height:308px;
margin-top:-1px
}
.journal-entry {
width:448px; float:left; margin-left:16px; margin-right:16px; list-style: none; height:560px; margin-bottom:32px;
}
.journal-entry:first-child { margin-left:0px;}
.journal-entry:last-child { margin-right:0px;}
.journal-entry:nth-child(2n+2) {
margin-right:0px;
}
.journal-entry:nth-child(2n+3) {
margin-left:0px;
}
.journal-left-detail {
float:left; clear:both;
}
.journal-entry-detail {
width:928px; margin-left:auto; margin-right:auto;margin-top:-125px
}
.win #journalBackBut {
width:968px; margin-left:auto; margin-right:auto;margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
.mac #journalBackBut {
width:968px; margin-left:auto; margin-right:auto;margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 0px;
}
.mac.gecko #journalBackBut {
width:968px; margin-left:auto; margin-right:auto;margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
.journal-divider0 {
padding-bottom:63px;border-bottom:1px solid #222222;display:inline-block;width:100%;height: auto;clear: both; padding-top: 122px;
}
.journal-divider0 {
padding-bottom:63px;border-bottom:1px solid #222222;display:inline-block;width:100%;height: auto;clear: both; padding-top: 122px;
}
.journal-divider1 {
margin-top: -5px;padding-top:122px;padding-bottom:63px;border-top:1px solid #222222;border-bottom:1px solid #222222;display:inline-block;width:100%;height: auto;clear: both
}
.journal-divider2 {
margin-top: -5px;padding-top:122px;padding-bottom:63px;border-top:1px solid #222222;border-bottom:1px solid #222222;display:inline-block;width:100%;height: auto;clear: both
}
#journalShare, #journalShareMobile {
width:300px; margin-top:0px;
}
#journalShare p, #journalShareMobile p {
float:left;display:block;background:url('images-mo/right-arrow.png') 280px -8px no-repeat transparent;width: 300px;
}
#journalShare p:hover, #journalShareMobile p:hover {
background:url('images-mo/right-arrow-yellow-30x30.png') 280px -8px no-repeat transparent; color:#face10 !important
}
#journalShareMobile {
display:none;
}
#journalShare p:hover, #journalShareMobile p:hover {
color:#222222;
}
#journalShare h2{
font-size:20px;margin-bottom:15px;
}
#journalPageNavHolder {
width:100%; margin-left:auto; margin-right:auto;clear: both; border-top: 1px solid #cfcfcf;margin-bottom: -170px; display: inline-block;
}
#journalPageNav {
height:55px;width:968px; margin-left:auto; margin-right:auto;
}
#prevBut {
padding-top:21px;padding-left:29px;float:left;font-size:14px;background:url('images-mo/left-arrow.png') 0px 13px no-repeat transparent;color:#434343;
}
#prevBut:hover {
background:url('images-mo/left-arrow-yellow.png') 0px 13px no-repeat transparent;color:#face10;
}
#nextBut {
padding-top:21px;padding-right:50px;float:right;font-size:14px;background:url('images-mo/right-arrow.png') 38px 13px no-repeat transparent;color:#434343;
}
#nextBut:hover {
background:url('images-mo/right-arrow-yellow-30x30.png') 38px 13px no-repeat transparent;color:#face10;
}
.journal-left a{
text-decoration:none;
}
.borderBottomJournal {
border-bottom: 1px solid #cfcfcf;
}
/*********************************************************************/
/********************* contact page ***********************************/
#contactList {
width:968px; margin-left:auto; margin-right:auto; display:block; list-style: none;margin-top:60px;
}
#contactList li {
width:320px; float:left;
}
#contactList p {
float:left;width:100%;font-size:14px;margin-bottom:15px;
}
.contact-line {
width:45px; height:2px; background-color:#ffffff; display:inline-block; vertical-align: middle;background-color:#222222 !important; float:left; margin-top:17px; margin-left:17px;float:left
}
#map-canvas {
width: 100%;margin-right: auto;margin-left: auto;height:432px;
}
.contactAddress {
}
.contactSpace {
width:25%;float:left
}
.contactDetails {
width:250px;float:left
}
.followLink {
width:100%; border-top: 1px solid #cfcfcf;height:45px; padding-top:12px; background:url('images-mo/right-arrow-60x60.png') right 8px no-repeat transparent;background-size:30px 30px; cursor: pointer
}
.followLink:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') right 8px no-repeat transparent;background-size:30px 30px;color:#face10 !important;
}
#contactEmailBut {
border-top: 1px solid #cfcfcf;margin-top: 50px;padding-top: 12px;padding-bottom: 12px; border-bottom:1px solid #cfcfcf; cursor: pointer; background:url('images-mo/right-arrow-60x60.png') right 9px no-repeat transparent;background-size:30px 30px;
}
#contactEmailBut:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') right 9px no-repeat transparent;background-size:30px 30px;
}
#contactEmailBut:hover p {
color:#face10 !important;
}
#contactGoogleMapsBut {
border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin-top: 56px;padding-top: 11px;padding-bottom: 11px; cursor: pointer; background:url('images-mo/right-arrow-60x60.png') right 9px no-repeat;background-size:30px 30px;
}
#contactGoogleMapsBut:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') right 9px no-repeat transparent;background-size:30px 30px;
}
#contactGoogleMapsBut:hover p {
color:#face10 !important;
}
#googleMaps {
width:100%; height:432px; background-color:#cccccc; display:block; clear:both
}
/*********************************************************************/
/********************* team page ***********************************/
.teamImageCopy h1 {
font-size:24px; color:#ffffff; text-align:left
}
.teamImageCopy h3 {
font-size:14px; color:#ffffff; text-align:left; width:330px; padding-top:17px;
}
.teamImageCopy h2 {
font-size:24px; color:#ffffff; text-align:left; width:330px; padding-top:62px; line-height:162%;
}
#teamMenuContainer {
background-color:#ffffff; height:284px; width:100%; border-bottom: 1px solid #cfcfcf
}
#teamList {
width:980px;margin-left:auto; margin-right:auto;margin-top:85px;
}
#teamList ul {
list-style: none;font-weight: normal;margin: 0px;margin-left:25px
}
#teamList li {
width:448px;height:224px;float:left;margin-left:16px;margin-right:16px;margin-bottom:32px;
}
#teamList li:first-child { margin-left:0px;}
#teamList li:last-child { margin-right:0px;}
#teamList li:nth-child(2n+2) {
margin-right:0px;
}
#teamList li:nth-child(2n+3) {
margin-left:0px;
}
#teamList h2{
font-size:16px; color:#ffffff; padding-top:22px;
}
#teamList h4{
font-size:14px; color:#ffffff; padding-top:12px;
}
#teamList a {
text-decoration: none;
}
.teamContentImage {
background-color:#ffffff; position:absolute;width:448px; height:224px;
}
.homeTeamContentImage {
background-color:#ffffff; position:absolute;width:464px; height:264px; overflow:hidden
}
.teamContentRollover {
background-color:#face10; position:absolute;background:url('images/icon-arrow-right-large.png') center center no-repeat transparent; cursor: pointer; width:448px; height:224px;
}
.teamContentCopy {
height:224px; position:absolute; padding-top:14px; width:194px; padding-left:22px;background: rgba(0, 0, 0, .7);cursor: pointer
}
#teamDetailHeroImage {
width:100%;height:432px;display: inline-block;width: 100%;height: auto;overflow: hidden;
}
#practiceDetailHeroImage {
width:100%;height:432px;display: inline-block;width: 100%;height: auto;overflow: hidden;
}
#teamDetailsCopy {
width:440px; float:left; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; padding-top: 132px; margin-top: 0px;
}
#teamDetailsSpecifics {
width:328px; float:right; margin-top:132px; margin-left:41px; padding-bottom: 32px;
}
#teamDetailsSpecifics p {
float:left;display:block;background:url('images-mo/right-arrow.png') 307px 0px no-repeat transparent;width: 100%;
}
#teamDetailsSpecifics p:hover {
color:#face10;background:url('images-mo/right-arrow-yellow-30x30.png') 307px 0px no-repeat transparent;
}
#termsSpecifics {
width:400px; float:right; margin-top:63px; float:left;
}
#termsSpecifics p {
float:left;display:block;background:url('images/icon-arrow-right.png') 380px 4px no-repeat transparent;width: 400px;background-size: 20px 14px;
}
#termsSpecifics p:hover {
color:#222222;
}
.teamListArrow {
margin-left:-10px; margin-top:95px; width:30px; height:30px;
background:url('images-mo/right-arrow-white.png') no-repeat transparent;
}
.teamContentCopy:hover .teamListArrow {
background:url('images-mo/right-arrow-yellow-30x30.png') no-repeat transparent;
}
#teamList li:hover .teamListArrow{
background:url('images-mo/right-arrow-yellow-30x30.png') no-repeat transparent;
}
.borderTop2 {
border-top: 1px solid #cfcfcf;float:left;width:100%;
}
.borderTop2-terms {
border-top: 1px solid #222222;float:left;width:400px;
}
.borderTop3, .borderTop5 {
border-top: 1px solid #222222;float:left;width:464px;
}
.win #teamDetailsBackBut {
margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
.mac #teamDetailsBackBut {
margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 0px;
}
.mac.gecko #teamDetailsBackBut {
margin-top:60px;margin-bottom:55px;padding-left:30px;background:url('images/icon-arrow-left.png') center left no-repeat transparent;font-size: 15px;background-position: 0px 1px;
}
#teamDetailHolder {
width:928px; margin-left:auto; margin-right:auto;
}
#teamDetailHolder h1 {
font-size:24px;color:#222222; text-align: left;
}
#teamDetailHolder h2 {
font-size:24px;color:#222222;margin-bottom:37px;line-height:160%;
}
#teamDetailHolder h3 {
font-size:18px;color:#434343; margin-top:55px;margin-bottom:25px;
}
#teamDetailHolder p {
font-size:14px;color:#434343; margin-top:10px; display:inline-block;margin-bottom:14px; line-height:175%;
}
#teamDetailsSpecifics h2 {
font-size:24px;margin-bottom: 10px;
}
#termsHolder {
width:968px; margin-left:auto; margin-right:auto; padding-top: 130px;
}
#termsHolder h1 {
font-size:28px;color:#222222; text-align: left;
}
#termsHolder h2 {
font-size:20px;color:#222222;margin-bottom:30px;line-height:160%;margin-top:40px;
}
#termsHolder h3 {
font-size:18px;color:#222222; margin-top:15px;
}
#termsHolder p {
font-size:14px;color:#222222; margin-top:10px; display:inline-block;margin-bottom:10px; line-height:160%;
}
#termsSpecifics h2 {
font-size:20px;margin-bottom: 10px;
}
#termsHolder a{
color:#222222; text-decoration: underline
}
/*********************************************************************/
#journalMenuContainer {
background-color:#ffffff; height:344px; width:100%; border-bottom: 1px solid #cfcfcf; background-color:#353535; height: 504px;
}
/********************* footer ********************************/
#footerMenuContainer {
height:280px; width:100%; background-color:#ffffff; margin-top:162px;display:inline-block;border-top:1px solid #cfcfcf
}
#footerMenuContainer2 {
height:280px; width:100%; background-color:#ffffff; margin-top:25px;display:inline-block;border-top:1px solid #cfcfcf
}
#footerMenu {
width:928px; margin-right: auto; margin-left: auto;
}
#footerMenu ul {
list-style: none;font-weight: normal;margin: 0px;margin-top:80px; margin-left: 480px
}
#footerMenu li a{
color: #3c3c3c ;font-size: 14px;text-decoration: none; height:25px;
}
#footerMenu li a:hover{
color: #face10 ;font-size: 14px;text-decoration: none; background-size: 16px 12px;
}
.footerLine {
width:100%; height:4px; background-color:#00ac80; margin-top:6px;margin-bottom:4px;
}
.footerMenuLink {
width:218px; display:inline-block;
}
#copyright {
width:100%; text-align: left; font-size:14px; color:#222222; margin-top: -30px;
}
#footerLogo {
position: relative;
margin-top: -86px;
float: left;
}
#footerMenu ul li {
height:32px
}
/*********************************************************************/
/********************** newsletter *******************************/
#newsletterHolder {
width:100%; background-color:#face10; height:270px;clear:both; display:none;
}
#newsletter {
width:968px; margin-left:auto; margin-right:auto
}
.newsletterTitle{
color:#eaeaea; font-size:18px; padding-top: 58px;display: block;
}
.newsletterThanks {
color:#eaeaea; font-size:24px; padding-top: 18px;display: none;
}
.newsletterBreak {
color:#eaeaea; font-size:18px; margin-bottom:22px; margin-top:14px; display:block
}
#formError {
color: #eaeaea;
font-size: 14px;
margin-bottom: 22px;
margin-top: 10px;
display:none;
float: left;
clear: both;
}
#formBut {
width: 32px;
height: 42px;
background: url('images/icon-newsletter-arrow.png') center center no-repeat transparent;
margin-top: 10px;
float: left;
margin-left: 2px;
cursor: pointer;
}
#newsletterCloseBut {
width: 20px;
height: 20px;
background: url('images/icon-newsletter-close.png') center center no-repeat transparent;
float: right;
margin-top:35px;
}
/*********************************************************************/
.contentImage {
position: relative;
}
.profileSmallNumbers {
margin-top:0px; display:block; font-size:10px; color:#222222; display:block;
}
.widthChanges {
width:968px; margin-left:auto; margin-right:auto;
}
#profileHeroLine {
margin-top:104px; margin-bottom:128px; width:968px; margin-left:auto; margin-right:auto;
}
.profileDividerHolder {
margin-top:85px
}
#awardsListMobile {
display:none;
}
#archiveListMobile {
display:none;
}
.projectDetailHeroImage {
width:100%; height:auto;
}
.journalCaroselInt {
width:968px; height:auto; margin-left:auto; margin-right:auto
}
#slides {
display:block;
}
#AFeature-mob, #AFeature-tab {
display:none !important;
}
.borderBottom3 {
border-bottom: 1px solid #cfcfcf;
}
#footerLogoMob {
display:none;
}
.teamLine {
border-top: 1px solid #222222; width:100%; margin-top:20px;margin-bottom:39px;
}
.teamDetailHeroImage, .practiceDetailHeroImage {
width:100%; height:auto
}
.contactSeperator {
margin-top:75px
}
#contactList a{
text-decoration: none; color: #434343;
}
#contactList span{
}
#infoPanel {
width: 312px;height: 100%; min-height:600px;background-color: rgba(0,0,0, .3);z-index: 1000;position: fixed;left:312px
}
#projectLink {
text-decoration: none
}
.myoverflow {
overflow: hidden;
}
/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (max-width: 980px) {
#mainMenu {
display:none;
}
#menuBut {
display:block !important;
}
#projectDetailsCopy2 {
width:100%; margin-top:60px;
}
#projectDetailsSpecifics {
margin-left: 0px;
}
#practiceFeatureArrowDown {
}
#practiceFeatureArrowDown {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
background: url('images-mo/down-arrow-white-60x60.png') center center no-repeat transparent;
background-size:30px 30px;
width: 30px;
height: 30px;
position: absolute;
margin-top: 550px;
z-index: 100;
cursor: pointer
}
#practiveHeroLogo {
padding-top: 125px;
}
#practiveHeroh2 {
padding-top: 199px;
}
}
.mobileBreak {
display:none;
}
#innerOpenHTML iframe {
width:460px; height:290px;
}
.customStrike {
text-decoration: line-through;
}
#profileCategoryMenuHolder-mob, #projectCategoryMenuHolder-mob {
display:none;
}
.borderBottom2 {
border-bottom:1px solid #cfcfcf;
}
#innerOpenHTML h3 {
color: #222222;
margin-bottom: 20px;
font-size: 28px;
width: 85%;
line-height: 100%;
}
#fullMenu {
width: 312px;height: 100%; min-height:600px;background-color: #face10;z-index: 5000;position: fixed;left:-265px;
}
#minimisedMenuCover {
height:100%; width:100%; background-color:#face10; opacity:0; position:absolute; display:block
}
#mobileHeader {
position:absolute; margin-top:32px; padding-left:24px; box-sizing: border-box; width:100%; z-index: 1000;
}
#mobileMenuBut {
float:left; cursor: pointer;
background: url('images-mo/mobile-menu-but-black.png') -5px -7px no-repeat transparent ; width:30px; height:30px;
background-size:30px 30px
}
#mobileLogo {
float:right; padding-right:23px; cursor: pointer
}
#mobileClose, #homeMenuLogoMobile, #footerMenuListMobile, #mobileLogo {
display:none
}
#homeCopyright {
position:absolute; bottom:60px; font-size:12px; margin-left:33px;
}
#homeMenuLogo {
margin-top:122px; margin-left:33px; cursor: pointer
}
.carDetailCopy {
display:none
}
#projectBackBut {
margin-left:-10px; margin-top:5px
}
#projectCategoryDetailCopy {
padding-top:55px; font-size:14px; display:block
}
#projectTitleDetailCopy {
display: inline-block;width: 100%;margin-top: 20px; font-size:32px; width:300px; color:#222222;
}
#projectsTitle h1 {
text-align: left;
}
#projectDetailsHeroCaption {
line-height: 170% ;padding-top:84px; font-size:24px; color:#222222
}
#projectDetailsDownArrow {
margin-left:-6px; position:absolute; padding-top: 40px;
}
#projectForwardBackNav {
width: 968px;margin-left: auto; margin-right: auto;padding-top: 25px;margin-bottom:-120px
}
#projectForwardBackNacSpacer {
width:100%; background-color:#ffffff; height:1px; clear: both;padding-top: 160px; border-bottom: 1px solid #cfcfcf;
}
#journalHolder {
width:928px; margin-left:auto; margin-right:auto; margin-top: -130px;
}
#homeFooterContainer {
display:none
}
#footerCopyright {
font-size: 12px;color: #9d9d9d;padding-bottom: 80px;margin-left: auto;margin-right: auto;width: 200px;display:none
}
#contactContent {
width:928px; margin-left:auto; margin-right:auto; margin-top:140px;padding-bottom:150px
}
#contactContentLeft {
width:448px; float:left; padding-bottom: 0px;
}
#contactContentRight {
width:330px; float:right; max-width:450px
}
#infoPanelCopyHolder {
position:absolute; bottom:60px; left:30px; width:249px
}
#infoPanelCopyHolder #projectCategoryCopy {
font-size:14px; color:#ffffff; margin-top:27px;
}
#infoPanelCopyHolder #projectTitleCopy {
font-size:28px; color:#ffffff; margin-top:17px; padding-right: 50px;text-align: left;
}
#infoPanelDivLine {
width:100%; height:1px; background-color:#ffffff
}
#projectIntroCopy {
font-size:24px; color:#222222; line-height:170%; text-align:left
}
#projectIntroMinorHolder {
position:absolute; top:10px; width:80%;
}
#homeProjectArrow {
float:right; width:30px; height:30px; margin-top: -26px; margin-right: 20px;
background: url('images-mo/right-arrow-white-60x60.png') 0px 0px no-repeat ;
background-size:30px 30px;display:none
}
#peopleBackBut {
margin-left:-10px; margin-top:5px; background: url('images-mo/back-but.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#pageBackBut:hover #peopleBackBut {
margin-left:-10px; margin-top:5px; background: url('images-mo/left-arrow-over.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#pageBackBut:hover span {
color:#face10 !important;
}
#projectBackBut {
margin-left:-10px; margin-top:5px; background: url('images-mo/back-but.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#pageBackBut:hover #projectBackBut {
margin-left:-10px; margin-top:5px; background: url('images-mo/left-arrow-over.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#journalBackBut2 {
margin-left:0px; margin-top:0px; background: url('images-mo/left-arrow-white.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#pageBackBut:hover #journalBackBut2 {
margin-left:0px; margin-top:0px; background: url('images-mo/left-arrow-yellow.png') 0px 0px no-repeat ;width:30px; height:30px;
}
#pageBackBut:hover #backToJournalCopy {
color:#face10 !important;
}
#peopleTitle {
display: inline-block;width: 100%;margin-top: 87px; font-size:32px; width:300px
}
#teamDetailHeroImage-mob {
display:none
}
#teamImageCopyMain {
position: absolute;padding-top: 70px;z-index: 3000
}
#teamIndivDownArrow {
margin-left:-6px; bottom:0px; position:relative; padding-top: 70px;
}
.desktop2 {
display:block
}
.mobile2 {
display:none
}
#practiveHeroLogo {
width:316px; margin-left:auto; margin-right:auto; position:absolute; padding-top:175px; left:0; right:0
}
#practiveHeroh2 {
color:#ffffff; font-size:32px; text-align:center; width:650px; margin-left:auto; margin-right:auto; margin-top:30px; position:absolute; padding-top:249px; left:0; right:0; line-height:155%
}
#awardsSubTitle {
padding-top:95px; width:440px;
}
#projectsArchiveSubTitle {
padding-top:0px; width:440px;
font-size: 24px;
color: #434343;
line-height: 160%;
}
.practiceVisionImage {
width:100%; height:auto; min-height: 180px;
}
#vision-and-precision h2 {
color:#ffffff; font-size:32px; text-align:center; width:650px; margin-left:auto; margin-right:auto; margin-top:2px; position:absolute; padding-top:249px; left:0; right:0; line-height:155%
}
#practiceVisionTitle {
width:320px; margin-left:auto; margin-right:auto; position:absolute; padding-top:142px; left:0; right:0
}
#practiceVisionTitle h2 {
color:#ffffff; font-size:38px; padding-top:0px; margin-top:0px;padding-left:auto; padding-right:auto; width:320px;
}
#contactAddressHolder {
border-top: 1px solid #cfcfcf;margin-top: 50px;padding-top: 12px;padding-bottom: 12px;
}
#contactShareLink {
margin-top: 35px;padding-top: 12px;padding-bottom: 0px;
}
.journalIntroPara {
color:#ffffff; font-size:14px; padding-top:50px; line-height:160%; width:75%; max-width: 380px;text-align:left;
}
#journalSmallLogo {
float: right; margin-top: -53px; width:48px; height:48px;
background:url('images-mo/journal-logo.png') center center no-repeat;background-size:48px 48px;
}
#backToJournalCopy {
font-size:14px; color:#ffffff; padding-top:85px;
}
#journalDate {
margin-top: 70px;
}
#journalBodyCopy {
width: 400px;float: right; margin-right:50px; margin-top: 95px;
}
#mobileMenuBut {
display:none
}
#journalBackText {
font-size: 12px;
color: #ffffff;
text-decoration: none;
display: inline-block;
margin-top: 10px;
position: absolute;
display:none
}
#journalBackButHolder {
margin-left:-9px;margin-top:10px
}
#projectBackText {
text-decoration: none;
display: inline-block;
position: absolute;
display:none;
color:#222222; font-size:14px; margin-top: 8px;
// margin-left:16px;
}
#projectsBackButHolder {
margin-left: -25px;
margin-top: 10px;
width: 120%;
border-top: 1px solid #cfcfcf;
margin-top: 50px;
padding-top: 5px;
display:none;
}
.journalNoImageDetail {
width:100%; height:140px
}
#rightBackground {
width: 48px;height: 100%; border-left:1px solid rgba(0,0,0,0.2); z-index: 1000;position: fixed;right:0px;pointer-events: none;
//min-height:600px;
}
#projectsTitle a {
text-decoration:none
}
/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (max-width: 1180px) {
#practiveHeroLogo {
padding-top: 125px;
}
#practiveHeroh2 {
padding-top: 199px;
}
}
@media only screen and (max-width: 1140px) {
#termsHolder {
width:760px;
}
#contactGoogleMapsBut {
margin-top: -1px;
}
#contactContentLeft {
padding-bottom: 80px;
}
.overwrite-padding1{
padding-top:30px !important;
}
.overwrite-padding2{
padding-top:50px !important;
}
.teamImageCopy h2 {
font-size: 20px;
color: #ffffff;
text-align: left;
width: 300px;
padding-top: 62px;
line-height: 162%;
}
#teamList ul {
margin-left:0px
}
#profile, #about, #our-team,#capability, #methodology, #sustainability, #awards, #practice, #in-brief, #design-and-technology, #projectArchive{
width:760px; margin-left:auto; margin-right:auto;padding-top:75px;margin-top:0px
}
.profileRightCopy {
width: 100%;
float: left;
}
.profileLeftCopy {
width: 100%;
}
#profileAwards {
width: 760px;
margin-right: auto;
margin-left: auto;
padding-top: 70px;
}
#archieveHolder {
width: 760px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}
.awards-year {
font-size: 14px;
color: #222222;
width: 108px;
line-height: 165%;
float: left;
}
.awards-description {
font-size: 14px;
color: #222222;
width: 200px;
line-height: 165%;
padding-right: 20px;
float: left;
}
.awards-description2 {
font-size: 14px;
color: #222222;
width: 210px;
line-height: 165%;
float: left;
}
.awards-description3 {
font-size: 14px;
color: #222222;
width: 350px;
line-height: 165%;
float: left;
}
.awards-type {
font-size: 14px;
color: #222222; width:240px;
line-height: 165%;
padding-right: 50px;
float: left;
}
.profileline100 {
border-bottom: 1px solid #cfcfcf;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
font-size: 12px;
padding-bottom: 16px;
height: 1px;
padding-top: 110px;
}
#practiceDetailHeroImage {
width:100%;height:auto;display: block;width: 100%;overflow: hidden;
}
#profileFeatureImage {
height: 600px;
}
#mobileMenuBut {
display:none
}
#projectInfoHolderMain {
height:230px !important;
}
#projectInfoHolderMain h4 {
padding-top:230px !important;
}
.centerColumn {
width:760px
}
.headerLeft {
width:100%
}
#projectDetailHolder {
width: 760px;
}
#projectsTitle {
width: 760px;
background-color:#ffffff
}
#journalMenuContainer #projectsTitle {
width: 760px;
background-color:#353535
}
#projectCategoryMenuHolder, #projectCategoryMenuHolder2 {
margin-top: -196px;
}
#footerMenu {
width: 760px;
margin-right: auto;
margin-left: auto;
}
.footerMenuLink {
width: 138px;
display: inline-block;
}
#projectCaroselInfo {
width: 760px;
}
#projectCarosel .slidesjs-pagination {
width: 558px;
}
#projectForwardBackNav {
width: 760px;
}
#contactContent {
width:760px; margin-left:auto; margin-right:auto; margin-top:140px;padding-bottom:150px; padding-left:25px; padding-right:25px
}
#contactContentRight {
width:100%; float:left
}
#profileCategoryMenuHolder {
margin-top: -196px;
}
#projectContent {
width:760px;
}
#leftContent, #rightContent {
width:448px;
float:left;
margin-left: auto;
margin-right: auto;
}
#teamList {
width:760px
}
#teamList li:first-child, #teamList li:nth-child(2n+2), #teamList li:nth-child(2n+3){
margin-left: auto !important;
margin-right: auto !important;
}
#teamList li {
margin-left: auto;
margin-right: auto;
float: left !important;
}
#teamDetailHolder, #journalHolder {
width:760px
}
#teamDetailsSpecifics {
float: right;
margin-top: 43px;
float: left;
margin-left: 0px;
}
.journalRightImage {
width: 100%;
height: auto;
position:relative
}
.journal-left {
width: 100%;
margin-top:-1px;
}
.journal-entry-detail {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: -125px;
}
#journalDate {
margin-top: 45px;
}
#journalBodyCopy {
width: 100%;float: none; margin-right:0px;margin-left:0px; margin-top: 15px;
}
.journal-entry-detail {
margin-top:0px
}
.journal-entry{
margin-left:0;
margin-right:0
}
#journalShareMobile {
display:block;padding-bottom: 80px;padding-top:50px;
}
#journalShare {
display:none;
}
#journalOpenHTML {
width:100%;height:auto; margin-top:0px;margin-right: auto; margin-left: auto;clear: both;position: relative;left: 0;right: 0;padding-top: 20px;
}
#innerOpenHTML {
width:100%; float:left;
}
#innerOpenHTML img {
width:100%; height:auto;
}
#innerOpenHTML iframe {
width:100%; height:300px;
}
#journalShare, #journalShareMobile {
width: 100%;
float: left;
margin-top: 40px;
}
#journalShare p, #journalShareMobile p {
float: left;
display: block;
background: url('images-mo/right-arrow-60x60.png') 100% 0px no-repeat transparent;background-size: 30px 30px;
width: 100%;
}
#journalShare p:hover, #journalShareMobile p:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') 100% 0px no-repeat transparent; background-size: 30px 30px; color:#face10 !important
}
#journalPageNav {
height: 55px;
width: 760px;
margin-left: auto;
margin-right: auto;
}
#projectDetailsSpecifics {
margin-left: 45px;
}
.profileThirdCopyMiddle, .profileThirdCopy {
width: 230px;
}
#projectDesktop {
display:none;
}
#projectMobile {
display:block;
}
.journalFloatRight {
float:left;
}
.contentItemLeft, .contentItemRight{
float:left;
margin-left:auto;
margin-right:auto;
padding-left:0px !important;
padding-right:0px !important;
}
}
/* Tablet Portrait size to standard 980 (devices and browsers) */
@media only screen and (max-width: 980px) {
#journalBackButHolder {
margin-left:-9px;margin-top:59px
}
#journalBackText, #projectBackText {
display:inline-block
}
#projectDetailsSpecifics p {
max-width: 150px;
}
#backToJournalCopy {
display:none
}
#mobileMenuBut {
display:block
}
.followLink {
width: 100%;
border-top: 1px solid #cfcfcf;
height: 52px;
padding-top: 16px;
background: url('images-mo/right-arrow-60x60.png') right 12px no-repeat transparent;
background-size: 30px 30px;
cursor: pointer;
}
#homeProjectArrow {
display:block
}
#design-and-technology h4 {
padding-bottom:15px;
}
.teamListArrow{
display:none !important;
}
.journalNoImageDetail {
width:100%; height:0px
}
#profileFeatureImage {
height: 500px;
}
#projectsTitleHolder #projectsTitle {
padding-bottom: 0px;
overflow:hidden
}
#projectsBackButHolder {
display:block
}
#journalBackButHolder {
margin-left:-9px;margin-top:10px
}
.win #journalBackBut {
width:100%;
}
.mac #journalBackBut {
width:100%;}
.mac.gecko #journalBackBut {
width:100%;
}
.contentItemRight {
height:auto; float:left; margin-left:0px; margin-top:50px;width:464px;cursor: pointer;opacity: 0.0;
}
.contentItemRightDouble {
height:auto; float:right; margin-left:20px; width:464px;cursor: pointer;opacity: 0.0;margin-top: 60px;margin-bottom: 59px;
}
.readMoreLink {
border-top:1px solid #face10;border-bottom:1px solid #face10; width:100%; height:32px; padding-top:9px; margin-top:40px; font-size:12px;
background:url('images/icon-arrow-right.png') 192px 9px no-repeat transparent;
color:#3c3c3c;background-size: 20px 14px; position:relative
}
#awardsList{
display:none;
}
#awardsListMobile {
display:none;list-style: none;font-weight: normal;margin: 0px;
}
#awardsListMobile li {
border-top:solid 1px #cfcfcf; height:auto; padding-top:13px;padding-top: 13px;
padding-bottom: 13px;
}
.awardsListMobile-year{
border-top:solid 1px #cfcfcf; height:47px !important; padding-top:12px !important;
}
.awards-type, .awards-description, .awards-description2, .awards-description3 {
width:100%; height:20px; font-size:14px;height:auto
}
#archiveList{
display:none;
}
#archiveListMobile {
display:block;list-style: none;font-weight: normal;margin: 0px;
}
#archiveListMobile li {
border-top:solid 1px #cfcfcf; height:auto; padding-top:13px;padding-top: 13px;
padding-bottom: 13px;
}
.headerGreenSub {
color: #222222;
font-size: 28px;
font-weight: bold;
display: block;
line-height: 130%;
padding-bottom: 0px;
padding-top: 0px;
width: auto;
}
.methDividerSpace {
width:100%; display:block; height:0px; float:left
}
#journalOpenHTML {
width:100%;height:auto; margin-top:120px;margin-right: auto; margin-left: auto;clear: both;position: relative;left: 0;right: 0;padding-top: 20px;
}
#innerOpenHTML {
width:100%; float:left
}
#innerOpenHTML p {
display:block;
}
#projectDesktop {
display:none;
}
#projectMobile {
display:block;
}
.journalFloatRight {
float:left;
}
#projectCategoryMenu li {
padding-bottom: 6px;
}
#peopleCategoryMenu li {
padding-bottom: 6px;
}
#contactList li {
width:270px; float:left;
}
#contactList {
width: 644px; padding-left: 50px; padding-right:50px;
}
.contact-line {
width: 15px
}
.borderTop3, .borderTop5 {
width:100%;
}
.journal-left {
width: 100%;
position: relative;
margin-top:300px;
padding-left:20px;
padding-right:20px;
}
.journal-entry {
width: 100%;
position: relative;
height: 100%;
margin-left:0;
margin-right:0
}
.journalRightImage {
width: 448px;
height: 252px;
float: left;
background-color: #ffffff;
top: 0px;
position: absolute;
}
.journal-divider2 {
background-color: #ffffff;
}
.journal-divider2, .journal-divider3, .journal-divider4, .journal-divider1 , .journal-divider0{
border-top: 0px solid #222222;
border-bottom: 0px solid #222222;
padding-top: 52px;
}
#journalBackBut {
width: 100%;
}
.journal-left-detail {
width: 100%;
}
.journal-entry-detail {
width: 100%;
}
#journalShare, #journalShareMobile {
width: 100%;
float: left;
margin-top: 40px;
}
#journalShare p, #journalShareMobile p {
float: left;
display: block;
background: url('images-mo/right-arrow-60x60.png') 100% 0px no-repeat transparent;background-size: 30px 30px;
width: 100%;
}
#journalShare p:hover, #journalShareMobile p:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') 100% 0px no-repeat transparent; background-size: 30px 30px; color:#face10 !important
}
#journalShareMobile {
display:block;padding-bottom: 0px;
}
#journalShare {
display:none;
}
.journal-copy2 {
clear: both;
display: block;
padding-top: 24px;
width: 100%;
border-right: 0px solid #f4f4f4;
padding-right: 0px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 0px;
}
#journalHolder p {
font-size: 14px;
color: #222222;
margin-top: 16px;
display: inline-block;
margin-bottom: 16px;
line-height: 180%;
}
#journalCarosel {
width: 100%;
height: auto;
margin-top: 120px;
margin-right: auto;
margin-left: auto;
clear: both;
position: relative;
left: 0;
right: 0;
padding-top: 130px;
}
.journalCaroselInt {
width:100%; height:auto; margin-left:auto; margin-right:auto
}
#journalPageNav ,#journalPageNavHolder {
width: 100%; margin-top: -170px;border-top: 1px solid #cfcfcf; margin-top: -45px;
}
#journalPageNavHolder {
border-top: none;
}
#journalPageNavHolder {
padding-top: 90px;
}
#nextBut {
padding-top: 21px;
padding-right: 58px;
float: right;
font-size: 14px;
background: url('images-mo/right-arrow-60x60.png') 35px 13px no-repeat transparent;
background-size:30px 30px;
color: #434343;
height:50px
}
#prevBut {
padding-top: 21px;
padding-left: 49px;
float: left;
font-size: 14px;
background: url('images-mo/left-arrow-60x60.png') 15px 13px no-repeat transparent;
background-size:30px 30px;
color: #434343;
height:50px
}
#prevBut:hover {
background:url('images-mo/left-arrow-yellow-60x60.png') 15px 13px no-repeat transparent;color:#face10;background-size:30px 30px;
}
#nextBut:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') 35px 13px no-repeat transparent;color:#face10;background-size:30px 30px;
}
#teamDetailsCopy {
width: 100%;
float: left;
border-right: 0px solid #f4f4f4;
padding-right: 0px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-top: 27px;
}
#teamDetailsSpecifics {
width: 100%;
float: right;
margin-top: 63px;
float: left;
margin-left: 0px;
}
#termsSpecifics {
width: 100%;
float: right;
margin-top: 63px;
float: left;
margin-left: 0px;
}
.borderTop2, .borderTop2-terms {
border-top: 1px solid #222222;
float: left;
width: 100%;
}
#teamDetailsSpecifics p {
float: left;
display: block;
background: url('images-mo/right-arrow-60x60.png') right 0px no-repeat transparent;background-size: 30px 30px;
width: 100%;
padding-right:40px;
}
#teamDetailsSpecifics p:hover {
color:#face10;background:url('images-mo/right-arrow-yellow-60x60.png') 307px 0px no-repeat transparent;background-size: 30px 30px;
}
#termsSpecifics p {
float: left;
display: block;
background: url('images/right-arrow-60x60.png.png') right 0px no-repeat transparent;background-size: 30px 30px;
width: 100%;
}
#teamDetailHolder {
width:100%; padding-left:50px;padding-right:50px;
}
#termsHolder {
width:100%; padding-left:50px;padding-right:50px;
}
#teamList {
width:644px;
}
#teamList li {
width:296px;height:248px;float:left;margin-left:20px;margin-right:20px;margin-bottom:48px;
}
#teamList li:first-child { margin-left:0px;}
#teamList li:last-child { margin-right:0px;}
#teamList li:nth-child(3n+3) {
margin-right:20px;
margin-left:20px;
}
#teamList li:nth-child(3n+4) {
margin-left:20px;
margin-right:20px;
}
#teamList li:nth-child(2n+2) {
margin-right:0px;
}
#teamList li:nth-child(2n+3) {
margin-left:0px;
}
.borderTop {
width: 85%;
}
#projectDetailsCopy {
width:100%;
}
#projectDetailsCopy2 {
width:100%; margin-top:60px;
}
#profileHeroLine {
margin-top:104px; margin-bottom:128px; width:968px; margin-left:auto; margin-right:auto;
}
.widthChanges {
width:100% !important; padding-left:50px; padding-right:50px;
}
.profileDividerHolder {
margin-top:55px
}
#menuButDark,#menuButDark2, #menuBut, #closeMenuBut {
margin-left:50px;
}
#condesnsedLogo {
width:90%;
}
#footerMenu li a {
padding-left: 30px;
}
#footerLogo {
padding-right: 30px;
}
#mainMenuAll {
height: 100%;
}
#mainMenuAll ul {
width: 300px;
position: absolute;
height: 300px;
margin: 0px 0 0 -150px;
top: 30%;
left: 50%;
}
#journalHolder {
padding-left:50px;
padding-right:50px;
}
.journal-entry {
width:100%;
margin-left:0;
margin-right:0
}
#homeContent,#projectContent, #projectCategoryMenuHolder, #projectCategoryMenuHolder2, #menuButContainer, #footerMenu, #mainMenu, #mainMenuAll, #closeMenuButContainer, #carouselBarInfoContainter {
width: 100%;
}
.slidesjs-pagination {
width:100px;
right: 10px;
left:auto;
}
.slidesjs-pagination li{
float:left;
padding-right:0px;
position: relative;
}
#carouselBarInfoContainter {
padding-left: 50px;
padding-right: 50px;
}
#heroLine {
margin-top: 0px;
margin-bottom: 66px;
}
#mainMenuContainer {
height:auto;
}
#homeContent{
display:block;
width:464px;margin-right: auto; margin-left:auto;
}
#projectContent{
display:block;
width:464px;margin-right: auto; margin-left:auto;
}
#projectDetailHolder {
display:block;
width:100%;padding-right: 50px; padding-left:50px;
}
.contentItemRight {
margin-left:0px;
}
#rightContent {
width:464px;
}
.contentItemLeft, .contentItemRight{
float:left;
margin-left:auto;
margin-right:auto;
padding-left:0px !important;
padding-right:0px !important;
}
/* profile page */
#projectCategoryMenu{
margin-left: 50px;
}
#peopleCategoryMenu{
margin-left: 50px;
}
#profileDetailHolder h1 {
margin-top: 40px;
margin-bottom: 60px;
width: 100% !important;
padding-left: 50px;
padding-right: 50px;
font-size: 32px;
}
#profile, #about, #our-team, #capability, #methodology, #sustainability, #awards, #practice, #in-brief, #design-and-technology{
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
}
#projectArchive{
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
}
#profileCategoryMenuHolder{
width: 100%;
margin-left: auto;
margin-right: auto;
}
#projectsTitle{
width: 100%;
padding-left: 50px;
padding-right: 50px;
}
.profileLeftCopy {
width:100% !important;
margin-top: 40px;
}
.profileRightCopy {
float:left;
width:100% !important;
margin-top: 40px;
}
.profileRightImage {
float: left;
background-color: #ffffff;
margin-top: 40px;
display:block
}
.profileline100 {
padding-top: 60px;
width: 100%;
}
#profileFeatureImage {
margin-top: 72px;
}
#profileAwards, #archieveHolder {
width: 100%;
}
.awards-year {
width: 100%;float:none; display:inline-block; font-size:18px
}
.awards-type {
width: 100%;float:none; display:inline-block
}
.awards-description {
width: 100%;float:none; display:inline-block
}
.awards-description2 {
width: 100%;float:none; display:inline-block
}
.awards-description3 {
width: 100%;float:none; display:inline-block
}
#viewOptionsHolder {
display:none;
}
#projectDetailsSpecifics {
width: 100%;
float: left;
margin-top: 55px;
margin-left: 0px;
}
.borderTop {
width: 100%;
}
#projectCaroselInfo {
border-bottom: 1px solid #222222;
width: 94%;
margin-right: 25px;
margin-left: 25px;
margin-top: 30px;
font-size: 12px;
padding-bottom: 16px;
}
#projectCarosel {
width: 100%;
height: auto;
margin-top: 10px;
}
#menuBut {
display:block !important;
}
/********************** newsletter *******************************/
#newsletter {
width:100%; margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px;
}
/*********************************************************************/
#slides-project .slidesjs-previous {
display:block;
}
#slides-project .slidesjs-next {
display:block;
}
#projectContentListView {
display:none !important;
}
#projectContent {
display:block !important;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 980px) {
.myoverflow {
overflow: inherit;
}
.slidesjs-navigation {
display:none;
}
.journal-left {
width: 100%;
height: 100%;
position: relative;
margin-top:-51px;
margin-bottom:50px;
}
#journalMenuContainer #projectsTitle {
width: 100%;
background-color:#353535;
padding-top:0px;
height:250px;
}
#journalMenuContainer .menu-line2 {
display:none
}
#journalMenuContainer #mobileLogo{
display:none
}
#journalMenuContainer .menu-name2{
margin-top: 136px !important;
padding-bottom: 17px !important;
}
.journalIntroPara {
padding-top:13px; font-size:12px; line-height:140%
}
#journalHolder {
padding-top: 230px !important;
}
#journalSmallLogo {
float: right; margin-top: -10px; width:48px; height:48px;
background:url('images-mo/journal-logo.png') center center no-repeat;background-size:36px 36px;
}
.adjustLogo {
margin-top: -45px !important;
}
#journalHolder li {
float: none !important;
height: auto !important;
margin-bottom: 40px !important;
display: inline-block !important;
}
#contactShareLink {
margin-top: 30px;padding-top: 12px;padding-bottom: 30px;
}
#contactAddressHolder {
border-top: 1px solid #cfcfcf;margin-top: 30px;padding-top: 12px;padding-bottom: 12px;
}
#vision-and-precision h2 {
color:#ffffff; font-size:24px; text-align:center; width:100%; margin-left:auto; margin-right:auto; margin-top:2px; position:absolute; padding-top:249px; left:0; right:0; line-height:155%;
padding-left:25px; padding-right:25px;
}
#practiceVisionH2 {
font-size:24px !important;
padding-top: 169px !important;
}
.practiceVisionImage {
width: 290%;
margin-left: -85%;
height: auto;
min-height: 180px;
}
#practiceVisionTitle {
width:320px; margin-left:auto; margin-right:auto; position:absolute; padding-top:85px; left:0; right:0; font-size:30px
}
#practiceVisionTitle h2 {
color:#ffffff; font-size:30px !important; padding-top:0px;margin-top:2px;
}
#profileDetailHolder h3 {
font-size: 18px;
color: #434343;
line-height: 135%;
}
.profileLeftCopy {
width: 100% !important;
margin-top: 25px;
}
#profileDetailHolder p {
font-size: 14px;
color: #434343;
margin-top: 0px;
display: inline-block;
margin-bottom: 10px;
line-height: 170%;
}
.profileLeftCopy {
width:100%; float:left; padding-right:0px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 30px;
}
.profileThirdCopy {
width:100%; float:left; padding-right:0px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;
}
.profileThirdCopyMiddle {
width:100%; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: content-box;box-sizing: content-box; margin-top: 50px;padding-right:0px; padding-left:0px
}
#awardsSubTitle {
padding-top:75px; width:100%
}
#projectsArchiveSubTitle {
padding-top:0px; width:100%
}
#practiveHeroLogo {
width:316px; margin-left:auto; margin-right:auto; position:absolute; padding-top:175px; left:0; right:0
}
#practiveHeroh2 {
color:#ffffff; font-size:21px; text-align:center; width:100%; margin-left:auto; margin-right:auto; margin-top:30px; position:absolute; padding-top:249px; left:0; right:0; line-height:155%; padding-left:25px; padding-right:25px
}
#teamDetailHolder {
width:100%
}
#peopleBackBut {
display:none
}
#peopleTitle {
display: inline-block;width: 100%;margin-top: 38px; font-size:24px; width:300px
}
#teamDetailHeroImage, .practiceDetailHeroImage {
padding-top: 70px;
}
#teamMenuContainer {
background-color:#ffffff !important;
border-bottom: none;
}
#journalMenuContainer {
border-bottom: none;
}
#teamDetailHeroImage {
display:none
}
#teamDetailHeroImage-mob {
display:block;
padding-top: 80px;
overflow: hidden;
}
#teamImageCopyMain {
position: relative;
padding-top: 45px;
z-index: 3000;
background-color: #1a1818;
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
.teamImageCopy h1 {
font-size: 16px;
color: #ffffff;
text-align: left;
}
.teamImageCopy h2 {
font-size: 16px;
color: #ffffff;
text-align: left;
width:100%;
padding-top: 22px;
padding-bottom: 60px;
}
.teamImageCopy h3 {
width: 100%;
}
#teamIndivDownArrow {
display:none
}
.teamImageCopy {
margin-top: -4px;
}
#teamMenuContainer .menu-name2 {
margin-top: 0px;
}
#journalMenuContainer .menu-name2 {
margin-top: 0px;
}
.teamContentCopy {
background:none;
padding-left:0px
}
#teamList h2 {
font-size: 14px;
color: #1a1818;
padding-top: 10px;
text-align: center;
}
#teamList h4 {
font-size: 12px;
color: #1a1818;
padding-top: 0px;
text-align: center;
margin-top: -35px;
}
.centerColumn {
width:100%
}
.headerLeft {
width:100%
}
#projectsTitle {
width: 100%;
}
#footerMenu {
width:100%
}
#homeFooterContainer {
display:block
}
#homeFooterContainer #footerMenuContainer {
margin-top: 0px;
}
#footerCopyright {
display:block
}
#projectIntroMinorHolder {
width:100%
}
#projectIntroCopy {
line-height: 130%;
}
#projectInfoHolderMain {
height: 130px !important;
padding-top:40px;
}
#projectInfoHolderMain h4 {
padding-top:10px;
}
#journalHolder {
width:100%;
}
#journalBackBut2 {
margin-left:0px; margin-top:0px; background: url('images-mo/left-arrow-white-60x60.png') 0px 0px no-repeat ;width:30px; height:30px;background-size:30px 30px;
}
#pageBackBut:hover #journalBackBut2 {
margin-left:0px; margin-top:0px; background: url('images-mo/left-arrow-yellow-60x60-2.png') 0px 0px no-repeat ;width:30px; height:30px;background-size:30px 30px;
}
#pageBackBut:hover #journalBackText {
color:#face10 !important;
}
#contactContent {
width:100%; margin-left:auto; margin-right:auto; margin-top:85px;padding-bottom:150px; padding-left:25px; padding-right:25px
}
#contactContentLeft {
width:100%; float:left; padding-bottom: 70px; max-width:580px
}
#contactContentRight {
width:100%; float:left; max-width: 580px;
}
.contactDetails {
width:70%
}
.contactSpace {
width:25%
}
#contactGoogleMapsBut {
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
margin-top: -1px;
padding-top: 14px;
padding-bottom: 14px;
cursor: pointer;
background:url('images-mo/right-arrow-60x60.png') right 11px no-repeat;background-size:30px 30px;
}
#contactGoogleMapsBut:hover {
background:url('images-mo/right-arrow-yellow-60x60.png') right 11px no-repeat transparent;background-size:30px 30px;
}
#contactHolder p {
line-height: 170%;
}
#contactEmailBut {
margin-top: 30px;
}
#contactEmailBut {
background:none;
}
#contactEmailBut:hover {
background:none;
}
#minimisedMenuCover, #rightBackground, #fullMenu, #infoPanel, #menuButton, #footerMenuList, .menu-number2, #projectCategoryMenuHolder, #projectCategoryMenuHolder2{
display:none ;
}
#fullMenu {
width:100%;
}
#homeMenu ul li {
height: 39px;
font-size:16px;
padding-top: 12px;
padding-left: 24px;
}
#homeMenu ul li:last-child {
height: 40px !important;
}
#homeMenu ul li:hover{
background-color:#1c1c1c; color:#fad643 !important;
background: #1c1c1c url('images-mo/right-arrow-yellow-60x60.png') 90% 5px no-repeat;
background-size:30px 30px;
}
#mobileClose {
display:block;
padding-top:30px;
padding-left:26px;
padding-bottom:20px;
cursor: pointer
}
#homeCopyright, #homeMenuLogo {
display:none
}
#homeMenuLogoMobile {
display:block;
position: fixed;
bottom: 30px;
left: 24px;
}
#footerMenu ul {
margin-left:0px;
}
#footerMenuListMobile {
display:block;
margin-left: 0px;
width:100%;
text-align:center;
}
.menu-name2 {
display: inline-block;
width: 100%;
margin-top: 34px;
}
#homeContent h4, #projectContent h4 {
clear: both;
padding-top: 20px;
}
#mobileLogo {
display:block
}
#projectBackBut {
display:none
}
#projectCategoryDetailCopy {
padding-top:8px;
}
#projectTitleDetailCopy {
display: inline-block;width: 100%;margin-top: 20px; font-size:24px; width:300px
}
#projectsTitle {
padding-bottom: 50px;
}
#projectsListPage #projectsTitle {
padding-bottom: 5px;
}
#teamMenuContainer #projectsTitle {
padding-bottom: 0px;
}
#journalMenuContainer #projectsTitle {
padding-bottom: 0px;
}
#projectDetailsCopy {
margin-top: 0px;
}
#projectDetailsHeroCaption {
line-height: 170% ;padding-top:0px; font-size:24px; color:#222222; margin-bottom: 0px !important;
}
#projectDetailHolder h2 {
font-size: 24px;
color: #222222;
margin-bottom: 0px;
line-height: 140%;
}
#projectDetailsDownArrow {
display:none
}
#projectDetailHolder {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 235px;
}
#slides-project .slidesjs-previous {
display:none !important;
}
#slides-project .slidesjs-next {
display:none !important;
}
#projectForwardBackNav {
width: 100%;margin-left: auto; margin-right: auto;padding-top: 15px;margin-bottom:0px
}
#projectForwardBackNacSpacer {
width:100%; background-color:#ffffff; height:1px; clear: both;padding-top: 70px; border-bottom: 1px solid #cfcfcf;
}
#previousProjectBut {
margin-left:20px;
}
#nextProjectBut {
margin-right:20px;
}
#footerMenuContainer2 {
margin-top:15px;
}
#caroInfoText {
margin-top:-7px !important;
}
.headerGreenSub {
color: #222222;
font-size: 18px;
font-weight: bold;
display: block;
line-height: 130%;
padding-bottom: 0px;
padding-top: 0px;
width: auto;
}
.methDividerSpace {
width:100%; display:block; height:0px; float:left
}
#journalOpenHTML {
width:100%;height:auto; margin-top:0px;margin-right: auto; margin-left: auto;clear: both;position: relative;left: 0;right: 0;padding-top: 20px;
}
#innerOpenHTML {
width:100%; float:left;
}
#innerOpenHTML p {
display:block;
}
#innerOpenHTML img {
width:100%; height:auto
}
#innerOpenHTML iframe {
width:100%; height:300px;
}
#capabilityList li, #methodogyList li {
width: 100%;
}
.journal2Mob {
margin-top: 40px;
}
.homeTeamContentImage {
width: 100%;
height: auto;
box-sizing: border-box !important;
position: absolute;
left: 0;
right: 0;
padding-left: 0px;
padding-right: 0px;
background-color: #ffffff;
}
.homeTeamContentCopy {
height: 60px;
border-bottom: 0px solid #222222;
position: relative;
margin-top: 56%;
width: 100%;
left: 0;
right: 0;
margin-left: 0;
}
.borderBottomJournal {
border-bottom: 1px solid #cfcfcf;
}
#contactList {
float: left;
padding-left: 25px;
}
#profileCategoryMenu-mob {
height:232px; width:100%; background-color:#f5f5f5; display:none; padding-top: 14px;
}
#projectCategoryMenu-mob{
height:245px; width:100%; background-color:#f5f5f5; display:none; padding-top: 24px;color:#222222; margin-top:40px
}
#peopleCategoryMenu-mob {
height:245px; width:100%; background-color:#f5f5f5; display:none; padding-top: 24px;color:#222222;
}
ul{
list-style: none
}
#projectCategoryMenu-mob li {
font-size:14px; color:#222222; text-decoration: none; padding-left:25px;margin-top:17px; margin-bottom:17px;width:49%; float: left;height: 0px;
}
#profileCategoryMenu-mob li, #peopleCategoryMenu-mob li {
font-size:14px; color:#222222; text-decoration: none; padding-left:25px;margin-top:17px; margin-bottom:17px;width:100%; float: left;height: 0px;
}
#profileCategoryMenu-mob li:hover, #projectCategoryMenu-mob li:hover, #peopleCategoryMenu-mob li:hover {
color:#face10
}
#profileCategoryMenu-mob a, #projectCategoryMenu-mob a, #peopleCategoryMenu-mob a {
text-decoration: none
}
#projectCategoryMenuHolder-mob {
display:block
}
#profileCategoryMenuHolder-mob, #projectCategoryMenuHolder-mob, #peopleCategoryMenuHolder-mob {
width: 100%;
height: auto;
border-top: 1px solid #cfcfcf;
display: block;
clear: both;
}
#teamMenuContainer #projectCategoryMenuHolder-mob {
width: 100%;
height: auto;
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
display: block;
clear: both;
}
#journalMenuContainer #projectCategoryMenuHolder-mob {
width: 100%;
height: auto;
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
display: block;
clear: both;
}
#sectionMenuBut {
font-size: 14px;
padding-left: 24px;
padding-top: 13px;
background: none;
padding-bottom: 10px;
height: 40px;
cursor: pointer;
color: #222222;
background: url('images-mo/down-arrow-60x60.png') 90% 5px no-repeat #ffffff;
background-size: 30px 30px;
position: absolute;
width: 100%;
border-top:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
margin-top:-1px;
}
#closeSectionMenuBut {
background: url('images-mo/mobile-close2.png') 90% 4px no-repeat transparent;
background-size: 30px 30px;
width:30px;
height:30px;
}
#profile, #about,#our-team, #capability, #methodology, #sustainability, #awards, #practice, #in-brief, #design-and-technology {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
margin-top:0px;
padding-top:70px
}
#journalBackBut2, #journalBackText {
float:left
}
#contactList {
width: 325px;margin-top:0px;
}
#googleMaps {
height: 160px; margin-top: 50px;
}
#map-canvas {
height: 160px; margin-top: 50px;
}
.contactSeperator {
margin-top:40px
}
.contact-line {
width: 45px;
}
#contactHolder h2 {
margin-bottom: 20px;
line-height: 160%;
font-size: 24px;
width: 85%;
line-height: 130%;
}
#projectsTitle {
padding-left: 25px;
padding-right: 25px;
}
#journalHolder {
padding-top: 65px;
}
#contactHolder {
padding-top: 0px;
}
.journalRightImage {
width: 100%;
height: auto;
position: relative;
}
.journal-left {
width: 100%;
bottom: -50px;
padding-bottom: 20px;
}
#journalHolder h1 {
font-size:16px;width: 100%;
}
#journalHolder h2 {
font-size:16px;width: 100%;
}
#journalDetailHeader h1 {
font-size:16px;
}
#journalDetailHeader h2 {
font-size:16px;
}
#journalShareMobile h2 {
font-size:24px !important;
}
.readMoreLink2 {
background: url('images-mo/right-arrow-60x60.png') 75px 4px no-repeat transparent;background-size: 30px 30px;
}
.journal-divider2, .journal-divider3, .journal-divider4, .journal-divider1 {
padding-top: 82px;
}
.journal-divider0{
padding-top: 32px;
}
#journalHolder {
padding-left: 25px;
padding-right: 25px;
}
#journalHolder p {
font-size:12px;
}
#journalShareMobile p {
font-size:14px !important;
}
.borderTop2, .borderTop2-terms {
border-top: 1px solid #cfcfcf;
float: left;
width: 100%;
}
.borderBottom2 {
border-bottom:1px solid #cfcfcf;
}
.teamDetailHeroImage {
width: 140%;
height: auto;
min-height: 145px;
margin-left: -20%;
overflow: hidden
}
#teamDetailsBackBut, #journalBackBut {
display:none;
}
#teamDetailHolder {
padding-top: 25px;
padding-left:25px;
padding-right:25px;
}
#teamDetailHolder h2 {
margin-bottom: 17px;
}
.adjustPadding2 {
padding-bottom:24px !important;
}
#termsHolder {
padding-top: 70px;
padding-left:25px;
padding-right:25px;
}
#teamDetailHolder p {
font-size: 14px;
color: #434343;
margin-top: 13px;
display: inline-block;
margin-bottom: 17px;
line-height: 175%;
}
.projectList {
background-color:#ffffff !important;
}
.teamLine {
border-top: 2px solid #222222; width:100%; margin-top:20px;margin-bottom:39px;
}
#teamMenuContainer {
background-color: #f4f4f4;height: 175px;width: 100%;
}
#journalMenuContainer {
height: 175px;width: 100%;
}
#teamDetailsSpecifics {
width: 100%;
float: right;
margin-top: 43px;
float: left;
margin-left: 0px;
}
#termsSpecifics {
width: 100%;
float: right;
margin-top: 43px;
float: left;
margin-left: 0px;
}
#teamList {
width:100%;
box-sizing: border-box !important;
margin-top: 155px;
}
#teamList li {
box-sizing: content-box !important;
padding-left: 25px;
padding-right:25px;
height:auto !important;
margin-bottom: 5px !important;
}
#teamList li {
width:100%;height:248px;float:left;margin-left:0px;margin-right:0px;margin-bottom:48px; box-sizing: border-box !important;
}
#teamList li:first-child { margin-left:0px;}
#teamList li:last-child { margin-right:0px;}
#teamList li:nth-child(3n+3) {
margin-right:0px;
margin-left:0px;
}
#teamList li:nth-child(3n+4) {
margin-left:0px;
margin-right:0px;
}
#teamList li:nth-child(2n+2) {
margin-right:0px;
}
#teamList li:nth-child(2n+3) {
margin-left:0px;
}
.teamContentImage{
width:100%;
height:auto;
box-sizing: border-box !important;
position: absolute;
left: 0;
right:0;
padding-left: 25px;
padding-right:25px;
background-color:#ffffff;
}
.teamContentRollover {
width:92%;
height:100%;
/* Firefox */
width: -moz-calc(100% - 50px);
/* WebKit */
width: -webkit-calc(100% - 50px);
/* Opera */
width: -o-calc(100% - 50px);
/* Standard */
width: calc(100% - 50px);
}
.teamContentCopy {
height: 80px;
border-bottom: 0px solid #222222;
position: relative;
margin-top: 56%;
width: 100%;
left: 0;
right:0;
margin-left: 0
}
.projectDetailHeroImage {
width:140%; height:auto; min-height: 145px; margin-left:-20%;
}
#projectDetailsBackBut {
display:none;
}
#projectCaroselInfo {
border-bottom: 1px solid #222222;
width: 84%;
margin-right: 25px;
margin-left: 25px;
margin-top: 17px;
font-size: 12px;
padding-bottom: 12px;
display:none;
}
#projectCarosel {
width: 100%;
height: auto;
margin-top: 0px;
padding-bottom: 20px;
}
#projectCarosel .slidesjs-pagination {
width: auto;
float: left;
padding-left: 30px;
margin-top: 15px;
}
/*************** menus *******************************/
#mainLogo {
width: 68px;
height: 59px;
background-size: 100% 100%;
margin-left: auto;
margin-right: auto;
margin-top: 48px;
position: absolute;
left: 0;
right: 0;
z-index: 1001;
}
#mainLogoDark {
width: 53px;
height: 45px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
position: absolute;
left: inherit;
right: 25px;
float: right;
background-size: 53px 45px;
}
#menuButDark {
width: 34px;height: 34px;background: url('images-mo/menuButScrolling-60x60.png') center center no-repeat transparent;background-size: 34px 34px;margin-top: -12px;position: absolute;cursor: pointer;margin-left: -6px;
}
#menuButDark2 {
width: 34px;height: 34px;background: url('images-mo/menuButScrolling-60x60.png') center center no-repeat transparent;background-size: 34px 34px;margin-top: -12px;position: absolute;cursor: pointer;margin-left: -6px;z-index:100;
}
#closeMenuBut {
margin-left: 30px;
}
#container {
background-color: #f4f4f4;
}
#container2 {
background-color: #ffffff;
}
#menuBut {
width:20px; height:15px; background:url('images/menuBut-off-mob.png') center center no-repeat transparent; margin-top:21px; position: absolute;cursor: pointer; z-index: 1002;
margin-left:37px; display:block !important;
}
.menu-number, .menu-name {
font-size:24px;
}
.menu-line {
width: 54px;
}
.menu-number2, .menu-name2 {
font-size:24px;padding-bottom: 45px;
}
.menu-line2 {
width: 54px;
}
.menu-line2{
margin-bottom: -2px;
}
.menu-number, .menu-name {
vertical-align: middle;
}
.menu-line{
margin-bottom: 2px;
}
#mainMenuAll ul {
width: 210px;position: absolute;height: 300px;margin: 0px 0 0 -105px;top: 30%;left: 50%;
}
#mainMenuAll li {
margin-bottom: -1px;
}
#closeMenuBut {
width: 36px;height: 20px;background: url('images/icon-close-mob.png') center center no-repeat transparent;margin-top: -224px;position: absolute;cursor: pointer;z-index: 1002;
}
#condensedNav {
height: 60px;
}
#condesnsedLogo {
margin-top: 23px;display:none;
}
#condensedNav {
background-color: transparent;
}
/*************** A Feature Homepage *******************************/
#slides {
display:none !important;
}
.slides-project {
display:block !important;
}
#AFeature-mob {
/* display:block !important;width: 100%;height:100%; */
}
#AFeature-tab {
display:block !important;width: 100%;height:100%;
}
.slidesjs-pagination {
display: block;
float: left;
left: none;
right: none;
position: relative;
margin-top: -40px;
padding-left: 30px;
width: 100%;
}
#infoPanel {
width: 100%;
height: 190px;
min-height: 0px;
background-color: rgba(0,0,0, .3);
z-index: 1000;
position: absolute;
left: 0px;
display:block
}
#infoPanelCopyHolder {
position:absolute;top:35px; left:0px; width:100%; padding-left:25px
}
#infoPanelCopyHolder #projectCategoryCopy {
font-size:14px; color:#ffffff; margin-top:13px;
}
#infoPanelCopyHolder #projectTitleCopy {
font-size:28px; color:#ffffff; margin-top:12px;
}
#infoPanelDivLine {
display:none
}
#projectLink {
display:none
}
.spaceSpec {
width: 100%;
padding-right: 20px;
margin-bottom: -10px !important;
}
#practiveHeroLogo img, #practiveHeroLogo {
width:230px;
height:24px;
}
#carouselBarContainer {
width: 100%;height: 75px;background: rgba(220, 220, 220, .95);bottom: 75px;position: relative;z-index: 1006;
}
#downArrow {
margin-right: auto;margin-left: auto;left: auto;right: 25px;
}
#carouselBarInfoContainter h4 {
color: #3c3c3c;
}
.mobileBreak {
display:block;
}
.stock-images {
padding-bottom: 0px !important;
}
h1 {
font-size: 19px;line-height: 70%
}
#homeContent h2, #projectContent h2 {
font-size: 16px
}
#homeContent p, #projectContent p, .readMoreLink {
font-size:14px;
}
.readMoreLink {
height: 26px;padding-top: 13px;height: 27px;background: url('images/icon-arrow-right.png') right 14px no-repeat transparent;margin-top: 25px;background-size: 20px 14px;
}
#heroLine {
margin-top: 0px;margin-bottom: 0px;
}
#homeContent, #projectContent, #projectDetailHolder {
display:block;width:100%;padding-right: 25px; padding-left:25px;margin-right: 0px; margin-left:0px;margin-bottom:0px;background-color:#f1f1f1 ; height: 280px;
}
.contentItemLeft, .contentItemRight, .contentImage, .contentRollover, #leftContent, #rightContent, .jornalEntry, .contentItemRightDouble {
width:100% !important; box-sizing: content-box !important;
}
#projectDetailsCopy {
width:100%;
margin-top: 40px;
padding-bottom:0px;
}
#projectDetailsCopy2 {
width:100%;
margin-top: 40px;
margin-top: 10px;
}
.contentItemLeft {
margin-top: 34px;
}
.contentImage {
height:auto !important;
}
.contentRollover {
position: absolute;
}
.contentItemLeft, .contentItemRight, .contentItemRightDouble {
margin-right:0px;position: relative;
}
.journal1 {
padding-bottom: 20px;
}
/*************** profile page *******************************/
#profileDetailHolder h1 {
margin-top: 50px; line-height: 160%;
}
#profileMenuContainer, #projectMenuContainer{
background-color: #f4f4f4;height: auto;width: 100%;
}
#projectsTitle {
padding-top: 100px;
}
.bgGrey {
background-color:#f4f4f4 !important;
}
.bgWhite{
background-color:#ffffff !important;
}
#profileDetailHolder h1 {
font-size:21px;
}
#profileDetailHolder h2 {
font-size:21px;line-height: 135%;
}
.profile-name {
font-size:18px;
margin-top: 8px;
margin-left:0px
}
.profile-line {
width:30px;
margin-left: 12px;
}
.profileSmallNumbers {
display:none;
}
.profileline100 {
width: 200%;
margin-left: -50%;
}
.profileDividerHolder {
margin-top:0px;padding-top: 0px;
}
.borderTop3{
border-top: 2px solid #222222;float: left;width: 100%;
}
.borderTop5 {
border-top: 1px solid #222222;float: left;width: 100%;
}
.borderBottom3 {
border-bottom: 2px solid #222222;
}
.profileRightImage {
width:auto;height:auto; display:block;
}
.extraPadding {
padding-top:50px;
}
#projectCategoryMenu {
margin-left: 25px;display:none;
}
#peopleCategoryMenu {
margin-left: 25px;display:none;
}
#profileDetailHolder h1 {
padding-left: 25px;
padding-right: 25px;
}
/*************** footer *******************************/
#footerMenuContainer {
margin-top: 58px;
}
#footerLogo {
display:none;
}
#footerMenu {
padding-left: 25px;padding-right: 25px; box-sizing: border-box;
}
#footerMenu li a {
padding-left: 0px;
}
.footerMenuLink {
width: 48%;
}
.noVisMob {
display:none;
}
.footerLine {
width: 100%;height: 2px;
}
#footerMenu ul {
margin-top: 87px;
}
#footerLogoMob {
width:220px; height:61px; margin-right:auto; margin-left:auto; margin-top: 60px; margin-bottom: 30px; display:block;
}
#copyright {
width: 100%;text-align: center;font-size: 12px;color: #bebdbd;padding-top: 30px;padding-bottom: 60px;
}
.footerLine {
margin-top: 12px;margin-bottom: 9px;
}
/********************** newsletter *******************************/
#newsletterHolder {
width:100%; background-color:#face10; height:250px;clear:both; margin-top: 130px;
}
#newsletter {
width:100%; margin-left:auto; margin-right:auto; padding-left:25px; padding-right:25px;
}
.newsletterTitle {
color:#eaeaea; font-size:16px; padding-top: 58px;display: block;
}
.newsletterBreak {
color:#eaeaea; font-size:18px; margin-bottom:2px; margin-top:14px; display:block
}
#formBut {
width: 32px;
height: 42px;
background: url('images/icon-newsletter-arrow.png') center center no-repeat transparent;
margin-top: 10px;
float: left;
margin-left: 2px;
}
#newsletterCloseBut {
width: 20px;
height: 20px;
background: url('images/icon-newsletter-close.png') center center no-repeat transparent;
float: right;
}
form input[type=text], form input[type=email], form input[type=password]{
-webkit-appearance: none;
width: 220px;
height: 40px;
border: solid 0px #f4f4f4;
border-bottom: solid 1px #f4f4f4;
padding: 0px;
color: #eaeaea;
-webkit-font-smoothing: antialiased;
float:left;
font-size:16px;
padding-left:0px;
margin-top:10px;
outline: none;
background-color:#face10;
}
/*********************************************************************/
#slides-project .slidesjs-previous {
width: 33px;
height: 33px;
position: absolute;
margin-top: -32%;
z-index: 3000;
background: url('images/icon-arrow-left-car-off.png') center center no-repeat #ffffff;
background-size: 50%; display:block;
}
#slides-project .slidesjs-next {
width:33px;height:33px; position:absolute; margin-top:-32%;z-index:3001;float:right; right: 0px;
background:url('images/icon-arrow-right-car-off.png') center center no-repeat #ffffff;background-size: 50%;display:block;
}
#slides-project .slidesjs-previous:hover {
background:url('images/icon-arrow-left-car.png') center center no-repeat #face10;background-size: 50%;
}
#slides-project .slidesjs-next:hover {
background:url('images/icon-arrow-right-car.png') center center no-repeat #face10;background-size: 50%;
}
}
@media only screen and (max-width: 650px) {
#projectInfoHolderMain {
height: 160px !important;
}
#AFeature-mob {
display:block !important;width: 100%;height:100%;
}
#AFeature-tab {
display:none !important;width: 100%;height:100%;
}
#practiveHeroLogo {
padding-top: 115px;
}
#practiveHeroh2 {
padding-top: 159px;
}
}
@media only screen and (max-width: 610px) {
#practiveHeroLogo {
padding-top: 105px;
}
#practiveHeroh2 {
padding-top: 119px;
}
}
@media only screen and (max-width: 590px) {
#projectInfoHolderMain {
height: 210px !important;
}
}
@media only screen and (max-width: 560px) {
#projectInfoHolderMain {
height: 210px !important;
}
#practiveHeroLogo {
padding-top: 85px;
}
#practiveHeroh2 {
padding-top: 129px;
}
}
@media only screen and (max-width: 460px) {
#innerOpenHTML iframe {
width:100%; height:200px;
}
#practiceDetailHeroImage, #profileFeatureImage {
height: auto;
}
.desktop2 {
display:none;
}
.mobile2 {
display:block;
}
#practiveHeroLogo {
padding-top: 96px;
}
#practiveHeroh2 {
padding-top: 150px;
}
#practiceFeatureArrowDown {
margin-top: 470px;
}
}
.contentRollover {
display:none;
}
#teamList li {
margin-left: 10px\9;
margin-right: 10px\9;
}
.ie8 #contactGoogleMapsBut {
background:none;
}
.ie8 #contactGoogleMapsBut:hover {
background:none;
}
.ie8 .followLink {
background:none;
}
.ie8 .followLink:hover {
background:none;
}
.ie8 #contactEmailBut {
background:none;
}
.ie8 #contactEmailBut:hover {
background:none;
}
.ie8 #homeMenu ul li {
background:none;
}
.ie8 #homeMenu ul li:hover {
background: #1c1c1c ;
}