/* Theme Name: Richard Marazzi Design 2.6 Author: Stefano + Caro Version: 2.6.0 */ /* =Fonts -------------------------------------------------------------- */ /* @font-face { font-family: 'knockout'; src: url('fonts/knockouthtf26juniorflyweight.eot'); src: url('fonts/knockouthtf26juniorflyweight.eot?#iefix') format('embedded-opentype'), url('fonts/knockouthtf26juniorflyweight.woff') format('woff'), url('fonts/knockouthtf26juniorflyweight.ttf') format('truetype'), url('fonts/knockouthtf26juniorflyweight.svg#KnockoutMedium') format('svg'); font-weight: 400; font-style: normal; }*/ @font-face { font-family: 'TeXGyreHerosRegular'; src: url('fonts/texgyreheros-regular-webfont.eot'); src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/texgyreheros-regular-webfont.woff') format('woff'), url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Neue Bold'; src: url('fonts/HelveticaNeueBold.eot'); src: url('fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueBold.woff') format('woff'), url('fonts/HelveticaNeueBold.ttf') format('truetype'), url('fonts/HelveticaNeueBold.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Neue Light'; src: url('fonts/HelveticaNeueLight.eot'); src: url('fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLight.woff') format('woff'), url('fonts/HelveticaNeueLight.ttf') format('truetype'), url('fonts/HelveticaNeueLight.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica Neue Medium'; src: url('fonts/HelveticaNeueMedium.eot'); src: url('fonts/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueMedium.woff') format('woff'), url('fonts/HelveticaNeueMedium.ttf') format('truetype'), url('fonts/HelveticaNeueMedium.svg') format('svg'); font-weight: 400; font-style: normal; } * { font-weight:200; } strong, b, strong *, b * { font-weight:bold; } html,body {overflow-x:hidden;box-sizing:border-box!important;} /* =WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 5px 5px 0; } .aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 5px 20px;} .alignleft {float: left;margin: 5px 20px 5px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float: right;margin: 5px 0 5px 20px;} a img.alignnone {margin: 5px 20px 5px 0;} a img.alignleft {float: left;margin: 5px 10px 5px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {background: #fff; max-width: 96%; /* Image does not overflow the content area */ text-align: left;} .wp-caption.alignnone {margin: 5px 5px 5px 0;} .wp-caption.alignleft {margin: 5px 5px 5px 0;} .wp-caption.alignright {margin: 5px 0 5px 5px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;} /* =Standard HTML tags -------------------------------------------------------------- */ body { color:#000; font-size:20px; font-family: "Helvetica Neue Light", "Helvetica Neue Medium", "Helvetica Neue Bold", 'TeXGyreHerosRegular', "Helvetica", "Arial", sans-serif; font-weight:400; font-stretch:normal; line-height:1.4; background:#fff !important; overflow-y:scroll; overflow-x:hidden;} /*body.ipad { font-family: Helvetica, sans-serif !important; }*/ .page-template-template_work-php #supersized, .page-template-template_about-php #supersized, .blog #supersized, .single-project #supersized { display:none !important; visibility:hidden !important; opacity:0 !important; } a { color:#000; text-decoration:none; } a:hover,.page-numbers.current { color:#db0962 } .siteWrapper img, .aboutWrapper img, .contentWrapper img { max-width:100%; } p { margin: 0 0 1.15em 0; min-height:1em; } h1,h2,h3,h4,h5,h6 { font-weight:normal; margin-top:0; min-height:1em; } h1 { font-size:26px; margin-bottom:10px; } h2 { font-size:24px; margin-bottom:10px; } h3 { font-size:22px; margin-bottom:10px; } h4 { font-size:20px; margin-bottom:10px; } h5 { font-size:18px; margin-bottom:10px; } h6 { font-size:16px; margin-bottom:10px; } /* =Styles -------------------------------------------------------------- */ .left { float:left; } .right { float:right; } .clear { clear:both; } .floatedRight {width:45%; float:left;} .floatedLeft {width:35%; float:left;} .siteWrapper { width:840px; margin:30px auto; position:relative; padding-top:90px; } body.home .siteWrapper {padding-top:90px;} .siteWrapper.grey {background-color:#e1dfde; padding:120px 100px 350px;z-index:1;width:110%; width:824px; margin-top:-30px; margin-bottom:-300px;} .siteWrapper.Team {font-size:17px; font-weight:300;} .siteWrapper.Team strong {font-weight:600!important; margin-left:2px; display:inline-block;} .menuWrapper { width:344px; margin:30px auto; position:absolute; margin-left:300px; z-index:999; } .aboutWrapper { position:relative; width:1057px; margin:0 auto; margin-bottom:180px; background:#f2f2f2;} #section19, #section52, #section55,#section57,#section59, #section71,#section73, #section75,#section77 {background-size:102% auto!important;width:100%; margin: 0 auto; text-align:center;} #section59, #section71 {height:678px!important;} #endAbout { position:absolute; bottom:0; left:20%; margin-left:-20%; width:100%; height:207px; background:#000 url('img/CardBottom.jpg') no-repeat center center; z-index:10000;} #contact-tab {padding-bottom:150px;padding-top:20px;} .contentWrapper { width:671px; float:left; } .contactWrapper { width:100%; padding:35px 0 40px 0; background:#fff; line-height:1; } body.single .contentWrapper {padding-left:0px; width:658px;} body.page-id-8 .contactWrapper { padding-top:5px;margin-top:40px; } body.page-id-8 .contactWrapper .siteWrapper {padding-top:5px; margin: 30px auto 100px;} .contactWrapper strong { line-height:1.5; } .aboutWrapper ul, .contentWrapper ul { padding-left:16px; } .aboutWrapper ul li, .contentWrapper ul li { list-style:none; } .aboutWrapper ul li:before, .contentWrapper ul li:before { content:'\2022'; margin-left:-15px; margin-top:.65em; position:absolute; font-size:11px; } .aboutWrapper ul li:before { color:#fff; } div.aboutSectionContainer p span a {color:white!important;} #mainNav { height:60px; background: transparent; z-index: 999999; width:830px; margin: 30px auto 0;} .overlay { height: 0%; width: 48.3%; position: fixed; z-index: 1; top: 90px; left: 51.7%; background-color: rgb(219, 9, 98); background-color:rgba(219, 9, 98, 1); overflow: hidden; transition: 0.5s; } .overlay.closed { height: 0%;} .overlay.opened { height: 100%;} .overlay-content { position: relative;width: 100%; text-align: left; margin-top: 5px; padding-left:40px;overflow: hidden;} .overlay-content nav ul li a {} .overlay-content nav div .bold-overlay-text a {color:white!important;} .overlay-content ul#socialIcons { float:left; margin-top:20px; height:30px;} .overlay-content ul#socialIcons li {text-indent:-9999px;} .socialButton { width:32px; height:28px; background:transparent url('img/newsocialicons.png') no-repeat 0 0 !important; display:block; float:left; margin:3px 1px 0 1px; } .socialFacebook { background-position:-33px 0!important; } .socialFacebook:hover { } .socialPinterest { background-position:-98px 0 !important; } .socialPinterest:hover { } .socialBehance { background-position:-66px 0 !important;} .socialBehance:hover { } .socialLinkedIn { background-position:0 0 !important;} .socialLinkedIn:hover { } .socialTwitter { background-position:-131px 0 !important;} .socialTwitter:hover { } .menu_text { color: #db0962; font-weight: 400;font-size:24px!important; z-index: 20000!important;background-image:url('img/arrow.png'); background-repeat:no-repeat; background-size:14px 10px; background-position: left 20px; margin-left:-20px; font-family: 'Helvetica Neue Bold', arial, sans-serif!important; } .menu_text a { color: #db0962!important; outline:none;} #trigger-overlay.menu_text {position:absolute!important; top:0px!important; right:30%!important; } #trigger-overlay.menu_text.open { background-image:url('img/arrow-up.png'); background-repeat:no-repeat; background-size:14px 10px; background-position: left 20px; margin-left:-20px; } .menu_text:before { content: ""; margin-right: 26px; color:white!important; font-size:60px; font-weight: 100; padding:0; margin-top:-5px; vertical-align:central;font-stretch: expanded; float:left; margin-bottom:-40px; background-image:url('img/arrow.png'); background-repeat:no-repeat; background-size:14px 10px;} #trigger-overlay {top:5px!important; right:3px!important; padding:9px 10px 0 30px!important; margin-top: 5px!important; position: absolute!important; } .overlay-content nav ul li a {margin-left:0; font-size:60px!important; line-height:60px!important; font-weight:400!important; color: #ffffff; font-family: 'Helvetica Neue Bold', arial, sans-serif!important;} .overlay-content nav ul li a:hover {color:black;} .overlay-content ul li {height:62px!important; display:block; } .overlay-content ul {margin-left:-40px; margin-top:40px;} body.home .overlay-content nav ul {margin-bottom:20px; margin-top:40px;} body.home .overlay-content ul {margin-left:0;} .overlay-content ul#socialIcons {margin-top:10px!important;} .overlay-content ul#socialIcons li {display:inline!important;} .overlay-content nav div {text-align:left; color:white; line-height:0.87; } .overlay-content ul#socialIcons li {display:inline; } .overlay-content nav div span.plus {margin-bottom:-3px; font-family: "Helvetica Neue Bold", "Helvetica Neue Medium",'TeXGyreHerosRegular', "Helvetica", "Arial", sans-serif!important; font-weight:400!important;} .overlay-content nav div span.plus:nth-child(1) {margin-top:30px;display:inline-block;}*/ .aboutSectionContainer p span a {color:white;} #mainNav { position:fixed; top:0; left:0; right:0; } #mainLogo { float:left; height:60px; width:310px; z-index:9999999; margin-top:0px;border-left:#000 solid 1200px; border-right:#000 solid 1200px; margin-left:-1235px;overflow:hidden; display:inline-block;} .animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); }75% { -webkit-transform: scale(0.8); transform: scale(0.8); }} @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); }} .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .extra {font-size:50px; color:white; font-family: "Helvetica Neue Bold", "Helvetica Neue Medium", helvetica; opacity:0; transition: all 0.5s ease; line-height:15px;} .card:hover .extra { opacity:1; -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .card { height: auto; width:33%; overflow: hidden; position: relative; margin:0; } .card_content { background-color: rgba(219, 9, 98, 0); padding:20px 10px; height:82%!important; position: absolute; bottom: -235px; width:100%; transition: all 0.5s ease; } .card:hover .card_content { background-color: rgba(219, 9, 98, 1); bottom: 0px; height:200px; margin-bottom:6px; } article.gridItem.card img {width:100%; height:auto;} .separator { float:left; border:1px dotted #c9c6c2; height:19px; margin:0 12px; } .pageTitleBar { height:4px; width:70px; background:black; margin-top:63px; } .pageTitleBar.belowSVG {margin-top:33px;} .single-project .pageTitleBar { margin-top:0; } .single-post #mainNav, .blog #mainNav { margin-bottom:0; } .single-post .pageTitle , .blog .pageTitle, h2.gridTitle { font-size:13px; } h2.gridTitle {color:black!important; line-height:1; margin-bottom:0; font-family: "Helvetica Neue Medium", helvetica, arial, sans-serif; } .blog .contentWrapper.list { border-bottom:1px dotted #c9c6c2; padding-bottom:30px; } .blog .contentWrapper, .single-post .contentWrapper { width:500px; } .pageTitle { font-size:11px; text-transform:uppercase; margin:7px 0 22px 0; letter-spacing:1px; } h2.pageTitle {margin-bottom:22px; } h2.pageTitle.noMargin {margin-bottom:5px;} .sideTitle { margin:10px 0 22px 0; font-size:11px; letter-spacing:1px; } .pageSmallBar { height:1px; width:70px; background:black; } .gridItem { float:left; margin-right:0px; position:relative; margin-bottom:-7px; } .gridItemWhite {float:left; background:white; width: 170px; height:170px; margin-right: 20px; margin-bottom:20px; position:relative; padding:3px 10px;} p.sub-title {color:#aaa; font-size:13px;font-weight:300;} p.gridCat {font-weight:300; color:white!important;} .gridItemWhite:nth-child(4n) {margin-right:0;} .bottomImage {background: white none repeat scroll 0 0; bottom: 0; display: inline; margin-left: -5%; padding-bottom: 7px; padding-top: 1em; position: absolute; text-align: center; vertical-align: middle; width: 99%;} .imageHover { display:none; background:#000 url('img/hover.png') no-repeat 0 0; position:absolute; top:0; left:0; height:169px; width:207px; transition: all ease-in-out 2s; } .griditem img { display:block; } .griditem a h1 { font-size:13px; color:#000; margin-bottom:-2px; } .griditem a h1:before { content: '+ '; color:#db0962; font-size:16px; } .gridItem a p { font-size:12px; color:#919195; } /*update these lines to remove extra spacing on last row - WORK PAGE body.page-template-template_work #cultural article.gridItem:nth-child(18), body.page-template-template_work #cultural article.gridItem:nth-child(19), body.page-template-template_work #cultural article.gridItem:nth-child(20), body.page-template-template_work #cultural article.gridItem:nth-child(21) {margin-bottom:-1px; } body.page-template-template_work #corporate article.gridItem:nth-child(2), body.page-template-template_work #corporate article.gridItem:nth-child(3), body.page-template-template_work #corporate article.gridItem:nth-child(4), body.page-template-template_work #corporate article.gridItem:nth-child(5) {margin-bottom:-1px; } also need to update in media queries below*/ .industry-expertise ul {margin:10px -50px 0 -40px;} .industry-expertise ul li { display:inline-block; width: 186px; margin-right:20px; margin-bottom:2px; position:relative; list-style:none; font-weight:200; font-size:18px;} industry-expertise ul li:nth-child(4n) {margin-right:0;} .projectContent { width:483px; float:left; } .projectSidebar { width:170px; float:right; margin-right:-20px; } .wpcf-field-project-services { font-size:12px; padding-left:7px; background:transparent url('img/listdot.png') no-repeat 0 6px; line-height:1.3; letter-spacing:1px; } #projectServices { margin-bottom:28px; } #projectShare .sideTitle { margin-bottom:5px; } .shareButton { height:15px; width:16px; background:transparent url('img/socialicons.png') no-repeat 0 -30px !important; display:block; float:left; margin:3px 3px 0 -1px; } .shareFacebook {} .shareFacebook:hover { background-position:0 -45px !important; } .sharePinterest { background-position:-16px -30px !important; } .sharePinterest * { opacity:0; } .sharePinterest:hover { background-position:-16px -45px !important; } .singleProjImage { border-top:1px dotted #000; font-size:12px; padding-top:6px; } .singleProjImage.no { border-top:0; padding-top:0; /* this is new */ margin-top:-70px; } .singleProjImage p.imageCaptionProject { letter-spacing:1px; } .singleProjImage img { padding:20px 0 81px 0; } /* padding:60px 0 81px 0; */ #negative-spacer {margin-bottom:-60px;} .projectSidebar, .projectContent { margin-bottom:60px; } .contentSidebar { width:150px; float:right; } .nextCase {font-size:14px; font-weight:bold!important font-family:"HelveticaNeue","Helvetica Neue","TeXGyreHerosRegular","Helvetica","Arial",sans-serif;float:left;!important; } .nextCase a { display:block; height:auto; width:100%; color:#db0962; font-weight:bold; float:left; margin-right:-13%;} .nextCase:hover { background-position: 0 -121px; } div.nextCase:hover a span { color: #db0962!important;} /*div.nextCase a span img {background:white; background-image: url('img/arrow-right-pink.jpg')!important;}*/ .aboutImageContainer img { display:block; } .aboutSectionContainer { padding:153px 115px 153px 10.3%; line-height:1.23; position:relative; } #photo-random {margin:-153px -115px -163px -13.05%; overflow:hidden; } #endAbout+section>.aboutSectionContainer { padding-top:235px; padding-left:10.3%; } #mainFooter { font-size:10px; margin-bottom:55px; margin-top:99px; position:relative; z-index:3;} .footerStripe { height:62px; width:100%; background:transparent url('img/striped-bg.png') repeat-x 0 0; margin-bottom:-80px; position:relative; z-index:2;} footer p.right {margin-top:15px;} .page-id-8 #mainFooter {display:none;} #controls-wrapper { display:none !important; } #progress-back { top:0 !important; background:transparent !important; } #progress-bar { height:3px !important; background:#000 !important; } #qLbar { position:fixed !important; top:0 !important; left:0 !important; z-index:99999; } #supersized-loader { display:none !important; } .page-template-template_home-php #qLoverlay { background:transparent !important; } #supersized li { background:#fff !important; } #nextPageProgress { position:fixed; top:0; left:0; width:0%; height:3px; background:#000; z-index:99999999;} #preloadData { visibility:hidden; position:absolute; bottom:0; left:0; height:1; width:1; overflow:hidden; } #corporate, #cultural { clear:both; width:100%; height: auto; position:relative; padding-left:20px; margin-left:-20px; display: inline-block; border-left:4px solid whitek;} /*#corporate {height:169px;} #cultural {height:740px;}*/ h3.sideways {position:absolute; float:left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); font-size:12px; font-weight:400; vertical-align: middle; top:-5px; left: -9px; font-size: 11px; letter-spacing: 1px; margin: 7px 0 22px; text-transform: uppercase; display:none; } .pagination { margin-top:30px; } /* Team page */ #team-svg { display: block; margin: 20px auto 0; width:1200px; text-align: center;height:860px;} svg {width:100%; height:920px; margin: 40px 0 0px 0%; display:block} #highlighted-members {float:left; width:100%; margin:0; padding:0; height:auto;} .left-member {float:left; width:43%; padding: 0; margin: 0 7% 20px 0px; height:auto;} .right-member {float:left; width:44%; padding: 0; margin: 0 3% 20px 3%; height:auto;} #highlighted-members h3 {color:#d70263; font-size:17px; margin-bottom:-2px; line-height:1.4; margin-top:5px;} #highlighted-members h4 {font-size:17px;margin-bottom:10px; line-height:1.4;} a.team_email {text-decoration:underline; color:black; font-size:15px;} a.team_email:hover, a.team_email:active, a.team_email:focus {text-decoration:underline; color:#d70263;} .pulser { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 5s; animation-duration: 5s; margin-left:4px; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes shake { from, 6%, 12%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 3%, 9% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, 6%, 12%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 3%, 9% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes pulse { from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.005, 1.005, 1.005); transform: scale3d(1.005, 1.005, 1.005); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.005, 1.005, 1.005); transform: scale3d(1.005, 1.005, 1.005); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes hvr-pulse-grow { from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.01, 1.03, 1.03); transform: scale3d(1.01, 1.03, 1.03); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes hvr-pulse-grow { from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.01, 1.03, 1.03); transform: scale3d(1.01, 1.03, 1.03); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .hvr-pulse-grow { /*display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { /*-webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-origin: top left; animation-origin: top left; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate;*/ -webkit-transform: translateX(8px); transform: translateX(8px); } .overlay-bold {font-size: 13px; color: black;line-height: 1;font-family:'Helvetica Neue Bold'; margin-top:-10px; display: block; margin-bottom: -12px; margin-top: 2px;} .second-div-overlay {margin-top:-35px; margin-bottom:10px;} /*about styles*/ .titleAbout {font-size:16px; letter-spacing:1px;font-family: "Helvetica Neue Bold","Helvetica Neue Medium","Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif; text-transform:uppercase;} .lightAbout { font-family: "Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif; font-weight:400; font-size:22px; text-transform: uppercase; letter-spacing:2px; line-height: 1.4;} .boldAbout {font-size:40px; font-family: "Helvetica Neue Bold","Helvetica Neue Medium","Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif; font-weight:400;letter-spacing:-0.4px;} .followUpAbout {font-family: "Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif; font-weight:400; font-size:22px; letter-spacing:0px; } .superLarge {font-size:120px; letter-spacing:-5px; line-height:1.1;} .textWhite {color:#ffffff;} .textBlack {color:#000;} .textPink {color: #dc0c63;} .extraMarginTop {margin-top: 45px; display:block; clear:both;} .littleExtraMarginTop {margin-top: 30px; display:block; clear:both;} .minusMarginTop {margin-top: 0px; display:block; clear:both;} #contact-tab br {display:none;} #decide-about, #differentiation-about, #avoid-about {text-align:center; margin: 40px auto;} /*home page animations*/ #branding-home {text-align:center; position:fixed;bottom:80px; left:20.5%; width:100%; width:100%; color: white; font-family: "Helvetica Neue Bold","Helvetica Neue Medium","Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif; font-stretch: normal; font-size: 32px; font-weight:400!important; line-height: 1; /*text-shadow: 2px 2px 2px #000000;*/ } .pink {color: #DB0962; font-weight:800;} #branding-home p {display:inline; float:left; font-weight: 800!important; font-family: "Helvetica Neue Bold","Helvetica Neue Medium","Helvetica Neue Light","TeXGyreHerosRegular","Helvetica","Arial",sans-serif;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }} @keyframes fadeIn { from { opacity: 0;} to { opacity: 1;}} .fadeIn { -webkit-animation: 5s ease-in-out fadeIn; -moz-animation: 5s ease-in-out fadeIn!important; -ms-animation: 5s ease-in-out fadeIn!important; -o-animation: 5s ease-in-out fadeIn!important; animation: 5s ease-in-out fadeIn!important;} @keyframes hinge { from { opacity: 1; } to { opacity: 0; }} @keyframes hinge2 { from { opacity: 1; } to { opacity: 0; }} .hinge { animation-name: hinge;} .hinge2 { animation-name: hinge2;} .animated { -webkit-animation-duration: 2.5s!important; animation-duration: 2.5s!important; -webkit-animation-delay: 0s; animation-delay: 0s;-webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: normal;} .animatedIn.fadeIn { -webkit-animation-duration: 3s!important; animation-duration: 3s!important; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: normal;} .animated.hinge { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 5s;animation-delay: 5s; color:white; font-weight:800;} .animated.hinge2 { -webkit-animation-delay: 8s; animation-delay: 8s; -webkit-animation-duration: 3s;animation-duration: 3s; color:white; font-weight:800;} .box { width: auto; height: auto;float: left; border: none; display:inline-block;overflow: display;} @media all and (max-width: 1360px) { #branding-home {left:18.5%;} } @media all and (max-width: 1300px) { #branding-home {left:17%;} #endAbout + section > .aboutSectionContainer {padding-left:10.3%;} } @media all and (max-width: 1280px) { #branding-home {left:15%;} } @media all and (max-width: 1200px) { #branding-home {left:13%;} } @media all and (max-width: 1175px) { #branding-home {left:12%;} #photo-random {margin:-153px -115px -163px -13%;} } @media all and (max-width: 1150px) { .overlay-5.open { width: 80% !important;} .overlay-5 { left: 60% !important;} #branding-home {left:11.5%;} .aboutWrapper { margin: 0 auto 180px 18px;width: 96%!important;} #endAbout + section > .aboutSectionContainer {padding-left:12.2%;} #photo-random { margin: -153px -115px -163px -13.05%;} div#photo-random img {width:1105px;} } @media all and (max-width: 1100px) { .aboutWrapper { margin: 0 auto 180px 10px; width: 98% !important;} #branding-home { left:11%;} #endAbout + section > .aboutSectionContainer {padding-left:10%;} } @media all and (max-width: 1075px) { #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:9.7%; padding-right:4%;} #photo-random { margin: -153px auto -163px -11.2%; width: 115.8%;} div#photo-random img {max-width:1055px; background-position:center center;} #section75 {height:836px!important;} } @media all and (max-width: 1050px) { #branding-home { left:11%;} .siteWrapper.grey {width:100%; padding-left:8%; max-width:820px; padding-right:10%;} .aboutWrapper { margin-left: 15px; margin-right: 5%; width: 97%!important; } #endAbout + section > .aboutSectionContainer {padding-left:8%;} #photo-random { width: 115.9%;} div#photo-random img {width:99.99%!important; background-position:center center;} #decide-about, #differentiation-about, #avoid-about {padding-right: 8%;} /* #section19, #section52, #section55, #section57, #section59, #section71,#section73, #section75,#section77 {width:96%;}*/ #mainLogo {margin-left:-1242px;} body.page-template-template_work section.siteWrapper {width:850px;} body.single .contentWrapper {padding-left:0px; width:658px;} #section75 {height:790px!important;} /* #section19, #section52, #section55, #section57, #section59, #section71, #section73, #section75, #section77 {background-size: 89.5% auto !important;}*/ } @media all and (max-width: 1025px) { #branding-home { left:12.4%;font-size:28px; } body.page-template-template_work section.siteWrapper {width:860px;} body.single .contentWrapper {padding-left:0;margin-left:0px;} .overlay-content {padding-left:50px;} .siteWrapper.grey {padding-left:6.7%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:7%;} #decide-about, #differentiation-about, #avoid-about {padding-right: 7%;} #photo-random { margin: -153px auto -163px -7.9%; width: 112.4%;} .card_content { bottom: -242px; padding:22px 10px;} } @media all and (max-width: 1000px) { body.single-project .siteWrapper {width:865px;} .nextCase {padding-left:10px;} .gridItemWhite {margin-right:12px; margin-bottom:12px;} .siteWrapper.grey {width:100%; padding-left:5%;} #mainLogo {border-left:200px solid black; margin-left:-257px;} body.page-template-template_work section.siteWrapper {width:884px;} body.single .contentWrapper {padding-left:0px; margin-left:-12px; width:678px;} .overlay-content ul li { height:52px!important;} .overlay-content nav ul li a {font-size:46px!important; line-height: 52px !important;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:4.5%;} #photo-random { margin: -153px auto -163px -4.9%; width: 109.3%;} div#photo-random img {width:99.99%!important; background-position:center center;} #decide-about, #differentiation-about, #avoid-about {padding-right: 4.5%;} #section75 {height:775px!important;} .card_content {height:85%!important; padding:20px 10px;} } @media all and (max-width:990px) { #branding-home { left:14%;} body.single .left {padding-left:14px!important;} body.single .contentWrapper {padding-left:5px;} .siteWrapper {width:90%;} .siteWrapper.grey {padding-left:7.5%; width:100%;} #mainLogo { margin-left:-242px;} body.page-template-template_work section.siteWrapper {width:850px;} .card_content { padding: 15px 10px;} body.single .contentWrapper {padding-left:0px; margin-left:0px; width:678px;} .overlay { left: 52.2%; width:47.8%;} .aboutWrapper { margin-left: 0; margin-right: 0%; width: 100% !important;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:7%;} #photo-random {margin-left:-8%; width:113%;} #decide-about, #differentiation-about, #avoid-about {padding-right: 7%;} } @media all and (max-width:985px) { #mainLogo {margin-left:-237px;} body.page-template-template_work section.siteWrapper {width:840px;} body.single .left {padding-left:12px!important;} } @media all and (max-width:970px) { body.single .contentWrapper {padding-left:15px;} body.single .left {padding-left:24px!important;} #mainLogo { margin-left:-232px;} body.page-template-template_work section.siteWrapper {width:830px;} #section75 {height:760px!important;} } @media all and (max-width:960px) { body.single .contentWrapper {padding-left:25px;} body.single .left {padding-left:34px!important;} #mainLogo { margin-left:-227px;} body.page-template-template_work section.siteWrapper {width:820px;} } @media all and (max-width:950px) { #mainLogo { margin-left:-252px;} .siteWrapper {width:90%;} body.single-project .siteWrapper {width:94%;} .nextCase {padding-left:0;} body.page-template-template_work section.siteWrapper {width:855px;} body.single .left { padding-left: 8px !important;} .siteWrapper.grey {padding-left:5%; width:100%;} .siteWrapper.grey p {width:95%;} .aboutWrapper {width:100%;} #corporate, #cultural {border-left:0; /*border-top:4px solid black;*/ margin-left:0; padding-left:0; width:100%; height:100%;} h3.sideways {transform:none;top:0; left:0; width:100%; position:relative; margin-top:4px;} #corporate h3.sideways {top:0; left:0; } .contentWrapper {width:90%;} body.single .contentWrapper {padding-left:0px; margin-left:0px; width:678px;} .projectContent {width:70%;} .contentSidebar {width:10%;} .contentSidebar div.nextCase {width:100%; text-align:right; float:left;position:absolute; bottom:0px;} .card_content {padding:25px 10px;} .nextCase a { clear:both; float:left; text-align:left; margin-left:5.5%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left: 4.4%;} #decide-about, #differentiation-about, #avoid-about {padding-right: 4.4%;} #section75{height:700px!important;} } @media all and (max-width:945px) { #mainLogo { margin-left:-247px;} body.page-template-template_work section.siteWrapper {width:850px;} #section19{height:960px!important;} } @media all and (max-width:935px) { body.page-template-template_work section.siteWrapper {width:840px;} #mainLogo { margin-left:-242px;} #branding-home { left:13%;} .card_content {padding:15px 10px;} } @media all and (max-width:925px) { #mainLogo { margin-left:-237px;} body.page-template-template_work section.siteWrapper {width:830px;} .nextCase a { margin-left:4.5%;} body.single .contentWrapper {padding-left:10px;} body.single .left {padding-left:18px!important;} } @media all and (max-width:918px) { #mainLogo { margin-left:-232px;} .card_content {padding:15px 10px;} body.single .contentWrapper {padding-left:15px;} } @media all and (max-width: 910px) { #mainLogo { margin-left:-227px;} #corporate, #cultural {width:100%; border-top:0;} body.page-template-template_work section.siteWrapper {width:810px;} .siteWrapper.grey {padding-left:5%;} .nextCase a { margin-left:3.5%;} } @media all and (max-width: 900px) { .card:hover .card_content {height:200px;} #branding-home {font-size:24px; left:15%;} #mainLogo { border-left: 20px solid black; border-right: 600px solid black; margin-left: -27px;} #mainNav { margin-right: 8%; width: 90%;} .siteWrapper.grey p {width:90%;} .overlay-5.open {width:101%!important;} .overlay-5 {left:49.9%} .card {width:32.7%; margin-right:0;} .gridItemWhite {margin-right:6px; width:160px; height:160px; margin-bottom:6px;} .siteWrapper.grey {width:95%;} body.page-template-template_work section.siteWrapper {width:800px;} #corporate, #cultural {width:100%;} .gridItemWhite:nth-child(4) {margin-right:0;} .aboutImageContainer { margin: 0 auto; width:90%;} .aboutSectionContainer {padding: 100px 50px; margin: 0 auto; width:90%;} #team-svg, svg { width:800px; margin: 40px 0 20px 4%; display:block; height:auto;} .pageTitleBar.belowSVG {margin-top:-33px;} .left-member { margin: 0 1% 20px 0; width: 47%;} .right-member { margin: 0 -1% 20px 2%; width: 49%;} .overlay { left: 49%; width:51%;} .aboutWrapper { margin-left: -1%; margin-right: -1%; width: 102% !important; } #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:5%;} #photo-random { margin: -103px auto -110px -4.9%; width: 109.5%;} div#photo-random img {width:100%!important; background-position:center center;} .card_content {padding:20px 10px 10px 10px; height:85%!important;} } @media all and (max-width: 890px) { body.page-template-template_work section.siteWrapper {width:790px;} .nextCase a { margin-left:2.5%;} } @media all and (max-width: 880px) { body.page-template-template_work section.siteWrapper {width:780px;} .siteWrapper.grey {padding-left:5.5%;} } @media all and (max-width: 870px) { .nextCase a { margin-left:2%;} } @media all and (max-width: 865px) { body.single .left {padding-left:6px!important;} #branding-home { left:16%;} .siteWrapper.grey p, .siteWrapper.grey .team-members {width:90%;} body.page-template-template_work section.siteWrapper {margin: 30px auto 30px 4%; width:95%;} .card_content {height:190px;} .card:hover .card_content {height:160px; margin-bottom:26px;} .gridItem.card a img.attachment-thumbnail.size-thumbnail.wp-post-image, .gridItem.card {height:auto; } .card_content, .card:hover .card_content {padding-bottom:0px; padding-top:40px; margin-bottom: 7px!important; } #branding-home { left:13%;} .aboutWrapper {margin-left:-1%; width:101.2%!important;} #section52 {background-size:98%!important; height:855px!important; } #section19,#section52,#section55,#section59,#section71,#section73,#section75,#section77 {margin-right:-1%;background-size:103% auto!important;} .industry-expertise ul {margin-right:-30px;} .industry-expertise ul li { margin-right: 3%;width: 29%;} .nextCase a { margin-left:0%;} body.single .contentWrapper {width:660px; padding-left:5px;} .overlay { left: auto; right: 0; width: 53%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 5.7%;} #section19 {height:875px!important;} /*#section52, #section55, #section75 { height:841px!important;}*/ #section57, #section73, #section77 { height:321px!important;} #section71, #section59{ height:606px!important;} #photo-random { margin: -103px auto -110px -6%; width: 111%;} #section75 {height:670px!important;} } @media all and (max-width: 815px) { body.single-project .siteWrapper {width:90%;} #branding-home { left:13%;} .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n) { margin-right: 4%; width: 25%; margin-bottom:4%; height:175px;} .gridItemWhite:nth-child(3) {margin-right:0;} .floatedRight {width:55%; float:left;} .floatedLeft {width:45%; float:left;} #mainLogo { border-left: 20px solid black; border-right: 600px solid black; margin-left: -20px;} body.single .contentWrapper {width:600px;} .projectSidebar {margin-right:-40px;} .contentSidebar {width:9%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 7%;} #section52 { height:801px!important;} #section59{ height:566px!important;} #section57, #section73, #section77 { height:281px!important;} #photo-random { margin-left:-7%;} #section75 {height:650px!important;} } @media all and (max-width: 800px) { .card:hover .card_content {height:165px; margin-bottom:6px;} .card_content {bottom:-235px;} } @media all and (max-width: 780px) { body.home .overlay-content nav ul { margin-top:10px;} .siteWrapper.grey {padding-left:6%;} #branding-home { left:10%;} div.aboutSectionContainer br {display:none;} div.aboutSectionContainer p {padding-right:5%;} #trigger-overlay.menu_text {right:20%!important;} .overlay { width: 45%;} .overlay-content ul li {height:42px!important;} .overlay-content nav ul li a {font-size:42px!important; line-height:42px!important;} .overlay-bold {font-size:11px; margin-bottom:-15px;} .bold-overlay-text {font-size:13px!important;} #section19 { height: 835px !important;} #section52, #section55, #section75 { height:741px!important;} #section59{ height:550px!important;} #section71{ height:506px!important;} #section75{ height:610px!important;} #be-interesting {width:80%;} } @media all and (max-width: 768px) { .card:hover .card_content {height:165px; margin-bottom:6px;} #branding-home { left:8%;} body.page-template-template_work section.siteWrapper .card {width:31.9%; } body.single .contentWrapper {padding-left:4px;} .contentSidebar div.nextCase {left:8px;} } @media all and (max-width: 750px) { .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n) { height:170px;} .aboutWrapper {margin-left:-1%; margin-bottom:0; width:101%!important;} #branding-home {font-size:20px; left:15%;} #mainNav {margin-right: 8%; width: 95%; margin-left:1%;} .siteWrapper.grey {width:100%; padding-left:5.5%;} .card_content, .card:hover .card_content {padding-bottom:3px; padding-top:60px; } #section52 {height:750px!important;} #team-svg, svg {width:700px; height:500px;} .siteWrapper.grey p, .siteWrapper.grey .team-members {width:85%;} .projectSidebar {margin-right:-60px;} .projectContent {width:75%;} body.single .contentWrapper {margin-left:0; padding-left:0px; margin-right:-100px;} body.single .left {padding-left:0!important;} .projectSidebar {width:90%; float:left;} .overlay { width: 60%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 6%;} #section19 { height: 795px !important;} .lightAbout {font-size:20px; margin-left:-5%; margin-right:-5%;} #photo-random {width:112%;} #section75{ height:570px!important;} } @media all and (max-width: 700px) { body.page-template-template_work section.siteWrapper .card {width:48%;} .card_content {height:85%!important;} .card:hover .card_content {height:245px; margin-bottom:-16px;} } @media all and (max-width: 690px) { .wrap { width: 100%; } .aboutWrapper {margin-top:-50px;} .box { width: auto; height: auto; clear: both; margin: -7px auto; } .hingebox { display: none; } #branding-home {left:4%; bottom:50px;} .box:first-child {margin-left:6px;} .card {width:32%; margin-right:0.5%;} body.page-template-template_work section.siteWrapper .card {margin-right:0!important; margin-bottom:-8px!important; } .card_content, .card:hover .card_content {height:140px; } .industry-expertise ul li { margin-right: 5%;width: 42%;} .nextCase a { margin-left:13%;} .projectContent {width:75%;} .contentSidebar div.nextCase {left: -72px;} #team-svg, svg { width:700px; margin: 20px auto 0; } #section52 { height:650px!important; } #section55 { height:800px!important; } #section73,#section77 { margin-bottom: -15%; margin-top: -15%; background-size:100%!important;} .left-member, .right-member { width:100%; margin:0 1% 20px 0; } body.single .contentWrapper {padding-left:5px;} body.single .left {padding-left:20px!important;} #section19 { height: 795px !important;} #section59 { height: 500px !important;} .boldAbout {font-size:36px;} .lightAbout, .followUpAbout {font-size:19px;} .titleAbout {font-size: 12px;} .superLarge {font-size: 70px;} #be-interesting { width:50%;} #section75 {height:521px!important;} .overlay-content ul {margin-top:15px!important;} .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n) { margin-right: 3%; margin-bottom:3%; height:180px;} body.page-template-template_work section.siteWrapper {width:95%;} .gridItem.card a img.attachment-thumbnail.size-thumbnail.wp-post-image {width: 260px; height: 212px;} .card_content, .card:hover .card_content {height:99%; margin-bottom:7px; padding-bottom:10px;} } @media all and (max-width: 640px) { .menu_text::before {margin-top:-14px!important;} .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n) { margin-right: 3%; margin-bottom:3%; height:160px;} body.page-template-template_work section.siteWrapper {width:95%;} body.page-template-template_work section.siteWrapper .card {width:47%;} .gridItem.card a img.attachment-thumbnail.size-thumbnail.wp-post-image, {width: 260px; height: 212px;} .card_content, .card:hover .card_content {height:160px; margin-bottom:7px!important; padding-bottom:5px; } #trigger-overlay.menu_text {right:20%!important;} .projectContent {width:70%;} .contentSidebar {margin-left:-20px;} #trigger-overlay.menu_text {right:10%!important;} body.single .contentWrapper {width:100%; padding-left:5px;} .nextCase a {margin-left:3%;} body.single .left {padding-left:10px!important;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left: 6%;} .contentSidebar div.nextCase {left: -52px;} #section59 { height: 420px !important;} #section19 {height: 725px !important;} #section52 {height: 590px !important;} #section55 {height: 600px !important;} #section71 { height: 480px !important;} #section75 { height: 480px !important;} .lightAbout, .followUpAbout { font-size: 14px;} } @media all and (max-width: 605px) { .card_content, .card:hover .card_content {margin-bottom:2px!important; } } @media all and (max-width: 600px) { #mainNav {width:95%; text-align:left;} .menu_text::before {margin-right:8px;margin-top:-9px;} #trigger-overlay {margin-top:12px!important;} #trigger-overlay.menu_text {top:-7px!important; background-position: 0 22px;right:10%!important;} .card_content, .card:hover .card_content {margin-bottom:7px!important; padding-bottom:5px; } .card {width:49%;} .siteWrapper.grey {width:97%;} body.page-template-template_work section.siteWrapper {width:95%;} .gridItem.card a img.attachment-thumbnail.size-thumbnail.wp-post-image, .gridItem.card {height:auto; } .bottomImage {width:95%;} #team-svg, svg { margin-left: 1%; margin-bottom:0; } .pageTitleBar.belowSVG {margin-top:0px;} .floatedRight, .floatedLeft {width:100%; float:left;} .floatedRight {padding-top:40px;} body.page-id-8 .contactWrapper .siteWrapper {margin-bottom:230px;} .aboutSectionContainer {width:89%;} /* .aboutSectionContainer p span {font-size:24px!important;}*/ /* .aboutSectionContainer p:first-child span {font-size:14px!important;}*/ #section19 {height: 625px !important;} #section52 { height:580px!important;} #section55 { height:650px!important; } #section57, #section73,#section77 {background-size: 100% auto !important; margin-left: 0;} #section71 { height:400px!important;} #section75 { height:460px!important;} .projectContent {width:68%;} .contentSidebar {margin-left:-60px;} .contentSidebar div.nextCase {left: -46px;} .aboutWrapper {width:102%!important;} #endAbout {background-size:80% auto; background-size: 60% auto;height: 165px;background-position:bottom center;} } @media all and (max-width: 550px) { .card_content, .card:hover .card_content {height:140px; } #team-svg, svg {width:500px; height:390px;} body.single .contentWrapper {width:98%; padding-left:10px;} .overlay {width:70%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 6.5%;} .contentSidebar div.nextCase {left: -50px;} #section19 { height:590px!important; margin-bottom:-10%;} #section52 {height: 540px !important;} #section55 {height: 520px !important;} #section57 {margin-bottom: -10%; margin-top: -10%;} #section59 {height: 400px !important;} #section75 {height: 440px !important;} .boldAbout {font-size: 30px;} .superLarge {letter-spacing:-1px; font-size: 50px;} } @media all and (max-width: 530px) { .siteWrapper.grey {padding-left:7%; width:95%;} #trigger-overlay.menu_text, #trigger-overlay.menu_text.open {right:-5px!important; font-size:22px!important;} /*.projectSidebar {width:100%; float:left;}*/ .projectContent {width:65%; margin-right:-100px;} /*.contentSidebar {width:10%;}*/ .card_content, .card:hover .card_content {height:120px; } .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n),.gridItemWhite:nth-child(3) { margin-right: 4%; width: 36%;} .gridItemWhite:nth-child(2) {margin-right:0;} /* #team-svg, svg { display:none; }*/ #section19 { height:590px!important; margin-bottom:-10%;} #section57,#section73,#section77 { margin-bottom: -10%; margin-top: -10%; } #section55 { height:510px!important; } #section59, #section71 { height:380px!important; } #section52 { height:490px!important; } .contentSidebar div.nextCase {left: -45px;} .lightAbout {margin-left:0; margin-right:0;} #endAbout {background-size:55% auto;} #section75 {height:400px!important;} } @media all and (max-width: 480px) { body.single .contentWrapper {width:430px; padding-left:12px;} .overlay {width:80%;} body.single .siteWrapper.done p.left {margin-bottom:20px;} .nextCase a { margin-left: 0%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 7%;} #section52 {height:450px!important;} #section55 {height:460px!important;} #section59, #section71 {height:320px!important;} #section75 {height:370px!important;} #team-svg, svg {display:none;} } @media all and (max-width: 450px) { .siteWrapper.grey {padding-left:4%; width:98%;} .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n) {height:150px;} body.page-template-template_work section.siteWrapper {margin: 30px auto 30px 17px; width:92%;} #mainNav { margin-left:-15px; width:100%;} .aboutSectionContainer {margin-left:-15px;} #corporate, #cultural {width:100%;} .card {width:47.4%; margin-right:10px;} .aboutWrapper {width:105%!important;} .pageTitleBar.belowSVG {margin-top:20px;} #section57,#section73,#section77 {background-size:125%!important;} body.single .contentWrapper {width:400px; padding-left:0px; margin-left:-5px;} .projectContent {width:75%;} .overlay { overflow-y: scroll!important;} .nextCase a { margin-left: 11%;} #section19 {height:530px!important;} #decide-about, #differentiation-about, #avoid-about { padding-left: 4%; padding-right: 4.4%;} #be-interesting .titleAbout {margin-right:-20%;} #section75 {height:350px!important;} } @media all and (max-width: 430px) { body.page-template-template_work section.siteWrapper .card {width:100%;} .card_content {bottom:-275px; height:80%!important;} .industry-expertise ul li { margin-right: 5%;width: 90%;} .card {width:100%; margin:0px; max-width:400px;} #section52 { height:410px!important;} #section57 {margin-top:-15%; margin-bottom:-15%;} #section73,#section77 {margin-top:-15%; margin-bottom:-15%;background-size:115%!important;} .overlay {width:90%;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left: 7%;} #section75 {height:340px!important;} } @media all and (max-width:400px) { .siteWrapper.grey {padding-left:5%; width:95%;} .pageTitleBar:first-child {margin-top:30px;} #trigger-overlay.menu_text, #trigger-overlay.menu_text.open {font-size:16px!important; top:-2px!important; right:3%!important; background-size: 11px 8px; background-position: left 17px;} .card_content, .card:hover .card_content {height:110px; } #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left:8.9%;} #section77 { background-size: 105% auto !important;} #section19 {height:460px!important;} #section55 {height:400px!important;} #section59, #section71 {height:300px!important;} #section57 {margin-top:-18%; margin-bottom:-18%;} #section73, #section77 {margin-top:-20%; margin-bottom:-20%;} #section75 {height:300px!important;} aside.contentSidebar div.nextCase a span sup {vertical-align:middle; padding-left:30px; margin-right:-20px;} header#mainLogo a img {width:210px; height:50px; margin-top:-5px;} #mainLogo {height:40px; width:210px;} #mainNav {margin-left:0;} #trigger-overlay {padding-top:0px; margin-top:2px!important; padding-left:20px!important;} .menu_text::before {margin-top:-10px!important; margin-bottom:-50px;} body.single .contentWrapper {width:95%; margin-left:0px; padding-left:3px;} body.single .pageTitleBar {margin-top:0px;} body.single .contentWrapper .projectContent p {margin-right:5px;} body.single .contentWrapper .projectContent br {display:none;} .overlay {width:100%; top:70px;} .overlay-content {padding-left:20px;} .overlay-content ul li { height: 36px !important;} .overlay-content nav ul li a { line-height: 36px !important; font-size:33px!important;} .overlay-content nav div:nth-child(1), .overlay-content nav div:nth-child(2) {margin-top:-10px!important;} .overlay-content nav div:nth-child(3) {margin-top:-30px!important;} .overlay ul#socialIcons {margin-top:15px!important;} .overlay-content nav div span.plus:nth-child(1) {margin-bottom:-6px;} .nextCase a { margin-left: 4%;} .lightAbout, #decide-about, #differentiation-about, #avoid-about {padding-right:12%;} #contact-tab .titleAbout {padding-right:20%;} #section75 {height:320px!important;} } @media all and (max-width: 380px) { body.page-template-template_work section.siteWrapper {width:88%; margin-left:20px;} .card { max-width: 340px;} .gridItem.card a img.attachment-thumbnail.size-thumbnail.wp-post-image, .gridItem.card {width:380px;height:auto; } .card_content, .card:hover .card_content {height:105px; margin-bottom:3px!important; padding-bottom:20px; padding-top:90px; width:340px; } #endAbout + section > .aboutSectionContainer, .aboutSectionContainer {padding-left: 9.5%; padding-bottom: 50px; padding-top: 50px;} .titleAbout#firstTitleAbout {padding-top: 130px; display:block} #endAbout + section > .aboutSectionContainer p, .aboutSectionContainer p {margin-bottom:0.5em;} .nextCase a { margin-left: 7%;} #section19 {height:430px!important;} #section55 {height:360px!important;} #section59, #section71 {height:260px!important;} .second-div-overlay { margin-top:12px;margin-bottom:0px;} .overlay-content nav div:nth-child(3) { margin-top: -35px!important;} footer p.right { text-align:left; margin-top: 10px; clear:both;display:block; float:left;} .lightAbout, #decide-about, #differentiation-about, #avoid-about {padding-right:6%;} #be-interesting .titleAbout {margin-right:-40%;} #trigger-overlay.menu_text, #trigger-overlay.menu_text.open { top:-1px!important; } #photo-random { margin: -50px auto -55px -7%; } #section75 {height:290px!important;} } @media all and (max-width: 360px) { .siteWrapper {margin-top:70px;} .projectSidebar, .projectContent {margin-bottom:10px;} .nextCase a { margin-left: 7%;} /* .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n),.gridItemWhite:nth-child(3), .gridItemWhite:nth-child(2) { width: 87%; margin-right:0;}*/ .gridItemWhite h2, .gridItemWhite p {display:none;} .gridItemWhite img { width: auto; height:auto; max-width:80px; margin-left:-8%;} .gridItemWhite, .gridItemWhite:nth-child(4), .gridItemWhite:nth-child(4n),.gridItemWhite:nth-child(3), .gridItemWhite:nth-child(2) {height:75px; margin-right:3%;} .bottomImage {width:90%; margin-left:0; padding-top:0;} /*.aboutSectionContainer p span*/ .followUpAbout {font-size:20px!important;} .boldAbout {font-size:27px!important;} #be-interesting .superLarge {font-size:40px!important;} .aboutSectionContainer p:first-child span {font-size:12px!important;} #contact-tab .followUpAbout, .aboutSectionContainer div#contact-tab span.followUpAbout.textPink {font-size:18px!important; } div#contact-tab .textPink, div#contact-tab .textPink a {color:#dc0c63!important;} #section52 { height:350px!important; } body.single .siteWrapper {padding-top:40px;} #endAbout + section > .aboutSectionContainer, .aboutSectionContainer { padding-left: 10%;} #section19 {height:410px!important;} #section55 {height:330px!important;} #section75 {height:270px!important;} .lightAbout, #decide-about, #differentiation-about, #avoid-about {padding-right:8%;} .aboutSectionContainer table tbody tr {vertical-align:top;} } @media all and (max-width: 320px) { #projectServices, #projectShare {display:none;} } /*SVG stuff*/ #RMD_Circle text {height:50px; width:50px; line-height:1; color:white!important;cursor: default!important;} #InnerCircle_2_ {cursor: default!important;} #RMD_Circle text.deactivated, #RMD_Circle #RMDText.deactivated {display:none;color:#ffffff;cursor: default!important;} #RMD_Circle text.activated, #RMD_Circle #RMDText.activated {cursor: default!important;display:block!important}