/*@mixin col($n, $container-width: $max-width) { position: relative; float: left; width: percentage($n * $column-width / $container-width); @include box-sizing(border-box); margin: 0; }*/ /* == Grid System ============================================ */ @import url(//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Ubuntu:300,400,500,700,300italic,400italic,700italic|Droid+Serif:400italic,700italic); /* line 15, sass/framework/_framework.scss */ .columns { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 17, sass/framework/_framework.scss */ .half.column, .half.columns { position: relative; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 18, sass/framework/_framework.scss */ .one-third.column, .one-third.columns { position: relative; float: left; width: 33.33333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 19, sass/framework/_framework.scss */ .two-thirds.column, .one-third.columns { position: relative; float: left; width: 66.66667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 21, sass/framework/_framework.scss */ .one.column, .one.columns { position: relative; float: left; width: 6.25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 22, sass/framework/_framework.scss */ .two.columns { position: relative; float: left; width: 12.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 23, sass/framework/_framework.scss */ .three.columns { position: relative; float: left; width: 18.75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 24, sass/framework/_framework.scss */ .four.columns { position: relative; float: left; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 25, sass/framework/_framework.scss */ .five.columns { position: relative; float: left; width: 31.25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 26, sass/framework/_framework.scss */ .six.columns { position: relative; float: left; width: 37.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 27, sass/framework/_framework.scss */ .seven.columns { position: relative; float: left; width: 43.75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 28, sass/framework/_framework.scss */ .eight.columns { position: relative; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 29, sass/framework/_framework.scss */ .nine.columns { position: relative; float: left; width: 56.25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 30, sass/framework/_framework.scss */ .ten.columns { position: relative; float: left; width: 62.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 31, sass/framework/_framework.scss */ .eleven.columns { position: relative; float: left; width: 68.75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 32, sass/framework/_framework.scss */ .twelve.columns { position: relative; float: left; width: 75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 33, sass/framework/_framework.scss */ .thirteen.columns { position: relative; float: left; width: 81.25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 34, sass/framework/_framework.scss */ .fourteen.columns { position: relative; float: left; width: 87.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 35, sass/framework/_framework.scss */ .fifteen.columns { position: relative; float: left; width: 93.75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 36, sass/framework/_framework.scss */ .sixteen.columns { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } @media only screen and (max-width: 767px) { /* line 40, sass/framework/_framework.scss */ .half.column, .half.columns, .one-third.column, .one-third.columns, .two-thirds.column, .two-thirds.columns, .one.column, .one.columns, .two.columns, .three.columns, .four.columns, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns, .thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns { position: relative; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } } /* == Base Style Fixes ======================================= */ /* line 62, sass/framework/_framework.scss */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 67, sass/framework/_framework.scss */ a { text-decoration: none; } /* line 70, sass/framework/_framework.scss */ a:active, a:hover { outline: none; } /* line 78, sass/framework/_framework.scss */ body { -webkit-font-smoothing: antialiased; } /* line 96, sass/framework/_framework.scss */ img { max-width: 100%; -ms-interpolation-mode: bicubic; } /* line 101, sass/framework/_framework.scss */ input { border: 1px solid #aaa; padding: 1%; outline: none; margin: 0 0 1% 0; height: 1%; } /* line 109, sass/framework/_framework.scss */ input.requiredRed, select.requiredRed + div.chzn-container, textarea.requiredRed { background: red; } /* line 113, sass/framework/_framework.scss */ .browserDimmer { background: rgba(255, 255, 255, 0.8); } /* line 120, sass/framework/_framework.scss */ .centered { margin: 0 auto; max-width: 1200px; padding: 0; } /* line 126, sass/framework/_framework.scss */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; } /* line 139, sass/framework/_framework.scss */ html:not(.ie9) .clearflex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { /* line 139, sass/framework/_framework.scss */ html:not(.ie9) .clearflex { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } /* line 163, sass/framework/_framework.scss */ html:not(.ie9) .clearflex .column, html:not(.ie9) .clearflex .columns { float: none; } /* line 170, sass/framework/_framework.scss */ .dimmer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 98; display: none; } /* line 181, sass/framework/_framework.scss */ .footer p:last-child, .footer .PTW16 ul:last-child, .PTW16 .footer ul:last-child { margin-bottom: 0; } /* line 191, sass/framework/_framework.scss */ .header .menu { position: relative; } /* line 193, sass/framework/_framework.scss */ .header .menu ul { padding: 0; } /* line 195, sass/framework/_framework.scss */ .header .menu ul li { display: inline-block; list-style: none; padding: 0; vertical-align: middle; } /* line 205, sass/framework/_framework.scss */ .popUp { position: absolute; left: 50%; z-index: 99; display: none; } /* == Desktop-ish ============================================ */ @media only screen and (min-width: 960px) { /* line 214, sass/framework/_framework.scss */ .noDesktop { display: none; } } /* == Tablet-ish ============================================= */ @media only screen and (min-width: 768px) and (max-width: 991px) { /* line 221, sass/framework/_framework.scss */ .noTablet { display: none; } } /* == Mobile-ish ============================================= */ @media only screen and (max-width: 767px) { /* line 228, sass/framework/_framework.scss */ .noMobile { display: none; } } /* line 6, sass/_type.scss */ body { font-size: 16px; line-height: 1.6171875em; font-family: 'Ubuntu',sans-serif; font-weight: 400; white-space: normal; vertical-align: top; } /* line 15, sass/_type.scss */ button, .button { font-family: 'Ubuntu',sans-serif; font-size: 1em; font-weight: 500; } /* line 21, sass/_type.scss */ .button-small { font-family: 'Ubuntu',sans-serif; font-size: 1em; font-weight: 400; } /* line 27, sass/_type.scss */ p, .PTW16 ul { font-family: 'Lora',serif; font-size: 1.25em; font-weight: 400; font-style: normal; line-height: 1.75em; } @media (max-width: 1000px) { /* line 27, sass/_type.scss */ p, .PTW16 ul { font-size: 1.15em; } } @media (max-width: 500px) { /* line 27, sass/_type.scss */ p, .PTW16 ul { font-size: 1em; } } /* line 43, sass/_type.scss */ h1 { font-family: 'Droid Serif',serif; font-size: 2.5em; font-weight: 400; font-style: italic; line-height: 1em; } /* line 50, sass/_type.scss */ h1 strong { font-weight: 700; } /* line 55, sass/_type.scss */ h2, .Approach h1, .Careers #intro h1, .Case.Study h1, .Legal #intro h1, .Press .Press--intro h1, .Responsive #intro h1, .Service h1, .Work .Work--intro h1, .PTW16 .menuBar h1 { font-family: 'Lora',serif; font-size: 1.875em; font-weight: 400; font-style: normal; line-height: 1em; } /* line 62, sass/_type.scss */ h2.alternate, .Approach h1.alternate, .Careers #intro h1.alternate, .Case.Study h1.alternate, .Legal #intro h1.alternate, .Press .Press--intro h1.alternate, .Responsive #intro h1.alternate, .Service h1.alternate, .Work .Work--intro h1.alternate, .PTW16 .menuBar h1.alternate { font-family: 'Ubuntu',sans-serif; } /* line 71, sass/_type.scss */ h1 + h2, .Approach h1 + h1, .Careers #intro h1 + h1, .Case.Study h1 + h1, .Legal #intro h1 + h1, .Press .Press--intro h1 + h1, .Responsive #intro h1 + h1, .Service h1 + h1, .Work .Work--intro h1 + h1, .PTW16 .menuBar h1 + h1 { margin-top: .25em; } /* line 75, sass/_type.scss */ .menu { font-family: 'Ubuntu',sans-serif; font-size: 1em; font-weight: 400; text-transform: uppercase; } /* line 6, sass/_LEV.scss */ a { color: #65c2ed; } /* line 9, sass/_LEV.scss */ a:hover, a:active { color: #3ea9da; } /* line 14, sass/_LEV.scss */ body { color: #525252; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } /* line 24, sass/_LEV.scss */ button, .button { background: none; border: 2px solid; border-radius: 2px; cursor: pointer; display: inline-block; letter-spacing: 0; line-height: 1.25em; outline: none; padding: 1em; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; -webkit-transition: background 0.5s ease-out; transition: background 0.5s ease-out; } /* line 41, sass/_LEV.scss */ button:hover, .button:hover { color: #fff; background: #65c2ed; } /* line 46, sass/_LEV.scss */ button.ghost, .button.ghost { background-color: rgba(255, 255, 255, 0); border-color: white; color: white; } /* line 53, sass/_LEV.scss */ .button-small { letter-spacing: 0; text-transform: uppercase; } /* line 57, sass/_LEV.scss */ span.button-small { color: #65c2ed; } /* line 61, sass/_LEV.scss */ h2, .Approach h1, .Careers #intro h1, .Case.Study h1, .Legal #intro h1, .Press .Press--intro h1, .Responsive #intro h1, .Service h1, .Work .Work--intro h1, .PTW16 .menuBar h1 { color: #525252; margin-bottom: 0; } /* line 66, sass/_LEV.scss */ h2.alternate, .Approach h1.alternate, .Careers #intro h1.alternate, .Case.Study h1.alternate, .Legal #intro h1.alternate, .Press .Press--intro h1.alternate, .Responsive #intro h1.alternate, .Service h1.alternate, .Work .Work--intro h1.alternate, .PTW16 .menuBar h1.alternate { color: #65c2ed; } /* line 70, sass/_LEV.scss */ h2 + hr, .Approach h1 + hr, .Careers #intro h1 + hr, .Case.Study h1 + hr, .Legal #intro h1 + hr, .Press .Press--intro h1 + hr, .Responsive #intro h1 + hr, .Service h1 + hr, .Work .Work--intro h1 + hr, .PTW16 .menuBar h1 + hr { background: #65c2ed; border: none; height: 2px; margin: 1em auto 0 auto; outline: none; width: 90px; } /* line 80, sass/_LEV.scss */ hr.styled { background: #525252; border: none; height: 2px; margin: 1em auto 0 auto; outline: none; width: 90px; } /* line 91, sass/_LEV.scss */ input:focus { background: #65c2ed; color: white; } /* line 98, sass/_LEV.scss */ section, nav { margin: 0; overflow: auto; padding: 1.5em 1em; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 1s ease-out 0.1s; -o-transition: opacity 1s ease-out 0.1s; -webkit-transition: opacity 1s ease-out; -webkit-transition-delay: 0.1s; transition: opacity 1s ease-out 0.1s; } /* line 107, sass/_LEV.scss */ section .icon-circle, nav .icon-circle { -moz-transition: all 1s ease-out 0.25s; -o-transition: all 1s ease-out 0.25s; -webkit-transition: all 1s ease-out; -webkit-transition-delay: 0.25s; transition: all 1s ease-out 0.25s; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 111, sass/_LEV.scss */ .no-touch section .icon-circle.queued, .no-touch nav .icon-circle.queued { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } /* line 119, sass/_LEV.scss */ .no-touch section.queued, .no-touch nav.queued { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 122, sass/_LEV.scss */ .no-touch section.queued .icon-circle, .no-touch nav.queued .icon-circle { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } /* line 133, sass/_LEV.scss */ section.bg-black, nav.bg-black { background: black; color: white; } /* line 137, sass/_LEV.scss */ section.bg-black button, section.bg-black .button, section.bg-black a.button, nav.bg-black button, nav.bg-black .button, nav.bg-black a.button { border-color: white; background-color: white; color: #3ea9da; } /* line 143, sass/_LEV.scss */ section.bg-black h2, section.bg-black .Approach h1, .Approach section.bg-black h1, section.bg-black .Careers #intro h1, .Careers #intro section.bg-black h1, section.bg-black .Case.Study h1, .Case.Study section.bg-black h1, section.bg-black .Legal #intro h1, .Legal #intro section.bg-black h1, section.bg-black .Press .Press--intro h1, .Press .Press--intro section.bg-black h1, section.bg-black .Responsive #intro h1, .Responsive #intro section.bg-black h1, section.bg-black .Service h1, .Service section.bg-black h1, section.bg-black .Work .Work--intro h1, .Work .Work--intro section.bg-black h1, section.bg-black .PTW16 .menuBar h1, .PTW16 .menuBar section.bg-black h1, nav.bg-black h2, nav.bg-black .Approach h1, .Approach nav.bg-black h1, nav.bg-black .Careers #intro h1, .Careers #intro nav.bg-black h1, nav.bg-black .Case.Study h1, .Case.Study nav.bg-black h1, nav.bg-black .Legal #intro h1, .Legal #intro nav.bg-black h1, nav.bg-black .Press .Press--intro h1, .Press .Press--intro nav.bg-black h1, nav.bg-black .Responsive #intro h1, .Responsive #intro nav.bg-black h1, nav.bg-black .Service h1, .Service nav.bg-black h1, nav.bg-black .Work .Work--intro h1, .Work .Work--intro nav.bg-black h1, nav.bg-black .PTW16 .menuBar h1, .PTW16 .menuBar nav.bg-black h1 { color: white; } /* line 148, sass/_LEV.scss */ section.bg-darkgray, nav.bg-darkgray { background: #191919; color: white; } /* line 153, sass/_LEV.scss */ section.bg-lightblue, nav.bg-lightblue { background: #65c2ed; color: white; } /* line 157, sass/_LEV.scss */ section.bg-lightblue a:not(.button):not(.button-small):not(.a-basic), nav.bg-lightblue a:not(.button):not(.button-small):not(.a-basic) { color: white; background: linear-gradient(to top, #ffffff 50%, rgba(0, 0, 0, 0) 50%); background-size: 100% 200%; background-position: top; border-bottom-color: rgba(255, 255, 255, 0.6); } /* line 166, sass/_LEV.scss */ section.bg-lightblue a:not(.button):not(.button-small):not(.a-basic):hover, section.bg-lightblue a:not(.button):not(.button-small):not(.a-basic):active, nav.bg-lightblue a:not(.button):not(.button-small):not(.a-basic):hover, nav.bg-lightblue a:not(.button):not(.button-small):not(.a-basic):active { border-bottom-color: white; color: #65c2ed; } /* line 172, sass/_LEV.scss */ section.bg-lightblue a.a-basic, nav.bg-lightblue a.a-basic { color: white; } /* line 176, sass/_LEV.scss */ section.bg-lightblue button, section.bg-lightblue .button, section.bg-lightblue a.button, nav.bg-lightblue button, nav.bg-lightblue .button, nav.bg-lightblue a.button { border-color: white; background-color: white; color: #3ea9da; } /* line 182, sass/_LEV.scss */ section.bg-lightblue .button-small, nav.bg-lightblue .button-small { color: white; } /* line 186, sass/_LEV.scss */ section.bg-lightblue h2, section.bg-lightblue .Approach h1, .Approach section.bg-lightblue h1, section.bg-lightblue .Careers #intro h1, .Careers #intro section.bg-lightblue h1, section.bg-lightblue .Case.Study h1, .Case.Study section.bg-lightblue h1, section.bg-lightblue .Legal #intro h1, .Legal #intro section.bg-lightblue h1, section.bg-lightblue .Press .Press--intro h1, .Press .Press--intro section.bg-lightblue h1, section.bg-lightblue .Responsive #intro h1, .Responsive #intro section.bg-lightblue h1, section.bg-lightblue .Service h1, .Service section.bg-lightblue h1, section.bg-lightblue .Work .Work--intro h1, .Work .Work--intro section.bg-lightblue h1, section.bg-lightblue .PTW16 .menuBar h1, .PTW16 .menuBar section.bg-lightblue h1, nav.bg-lightblue h2, nav.bg-lightblue .Approach h1, .Approach nav.bg-lightblue h1, nav.bg-lightblue .Careers #intro h1, .Careers #intro nav.bg-lightblue h1, nav.bg-lightblue .Case.Study h1, .Case.Study nav.bg-lightblue h1, nav.bg-lightblue .Legal #intro h1, .Legal #intro nav.bg-lightblue h1, nav.bg-lightblue .Press .Press--intro h1, .Press .Press--intro nav.bg-lightblue h1, nav.bg-lightblue .Responsive #intro h1, .Responsive #intro nav.bg-lightblue h1, nav.bg-lightblue .Service h1, .Service nav.bg-lightblue h1, nav.bg-lightblue .Work .Work--intro h1, .Work .Work--intro nav.bg-lightblue h1, nav.bg-lightblue .PTW16 .menuBar h1, .PTW16 .menuBar nav.bg-lightblue h1 { color: white; } /* line 190, sass/_LEV.scss */ section.bg-lightblue hr, nav.bg-lightblue hr { background: white; } /* line 195, sass/_LEV.scss */ section.bg-lightgray, nav.bg-lightgray { background: #e8e8e8; } /* line 199, sass/_LEV.scss */ section.bg-white, nav.bg-white { background: white; } /* line 202, sass/_LEV.scss */ section.bg-white .icon-circle, nav.bg-white .icon-circle { border-color: #65c2ed; } /* line 206, sass/_LEV.scss */ section.fullImage, nav.fullImage { padding: 0; overflow: hidden; } /* line 209, sass/_LEV.scss */ section.fullImage img, nav.fullImage img { width: 100%; } /* line 212, sass/_LEV.scss */ section.fullImage p, section.fullImage .PTW16 ul, .PTW16 section.fullImage ul, nav.fullImage p, nav.fullImage .PTW16 ul, .PTW16 nav.fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 219, sass/_LEV.scss */ section.noOverflow, nav.noOverflow { overflow: hidden; } /* line 223, sass/_LEV.scss */ section.noPadding, nav.noPadding { padding: 0; } /* line 229, sass/_LEV.scss */ .bg-banner { background: center no-repeat; background-attachment: fixed; min-height: 90vh; /*@media (min-height:50vw) { height:50vw; max-height:90vh; min-height:inherit; }*/ overflow: hidden; position: relative; -moz-transition: min-height 0.5s ease-out; -o-transition: min-height 0.5s ease-out; -webkit-transition: min-height 0.5s ease-out; transition: min-height 0.5s ease-out; } /* line 233, sass/_LEV.scss */ .touch .bg-banner { background-attachment: scroll; } /* line 250, sass/_LEV.scss */ .bg-banner:after { background: black; content: ""; height: 100%; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 0; width: 100%; z-index: 0; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } /* line 270, sass/_LEV.scss */ .no-touch .bg-banner.dark h1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 274, sass/_LEV.scss */ .no-touch .bg-banner.dark h1 + p, .no-touch .bg-banner.dark .PTW16 h1 + ul, .PTW16 .no-touch .bg-banner.dark h1 + ul, .no-touch .bg-banner.dark h1 + p + p, .no-touch .bg-banner.dark .PTW16 h1 + ul + p, .PTW16 .no-touch .bg-banner.dark h1 + ul + p, .no-touch .bg-banner.dark .PTW16 h1 + p + ul, .PTW16 .no-touch .bg-banner.dark h1 + p + ul, .no-touch .bg-banner.dark .PTW16 h1 + ul + ul, .PTW16 .no-touch .bg-banner.dark h1 + ul + ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 280, sass/_LEV.scss */ .bg-banner.dark:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; } /* line 287, sass/_LEV.scss */ .bg-banner h1 { margin-top: 40vh; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: margin-top 0.5s ease-out, opacity 0.5s ease-out; -o-transition: margin-top 0.5s ease-out, opacity 0.5s ease-out; -webkit-transition: margin-top 0.5s ease-out, opacity 0.5s ease-out; transition: margin-top 0.5s ease-out, opacity 0.5s ease-out; } /* line 293, sass/_LEV.scss */ .bg-banner h1 + p, .bg-banner .PTW16 h1 + ul, .PTW16 .bg-banner h1 + ul, .bg-banner h1 + p + p, .bg-banner .PTW16 h1 + ul + p, .PTW16 .bg-banner h1 + ul + p, .bg-banner .PTW16 h1 + p + ul, .PTW16 .bg-banner h1 + p + ul, .bg-banner .PTW16 h1 + ul + ul, .PTW16 .bg-banner h1 + ul + ul { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } @media (max-width: 1000px) { /* line 287, sass/_LEV.scss */ .bg-banner h1 { font-size: 2em; } } @media (max-width: 800px) { /* line 287, sass/_LEV.scss */ .bg-banner h1 { font-size: 1.75em; } /* line 305, sass/_LEV.scss */ .bg-banner h1 + p a, .bg-banner .PTW16 h1 + ul a, .PTW16 .bg-banner h1 + ul a { display: block; } /* line 307, sass/_LEV.scss */ .bg-banner h1 + p a span, .bg-banner .PTW16 h1 + ul a span, .PTW16 .bg-banner h1 + ul a span { display: block; } } @media (max-height: 1000px) { /* line 229, sass/_LEV.scss */ .bg-banner { min-height: auto; } /* line 317, sass/_LEV.scss */ .bg-banner h1 { margin-top: 30vh; } /* line 320, sass/_LEV.scss */ .bg-banner h1 + p:last-child, .bg-banner .PTW16 h1 + ul:last-child, .PTW16 .bg-banner h1 + ul:last-child, .bg-banner h1 + p + p:last-child, .bg-banner .PTW16 h1 + ul + p:last-child, .PTW16 .bg-banner h1 + ul + p:last-child, .bg-banner .PTW16 h1 + p + ul:last-child, .PTW16 .bg-banner h1 + p + ul:last-child, .bg-banner .PTW16 h1 + ul + ul:last-child, .PTW16 .bg-banner h1 + ul + ul:last-child { margin-bottom: 30vh; } } /* line 328, sass/_LEV.scss */ .centered-large { margin-left: auto; margin-right: auto; max-width: 1530px; } /* line 334, sass/_LEV.scss */ .centered-small { margin-left: auto; margin-right: auto; max-width: 750px; } /* ***************** Footer ***************** */ /* line 345, sass/_LEV.scss */ .footer { font-size: 1em; line-height: 2.1875em; text-transform: uppercase; } /* line 351, sass/_LEV.scss */ .footer a { color: white; } /* line 354, sass/_LEV.scss */ .footer a:hover, .footer a:active { color: #65c2ed; } /* line 359, sass/_LEV.scss */ .footer h3 { color: #939393; font-family: 'Ubuntu'; font-size: 1.125em; font-style: italic; font-weight: 400; margin-bottom: 0; } /* line 369, sass/_LEV.scss */ .footer ul { margin: 0; padding: 0; list-style: none; } /* line 374, sass/_LEV.scss */ .footer ul li { margin: 0; padding: 0; list-style: none; } /* line 381, sass/_LEV.scss */ .footer .footer--callToAction { padding: 2em 1em; text-align: center; } /* line 386, sass/_LEV.scss */ .footer .footer--callToAction a:not(.button):not(.button-small):not(.a-basic) { background: linear-gradient(to top, #ffffff 50%, rgba(0, 0, 0, 0) 50%); background-size: 100% 200%; background-position: top; -moz-transition: background-position 0.1s ease-out; -o-transition: background-position 0.1s ease-out; -webkit-transition: background-position 0.1s ease-out; transition: background-position 0.1s ease-out; border-bottom: 2px solid white; } /* line 397, sass/_LEV.scss */ .footer .footer--callToAction a:not(.button):not(.button-small):not(.a-basic):hover, .footer .footer--callToAction a:not(.button):not(.button-small):not(.a-basic):active { background-position: bottom; } /* line 406, sass/_LEV.scss */ .footer .footer--info--badges { display: flex; justify-content: flex-end; max-width: 1200px; margin: 0px auto; align-items: center; } /* line 413, sass/_LEV.scss */ .footer .footer--info--badges li { margin-right: 1rem; } /* line 420, sass/_LEV.scss */ .footer .footer--copyright p, .footer .footer--copyright .PTW16 ul, .PTW16 .footer .footer--copyright ul { color: #5a5a5a; font-family: 'Ubuntu'; font-size: .75em; text-align: center; } /* line 427, sass/_LEV.scss */ .footer .footer--copyright a { color: #5a5a5a; } @media (max-width: 900px) { /* line 435, sass/_LEV.scss */ .footer .footer--info .four.columns { width: 50%; } /* line 440, sass/_LEV.scss */ .footer .footer--info .four.columns:nth-child(2n+1) { clear: left; } } @media (max-width: 650px) { /* line 448, sass/_LEV.scss */ .footer .footer--info .four.columns { text-align: center; width: 100%; } /* line 453, sass/_LEV.scss */ .footer .footer--info .four.columns .footer--info--navigate { padding-right: .25em; text-align: right; } /* line 458, sass/_LEV.scss */ .footer .footer--info .four.columns .footer--info--navigate:last-child { padding-left: .25em; text-align: left; } } /* line 470, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li { display: inline-block; line-height: 30px; margin-left: 6px; margin-right: 6px; margin-top: .25em; } /* line 477, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li:first-child { margin-left: 0; } /* line 480, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li:last-child { margin-right: 0; } /* line 484, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li a { background: white; border-radius: 50%; display: inline-block; height: 35px; line-height: 45px; overflow: hidden; text-align: center; width: 35px; vertical-align: middle; -moz-transition: background 0.1s ease-out; -o-transition: background 0.1s ease-out; -webkit-transition: background 0.1s ease-out; transition: background 0.1s ease-out; } /* line 496, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li a:hover { /*img { max-height:10px; max-width:10px; }*/ background: #65c2ed; } /* line 507, sass/_LEV.scss */ .footer .footer--info .footer--info--connect li a img { -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; max-height: 20px; max-width: 20px; } /* line 519, sass/_LEV.scss */ .footer .footer--info .footer--info--contact li { padding-left: 25px; } /* line 523, sass/_LEV.scss */ .footer .footer--info .footer--info--contact li:before { background-size: 20px 20px; content: ""; display: inline-block; height: 20px; margin-left: -25px; width: 25px; vertical-align: middle; } /* line 534, sass/_LEV.scss */ .footer .footer--info .footer--info--contact li:first-child:before { background: url(images/icon-mail.svg) left center no-repeat; } /* line 540, sass/_LEV.scss */ .footer .footer--info .footer--info--contact li:nth-child(2):before { background: url(images/icon-phone.svg) left center no-repeat; } /* line 546, sass/_LEV.scss */ .footer .footer--info .footer--info--contact li:last-child:before { background: url(images/icon-mapmarker.svg) left center no-repeat; } /* line 555, sass/_LEV.scss */ .footer .footer--info .footer--info--navigate { position: relative; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } /* line 561, sass/_LEV.scss */ .footer .footer--info .footer--info--navigate li:before { color: #939393; content: "\276F"; display: inline-block; font-size: .75em; margin-right: .75em; vertical-align: top; } /* line 576, sass/_LEV.scss */ .footer .footer--info .footer--info--updates .button, .footer .footer--info .footer--info--updates button { background: rgba(255, 255, 255, 0.15); border: #4b4b4b 1px solid; border-radius: 0; color: #fff; font-size: .75em; padding: .75em 1em; } /* line 585, sass/_LEV.scss */ .footer .footer--info .footer--info--updates input { background: rgba(255, 255, 255, 0.05); border: #4b4b4b 1px solid; color: #fff; font-size: .75em; height: inherit; padding: .75em 1em; margin: 0; width: calc(100% - 4em); } /* line 595, sass/_LEV.scss */ .footer .footer--info .footer--info--updates input:focus { background: inherit; color: inherit; } /* line 601, sass/_LEV.scss */ .footer .footer--info .footer--info--updates label { display: block; line-height: 1.25em; margin-bottom: .5em; text-transform: none; } /* line 613, sass/_LEV.scss */ .footer .footer--map { min-height: 23em; } /* line 616, sass/_LEV.scss */ .footer .footer--map #map-canvas { height: 100%; margin: 0; min-height: 23em; padding: 0; width: 100%; } /* line 623, sass/_LEV.scss */ .footer .footer--map #map-canvas img { max-width: inherit; } /* ***************** Header ***************** */ /* line 636, sass/_LEV.scss */ .header { left: 0; line-height: 1em; position: fixed; top: 0; width: 100%; z-index: 90; -moz-transition: top 0.25s ease-out; -o-transition: top 0.25s ease-out; -webkit-transition: top 0.25s ease-out; transition: top 0.25s ease-out; } /* line 647, sass/_LEV.scss */ .header.hidden { top: -6em; /*&:after { background:rgba(0,0,0,1); content:"="; height:50px; position:fixed; left:50%; margin-left:-25px; top:0; width:50px; z-index: 91; }*/ } /* line 663, sass/_LEV.scss */ .header nav { overflow: visible; } /* line 667, sass/_LEV.scss */ .header .logo { float: left; min-height: 44px; min-width: 130px; position: relative; z-index: 10; } /* line 675, sass/_LEV.scss */ .header .logo img { max-height: 44px; max-width: 130px; } /* line 681, sass/_LEV.scss */ .header .menu { text-align: right; position: relative; z-index: 8; } /* line 687, sass/_LEV.scss */ .header .menu a { color: white; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; -webkit-transition: color 0.5s ease-out; transition: color 0.5s ease-out; } /* line 691, sass/_LEV.scss */ .header .menu a:hover, .header .menu a:active { color: #65c2ed; } /* line 697, sass/_LEV.scss */ .header .menu ul { margin: 0; } /* line 700, sass/_LEV.scss */ .header .menu ul > li { line-height: 44px; margin: 0 .7em; position: relative; z-index: 1; } /* line 706, sass/_LEV.scss */ .header .menu ul > li > ul { background: white; -moz-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1); -webkit-box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1); box-shadow: 0 2px 2px rgba(100, 100, 100, 0.1); color: #646464; font-size: .9em; left: 50%; min-width: 300%; opacity: 0; padding: .25em 0; position: absolute; text-align: left; -moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); -webkit-transform: translate(-50%, -150%); transform: translate(-50%, -150%); -moz-transition: -moz-transform 0.5s ease-in, opacity 0.1s; -o-transition: -o-transform 0.5s ease-in, opacity 0.1s; -webkit-transition: -webkit-transform 0.5s ease-in, opacity 0.1s; transition: transform 0.5s ease-in, opacity 0.1s; z-index: 0; } /* line 714, sass/_LEV.scss */ .header .menu ul > li > ul.wide { min-width: 500%; } /* line 723, sass/_LEV.scss */ .header .menu ul > li > ul:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px; } /* line 738, sass/_LEV.scss */ .header .menu ul > li > ul > li { display: block; line-height: 1em; margin: 0; } /* line 744, sass/_LEV.scss */ .header .menu ul > li > ul > li.hr { color: #65c2ed; text-align: center; } /* line 747, sass/_LEV.scss */ .header .menu ul > li > ul > li.hr:after { content: "\00b7\00b7\00b7"; } /* line 752, sass/_LEV.scss */ .header .menu ul > li > ul > li a { color: #646464; display: block; padding: .75em 1em; -moz-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; transition: all 0.1s; } /* line 758, sass/_LEV.scss */ .header .menu ul > li > ul > li a:hover, .header .menu ul > li > ul > li a:active { background: #65c2ed; -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25); color: white; } /* line 767, sass/_LEV.scss */ .header .menu ul > li:hover { z-index: 2; } /* line 771, sass/_LEV.scss */ .header .menu ul > li:hover > ul { opacity: 1; -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); -moz-transition: -moz-transform 0.25s, opacity 0.4s 0.15s; -o-transition: -o-transform 0.25s, opacity 0.4s 0.15s; -webkit-transition: -webkit-transform 0.25s, opacity 0.4s; -webkit-transition-delay: 0s, 0.15s; transition: transform 0.25s, opacity 0.4s 0.15s; z-index: 1; } /* line 783, sass/_LEV.scss */ .header .menu .menu--trigger { display: none; margin-top: -2.5px; /* svg menu icon */ } /* line 788, sass/_LEV.scss */ .header .menu .menu--trigger a { display: block; } /* line 790, sass/_LEV.scss */ .header .menu .menu--trigger a svg.menu-to-x { width: 50px; height: 50px; cursor: pointer; } /* line 796, sass/_LEV.scss */ .header .menu .menu--trigger a svg.menu-to-x g { display: block; position: absolute; margin: auto; cursor: pointer; } /* line 805, sass/_LEV.scss */ .header .menu .menu--trigger a svg.menu-to-x rect { -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; fill: #fff; -webkit-transform-origin: 25px 25px; -moz-transform-origin: 25px 25px; -o-transform-origin: 25px 25px; transform-origin: 25px 25px; } /* line 814, sass/_LEV.scss */ .header .menu .menu--trigger a:hover { /* color change */ /* spread apart */ } /* line 822, sass/_LEV.scss */ .header .menu .menu--trigger a:hover svg.menu-to-x g rect:first-child { -moz-transform: translate(0px, -1px); -ms-transform: translate(0px, -1px); -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); } /* line 826, sass/_LEV.scss */ .header .menu .menu--trigger a:hover svg.menu-to-x g rect:last-child { -moz-transform: translate(0px, 1px); -ms-transform: translate(0px, 1px); -webkit-transform: translate(0px, 1px); transform: translate(0px, 1px); } /* line 836, sass/_LEV.scss */ .header .menu.open .menu--trigger a { /* hamburger to X */ /* svg.menu-to-x g rect:first-child { @include transform(rotate(45deg) translate(0px, 7.5px)); } svg.menu-to-x g rect:nth-child(2) { @include transform(translate(0px, -25px)); opacity:0; } svg.menu-to-x g rect:last-child { @include transform(rotate(-45deg) translate(0px, -7.5px)); } */ /* hamburger to - */ } /* line 838, sass/_LEV.scss */ .header .menu.open .menu--trigger a svg.menu-to-x rect { -moz-transition: all 0.1s ease-in 0.5s; -o-transition: all 0.1s ease-in 0.5s; -webkit-transition: all 0.1s ease-in; -webkit-transition-delay: 0.5s; transition: all 0.1s ease-in 0.5s; } /* line 859, sass/_LEV.scss */ .header .menu.open .menu--trigger a svg.menu-to-x g rect:first-child { -moz-transform: translate(0px, 7.5px); -ms-transform: translate(0px, 7.5px); -webkit-transform: translate(0px, 7.5px); transform: translate(0px, 7.5px); } /* line 863, sass/_LEV.scss */ .header .menu.open .menu--trigger a svg.menu-to-x g rect:nth-child(2) { opacity: 0; } /* line 868, sass/_LEV.scss */ .header .menu.open .menu--trigger a svg.menu-to-x g rect:last-child { -moz-transform: translate(0px, -7.5px); -ms-transform: translate(0px, -7.5px); -webkit-transform: translate(0px, -7.5px); transform: translate(0px, -7.5px); } @media (max-width: 767px) { /* line 880, sass/_LEV.scss */ .header nav { overflow: auto; } /* line 886, sass/_LEV.scss */ .header .menu p, .header .menu .PTW16 ul, .PTW16 .header .menu ul { line-height: 0; margin: 0 .5em; } /* line 891, sass/_LEV.scss */ .header .menu ul { max-height: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; overflow: auto; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 898, sass/_LEV.scss */ .header .menu ul li { display: block; float: none; } /* line 902, sass/_LEV.scss */ .header .menu ul li > ul { display: none; position: relative; } /* line 906, sass/_LEV.scss */ .header .menu ul li > ul > li { display: block; } /* line 912, sass/_LEV.scss */ .header .menu ul li:hover > ul { display: none; } /* line 921, sass/_LEV.scss */ .header .menu.open ul { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; max-height: calc(100vh - 5em); } /* line 927, sass/_LEV.scss */ .header .menu .menu--trigger { display: block; } /* line 936, sass/_LEV.scss */ .header.hidden .menu.open ul { max-height: 0; } } /* line 947, sass/_LEV.scss */ .header-height-spacer { height: 100px; } /* line 951, sass/_LEV.scss */ .icon-circle { border: 3px solid white; border-radius: 50%; display: inline-block; height: 72px; padding: 14px; width: 72px; } /* line 960, sass/_LEV.scss */ .icon-circle + h2, .Approach .icon-circle + h1, .Careers #intro .icon-circle + h1, .Case.Study .icon-circle + h1, .Legal #intro .icon-circle + h1, .Press .Press--intro .icon-circle + h1, .Responsive #intro .icon-circle + h1, .Service .icon-circle + h1, .Work .Work--intro .icon-circle + h1, .PTW16 .menuBar .icon-circle + h1 { margin-top: 0; } /* line 964, sass/_LEV.scss */ .icon-circle img { line-height: 72px; max-height: 44px; max-width: 44px; vertical-align: middle; } @media (max-width: 767px) { /* line 951, sass/_LEV.scss */ .icon-circle { border-width: 2px; height: 48px; padding: 6px 8px; width: 48px; } /* line 977, sass/_LEV.scss */ .icon-circle img { line-height: 48px; max-height: 28px; max-width: 28px; } } /* line 984, sass/_LEV.scss */ .icon-circle.large-icon { padding: 0; } /* line 987, sass/_LEV.scss */ .icon-circle.large-icon img { max-height: 72px; max-width: 72px; } /* line 993, sass/_LEV.scss */ .icon-circle .label { display: inline-block; font-family: 'Ubuntu',sans-serif; font-size: .5em; line-height: 1em; margin-left: 22px; padding: 4px; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translate(-50%, 175%); -ms-transform: translate(-50%, 175%); -webkit-transform: translate(-50%, 175%); transform: translate(-50%, 175%); -moz-transition: -moz-transform 0.1s ease-out, opacity 0.1s ease-out; -o-transition: -o-transform 0.1s ease-out, opacity 0.1s ease-out; -webkit-transition: -webkit-transform 0.1s ease-out, opacity 0.1s ease-out; transition: transform 0.1s ease-out, opacity 0.1s ease-out; } /* line 1010, sass/_LEV.scss */ .icon-circle:hover .label { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translate(-50%, 250%); -ms-transform: translate(-50%, 250%); -webkit-transform: translate(-50%, 250%); transform: translate(-50%, 250%); -moz-transition: -moz-transform 0.5s ease-out, opacity 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out, opacity 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.5s ease-out; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } /* ***************** Main ***************** */ /* line 1024, sass/_LEV.scss */ #_hj_feedback_container { display: none !important; } /* line 1030, sass/_LEV.scss */ .main a:not(.button):not(.button-small):not(.a-basic) { color: #525252; background: linear-gradient(to top, #afdbf0 50%, rgba(0, 0, 0, 0) 50%); background-size: 100% 200%; background-position: top; -moz-transition: background-position 0.1s ease-out; -o-transition: background-position 0.1s ease-out; -webkit-transition: background-position 0.1s ease-out; transition: background-position 0.1s ease-out; border-bottom: 4px solid #afdbf0; } /* line 1041, sass/_LEV.scss */ .main a:not(.button):not(.button-small):not(.a-basic):hover, .main a:not(.button):not(.button-small):not(.a-basic):active { background-position: bottom; color: #525252; } /* line 1051, sass/_LEV.scss */ .vertical-center { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 1057, sass/_LEV.scss */ .video-player { position: relative; } /* line 1060, sass/_LEV.scss */ .video-player .playIcon { background: rgba(0, 0, 0, 0.25); border: 1px solid; color: white; display: none; left: 50%; padding: .5em 1em; position: absolute; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 1072, sass/_LEV.scss */ .video-player video.paused ~ .playIcon { display: block; } /* ************************** About ************************** */ /* line 8, sass/_LEV-pages.scss */ .About .bg-banner { background: url(images/About-banner-2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; } /* line 13, sass/_LEV-pages.scss */ .touch .About .bg-banner { background-attachment: scroll; } /* line 17, sass/_LEV-pages.scss */ .About .bg-banner.dark:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; } @media (max-width: 800px) { /* line 23, sass/_LEV-pages.scss */ .About .bg-banner h1 { line-height: 1.1em; } } /* line 31, sass/_LEV-pages.scss */ .About .About--clients { text-align: center; } /* line 34, sass/_LEV-pages.scss */ .About .About--clients .About--clients--logo { height: 10em; position: relative; } /* line 39, sass/_LEV-pages.scss */ .About .About--clients .About--clients--logo img { margin: 0 15%; max-height: 75px; max-width: 100px; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1100px) { /* line 34, sass/_LEV-pages.scss */ .About .About--clients .About--clients--logo { height: 8em; width: 20%; } } @media (max-width: 767px) { /* line 34, sass/_LEV-pages.scss */ .About .About--clients .About--clients--logo { height: 8em; width: 33.33%; } } @media (max-width: 500px) { /* line 61, sass/_LEV-pages.scss */ .About .About--clients .About--clients--logo img { max-width: 70%; } } /* line 71, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo { background: #eee url(images/ajax-loader.gif) center no-repeat; background-size: 20px 20px; border: 2px solid #fff; } /* line 76, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo a { display: block; height: 100%; position: absolute; width: 100%; } /* line 84, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-1 { min-height: 25vw; } /* line 87, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-1.photo { background: url(images/about-photos/1-Steve-Bryce.jpg) center no-repeat; background-size: cover; } /* line 93, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-2-1 { min-height: 12.5vw; } /* line 96, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-2-1.photo { background: url(images/about-photos/2-Brolik-door.jpg) center no-repeat; background-size: cover; } /* line 101, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-2-2 { background: #00549f url(images/icon-facebook-white.svg) center no-repeat; background-size: 30% 30%; min-height: 12.5vw; } /* line 107, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-3 { min-height: 30.5vw; } /* line 110, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-3.photo { background: url(images/about-photos/5-Ryan-Mike.jpg) center no-repeat; background-size: cover; } /* line 116, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-4 { min-height: 18vw; } /* line 119, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-1-4.photo { background: url(images/about-photos/7-Brolik-Group-Shot.jpg) top center no-repeat; background-size: cover; } /* line 125, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-1 { min-height: 18vw; } /* line 128, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-1.photo { background: url(images/about-photos/3-Kierston-Steve-Matt.jpg) center no-repeat; background-size: cover; } /* line 133, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-2 { min-height: 18vw; } /* line 136, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-2.photo { background: url(images/about-photos/4-Brolik-table.jpg) center no-repeat; background-size: cover; } /* line 141, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-3 { min-height: 37.5vw; } /* line 144, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-3.photo { background: url(images/about-photos/6-Jessica-Matt-Jay.jpg) center no-repeat; background-size: cover; } /* line 149, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-4 { background: #4ce3f6 url(images/icon-twitter-white.svg) center no-repeat; background-size: 22.5% 22.5%; min-height: 18vw; } /* line 154, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-5 { min-height: 18vw; } /* line 157, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-2-5.photo { background: url(images/about-photos/8-Brolik-Awards.jpg) center no-repeat; background-size: cover; } /* line 163, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-3-1 { min-height: 18vw; } /* line 166, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-3-1.photo { background: url(images/about-photos/9-Brolik-Duke-and-Winston-Shirt.jpg) center no-repeat; background-size: cover; } /* line 171, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-3-2 { background: #0096c1 url(images/icon-linkedin-white.svg) center no-repeat; background-size: 22.5% 22.5%; min-height: 21vw; } /* line 177, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-4-1 { min-height: 39vw; } /* line 180, sass/_LEV-pages.scss */ .About .About--photos .About--photos--container-photo.About--photos--container-4-1.photo { background: url(images/about-photos/10-Production-Branding.jpg) center no-repeat; background-size: cover; } /* line 193, sass/_LEV-pages.scss */ .About .About--story h2, .About .About--story .Approach h1, .Approach .About .About--story h1, .About .About--story .Careers #intro h1, .Careers #intro .About .About--story h1, .About .About--story .Case.Study h1, .Case.Study .About .About--story h1, .About .About--story .Legal #intro h1, .Legal #intro .About .About--story h1, .About .About--story .Press .Press--intro h1, .Press .Press--intro .About .About--story h1, .About .About--story .Responsive #intro h1, .Responsive #intro .About .About--story h1, .About .About--story .Service h1, .Service .About .About--story h1, .About .About--story .Work .Work--intro h1, .Work .Work--intro .About .About--story h1, .About .About--story .PTW16 .menuBar h1, .PTW16 .menuBar .About .About--story h1 { text-align: center; } /* line 199, sass/_LEV-pages.scss */ .About .About--story hr.callout { border: none; border-bottom: 1px solid #e8e8e8; margin: auto; outline: none; } /* line 209, sass/_LEV-pages.scss */ .About .About--story p.callout, .About .About--story .PTW16 ul.callout, .PTW16 .About .About--story ul.callout { background: rgba(101, 194, 237, 0.1); color: #646464; font-size: 1.5em; margin-bottom: .5em; margin-top: .5em; padding-bottom: 1em; padding-top: 1em; text-align: center; /*& + p.callout { font-size:1.25em; margin-bottom:1em; margin-top:1em; }*/ } /* line 225, sass/_LEV-pages.scss */ .About .About--story p.callout .pronunciation, .About .About--story .PTW16 ul.callout .pronunciation, .PTW16 .About .About--story ul.callout .pronunciation { font-family: 'Ubuntu',sans-serif; font-weight: 300; } /* line 232, sass/_LEV-pages.scss */ .About .About--story .half.column { padding: 1em; } @media (max-width: 767px) { /* line 232, sass/_LEV-pages.scss */ .About .About--story .half.column { padding: inherit; } } /* line 241, sass/_LEV-pages.scss */ .About .About--tagline { position: relative; text-align: center; z-index: 1; } /* line 246, sass/_LEV-pages.scss */ .About .About--tagline h1 { color: white; margin-bottom: 0; } /* line 251, sass/_LEV-pages.scss */ .About .About--tagline h1 + p, .About .About--tagline .PTW16 h1 + ul, .PTW16 .About .About--tagline h1 + ul { margin-top: 0; } /* line 257, sass/_LEV-pages.scss */ .About .About--team { text-align: center; } /* line 261, sass/_LEV-pages.scss */ .About .About--team > hr { margin-bottom: 1em; } /* line 265, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column { width: 25%; } @media (max-width: 767px) { /* line 265, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column { width: 33%; } } @media (max-width: 500px) { /* line 265, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column { width: 50%; } } /* line 275, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column .About--team--headshot { border: 0px solid #333; border-radius: 50%; margin: auto; margin-bottom: 1em; overflow: hidden; position: relative; width: 65.359477124%; -moz-transition: width 0.25s, height 0.25s; -o-transition: width 0.25s, height 0.25s; -webkit-transition: width 0.25s, height 0.25s; transition: width 0.25s, height 0.25s; /*@media (max-width:1100px) { height:150px; width:150px; }*/ /*svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } circle { fill: rgba(255,255,255,1); }*/ } /* line 291, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column .About--team--headshot a { background: rgba(101, 194, 237, 0); display: block; left: 0; overflow: hidden; padding-bottom: 100%; top: 0; width: 100%; -moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; transition: background 0.25s ease-in; } /* line 303, sass/_LEV-pages.scss */ .no-touch .About .About--team .About--team--headshot--column .About--team--headshot a:hover { background: rgba(101, 194, 237, 0.9); } /* line 306, sass/_LEV-pages.scss */ .no-touch .About .About--team .About--team--headshot--column .About--team--headshot a:hover .overlay { opacity: 1; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 312, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column .About--team--headshot a .overlay { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); color: white; opacity: 0; line-height: 1em; min-height: 3em; overflow: hidden; position: absolute; text-align: center; top: 50%; width: 100%; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transition: -moz-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; } /* line 328, sass/_LEV-pages.scss */ .About .About--team .About--team--headshot--column .About--team--headshot a .overlay .overlay--subhead { font-family: 'Ubuntu',sans-serif; font-size: .769230769em; font-style: italic; } /* line 352, sass/_LEV-pages.scss */ .About .About--testimonials { text-align: center; } /* line 355, sass/_LEV-pages.scss */ .About .About--testimonials hr { background: #dfdfdf; border: none; height: 2px; margin: 1em auto 0 auto; outline: none; width: 90px; } /* line 364, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author { cursor: pointer; position: relative; -moz-transition: opacity 0.25s ease-out 0.25s; -o-transition: opacity 0.25s ease-out 0.25s; -webkit-transition: opacity 0.25s ease-out; -webkit-transition-delay: 0.25s; transition: opacity 0.25s ease-out 0.25s; } /* line 375, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author.hidden { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; -moz-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } @media (max-width: 767px) { /* line 375, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author.hidden { display: none; } } /* line 384, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author .About--testimonials--author--image { padding-top: 4em; } @media (max-width: 767px) { /* line 384, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author .About--testimonials--author--image { padding-top: 2em; } } /* line 390, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author .About--testimonials--author--image img { max-height: 85px; max-width: 125px; } /* line 396, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author .About--testimonials--author--name { color: black; margin-bottom: 0; } /* line 400, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--author .About--testimonials--author--position { color: #525252; font-family: 'Ubuntu',sans-serif; font-size: .9em; line-height: 1em; margin-top: 0; } /* line 410, sass/_LEV-pages.scss */ .About .About--testimonials .About--testimonials--blurb { overflow: auto; } /* **** Updated CTA **** */ /* line 433, sass/_LEV-pages.scss */ .cta--centered { text-align: center; } /* line 436, sass/_LEV-pages.scss */ .cta--inline { align-items: center; display: inline-flex; justify-content: center; width: 100%; } @media screen and (max-width: 800px) { /* line 436, sass/_LEV-pages.scss */ .cta--inline { flex-wrap: wrap; } } /* line 444, sass/_LEV-pages.scss */ .cta--inline .button { margin-left: 3em; } @media screen and (max-width: 800px) { /* line 444, sass/_LEV-pages.scss */ .cta--inline .button { margin-left: 0; } } @media screen and (max-width: 800px) { /* line 450, sass/_LEV-pages.scss */ .cta--inline h2, .cta--inline .Approach h1, .Approach .cta--inline h1, .cta--inline .Careers #intro h1, .Careers #intro .cta--inline h1, .cta--inline .Case.Study h1, .Case.Study .cta--inline h1, .cta--inline .Legal #intro h1, .Legal #intro .cta--inline h1, .cta--inline .Press .Press--intro h1, .Press .Press--intro .cta--inline h1, .cta--inline .Responsive #intro h1, .Responsive #intro .cta--inline h1, .cta--inline .Service h1, .Service .cta--inline h1, .cta--inline .Work .Work--intro h1, .Work .Work--intro .cta--inline h1, .cta--inline .PTW16 .menuBar h1, .PTW16 .menuBar .cta--inline h1 { text-align: center; } } @media screen and (max-width: 800px) { /* line 436, sass/_LEV-pages.scss */ .cta--inline { flex-wrap: wrap; text-align: center; } /* line 458, sass/_LEV-pages.scss */ .cta--inline h2, .cta--inline .Approach h1, .Approach .cta--inline h1, .cta--inline .Careers #intro h1, .Careers #intro .cta--inline h1, .cta--inline .Case.Study h1, .Case.Study .cta--inline h1, .cta--inline .Legal #intro h1, .Legal #intro .cta--inline h1, .cta--inline .Press .Press--intro h1, .Press .Press--intro .cta--inline h1, .cta--inline .Responsive #intro h1, .Responsive #intro .cta--inline h1, .cta--inline .Service h1, .Service .cta--inline h1, .cta--inline .Work .Work--intro h1, .Work .Work--intro .cta--inline h1, .cta--inline .PTW16 .menuBar h1, .PTW16 .menuBar .cta--inline h1 { width: 100%; } /* line 461, sass/_LEV-pages.scss */ .cta--inline .button { margin: 0 0 1em 0; } } /* ************************** Approach ************************** */ /* line 477, sass/_LEV-pages.scss */ .Approach h2, .Approach h1, .Approach .Careers #intro h1, .Careers #intro .Approach h1, .Approach .Case.Study h1, .Case.Study .Approach h1, .Approach .Legal #intro h1, .Legal #intro .Approach h1, .Approach .Press .Press--intro h1, .Press .Press--intro .Approach h1, .Approach .Responsive #intro h1, .Responsive #intro .Approach h1, .Approach .Work .Work--intro h1, .Work .Work--intro .Approach h1, .Approach .PTW16 .menuBar h1, .PTW16 .menuBar .Approach h1 { text-align: center; } /* line 485, sass/_LEV-pages.scss */ .Approach hr + p, .Approach .PTW16 hr + ul, .PTW16 .Approach hr + ul { font-size: 1.625em; } /* line 489, sass/_LEV-pages.scss */ .Approach section { padding-bottom: 3.5em; } /* line 495, sass/_LEV-pages.scss */ .Approach .Approach--intro ul { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; font-family: 'Lora',serif; font-size: 1.5em; list-style: none; margin: 0; padding: 1em 0; } /* line 505, sass/_LEV-pages.scss */ .Approach .Approach--intro ul li { margin-bottom: .5em; } /* line 509, sass/_LEV-pages.scss */ .Approach .Approach--intro ul li a:not(.button):not(.button-small):not(.a-basic) { border-bottom: none; } /* line 513, sass/_LEV-pages.scss */ .Approach .Approach--intro ul li .Approach--intro--number { border: 1px solid #d1d1d1; border-radius: 50%; color: #939393; display: inline-block; font-family: 'Ubuntu',sans-serif; font-size: 1em; font-style: italic; height: 2.5em; line-height: 2.5em; text-align: center; width: 2.5em; vertical-align: middle; } /* line 534, sass/_LEV-pages.scss */ .Approach .Approach--sumServices { padding-bottom: 4em; } /* line 538, sass/_LEV-pages.scss */ .Approach .Approach--sumServices hr { border: none; border-bottom: 1px solid #cfcfcf; outline: none; } /* line 546, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .icon-circle { background: white; margin: 0; margin-top: calc(-36px + 1em); } @media (min-width: 768px) { /* line 555, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .half.column h2, .Approach .Approach--sumServices .Approach--sumServices--services .half.column h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column .Careers #intro h1, .Careers #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column .Legal #intro h1, .Legal #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column .Responsive #intro h1, .Responsive #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column p:not(.icon-circle), .Approach .Approach--sumServices .Approach--sumServices--services .half.column .PTW16 ul:not(.icon-circle), .PTW16 .Approach .Approach--sumServices .Approach--sumServices--services .half.column ul:not(.icon-circle) { padding-right: 40px; text-align: right; } /* line 560, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .half.column .icon-circle { position: absolute; right: -36px; } /* line 569, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child h2, .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child .Careers #intro h1, .Careers #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child .Legal #intro h1, .Legal #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child .Responsive #intro h1, .Responsive #intro .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child h1, .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child p:not(.icon-circle), .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child .PTW16 ul:not(.icon-circle), .PTW16 .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child ul:not(.icon-circle) { padding-left: 40px; text-align: left; } /* line 574, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .half.column:last-child .icon-circle { position: absolute; left: -36px; } /* line 582, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services:nth-child(2) .half.column:first-child { border-right: 1px solid #cfcfcf; } /* line 590, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services:nth-child(2n+1) .half.column:last-child { border-left: 1px solid #cfcfcf; } } @media (max-width: 767px) { /* line 599, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services h2, .Approach .Approach--sumServices .Approach--sumServices--services h1, .Approach .Approach--sumServices .Approach--sumServices--services .Careers #intro h1, .Careers #intro .Approach .Approach--sumServices .Approach--sumServices--services h1, .Approach .Approach--sumServices .Approach--sumServices--services .Legal #intro h1, .Legal #intro .Approach .Approach--sumServices .Approach--sumServices--services h1, .Approach .Approach--sumServices .Approach--sumServices--services .Responsive #intro h1, .Responsive #intro .Approach .Approach--sumServices .Approach--sumServices--services h1 { text-align: left; } /* line 603, sass/_LEV-pages.scss */ .Approach .Approach--sumServices .Approach--sumServices--services .icon-circle { float: left; margin: 0 .5em .5em 0; } } /* line 616, sass/_LEV-pages.scss */ .Approach .Approach--userDataExample h2.alternate, .Approach .Approach--userDataExample h1.alternate, .Approach .Approach--userDataExample .Careers #intro h1.alternate, .Careers #intro .Approach .Approach--userDataExample h1.alternate, .Approach .Approach--userDataExample .Legal #intro h1.alternate, .Legal #intro .Approach .Approach--userDataExample h1.alternate, .Approach .Approach--userDataExample .Responsive #intro h1.alternate, .Responsive #intro .Approach .Approach--userDataExample h1.alternate { text-align: left; } @media (min-width: 1400px) { /* line 623, sass/_LEV-pages.scss */ .Approach .Approach--userDataExample .half.column:first-child { padding-right: 80px; } /* line 626, sass/_LEV-pages.scss */ .Approach .Approach--userDataExample .half.column:last-child { padding-left: 80px; } } @media (max-width: 1400px) { /* line 620, sass/_LEV-pages.scss */ .Approach .Approach--userDataExample .half.column { padding-right: 40px; padding-left: 40px; } } /* line 640, sass/_LEV-pages.scss */ .Approach .icon-circle-container { margin-top: 2em; text-align: center; } /* line 645, sass/_LEV-pages.scss */ .Approach .icon-circle-container + h2, .Approach .icon-circle-container + h1, .Approach .Careers #intro .icon-circle-container + h1, .Careers #intro .Approach .icon-circle-container + h1, .Approach .Case.Study .icon-circle-container + h1, .Approach .Legal #intro .icon-circle-container + h1, .Legal #intro .Approach .icon-circle-container + h1, .Approach .Press .Press--intro .icon-circle-container + h1, .Approach .Responsive #intro .icon-circle-container + h1, .Responsive #intro .Approach .icon-circle-container + h1, .Approach .Service .icon-circle-container + h1, .Approach .Work .Work--intro .icon-circle-container + h1, .Approach .PTW16 .menuBar .icon-circle-container + h1 { margin-top: 0; } /* line 651, sass/_LEV-pages.scss */ .Approach #content-and-brand { border-top: 1px solid #d9d9d9; overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 659, sass/_LEV-pages.scss */ .Approach #content-and-brand:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 673, sass/_LEV-pages.scss */ .Approach #content-and-brand .icon-circle { border-color: #65c2ed; } /* line 679, sass/_LEV-pages.scss */ .Approach #never-finished { background: url(images/Approach-neverFinished-1.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 200px; position: relative; /*&:before { /* diagonal on top */ /* display: block; content: ""; //color: transparent; width: 200%; height: 100px; background: rgba(255,255,255,1); position: absolute; left: -10px; top:-100px; @include transform(rotate(-1deg)); }*/ /* diagonal on bottom */ } /* line 701, sass/_LEV-pages.scss */ .Approach #never-finished:after { display: block; content: ""; width: 200%; height: 100px; background: #65c2ed; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 714, sass/_LEV-pages.scss */ .Approach #never-finished hr { background: white; } /* line 719, sass/_LEV-pages.scss */ .Approach #whole-greater-than-sum { background: url(images/Approach-sum-1.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 728, sass/_LEV-pages.scss */ .Approach #whole-greater-than-sum:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 741, sass/_LEV-pages.scss */ .Approach #whole-greater-than-sum hr { background: white; } @media (min-width: 768px) { /* line 746, sass/_LEV-pages.scss */ .Approach #sum-services { padding-left: 0; padding-right: 0; } } /* line 753, sass/_LEV-pages.scss */ .Approach #users-and-data { background: url(images/Approach-userData-1.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 200px; position: relative; /*&:before { /* diagonal on top */ /* display: block; content: ""; //color: transparent; width: 200%; height: 100px; background: rgba(255,255,255,1); position: absolute; left: -10px; top:-100px; @include transform(rotate(-1deg)); }*/ /* diagonal on bottom */ } /* line 775, sass/_LEV-pages.scss */ .Approach #users-and-data:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 788, sass/_LEV-pages.scss */ .Approach #users-and-data hr { background: white; } /* ************************** Careers ************************** */ /* line 818, sass/_LEV-pages.scss */ .Careers .Careers--single p, .Careers .Careers--single .PTW16 ul, .PTW16 .Careers .Careers--single ul { font-size: 1em; } /* line 824, sass/_LEV-pages.scss */ .Careers #intro h1 { margin-top: 0; } /* line 829, sass/_LEV-pages.scss */ .Careers #intro .centered:first-child { margin-top: 4em; } /* ************************** Case Study (single work pages) ************************** */ /* line 856, sass/_LEV-pages.scss */ .Case.Study { position: relative; text-align: center; z-index: 89; /* ALL CUSTOM CASE STUDY SECTIONS - start each class with client code */ /* // next 6 lines moved to styles.scss @import "casestudies/CC.scss"; @import "casestudies/MATH.scss"; @import "casestudies/RFG.scss"; @import "casestudies/RPT.scss"; @import "casestudies/SSM.scss"; @import "casestudies/WTR.scss"; */ /* END ALL CUSTOM CASE STUDY SECTIONS */ /* zig zag */ } /* line 862, sass/_LEV-pages.scss */ .Case.Study h1 { line-height: 1.25em; } /* line 867, sass/_LEV-pages.scss */ .Case.Study section { padding-top: 50px; padding-bottom: 50px; } /* line 871, sass/_LEV-pages.scss */ .Case.Study section.noPaddingBottom { padding-bottom: 0; } /* line 874, sass/_LEV-pages.scss */ .Case.Study section.noPaddingTop { padding-top: 0; } /* line 878, sass/_LEV-pages.scss */ .Case.Study section.bg-lightgray { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } /* line 883, sass/_LEV-pages.scss */ .Case.Study section hr { margin-top: 1.85em; } /* line 887, sass/_LEV-pages.scss */ .Case.Study section .icon-circle-container + h2, .Case.Study section .Approach .icon-circle-container + h1, .Case.Study section .Careers #intro .icon-circle-container + h1, .Careers #intro .Case.Study section .icon-circle-container + h1, .Case.Study section .icon-circle-container + h1, .Case.Study section .Legal #intro .icon-circle-container + h1, .Legal #intro .Case.Study section .icon-circle-container + h1, .Case.Study section .Press .Press--intro .icon-circle-container + h1, .Case.Study section .Responsive #intro .icon-circle-container + h1, .Responsive #intro .Case.Study section .icon-circle-container + h1, .Case.Study section .Service .icon-circle-container + h1, .Case.Study section .Work .Work--intro .icon-circle-container + h1, .Case.Study section .PTW16 .menuBar .icon-circle-container + h1 { margin-top: 0; } /* line 906, sass/_LEV-pages.scss */ .Case.Study .align-left p, .Case.Study .align-left .PTW16 ul, .PTW16 .Case.Study .align-left ul { text-align: left; } /* line 911, sass/_LEV-pages.scss */ .Case.Study .calloutBox { background: #e8e8e8; border: 1px solid #d9d9d9; padding: 1em 2em; text-align: left; } /* line 917, sass/_LEV-pages.scss */ .Case.Study .calloutBox p, .Case.Study .calloutBox .PTW16 ul, .PTW16 .Case.Study .calloutBox ul { font-family: 'Ubuntu', sans-serif; } /* line 920, sass/_LEV-pages.scss */ .Case.Study .calloutBox p:first-child, .Case.Study .calloutBox .PTW16 ul:first-child, .PTW16 .Case.Study .calloutBox ul:first-child { margin-top: 0; } /* line 925, sass/_LEV-pages.scss */ .Case.Study .calloutBox ul, .Case.Study .calloutBox ol { font-size: 1.25em; line-height: 1.75em; padding-left: 1em; } /* line 932, sass/_LEV-pages.scss */ .Case.Study .caption { font-family: 'Ubuntu',sans-serif; font-size: .8em; font-style: italic; letter-spacing: 0; } /* line 939, sass/_LEV-pages.scss */ .Case.Study .collapsed { cursor: pointer; max-height: 700px; overflow: hidden; position: relative; -moz-transition: max-height 0.25s ease-out; -o-transition: max-height 0.25s ease-out; -webkit-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; } /* line 946, sass/_LEV-pages.scss */ .Case.Study .collapsed:hover { max-height: 740px; } /* line 950, sass/_LEV-pages.scss */ .Case.Study .collapsed:after { background: #65c2ed; /*@include filter-gradient(rgba(101,194,237,0), rgba(101,194,237,1)); @include background-image(linear-gradient(top, rgba(101,194,237,0), rgba(101,194,237,1))); @include filter-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); @include background-image(linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)));*/ bottom: 0; color: white; content: "View the Full Image"; left: 0; padding: .5em 1em; position: absolute; width: 100%; } /* line 970, sass/_LEV-pages.scss */ .Case.Study .collapsed.expanded { max-height: 3000px; overflow: inherit; } /* line 975, sass/_LEV-pages.scss */ .Case.Study .collapsed.expanded:after { background: #e8e8e8; content: "Hide the Full Image"; display: none; } @media (max-width: 767px) { /* line 983, sass/_LEV-pages.scss */ .Case.Study .collapsedWhenSmall { cursor: pointer; max-height: 350px; overflow: hidden; position: relative; -moz-transition: max-height 0.25s ease-out; -o-transition: max-height 0.25s ease-out; -webkit-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; } /* line 992, sass/_LEV-pages.scss */ .Case.Study .collapsedWhenSmall:hover { max-height: 390px; } /* line 996, sass/_LEV-pages.scss */ .Case.Study .collapsedWhenSmall:after { background: #65c2ed; /*@include filter-gradient(rgba(101,194,237,0), rgba(101,194,237,1)); @include background-image(linear-gradient(top, rgba(101,194,237,0), rgba(101,194,237,1))); @include filter-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); @include background-image(linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)));*/ bottom: 0; color: white; content: "View the Full Image"; left: 0; padding: .5em 1em; position: absolute; width: 100%; } /* line 1016, sass/_LEV-pages.scss */ .Case.Study .collapsedWhenSmall.expanded { max-height: inherit; overflow: inherit; } /* line 1021, sass/_LEV-pages.scss */ .Case.Study .collapsedWhenSmall.expanded:after { background: #e8e8e8; content: "Hide the Full Image"; display: none; } } /* line 1031, sass/_LEV-pages.scss */ .Case.Study .fullImage { line-height: 0; padding: 0; position: relative; } /* line 1036, sass/_LEV-pages.scss */ .Case.Study .fullImage img { width: 100%; } /* line 1041, sass/_LEV-pages.scss */ .Case.Study .inset { overflow: inherit; } /* line 1045, sass/_LEV-pages.scss */ .Case.Study .inset:after { background: rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* line 1057, sass/_LEV-pages.scss */ .Case.Study .intro { max-height: 75vh; overflow: hidden; } /* line 1061, sass/_LEV-pages.scss */ .Case.Study .intro img { max-height: 75vh; } /* line 1067, sass/_LEV-pages.scss */ .Case.Study .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; margin-top: 3em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 1076, sass/_LEV-pages.scss */ .Case.Study .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } @media (min-width: 768px) { /* line 1087, sass/_LEV-pages.scss */ .Case.Study .sideBySideImages .half.column:first-child { padding-right: .5em; } /* line 1090, sass/_LEV-pages.scss */ .Case.Study .sideBySideImages .half.column:last-child { padding-left: .5em; } } /* line 1096, sass/_LEV-pages.scss */ .Case.Study p.overlay, .Case.Study .PTW16 ul.overlay, .PTW16 .Case.Study ul.overlay, .Case.Study h2.overlay, .Case.Study .Careers #intro h1.overlay, .Careers #intro .Case.Study h1.overlay, .Case.Study h1.overlay, .Case.Study .Legal #intro h1.overlay, .Legal #intro .Case.Study h1.overlay, .Case.Study .Responsive #intro h1.overlay, .Responsive #intro .Case.Study h1.overlay, .Case.Study h3.overlay { background: rgba(0, 0, 0, 0.75); color: white; left: 50%; margin: 0; max-width: 850px; padding: 1em; position: absolute; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; z-index: 85; } /* line 1109, sass/_LEV-pages.scss */ .Case.Study p.overlay, .Case.Study .PTW16 ul.overlay, .PTW16 .Case.Study ul.overlay { font-size: 1.5em; line-height: 1.5em; } /* line 1113, sass/_LEV-pages.scss */ .Case.Study h2.overlay, .Case.Study .Careers #intro h1.overlay, .Careers #intro .Case.Study h1.overlay, .Case.Study h1.overlay, .Case.Study .Legal #intro h1.overlay, .Legal #intro .Case.Study h1.overlay, .Case.Study .Responsive #intro h1.overlay, .Responsive #intro .Case.Study h1.overlay, .Case.Study h3.overlay { font-size: 4em; font-weight: 400; padding: 1em .5em; text-transform: uppercase; } @media (max-width: 1000px) { /* line 1120, sass/_LEV-pages.scss */ .Case.Study p.overlay, .Case.Study .PTW16 ul.overlay, .PTW16 .Case.Study ul.overlay { font-size: 1em; } } @media (max-width: 767px) { /* line 1125, sass/_LEV-pages.scss */ .Case.Study h2.overlay, .Case.Study .Careers #intro h1.overlay, .Careers #intro .Case.Study h1.overlay, .Case.Study h1.overlay, .Case.Study .Legal #intro h1.overlay, .Legal #intro .Case.Study h1.overlay, .Case.Study .Responsive #intro h1.overlay, .Responsive #intro .Case.Study h1.overlay, .Case.Study h3.overlay { font-size: 2em; } } /* line 1132, sass/_LEV-pages.scss */ .Case.Study .quote p, .Case.Study .quote .PTW16 ul, .PTW16 .Case.Study .quote ul { font-family: 'Ubuntu',sans-serif; font-style: italic; font-weight: 300; letter-spacing: 0px; } /* line 1138, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--author, .Case.Study .quote .PTW16 ul.quote--author, .PTW16 .Case.Study .quote ul.quote--author { display: inline-block; font-size: 1.125em; font-style: normal; line-height: 1.388888889em; padding-left: 10px; position: relative; text-align: left; vertical-align: middle; } /* line 1148, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--author strong, .Case.Study .quote .PTW16 ul.quote--author strong, .PTW16 .Case.Study .quote ul.quote--author strong { font-size: 1.222222222em; font-weight: 500; } /* line 1154, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--image, .Case.Study .quote .PTW16 ul.quote--image, .PTW16 .Case.Study .quote ul.quote--image { background: center no-repeat; background-size: cover; border-radius: 50%; display: inline-block; height: 100px; position: relative; width: 100px; vertical-align: middle; } /* line 1165, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--quote, .Case.Study .quote .PTW16 ul.quote--quote, .PTW16 .Case.Study .quote ul.quote--quote { font-size: 1.875em; line-height: 1.433333333em; margin-bottom: 0; } /* line 1170, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--quote strong, .Case.Study .quote .PTW16 ul.quote--quote strong, .PTW16 .Case.Study .quote ul.quote--quote strong { font-weight: 400; } @media (max-width: 767px) { /* line 1165, sass/_LEV-pages.scss */ .Case.Study .quote p.quote--quote, .Case.Study .quote .PTW16 ul.quote--quote, .PTW16 .Case.Study .quote ul.quote--quote { font-size: 1.25em; } } /* line 1182, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies { vertical-align: middle; } /* line 1186, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies a:not(.button):not(.button-small):not(.a-basic) { border-bottom: none; } /* line 1189, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies > div:first-child { float: left; padding: 1em; } /* line 1194, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies > div:first-child a:before { content: "\25C4"; display: inline-block; font-family: 'Arial',sans-serif; font-size: .75em; margin: .5em .5em 0 0; } /* line 1203, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies > div:last-child { float: right; padding: 1em; } /* line 1208, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies > div:last-child a:after { content: "\25b6"; display: inline-block; font-family: 'Arial',sans-serif; font-size: .75em; margin: .5em 0 0 .5em; } @media (max-width: 767px) { /* line 1182, sass/_LEV-pages.scss */ .Case.Study .subnav-casestudies { display: none; } } /* line 1223, sass/_LEV-pages.scss */ .Case.Study .subnav-services { background: black; color: white; font-size: 1.25em; padding-bottom: .75em; padding-top: .75em; } /* line 1230, sass/_LEV-pages.scss */ .no-touch .Case.Study .subnav-services.fixed { left: 0; position: fixed; top: 0px; width: 100%; z-index: 90; -moz-transition: top 0.25s ease-out; -o-transition: top 0.25s ease-out; -webkit-transition: top 0.25s ease-out; transition: top 0.25s ease-out; } /* line 1239, sass/_LEV-pages.scss */ .no-touch .Case.Study .subnav-services.fixed.below { top: 4em; } /* line 1244, sass/_LEV-pages.scss */ .Case.Study .subnav-services a.a-basic { color: white; } /* line 1248, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul { list-style: none; margin: 0; padding: 0; } /* line 1253, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li { display: inline-block; margin: .25em .5em; text-transform: uppercase; } /* line 1258, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li:first-child { font-family: 'Droid Serif',serif; font-style: italic; font-weight: 700; text-transform: inherit; } @media (max-width: 400px) { /* line 1265, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li:first-child:not(.alwaysShow) { display: none; } } /* line 1271, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li.selected { color: #65c2ed; } /* line 1273, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li.selected a.a-basic { color: #65c2ed; } /* line 1278, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li .icon-circle { border: none; height: inherit; padding: inherit; width: 1.75em; } @media (max-width: 1050px) { /* line 1285, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li .icon-circle + span { display: none; } } /* line 1290, sass/_LEV-pages.scss */ .Case.Study .subnav-services ul li .icon-circle img { max-height: 1.75em; } /* line 1299, sass/_LEV-pages.scss */ .Case.Study .Work--single { cursor: pointer; } /* line 1303, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy { padding-bottom: 2em; padding-left: 40px; padding-top: 2em; } @media (max-width: 767px) { /* line 1303, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy { padding-left: inherit; padding-right: inherit; } } /* line 1313, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy h2 + p, .Case.Study .Work--single .Work--single--copy .Approach h1 + p, .Case.Study .Work--single .Work--single--copy .Careers #intro h1 + p, .Careers #intro .Case.Study .Work--single .Work--single--copy h1 + p, .Case.Study .Work--single .Work--single--copy h1 + p, .Case.Study .Work--single .Work--single--copy .Legal #intro h1 + p, .Legal #intro .Case.Study .Work--single .Work--single--copy h1 + p, .Case.Study .Work--single .Work--single--copy .Press .Press--intro h1 + p, .Case.Study .Work--single .Work--single--copy .Responsive #intro h1 + p, .Responsive #intro .Case.Study .Work--single .Work--single--copy h1 + p, .Case.Study .Work--single .Work--single--copy .Service h1 + p, .Case.Study .Work--single .Work--single--copy .Work .Work--intro h1 + p, .Case.Study .Work--single .Work--single--copy .PTW16 .menuBar h1 + p, .Case.Study .Work--single .Work--single--copy .PTW16 h2 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy h2 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Approach h1 + ul, .Case.Study .Work--single .Work--single--copy .Careers #intro .PTW16 h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Careers #intro h1 + ul, .Careers #intro .Case.Study .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Careers #intro .Case.Study .Work--single .Work--single--copy h1 + ul, .Case.Study .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy h1 + ul, .Case.Study .Work--single .Work--single--copy .Legal #intro .PTW16 h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Legal #intro h1 + ul, .Legal #intro .Case.Study .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Legal #intro .Case.Study .Work--single .Work--single--copy h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Press .Press--intro h1 + ul, .Case.Study .Work--single .Work--single--copy .Responsive #intro .PTW16 h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Responsive #intro h1 + ul, .Responsive #intro .Case.Study .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Responsive #intro .Case.Study .Work--single .Work--single--copy h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Service h1 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy .Work .Work--intro h1 + ul, .Case.Study .Work--single .Work--single--copy .PTW16 .menuBar h1 + ul, .Case.Study .Work--single .Work--single--copy h3 + p, .Case.Study .Work--single .Work--single--copy .PTW16 h3 + ul, .PTW16 .Case.Study .Work--single .Work--single--copy h3 + ul { margin-top: .5em; } /* line 1317, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy hr { background: #525252; border: none; height: 2px; margin: 1em auto 1em auto; max-width: 85px; outline: none; width: 50%; } /* line 1327, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy .icon-circle { border-width: 2px; height: 48px; margin: .5em 2px; padding: 3px; width: 48px; } /* line 1334, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy .icon-circle img { line-height: 48px; max-height: 24px; max-width: 24px; } /* line 1340, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--copy .icon-circle .label { margin-left: 12px; } /* line 1346, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--image { text-align: center; } /* line 1348, sass/_LEV-pages.scss */ .Case.Study .Work--single .Work--single--image img { max-height: 320px; } /* line 1359, sass/_LEV-pages.scss */ .Case.Study section:nth-child(even) .Work--single .column:first-child, .Case.Study section:nth-child(odd) .Work--single .column:first-child { float: right; } /* line 1363, sass/_LEV-pages.scss */ .Case.Study section:nth-child(even) .Work--single .Work--single--copy, .Case.Study section:nth-child(odd) .Work--single .Work--single--copy { padding-left: inherit; padding-right: 40px; } @media (max-width: 767px) { /* line 1363, sass/_LEV-pages.scss */ .Case.Study section:nth-child(even) .Work--single .Work--single--copy, .Case.Study section:nth-child(odd) .Work--single .Work--single--copy { padding-right: inherit; } } /* ************************** Contact ************************** */ /* line 1400, sass/_LEV-pages.scss */ .Contact h1, .Contact h2, .Contact .Approach h1, .Approach .Contact h1, .Contact .Careers #intro h1, .Careers #intro .Contact h1, .Contact .Case.Study h1, .Case.Study .Contact h1, .Contact .Legal #intro h1, .Legal #intro .Contact h1, .Contact .Press .Press--intro h1, .Press .Press--intro .Contact h1, .Contact .Responsive #intro h1, .Responsive #intro .Contact h1, .Contact .Service h1, .Service .Contact h1, .Contact .Work .Work--intro h1, .Work .Work--intro .Contact h1, .Contact .PTW16 .menuBar h1, .PTW16 .menuBar .Contact h1 { color: white; font-size: 1.875em; font-style: normal; font-weight: normal; margin-top: 0; padding: 0; } /* line 1409, sass/_LEV-pages.scss */ .Contact h1 + hr, .Contact h2 + hr, .Contact .Approach h1 + hr, .Approach .Contact h1 + hr, .Contact .Careers #intro h1 + hr, .Careers #intro .Contact h1 + hr, .Contact .Case.Study h1 + hr, .Case.Study .Contact h1 + hr, .Contact .Legal #intro h1 + hr, .Legal #intro .Contact h1 + hr, .Contact .Press .Press--intro h1 + hr, .Press .Press--intro .Contact h1 + hr, .Contact .Responsive #intro h1 + hr, .Responsive #intro .Contact h1 + hr, .Contact .Service h1 + hr, .Service .Contact h1 + hr, .Contact .Work .Work--intro h1 + hr, .Work .Work--intro .Contact h1 + hr, .Contact .PTW16 .menuBar h1 + hr, .PTW16 .menuBar .Contact h1 + hr { background: #65c2ed; border: none; height: 2px; margin: 1em auto 0 0; outline: none; width: 90px; } /* line 1421, sass/_LEV-pages.scss */ .Contact form input, .Contact form textarea { font-size: 1.125em; padding: 1em; width: 100%; } /* line 1427, sass/_LEV-pages.scss */ .Contact form label { display: block; font-family: 'Lora',serif; margin-top: 1em; } /* line 1433, sass/_LEV-pages.scss */ .Contact form textarea { outline: none; min-height: 10em; } /* line 1440, sass/_LEV-pages.scss */ .Contact .Contact--contentBox { background: rgba(0, 0, 0, 0.8); color: white; margin: 12.5px; padding: 25px; } @media (min-width: 777px) { /* line 1446, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left { margin-right: 6px; } } /* line 1451, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul { list-style: none; margin: 0; padding: 0; } /* line 1457, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li { margin: 0; padding: 0; padding-left: 25px; } /* line 1463, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li p, .Contact .Contact--contentBox.Contact--contentBox-left ul li .PTW16 ul, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li ul { line-height: 1.5em; } /* line 1466, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li p .southLobby, .Contact .Contact--contentBox.Contact--contentBox-left ul li .PTW16 ul .southLobby, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li ul .southLobby { display: inline-block; font-family: 'Ubuntu',sans-serif; font-size: .75em; font-style: italic; line-height: 1.5em; margin-top: .25em; text-transform: uppercase; } /* line 1477, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li p:before, .Contact .Contact--contentBox.Contact--contentBox-left ul li .PTW16 ul:before, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li ul:before { background-size: 20px 20px; content: ""; display: inline-block; height: 20px; margin-left: -25px; width: 25px; } /* line 1487, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li:first-child p:before, .Contact .Contact--contentBox.Contact--contentBox-left ul li:first-child .PTW16 ul:before, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li:first-child ul:before { background: url(images/icon-mapmarker-white.svg) left center no-repeat; } /* line 1493, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li:nth-child(2) p:before, .Contact .Contact--contentBox.Contact--contentBox-left ul li:nth-child(2) .PTW16 ul:before, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li:nth-child(2) ul:before { background: url(images/icon-mail-white.svg) left center no-repeat; } /* line 1499, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-left ul li:last-child p:before, .Contact .Contact--contentBox.Contact--contentBox-left ul li:last-child .PTW16 ul:before, .PTW16 .Contact .Contact--contentBox.Contact--contentBox-left ul li:last-child ul:before { background: url(images/icon-phone-white.svg) left center no-repeat; } @media (min-width: 777px) { /* line 1509, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-right { margin-left: 6px; } } /* line 1514, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-right .Contact--contentBox-right--downArrow { margin-left: -45px; position: absolute; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } /* line 1521, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-right .Contact--contentBox-right--downArrow img { height: 60px; max-width: 30px; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; } /* line 1528, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-right .Contact--contentBox-right--downArrow.hidden { opacity: 0; } /* line 1531, sass/_LEV-pages.scss */ .Contact .Contact--contentBox.Contact--contentBox-right .Contact--contentBox-right--downArrow.hidden img { -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); } /* line 1539, sass/_LEV-pages.scss */ .Contact .Contact--contentBox button { color: white; padding-left: 2em; padding-right: 2em; -moz-transition: background 0.25s, border 0.25s; -o-transition: background 0.25s, border 0.25s; -webkit-transition: background 0.25s, border 0.25s; transition: background 0.25s, border 0.25s; } /* line 1546, sass/_LEV-pages.scss */ .Contact .Contact--contentBox button:hover { background: #65c2ed; border-color: #65c2ed; } /* ************************** Home ************************** */ /* line 1579, sass/_LEV-pages.scss */ .Home { overflow-x: hidden; } /* line 1582, sass/_LEV-pages.scss */ .Home .button--contact { background: #fff; } /* line 1585, sass/_LEV-pages.scss */ .Home .button--contact:hover, .Home .button--contact:active { background: #65c2ed; color: #fff; } /* line 1591, sass/_LEV-pages.scss */ .Home .bg-banner { background: url(images/BRO_Banner-V4.jpg) no-repeat; background-size: cover; background-attachment: scroll; background-position: top; display: inline-flex; width: 100%; mix-blend-mode: multiply; min-height: 100vh; justify-content: flex-start; margin-bottom: -15em; z-index: -1; /* diagonal on bottom */ /*&:before { display: block; content: ""; //color: transparent; width: 200%; height: 100px; background: $lightblue; position: absolute; left: -10px; bottom:0px; @include transform(rotate(-2deg)); z-index: 75; }*/ } /* line 1605, sass/_LEV-pages.scss */ .Home .bg-banner.dark h1, .Home .bg-banner.dark p, .Home .bg-banner.dark .PTW16 ul, .PTW16 .Home .bg-banner.dark ul { opacity: 1 !important; } /* line 1608, sass/_LEV-pages.scss */ .Home .bg-banner.dark:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 1613, sass/_LEV-pages.scss */ .touch .Home .bg-banner { background-attachment: scroll; } /* line 1631, sass/_LEV-pages.scss */ .Home .bg-banner h1 { font-weight: 700; } @media (max-width: 800px) { /* line 1631, sass/_LEV-pages.scss */ .Home .bg-banner h1 { line-height: 1.1em; } } /* line 1638, sass/_LEV-pages.scss */ .Home .bg-banner a.button-small { color: #000; font-size: 1.2em; text-transform: none; line-height: 2; } /* line 1645, sass/_LEV-pages.scss */ .Home .bg-banner .button { background: #65c2ed; border: none; color: white; } /* line 1650, sass/_LEV-pages.scss */ .Home .bg-banner .button:hover, .Home .bg-banner .button:active { background-color: white; color: #65c2ed; } /* line 1657, sass/_LEV-pages.scss */ .Home .Home--approach { padding-bottom: 2em; padding-top: 2em; text-align: center; position: relative; overflow-x: hidden; } /* line 1663, sass/_LEV-pages.scss */ .Home .Home--approach h2, .Home .Home--approach .Approach h1, .Approach .Home .Home--approach h1, .Home .Home--approach .Careers #intro h1, .Careers #intro .Home .Home--approach h1, .Home .Home--approach .Case.Study h1, .Case.Study .Home .Home--approach h1, .Home .Home--approach .Legal #intro h1, .Legal #intro .Home .Home--approach h1, .Home .Home--approach .Press .Press--intro h1, .Press .Press--intro .Home .Home--approach h1, .Home .Home--approach .Responsive #intro h1, .Responsive #intro .Home .Home--approach h1, .Home .Home--approach .Service h1, .Service .Home .Home--approach h1, .Home .Home--approach .Work .Work--intro h1, .Work .Work--intro .Home .Home--approach h1, .Home .Home--approach .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--approach h1 { line-height: 1.3; margin: auto; margin-bottom: 1em; max-width: 25ch; } /* line 1668, sass/_LEV-pages.scss */ .Home .Home--approach h2 span, .Home .Home--approach .Approach h1 span, .Approach .Home .Home--approach h1 span, .Home .Home--approach .Careers #intro h1 span, .Careers #intro .Home .Home--approach h1 span, .Home .Home--approach .Case.Study h1 span, .Case.Study .Home .Home--approach h1 span, .Home .Home--approach .Legal #intro h1 span, .Legal #intro .Home .Home--approach h1 span, .Home .Home--approach .Press .Press--intro h1 span, .Press .Press--intro .Home .Home--approach h1 span, .Home .Home--approach .Responsive #intro h1 span, .Responsive #intro .Home .Home--approach h1 span, .Home .Home--approach .Service h1 span, .Service .Home .Home--approach h1 span, .Home .Home--approach .Work .Work--intro h1 span, .Work .Work--intro .Home .Home--approach h1 span, .Home .Home--approach .PTW16 .menuBar h1 span, .PTW16 .menuBar .Home .Home--approach h1 span { font-style: italic; font-weight: bold; } /* line 1675, sass/_LEV-pages.scss */ .Home .approach--splatters { position: relative; } /* line 1677, sass/_LEV-pages.scss */ .Home .approach--splatters:after { background: url(images/BRO_Dots-2.jpg) center no-repeat; bottom: 0; content: ''; height: 301px; position: absolute; left: -12em; mix-blend-mode: multiply; width: 648px; z-index: -1; } @media screen and (max-width: 800px) { /* line 1677, sass/_LEV-pages.scss */ .Home .approach--splatters:after { left: -20em; opacity: 0.5; } } /* line 1693, sass/_LEV-pages.scss */ .Home .approach--splatters:before { background: url(images/BRO_Dots-1.jpg) center no-repeat; content: ''; height: 248px; mix-blend-mode: multiply; position: absolute; right: 120px; top: -6em; width: 136px; z-index: -1; } @media screen and (max-width: 800px) { /* line 1693, sass/_LEV-pages.scss */ .Home .approach--splatters:before { right: -2em; top: 0em; opacity: 0.5; } } /* line 1711, sass/_LEV-pages.scss */ .Home .ambitious--splatters { position: relative; } /* line 1713, sass/_LEV-pages.scss */ .Home .ambitious--splatters:after { background: url(images/BRO_Dots-3.jpg) center no-repeat; content: ''; height: 107px; mix-blend-mode: multiply; position: absolute; right: 0; bottom: 0; width: 200px; z-index: -1; } @media screen and (max-width: 800px) { /* line 1713, sass/_LEV-pages.scss */ .Home .ambitious--splatters:after { opacity: 0.5; } } /* line 1728, sass/_LEV-pages.scss */ .Home .ambitious--splatters:before { background: url(images/BRO_Dots-4.jpg) center no-repeat; content: ''; height: 100%; mix-blend-mode: multiply; position: absolute; right: 30em; top: -2em; width: 100%; z-index: -1; } @media screen and (max-width: 800px) { /* line 1728, sass/_LEV-pages.scss */ .Home .ambitious--splatters:before { right: 10em; top: -8em; opacity: 0.5; } } /* line 1746, sass/_LEV-pages.scss */ .Home .grow--splatters { position: relative; } /* line 1748, sass/_LEV-pages.scss */ .Home .grow--splatters:after { background: url(images/BRO_Dots-5.jpg) center no-repeat; content: ''; height: 228px; mix-blend-mode: multiply; position: absolute; bottom: 0; right: 0; width: 300px; z-index: -1; } @media screen and (max-width: 800px) { /* line 1748, sass/_LEV-pages.scss */ .Home .grow--splatters:after { right: -6em; bottom: -3em; opacity: 0.5; } } /* line 1766, sass/_LEV-pages.scss */ .Home .section--overflow { background: transparent; overflow: visible; } @media screen and (max-width: 800px) { /* line 1766, sass/_LEV-pages.scss */ .Home .section--overflow { overflow: hidden; } } /* line 1774, sass/_LEV-pages.scss */ .Home .Home--blog { padding-bottom: 4em; text-align: center; } /* line 1779, sass/_LEV-pages.scss */ .Home .Home--blog h2, .Home .Home--blog .Approach h1, .Approach .Home .Home--blog h1, .Home .Home--blog .Careers #intro h1, .Careers #intro .Home .Home--blog h1, .Home .Home--blog .Case.Study h1, .Case.Study .Home .Home--blog h1, .Home .Home--blog .Legal #intro h1, .Legal #intro .Home .Home--blog h1, .Home .Home--blog .Press .Press--intro h1, .Press .Press--intro .Home .Home--blog h1, .Home .Home--blog .Responsive #intro h1, .Responsive #intro .Home .Home--blog h1, .Home .Home--blog .Service h1, .Service .Home .Home--blog h1, .Home .Home--blog .Work .Work--intro h1, .Work .Work--intro .Home .Home--blog h1, .Home .Home--blog .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--blog h1 { margin: .5em; } /* line 1783, sass/_LEV-pages.scss */ .Home .Home--blog hr { border: none; border-bottom: 1px solid #e5e5e5; margin-bottom: 4em; outline: none; } /* line 1791, sass/_LEV-pages.scss */ .Home .Home--blog .card { margin: 2em 1em 0 1em; padding-bottom: 2em; } /* line 1796, sass/_LEV-pages.scss */ .Home .Home--blog .card:hover { -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); } /* line 1800, sass/_LEV-pages.scss */ .Home .Home--blog .card .card-author { font-family: 'Ubuntu',sans-serif; margin: 0; } /* line 1804, sass/_LEV-pages.scss */ .Home .Home--blog .card .card-image { margin: 0; } /* line 1807, sass/_LEV-pages.scss */ .Home .Home--blog .card .card-title { font-family: 'Ubuntu',sans-serif; margin: 0; } /* line 1810, sass/_LEV-pages.scss */ .Home .Home--blog .card .card-title a { color: #525252; } /* line 1816, sass/_LEV-pages.scss */ .Home .Home--blog .icon-circle { margin-bottom: 0; margin-top: 0; } /* line 1822, sass/_LEV-pages.scss */ .Home .Home--clients { padding-bottom: 2em; padding-top: 2em; text-align: center; } /* line 1827, sass/_LEV-pages.scss */ .Home .Home--clients hr { border: none; border-bottom: 1px solid #e5e5e5; margin-bottom: 4em; outline: none; } /* line 1835, sass/_LEV-pages.scss */ .Home .Home--clients .Home--clients--logo { height: 10em; position: relative; width: 33.3333%; } /* line 1841, sass/_LEV-pages.scss */ .Home .Home--clients .Home--clients--logo img { margin: 0 15%; max-height: 75px; max-width: 100px; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 500px) { /* line 1853, sass/_LEV-pages.scss */ .Home .Home--clients .Home--clients--logo img { max-width: 70%; } } /* line 1859, sass/_LEV-pages.scss */ .Home .more--blue { transition: 0.25s ease-out; } /* line 1861, sass/_LEV-pages.scss */ .Home .more--blue:hover { background: #3ea9da; } /* line 1868, sass/_LEV-pages.scss */ .Home .Home--projects { position: relative; text-align: center; } /* line 1873, sass/_LEV-pages.scss */ .Home .Home--projects > .clearflex { -ms-flex-align: stretch; -webkit-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } /* line 1878, sass/_LEV-pages.scss */ .Home .Home--projects .button--black { border-color: white; background-color: transparent; color: white; } /* line 1884, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project { border-bottom: 1px solid white; border-right: 1px solid white; overflow: hidden; padding: 1em; position: relative; } @media screen and (max-width: 800px) { /* line 1884, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project { border-right: none; } } /* line 1895, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project:nth-child(2n) { border-right: none; } /* line 1900, sass/_LEV-pages.scss */ .no-touch .Home .Home--projects .Home--projects--project:hover .hover { opacity: 0; } /* line 1904, sass/_LEV-pages.scss */ .no-touch .Home .Home--projects .Home--projects--project:hover .hover p, .no-touch .Home .Home--projects .Home--projects--project:hover .hover .PTW16 ul, .PTW16 .no-touch .Home .Home--projects .Home--projects--project:hover .hover ul { -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); } /* line 1910, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project h2, .Home .Home--projects .Home--projects--project .Approach h1, .Approach .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Careers #intro h1, .Careers #intro .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Case.Study h1, .Case.Study .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Legal #intro h1, .Legal #intro .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Press .Press--intro h1, .Press .Press--intro .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Responsive #intro h1, .Responsive #intro .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Service h1, .Service .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .Work .Work--intro h1, .Work .Work--intro .Home .Home--projects .Home--projects--project h1, .Home .Home--projects .Home--projects--project .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--projects .Home--projects--project h1 { margin-top: 0; } /* line 1914, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project p, .Home .Home--projects .Home--projects--project .PTW16 ul, .PTW16 .Home .Home--projects .Home--projects--project ul { margin-bottom: 1.5em; margin-left: auto; margin-right: auto; max-width: 550px; } /* line 1921, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .hover { background: rgba(25, 25, 25, 0.85) center no-repeat; background-size: cover; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width: 100%; } /* line 1933, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .hover:before { background: rgba(0, 0, 0, 0.85); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* line 1944, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .hover h2, .Home .Home--projects .Home--projects--project .hover .Approach h1, .Approach .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Careers #intro h1, .Careers #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Case.Study h1, .Case.Study .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Legal #intro h1, .Legal #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Press .Press--intro h1, .Press .Press--intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Responsive #intro h1, .Responsive #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Service h1, .Service .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Work .Work--intro h1, .Work .Work--intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--projects .Home--projects--project .hover h1 { color: white; } /* line 1948, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .hover h2, .Home .Home--projects .Home--projects--project .hover .Approach h1, .Approach .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Careers #intro h1, .Careers #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Case.Study h1, .Case.Study .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Legal #intro h1, .Legal #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Press .Press--intro h1, .Press .Press--intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Responsive #intro h1, .Responsive #intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Service h1, .Service .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .Work .Work--intro h1, .Work .Work--intro .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--projects .Home--projects--project .hover h1, .Home .Home--projects .Home--projects--project .hover p, .Home .Home--projects .Home--projects--project .hover .PTW16 ul, .PTW16 .Home .Home--projects .Home--projects--project .hover ul { position: relative; z-index: 2; } /* line 1952, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .hover p, .Home .Home--projects .Home--projects--project .hover .PTW16 ul, .PTW16 .Home .Home--projects .Home--projects--project .hover ul { -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 1957, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .icon-logo-container { margin-bottom: 0; } /* line 1960, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .icon-logo-container .icon-logo { margin-bottom: .5em; max-width: 300px; } /* line 1964, sass/_LEV-pages.scss */ .Home .Home--projects .Home--projects--project .icon-logo-container .csa, .Home .Home--projects .Home--projects--project .icon-logo-container .rfg, .Home .Home--projects .Home--projects--project .icon-logo-container .ssm { max-width: 200px; } /* line 1974, sass/_LEV-pages.scss */ .Home .Home--services { position: relative; text-align: center; } /* line 1979, sass/_LEV-pages.scss */ .Home .Home--services > .clearflex { -ms-flex-align: stretch; -webkit-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } /* line 1985, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service { border-bottom: 1px solid white; border-right: 1px solid white; overflow: hidden; padding: 1em; position: relative; } /* line 1989, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service:nth-child(2n) { border-right: none; } @media screen and (max-width: 800px) { /* line 1985, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service { border-right: none; } } /* line 1999, sass/_LEV-pages.scss */ .no-touch .Home .Home--services .Home--services--service:hover .hover { opacity: 0; } /* line 2003, sass/_LEV-pages.scss */ .no-touch .Home .Home--services .Home--services--service:hover .hover p, .no-touch .Home .Home--services .Home--services--service:hover .hover .PTW16 ul, .PTW16 .no-touch .Home .Home--services .Home--services--service:hover .hover ul { -moz-transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); } /* line 2015, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service h2, .Home .Home--services .Home--services--service .Approach h1, .Approach .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Careers #intro h1, .Careers #intro .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Case.Study h1, .Case.Study .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Legal #intro h1, .Legal #intro .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Press .Press--intro h1, .Press .Press--intro .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Responsive #intro h1, .Responsive #intro .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Service h1, .Service .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .Work .Work--intro h1, .Work .Work--intro .Home .Home--services .Home--services--service h1, .Home .Home--services .Home--services--service .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--services .Home--services--service h1 { margin-top: 0; } /* line 2019, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service p, .Home .Home--services .Home--services--service .PTW16 ul, .PTW16 .Home .Home--services .Home--services--service ul { margin-left: auto; margin-right: auto; max-width: 550px; } /* line 2025, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover { background: rgba(0, 125, 183, 0.85) center no-repeat; background-size: cover; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width: 100%; } /* line 2038, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover:before { background: rgba(0, 125, 183, 0.85); content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* line 2049, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover h2, .Home .Home--services .Home--services--service .hover .Approach h1, .Approach .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Careers #intro h1, .Careers #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Case.Study h1, .Case.Study .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Legal #intro h1, .Legal #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Press .Press--intro h1, .Press .Press--intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Responsive #intro h1, .Responsive #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Service h1, .Service .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Work .Work--intro h1, .Work .Work--intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--services .Home--services--service .hover h1 { color: white; } /* line 2053, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover h2, .Home .Home--services .Home--services--service .hover .Approach h1, .Approach .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Careers #intro h1, .Careers #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Case.Study h1, .Case.Study .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Legal #intro h1, .Legal #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Press .Press--intro h1, .Press .Press--intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Responsive #intro h1, .Responsive #intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Service h1, .Service .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .Work .Work--intro h1, .Work .Work--intro .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--services .Home--services--service .hover h1, .Home .Home--services .Home--services--service .hover p, .Home .Home--services .Home--services--service .hover .PTW16 ul, .PTW16 .Home .Home--services .Home--services--service .hover ul { position: relative; z-index: 2; } /* line 2057, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover p, .Home .Home--services .Home--services--service .hover .PTW16 ul, .PTW16 .Home .Home--services .Home--services--service .hover ul { -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 2063, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .hover .icon-circle-container .icon-circle { border-color: white; } /* line 2069, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .icon-circle-container { margin-bottom: 0; } /* line 2072, sass/_LEV-pages.scss */ .Home .Home--services .Home--services--service .icon-circle-container .icon-circle { margin-bottom: .5em; } /* line 2082, sass/_LEV-pages.scss */ .Home .Home--tagline { position: relative; text-align: left; z-index: 10; padding: 0 0 0 5rem; width: 100%; max-width: 100%; } @media screen and (max-width: 500px) { /* line 2082, sass/_LEV-pages.scss */ .Home .Home--tagline { padding: 1rem; } } /* line 2093, sass/_LEV-pages.scss */ .Home .Home--tagline h1 { color: black; margin-bottom: 0; font-size: 5em; } /* line 2099, sass/_LEV-pages.scss */ .Home .Home--tagline h1 + p, .Home .Home--tagline .PTW16 h1 + ul, .PTW16 .Home .Home--tagline h1 + ul { margin-top: 0; line-height: 4em; } @media (min-width: 1000px) { /* line 2108, sass/_LEV-pages.scss */ .Home .Home--tools h2, .Home .Home--tools .Approach h1, .Approach .Home .Home--tools h1, .Home .Home--tools .Careers #intro h1, .Careers #intro .Home .Home--tools h1, .Home .Home--tools .Case.Study h1, .Case.Study .Home .Home--tools h1, .Home .Home--tools .Legal #intro h1, .Legal #intro .Home .Home--tools h1, .Home .Home--tools .Press .Press--intro h1, .Press .Press--intro .Home .Home--tools h1, .Home .Home--tools .Responsive #intro h1, .Responsive #intro .Home .Home--tools h1, .Home .Home--tools .Service h1, .Service .Home .Home--tools h1, .Home .Home--tools .Work .Work--intro h1, .Work .Work--intro .Home .Home--tools h1, .Home .Home--tools .PTW16 .menuBar h1, .PTW16 .menuBar .Home .Home--tools h1 { margin-top: 4em; } } /* line 2114, sass/_LEV-pages.scss */ .Home .Home--tools h2 + p, .Home .Home--tools .Approach h1 + p, .Approach .Home .Home--tools h1 + p, .Home .Home--tools .Careers #intro h1 + p, .Careers #intro .Home .Home--tools h1 + p, .Home .Home--tools .Case.Study h1 + p, .Case.Study .Home .Home--tools h1 + p, .Home .Home--tools .Legal #intro h1 + p, .Legal #intro .Home .Home--tools h1 + p, .Home .Home--tools .Press .Press--intro h1 + p, .Press .Press--intro .Home .Home--tools h1 + p, .Home .Home--tools .Responsive #intro h1 + p, .Responsive #intro .Home .Home--tools h1 + p, .Home .Home--tools .Service h1 + p, .Service .Home .Home--tools h1 + p, .Home .Home--tools .Work .Work--intro h1 + p, .Work .Work--intro .Home .Home--tools h1 + p, .Home .Home--tools .PTW16 .menuBar h1 + p, .PTW16 .menuBar .Home .Home--tools h1 + p, .Home .Home--tools .PTW16 h2 + ul, .PTW16 .Home .Home--tools h2 + ul, .Home .Home--tools .Approach .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Approach h1 + ul, .Approach .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Approach .Home .Home--tools h1 + ul, .Home .Home--tools .Careers #intro .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Careers #intro h1 + ul, .Careers #intro .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Careers #intro .Home .Home--tools h1 + ul, .Home .Home--tools .Case.Study .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Case.Study h1 + ul, .Case.Study .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Case.Study .Home .Home--tools h1 + ul, .Home .Home--tools .Legal #intro .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Legal #intro h1 + ul, .Legal #intro .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Legal #intro .Home .Home--tools h1 + ul, .Home .Home--tools .Press .Press--intro .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Press .Press--intro h1 + ul, .Press .Press--intro .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Press .Press--intro .Home .Home--tools h1 + ul, .Home .Home--tools .Responsive #intro .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Responsive #intro h1 + ul, .Responsive #intro .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Responsive #intro .Home .Home--tools h1 + ul, .Home .Home--tools .Service .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Service h1 + ul, .Service .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Service .Home .Home--tools h1 + ul, .Home .Home--tools .Work .Work--intro .PTW16 h1 + ul, .PTW16 .Home .Home--tools .Work .Work--intro h1 + ul, .Work .Work--intro .Home .Home--tools .PTW16 h1 + ul, .PTW16 .Work .Work--intro .Home .Home--tools h1 + ul, .Home .Home--tools .PTW16 .menuBar h1 + ul, .PTW16 .menuBar .Home .Home--tools h1 + ul { margin-top: .4em; } /* line 2119, sass/_LEV-pages.scss */ .Home .Home--tools img { padding: 0 4em; -moz-transition: padding 1s ease-out; -o-transition: padding 1s ease-out; -webkit-transition: padding 1s ease-out; transition: padding 1s ease-out; } /* line 2135, sass/_LEV-pages.scss */ .no-touch .Home .Home--tools .half.column.queued img { padding: 4em 8em; } /* line 2146, sass/_LEV-pages.scss */ .Home .Home--tools-header { text-align: center; } /* ************************** Legal ************************** */ /* line 2173, sass/_LEV-pages.scss */ .Legal #intro h1 { margin-top: 0; } /* line 2178, sass/_LEV-pages.scss */ .Legal #intro .centered:first-child { margin-top: 4em; } /* ************************** Press ************************** */ /* line 2206, sass/_LEV-pages.scss */ .Press { /* zig zag */ } /* line 2209, sass/_LEV-pages.scss */ .Press .Press--intro h1 { text-align: center; } /* line 2214, sass/_LEV-pages.scss */ .Press .Press--intro hr + p, .Press .Press--intro .PTW16 hr + ul, .PTW16 .Press .Press--intro hr + ul { font-size: 1.625em; } /* line 2221, sass/_LEV-pages.scss */ .Press .Press--single .Press--single--copy { padding-left: 40px; } @media (max-width: 767px) { /* line 2221, sass/_LEV-pages.scss */ .Press .Press--single .Press--single--copy { padding-left: inherit; padding-right: inherit; text-align: center; } } /* line 2230, sass/_LEV-pages.scss */ .Press .Press--single .Press--single--copy h2 + p, .Press .Press--single .Press--single--copy .Approach h1 + p, .Approach .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Careers #intro h1 + p, .Careers #intro .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Case.Study h1 + p, .Case.Study .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Legal #intro h1 + p, .Legal #intro .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Press--intro h1 + p, .Press .Press--intro .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Responsive #intro h1 + p, .Responsive #intro .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Service h1 + p, .Service .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .Work .Work--intro h1 + p, .Work .Work--intro .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .PTW16 .menuBar h1 + p, .PTW16 .menuBar .Press .Press--single .Press--single--copy h1 + p, .Press .Press--single .Press--single--copy .PTW16 h2 + ul, .PTW16 .Press .Press--single .Press--single--copy h2 + ul, .Press .Press--single .Press--single--copy .Approach .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Approach h1 + ul, .Approach .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Approach .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Careers #intro .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Careers #intro h1 + ul, .Careers #intro .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Careers #intro .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Case.Study .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Case.Study h1 + ul, .Case.Study .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Case.Study .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Legal #intro .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Legal #intro h1 + ul, .Legal #intro .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Legal #intro .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Press--intro .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Press--intro h1 + ul, .Press .Press--intro .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Press .Press--intro .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Responsive #intro .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Responsive #intro h1 + ul, .Responsive #intro .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Responsive #intro .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Service .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Service h1 + ul, .Service .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Service .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .Work .Work--intro .PTW16 h1 + ul, .PTW16 .Press .Press--single .Press--single--copy .Work .Work--intro h1 + ul, .Work .Work--intro .Press .Press--single .Press--single--copy .PTW16 h1 + ul, .PTW16 .Work .Work--intro .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy .PTW16 .menuBar h1 + ul, .PTW16 .menuBar .Press .Press--single .Press--single--copy h1 + ul, .Press .Press--single .Press--single--copy h3 + p, .Press .Press--single .Press--single--copy .PTW16 h3 + ul, .PTW16 .Press .Press--single .Press--single--copy h3 + ul { margin-top: .5em; } /* line 2235, sass/_LEV-pages.scss */ .Press .Press--single .Press--single--image { text-align: center; } /* line 2239, sass/_LEV-pages.scss */ .Press .Press--single .Press--single--image img { width: 300px; } /* line 2245, sass/_LEV-pages.scss */ .Press .Press--single + hr { background: #e8e8e8; border: none; height: 2px; margin: 2em auto 2em auto; max-width: 400px; outline: none; width: 50%; } /* ************************** Responsive ************************** */ /* line 2296, sass/_LEV-pages.scss */ .Responsive { text-align: center; } /* line 2300, sass/_LEV-pages.scss */ .Responsive section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 2303, sass/_LEV-pages.scss */ .Responsive section.relatedWork-title h2, .Responsive section.relatedWork-title .Approach h1, .Approach .Responsive section.relatedWork-title h1, .Careers #intro .Responsive section.relatedWork-title h1, .Responsive section.relatedWork-title .Case.Study h1, .Case.Study .Responsive section.relatedWork-title h1, .Legal #intro .Responsive section.relatedWork-title h1, .Responsive section.relatedWork-title .Press .Press--intro h1, .Press .Press--intro .Responsive section.relatedWork-title h1, .Responsive section.relatedWork-title #intro h1, .Responsive #intro section.relatedWork-title h1, .Responsive section.relatedWork-title .Service h1, .Service .Responsive section.relatedWork-title h1, .Responsive section.relatedWork-title .Work .Work--intro h1, .Work .Work--intro .Responsive section.relatedWork-title h1, .Responsive section.relatedWork-title .PTW16 .menuBar h1, .PTW16 .menuBar .Responsive section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 2314, sass/_LEV-pages.scss */ .Responsive .align-left p, .Responsive .align-left .PTW16 ul, .PTW16 .Responsive .align-left ul { text-align: left; } /* line 2321, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex { -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; } /* line 2325, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card { margin: 1em; -moz-transition: box-shadow 0.25s; -o-transition: box-shadow 0.25s; -webkit-transition: box-shadow 0.25s; transition: box-shadow 0.25s; } /* line 2329, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card:hover { -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); } /* line 2333, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card .card-image { margin: 0; } /* line 2337, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card .card-title { margin: 0 1em; } /* line 2339, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card .card-title a, .Responsive #blogs .clearflex .card .card-title a.a-basic { color: #525252; } /* line 2343, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card .card-author { margin: 1em; margin-top: 0; padding-bottom: 1em; } /* line 2347, sass/_LEV-pages.scss */ .Responsive #blogs .clearflex .card .card-author a, .Responsive #blogs .clearflex .card .card-author a.a-basic { font-family: 'Ubuntu',sans-serif; } /* line 2356, sass/_LEV-pages.scss */ .Responsive #CMS { background: url(images/Responsive-RPTiPad.jpg) center no-repeat; background-size: cover; position: relative; } /* line 2361, sass/_LEV-pages.scss */ .Responsive #CMS a { color: white; } /* line 2364, sass/_LEV-pages.scss */ .Responsive #CMS a.button { background: rgba(255, 255, 255, 0); } /* line 2367, sass/_LEV-pages.scss */ .Responsive #CMS a.button:hover { background: white; color: #525252; } /* line 2374, sass/_LEV-pages.scss */ .Responsive #CMS hr { background: white; } /* line 2378, sass/_LEV-pages.scss */ .Responsive #CMS .clearflex { min-height: 50vw; } /* line 2383, sass/_LEV-pages.scss */ .Responsive #custom { overflow: hidden; padding-bottom: 100px; padding-top: 100px; position: relative; /* diagonal on bottom */ } /* line 2390, sass/_LEV-pages.scss */ .Responsive #custom:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; top: -100px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 2406, sass/_LEV-pages.scss */ .Responsive #experts .clearflex .column { padding: 0 2em; } /* line 2413, sass/_LEV-pages.scss */ .Responsive #intro h1 { margin-top: 0; } /* line 2418, sass/_LEV-pages.scss */ .Responsive #intro .centered:first-child { margin-top: 4em; } /* line 2421, sass/_LEV-pages.scss */ .Responsive #intro .centered:first-child .icon-circle-container { margin-left: 4px; margin-right: 4px; } /* line 2428, sass/_LEV-pages.scss */ .Responsive #responsible { overflow: hidden; padding-bottom: 100px; padding-top: 100px; position: relative; z-index: 9; /* diagonal on bottom */ } /* line 2437, sass/_LEV-pages.scss */ .Responsive #responsible:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 2454, sass/_LEV-pages.scss */ .Responsive #what h2, .Responsive #what .Approach h1, .Approach .Responsive #what h1, .Careers #intro .Responsive #what h1, .Responsive #what .Case.Study h1, .Case.Study .Responsive #what h1, .Legal #intro .Responsive #what h1, .Responsive #what .Press .Press--intro h1, .Press .Press--intro .Responsive #what h1, .Responsive #what #intro h1, .Responsive #intro #what h1, .Responsive #what .Service h1, .Service .Responsive #what h1, .Responsive #what .Work .Work--intro h1, .Work .Work--intro .Responsive #what h1, .Responsive #what .PTW16 .menuBar h1, .PTW16 .menuBar .Responsive #what h1 { color: #19333e; font-size: 4em; margin: 1em auto; vertical-align: middle; } @media (max-width: 776px) { /* line 2454, sass/_LEV-pages.scss */ .Responsive #what h2, .Responsive #what .Approach h1, .Approach .Responsive #what h1, .Careers #intro .Responsive #what h1, .Responsive #what .Case.Study h1, .Case.Study .Responsive #what h1, .Legal #intro .Responsive #what h1, .Responsive #what .Press .Press--intro h1, .Press .Press--intro .Responsive #what h1, .Responsive #what #intro h1, .Responsive #intro #what h1, .Responsive #what .Service h1, .Service .Responsive #what h1, .Responsive #what .Work .Work--intro h1, .Work .Work--intro .Responsive #what h1, .Responsive #what .PTW16 .menuBar h1, .PTW16 .menuBar .Responsive #what h1 { font-size: 3em; } } @media (max-width: 1400px) { /* line 2467, sass/_LEV-pages.scss */ .Responsive #what .clearflex img { display: none; } } /* line 2477, sass/_LEV-pages.scss */ .Responsive #why ul { list-style: none; margin: 0; padding: 0 10%; text-align: left; } /* line 2484, sass/_LEV-pages.scss */ .Responsive #why ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: 'Ubuntu',sans-serif; font-size: 1.25em; font-weight: 500; padding: 1em 0; padding-left: 1.5em; } /* line 2492, sass/_LEV-pages.scss */ .Responsive #why ul li:before { background: url(images/checkmark.svg) center no-repeat; background-size: contain; content: " "; display: inline-block; height: 1em; margin-left: -1.5em; margin-right: .5em; width: 1em; } /* line 2503, sass/_LEV-pages.scss */ .Responsive #why ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 2507, sass/_LEV-pages.scss */ .Responsive #why ul li:last-child { border-bottom: none; } /* line 2516, sass/_LEV-pages.scss */ .Responsive #whyHire { color: #65c2ed; font-size: 2em; overflow: visible; position: relative; z-index: 10; } /* line 2524, sass/_LEV-pages.scss */ .Responsive #whyHire p, .Responsive #whyHire .PTW16 ul, .PTW16 .Responsive #whyHire ul { font-family: 'Ubuntu',sans-serif; font-style: italic; font-weight: 500; line-height: 1.1em; } /* line 2531, sass/_LEV-pages.scss */ .Responsive #whyHire:after { background: url(images/icon-arrow-down-blue.svg) center no-repeat white; background-size: 1em 1em; border-radius: 50%; bottom: -.75em; content: " "; display: block; height: 2em; left: calc(50% - 1em); position: absolute; width: 2em; } /* ************************** Services ************************** */ /* line 2571, sass/_LEV-pages.scss */ .Services hr + p, .Services .PTW16 hr + ul, .PTW16 .Services hr + ul { padding-bottom: 4em; } /* line 2575, sass/_LEV-pages.scss */ .Services section { overflow: visible; padding-bottom: 4em; } @media (max-width: 767px) { /* line 2575, sass/_LEV-pages.scss */ .Services section { padding-bottom: 0; } } /* line 2582, sass/_LEV-pages.scss */ .Services section > .centered:not(.centered-small) > hr { border: none; border-bottom: 1px solid #e8e8e8; outline: none; } /* line 2589, sass/_LEV-pages.scss */ .Services .Services--intro { text-align: center; } /* line 2595, sass/_LEV-pages.scss */ .Services .Services--service .icon-circle { background: white; margin: 0; margin-top: calc(-36px + 1em); } /* line 2604, sass/_LEV-pages.scss */ .Services .Services--service .half.column img { padding: 0; -moz-transition: padding 1s ease-out; -o-transition: padding 1s ease-out; -webkit-transition: padding 1s ease-out; transition: padding 1s ease-out; } /* line 2612, sass/_LEV-pages.scss */ .no-touch .Services .Services--service .half.column.queued img { padding: 4em 8em; } @media (min-width: 768px) { /* line 2593, sass/_LEV-pages.scss */ .Services .Services--service { min-height: 400px; } /* line 2624, sass/_LEV-pages.scss */ .Services .Services--service .half.column { margin-bottom: -100px; margin-top: 200px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 2630, sass/_LEV-pages.scss */ .Services .Services--service .half.column h2, .Services .Services--service .half.column .Approach h1, .Approach .Services .Services--service .half.column h1, .Services .Services--service .half.column .Careers #intro h1, .Careers #intro .Services .Services--service .half.column h1, .Services .Services--service .half.column .Case.Study h1, .Case.Study .Services .Services--service .half.column h1, .Services .Services--service .half.column .Legal #intro h1, .Legal #intro .Services .Services--service .half.column h1, .Services .Services--service .half.column .Press .Press--intro h1, .Press .Press--intro .Services .Services--service .half.column h1, .Services .Services--service .half.column .Responsive #intro h1, .Responsive #intro .Services .Services--service .half.column h1, .Services .Services--service .half.column .Service h1, .Service .Services .Services--service .half.column h1, .Services .Services--service .half.column .Work .Work--intro h1, .Work .Work--intro .Services .Services--service .half.column h1, .Services .Services--service .half.column .PTW16 .menuBar h1, .PTW16 .menuBar .Services .Services--service .half.column h1, .Services .Services--service .half.column p:not(.icon-circle), .Services .Services--service .half.column .PTW16 ul:not(.icon-circle), .PTW16 .Services .Services--service .half.column ul:not(.icon-circle) { padding-left: 80px; text-align: left; } /* line 2635, sass/_LEV-pages.scss */ .Services .Services--service .half.column .icon-circle { position: absolute; left: 0; } } @media (max-width: 767px) { /* line 2593, sass/_LEV-pages.scss */ .Services .Services--service { padding-bottom: 2em; text-align: center; } /* line 2648, sass/_LEV-pages.scss */ .Services .Services--service h2, .Services .Services--service .Approach h1, .Approach .Services .Services--service h1, .Services .Services--service .Careers #intro h1, .Careers #intro .Services .Services--service h1, .Services .Services--service .Case.Study h1, .Case.Study .Services .Services--service h1, .Services .Services--service .Legal #intro h1, .Legal #intro .Services .Services--service h1, .Services .Services--service .Press .Press--intro h1, .Press .Press--intro .Services .Services--service h1, .Services .Services--service .Responsive #intro h1, .Responsive #intro .Services .Services--service h1, .Services .Services--service .Service h1, .Service .Services .Services--service h1, .Services .Services--service .Work .Work--intro h1, .Work .Work--intro .Services .Services--service h1, .Services .Services--service .PTW16 .menuBar h1, .PTW16 .menuBar .Services .Services--service h1 { text-align: center; } /* line 2652, sass/_LEV-pages.scss */ .Services .Services--service .icon-circle { display: none; float: left; margin: 0 .5em .5em 0; } } /* ************************** Single Service Pages ************************** */ /* line 2685, sass/_LEV-pages.scss */ .Service { /* zig zag */ } /* line 2687, sass/_LEV-pages.scss */ .Service h2, .Service .Careers #intro h1, .Careers #intro .Service h1, .Service .Case.Study h1, .Case.Study .Service h1, .Service .Legal #intro h1, .Legal #intro .Service h1, .Service .Press .Press--intro h1, .Press .Press--intro .Service h1, .Service .Responsive #intro h1, .Responsive #intro .Service h1, .Service h1, .Service .Work .Work--intro h1, .Work .Work--intro .Service h1, .Service .PTW16 .menuBar h1, .PTW16 .menuBar .Service h1 { text-align: center; } /* line 2695, sass/_LEV-pages.scss */ .Service section { padding-bottom: 3.5em; } /* line 2700, sass/_LEV-pages.scss */ .Service .align-left p, .Service .align-left .PTW16 ul, .PTW16 .Service .align-left ul { text-align: left; } /* line 2705, sass/_LEV-pages.scss */ .Service .icon-circle-container { text-align: center; } /* line 2709, sass/_LEV-pages.scss */ .Service .icon-circle-container + h2, .Service .Approach .icon-circle-container + h1, .Service .Careers #intro .icon-circle-container + h1, .Careers #intro .Service .icon-circle-container + h1, .Service .Case.Study .icon-circle-container + h1, .Service .Legal #intro .icon-circle-container + h1, .Legal #intro .Service .icon-circle-container + h1, .Service .Press .Press--intro .icon-circle-container + h1, .Service .Responsive #intro .icon-circle-container + h1, .Responsive #intro .Service .icon-circle-container + h1, .Service .icon-circle-container + h1, .Service .Work .Work--intro .icon-circle-container + h1, .Service .PTW16 .menuBar .icon-circle-container + h1 { margin-top: 0; } /* line 2717, sass/_LEV-pages.scss */ .Service .quote p, .Service .quote .PTW16 ul, .PTW16 .Service .quote ul { font-family: 'Ubuntu',sans-serif; font-style: italic; font-weight: 300; letter-spacing: 0px; } /* line 2723, sass/_LEV-pages.scss */ .Service .quote p.quote--author, .Service .quote .PTW16 ul.quote--author, .PTW16 .Service .quote ul.quote--author { display: inline-block; font-size: 1.125em; font-style: normal; line-height: 1.388888889em; padding-left: 10px; position: relative; text-align: left; vertical-align: middle; } /* line 2733, sass/_LEV-pages.scss */ .Service .quote p.quote--author strong, .Service .quote .PTW16 ul.quote--author strong, .PTW16 .Service .quote ul.quote--author strong { font-size: 1.222222222em; font-weight: 500; } /* line 2739, sass/_LEV-pages.scss */ .Service .quote p.quote--image, .Service .quote .PTW16 ul.quote--image, .PTW16 .Service .quote ul.quote--image { background: center no-repeat; background-size: cover; border-radius: 50%; display: inline-block; height: 100px; position: relative; width: 100px; vertical-align: middle; } /* line 2750, sass/_LEV-pages.scss */ .Service .quote p.quote--quote, .Service .quote .PTW16 ul.quote--quote, .PTW16 .Service .quote ul.quote--quote { font-size: 1.875em; line-height: 1.433333333em; margin-bottom: 0; } /* line 2755, sass/_LEV-pages.scss */ .Service .quote p.quote--quote strong, .Service .quote .PTW16 ul.quote--quote strong, .PTW16 .Service .quote ul.quote--quote strong { font-weight: 400; } @media (max-width: 767px) { /* line 2750, sass/_LEV-pages.scss */ .Service .quote p.quote--quote, .Service .quote .PTW16 ul.quote--quote, .PTW16 .Service .quote ul.quote--quote { font-size: 1.25em; } } /* line 2769, sass/_LEV-pages.scss */ .Service section.relatedWork hr { background: #e8e8e8; border: none; height: 2px; margin: 2em auto 2em auto; max-width: 400px; outline: none; width: 200px; } /* line 2783, sass/_LEV-pages.scss */ .Service section.relatedWork-title h2, .Service section.relatedWork-title .Careers #intro h1, .Careers #intro .Service section.relatedWork-title h1, .Service section.relatedWork-title .Legal #intro h1, .Legal #intro .Service section.relatedWork-title h1, .Service section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service section.relatedWork-title h1, .Service section.relatedWork-title h1 { font-family: 'Ubuntu',sans-serif; } /* line 2790, sass/_LEV-pages.scss */ .Service .Work--single { cursor: pointer; } /* line 2794, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy { padding-bottom: 2em; padding-left: 40px; padding-top: 2em; } @media (max-width: 767px) { /* line 2794, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy { padding-left: inherit; padding-right: inherit; } } /* line 2804, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy h2 + p, .Service .Work--single .Work--single--copy .Approach h1 + p, .Service .Work--single .Work--single--copy .Careers #intro h1 + p, .Careers #intro .Service .Work--single .Work--single--copy h1 + p, .Service .Work--single .Work--single--copy .Case.Study h1 + p, .Service .Work--single .Work--single--copy .Legal #intro h1 + p, .Legal #intro .Service .Work--single .Work--single--copy h1 + p, .Service .Work--single .Work--single--copy .Press .Press--intro h1 + p, .Service .Work--single .Work--single--copy .Responsive #intro h1 + p, .Responsive #intro .Service .Work--single .Work--single--copy h1 + p, .Service .Work--single .Work--single--copy h1 + p, .Service .Work--single .Work--single--copy .Work .Work--intro h1 + p, .Service .Work--single .Work--single--copy .PTW16 .menuBar h1 + p, .Service .Work--single .Work--single--copy .PTW16 h2 + ul, .PTW16 .Service .Work--single .Work--single--copy h2 + ul, .PTW16 .Service .Work--single .Work--single--copy .Approach h1 + ul, .Service .Work--single .Work--single--copy .Careers #intro .PTW16 h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Careers #intro h1 + ul, .Careers #intro .Service .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Careers #intro .Service .Work--single .Work--single--copy h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Case.Study h1 + ul, .Service .Work--single .Work--single--copy .Legal #intro .PTW16 h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Legal #intro h1 + ul, .Legal #intro .Service .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Legal #intro .Service .Work--single .Work--single--copy h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Press .Press--intro h1 + ul, .Service .Work--single .Work--single--copy .Responsive #intro .PTW16 h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Responsive #intro h1 + ul, .Responsive #intro .Service .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Responsive #intro .Service .Work--single .Work--single--copy h1 + ul, .Service .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Service .Work--single .Work--single--copy h1 + ul, .PTW16 .Service .Work--single .Work--single--copy .Work .Work--intro h1 + ul, .Service .Work--single .Work--single--copy .PTW16 .menuBar h1 + ul, .Service .Work--single .Work--single--copy h3 + p, .Service .Work--single .Work--single--copy .PTW16 h3 + ul, .PTW16 .Service .Work--single .Work--single--copy h3 + ul { margin-top: .5em; } /* line 2808, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy hr { background: #525252; border: none; height: 2px; margin: 1em auto 1em auto; max-width: 85px; outline: none; width: 50%; } /* line 2818, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy .icon-circle { border-width: 2px; height: 48px; margin: .5em 2px; padding: 3px; width: 48px; } /* line 2825, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy .icon-circle img { line-height: 48px; max-height: 24px; max-width: 24px; } /* line 2831, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--copy .icon-circle .label { margin-left: 12px; } /* line 2837, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--image { text-align: center; } /* line 2839, sass/_LEV-pages.scss */ .Service .Work--single .Work--single--image img { max-height: 320px; } /* line 2849, sass/_LEV-pages.scss */ .Service section:nth-child(even) .Work--single .column:first-child, .Service section:nth-child(odd) .Work--single .column:first-child { float: right; } /* line 2853, sass/_LEV-pages.scss */ .Service section:nth-child(even) .Work--single .Work--single--copy, .Service section:nth-child(odd) .Work--single .Work--single--copy { padding-left: inherit; padding-right: 40px; } @media (max-width: 767px) { /* line 2853, sass/_LEV-pages.scss */ .Service section:nth-child(even) .Work--single .Work--single--copy, .Service section:nth-child(odd) .Work--single .Work--single--copy { padding-right: inherit; } } /* // next 4 lines moved to style.scss @import "services/webDesign.scss"; @import "services/digitalMarketing.scss"; @import "services/branding.scss"; @import "services/videoProduction.scss"; */ /* ************************** Team ************************** */ /* line 2895, sass/_LEV-pages.scss */ .Team section { padding-bottom: 4em; padding-top: 2em; } /* line 2900, sass/_LEV-pages.scss */ .Team .Team--additionals { text-align: center; } /* line 2904, sass/_LEV-pages.scss */ .Team .Team--additionals img { max-width: 200px; } /* line 2908, sass/_LEV-pages.scss */ .Team .Team--additionals ul { list-style: none; margin: 0; padding: 0; } /* line 2914, sass/_LEV-pages.scss */ .Team .Team--additionals ul li { border-bottom: 1px solid #dfdfdf; padding-bottom: 1em; padding-top: 1em; } /* line 2922, sass/_LEV-pages.scss */ .Team .Team--additionals .a-basic { color: black; } /* line 2930, sass/_LEV-pages.scss */ .Team .Team--bio h2, .Team .Team--bio .Approach h1, .Approach .Team .Team--bio h1, .Team .Team--bio .Careers #intro h1, .Careers #intro .Team .Team--bio h1, .Team .Team--bio .Case.Study h1, .Case.Study .Team .Team--bio h1, .Team .Team--bio .Legal #intro h1, .Legal #intro .Team .Team--bio h1, .Team .Team--bio .Press .Press--intro h1, .Press .Press--intro .Team .Team--bio h1, .Team .Team--bio .Responsive #intro h1, .Responsive #intro .Team .Team--bio h1, .Team .Team--bio .Service h1, .Service .Team .Team--bio h1, .Team .Team--bio .Work .Work--intro h1, .Work .Work--intro .Team .Team--bio h1, .Team .Team--bio .PTW16 .menuBar h1, .PTW16 .menuBar .Team .Team--bio h1 { text-align: center; } /* line 2935, sass/_LEV-pages.scss */ .Team .Team--icons { text-align: center; } /* line 2939, sass/_LEV-pages.scss */ .Team .Team--icons .icon-circle { margin-left: 5px; margin-right: 5px; } /* line 2946, sass/_LEV-pages.scss */ .Team .Team--tagline { text-align: center; } /* line 2949, sass/_LEV-pages.scss */ .Team .Team--tagline h1 { color: white; margin-bottom: 0; } /* line 2954, sass/_LEV-pages.scss */ .Team .Team--tagline h1 + p, .Team .Team--tagline .PTW16 h1 + ul, .PTW16 .Team .Team--tagline h1 + ul { margin-top: 0; } /* line 2960, sass/_LEV-pages.scss */ .Team .Team--twitter { text-align: center; } /* line 2964, sass/_LEV-pages.scss */ .Team .Team--twitter ul { list-style: none; margin: 0; padding: 0; } /* line 2970, sass/_LEV-pages.scss */ .Team .Team--twitter ul li { border-bottom: 1px solid #dfdfdf; padding-bottom: 1em; padding-top: .5em; } /* line 2975, sass/_LEV-pages.scss */ .Team .Team--twitter ul li .date { color: #b1b1b1; text-transform: uppercase; } /* ************************** Work ************************** */ /* line 3012, sass/_LEV-pages.scss */ .Work .Work--intro h1 { text-align: center; } /* line 3017, sass/_LEV-pages.scss */ .Work .Work--intro hr + p, .Work .Work--intro .PTW16 hr + ul, .PTW16 .Work .Work--intro hr + ul { text-align: center; } /* line 3023, sass/_LEV-pages.scss */ .Work .Work--single { cursor: pointer; } /* line 3027, sass/_LEV-pages.scss */ .Work .Work--single .column:first-child { float: right; } /* line 3031, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy { padding-bottom: 2em; padding-right: 40px; padding-top: 2em; } @media (max-width: 767px) { /* line 3031, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy { padding-left: inherit; padding-right: inherit; padding-top: 0; } } /* line 3042, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy h2 + p, .Work .Work--single .Work--single--copy .Approach h1 + p, .Approach .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Careers #intro h1 + p, .Careers #intro .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Case.Study h1 + p, .Case.Study .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Legal #intro h1 + p, .Legal #intro .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Press .Press--intro h1 + p, .Press .Press--intro .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Responsive #intro h1 + p, .Responsive #intro .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Service h1 + p, .Service .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .Work--intro h1 + p, .Work .Work--intro .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .PTW16 .menuBar h1 + p, .PTW16 .menuBar .Work .Work--single .Work--single--copy h1 + p, .Work .Work--single .Work--single--copy .PTW16 h2 + ul, .PTW16 .Work .Work--single .Work--single--copy h2 + ul, .Work .Work--single .Work--single--copy .Approach .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Approach h1 + ul, .Approach .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Approach .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Careers #intro .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Careers #intro h1 + ul, .Careers #intro .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Careers #intro .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Case.Study .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Case.Study h1 + ul, .Case.Study .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Case.Study .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Legal #intro .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Legal #intro h1 + ul, .Legal #intro .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Legal #intro .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Press .Press--intro .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Press .Press--intro h1 + ul, .Press .Press--intro .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Press .Press--intro .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Responsive #intro .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Responsive #intro h1 + ul, .Responsive #intro .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Responsive #intro .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Service .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Service h1 + ul, .Service .Work .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Service .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .Work--intro .PTW16 h1 + ul, .PTW16 .Work .Work--single .Work--single--copy .Work--intro h1 + ul, .Work .Work--intro .Work--single .Work--single--copy .PTW16 h1 + ul, .PTW16 .Work .Work--intro .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy .PTW16 .menuBar h1 + ul, .PTW16 .menuBar .Work .Work--single .Work--single--copy h1 + ul, .Work .Work--single .Work--single--copy h3 + p, .Work .Work--single .Work--single--copy .PTW16 h3 + ul, .PTW16 .Work .Work--single .Work--single--copy h3 + ul { margin-top: .5em; } /* line 3046, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy hr { background: #525252; border: none; height: 2px; margin: 1em auto 1em auto; max-width: 85px; outline: none; width: 50%; } /* line 3056, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy .icon-circle { border-width: 2px; height: 48px; margin: .5em 2px; padding: 3px; width: 48px; } /* line 3063, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy .icon-circle img { line-height: 48px; max-height: 24px; max-width: 24px; } /* line 3069, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy .icon-circle .label { margin-left: 12px; } @media (max-width: 767px) { /* line 3056, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy .icon-circle { border-width: 2px; height: 48px; padding: 6px 8px; width: 48px; } /* line 3079, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--copy .icon-circle img { line-height: 48px; max-height: 28px; max-width: 28px; } } /* line 3089, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--image { text-align: center; } /* line 3091, sass/_LEV-pages.scss */ .Work .Work--single .Work--single--image img { max-height: 320px; } /* line 2, sass/services/_webDesign.scss */ .Service.Web.Design { text-align: center; } /* line 6, sass/services/_webDesign.scss */ .Service.Web.Design #intro { background: url(images/Services-web-design-banner.jpg) center no-repeat; background-size: cover; background-attachment: fixed; min-height: 90vh; overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 12, sass/services/_webDesign.scss */ .touch .Service.Web.Design #intro { background-attachment: scroll; } /* line 21, sass/services/_webDesign.scss */ .Service.Web.Design #intro hr { background: white; } /* line 26, sass/services/_webDesign.scss */ .Service.Web.Design #intro:after { display: block; content: ""; width: 200%; height: 100px; background: #65c2ed; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 39, sass/services/_webDesign.scss */ .Service.Web.Design #intro .icon-circle-container { margin-top: 30vh; } /* line 45, sass/services/_webDesign.scss */ .Service.Web.Design #consultation { overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 52, sass/services/_webDesign.scss */ .Service.Web.Design #consultation:after { display: block; content: ""; width: 200%; height: 100px; background: #e8e8e8; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 67, sass/services/_webDesign.scss */ .Service.Web.Design #collaborate { overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 74, sass/services/_webDesign.scss */ .Service.Web.Design #collaborate:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 88, sass/services/_webDesign.scss */ .Service.Web.Design #collaborate .icon-circle { border-color: #65c2ed; } /* line 96, sass/services/_webDesign.scss */ .Service.Web.Design #custom .icon-circle { border-color: #65c2ed; } /* line 102, sass/services/_webDesign.scss */ .Service.Web.Design #leverage { background: url(images/Services-Web-Design-leverage.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 111, sass/services/_webDesign.scss */ .Service.Web.Design #leverage:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 125, sass/services/_webDesign.scss */ .Service.Web.Design #leverage a { color: white; } /* line 128, sass/services/_webDesign.scss */ .Service.Web.Design #leverage a.button { background: rgba(255, 255, 255, 0); } /* line 131, sass/services/_webDesign.scss */ .Service.Web.Design #leverage a.button:hover { background: white; color: #525252; } /* line 140, sass/services/_webDesign.scss */ .Service.Web.Design #process-intro { background: url(images/Services-Web-Design-process.jpg) center no-repeat; background-size: cover; -moz-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); padding-bottom: 200px; } /* line 151, sass/services/_webDesign.scss */ .Service.Web.Design #process-planning a { font-weight: 700; } /* line 155, sass/services/_webDesign.scss */ .Service.Web.Design #process-planning h2, .Service.Web.Design #process-planning h1, .Service.Web.Design #process-planning p, .Service.Web.Design #process-planning .PTW16 ul, .PTW16 .Service.Web.Design #process-planning ul { text-align: left; } /* line 159, sass/services/_webDesign.scss */ .Service.Web.Design #process-planning h2 + p, .Service.Web.Design #process-planning .Approach h1 + p, .Service.Web.Design #process-planning .Careers #intro h1 + p, .Service.Web.Design #process-planning .Case.Study h1 + p, .Service.Web.Design #process-planning .Legal #intro h1 + p, .Service.Web.Design #process-planning .Press .Press--intro h1 + p, .Service.Web.Design #process-planning .Responsive #intro h1 + p, .Service.Web.Design #process-planning h1 + p, .Service.Web.Design #process-planning .Work .Work--intro h1 + p, .Service.Web.Design #process-planning .PTW16 .menuBar h1 + p, .Service.Web.Design #process-planning .PTW16 h2 + ul, .PTW16 .Service.Web.Design #process-planning h2 + ul, .PTW16 .Service.Web.Design #process-planning .Approach h1 + ul, .PTW16 .Service.Web.Design #process-planning .Careers #intro h1 + ul, .PTW16 .Service.Web.Design #process-planning .Case.Study h1 + ul, .PTW16 .Service.Web.Design #process-planning .Legal #intro h1 + ul, .PTW16 .Service.Web.Design #process-planning .Press .Press--intro h1 + ul, .PTW16 .Service.Web.Design #process-planning .Responsive #intro h1 + ul, .Service.Web.Design #process-planning .PTW16 h1 + ul, .PTW16 .Service.Web.Design #process-planning h1 + ul, .PTW16 .Service.Web.Design #process-planning .Work .Work--intro h1 + ul, .Service.Web.Design #process-planning .PTW16 .menuBar h1 + ul { margin-top: .25em; } /* line 165, sass/services/_webDesign.scss */ .Service.Web.Design #process-planning .half.column img { padding: 4em; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; } @media (max-width: 767px) { /* line 165, sass/services/_webDesign.scss */ .Service.Web.Design #process-planning .half.column img { padding: 2em 2em 0 2em; } } /* line 177, sass/services/_webDesign.scss */ .no-touch .Service.Web.Design #process-planning .half.column.queued img { -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -webkit-transform: translateX(-25%); transform: translateX(-25%); } /* line 182, sass/services/_webDesign.scss */ .no-touch .Service.Web.Design #process-planning .half.column.queued.rightSide img { -moz-transform: translateX(25%); -ms-transform: translateX(25%); -webkit-transform: translateX(25%); transform: translateX(25%); } /* line 193, sass/services/_webDesign.scss */ .Service.Web.Design #process-design { background: url(images/Services-web-design_design.jpg) center no-repeat; background-size: cover; padding-bottom: 8vw; padding-top: 8vw; } @media (max-width: 625px) { /* line 193, sass/services/_webDesign.scss */ .Service.Web.Design #process-design { padding-bottom: 50px; padding-top: 50px; } } /* line 204, sass/services/_webDesign.scss */ .Service.Web.Design #process-design a { color: white; font-weight: 700; } /* line 209, sass/services/_webDesign.scss */ .Service.Web.Design #process-design h2, .Service.Web.Design #process-design h1, .Service.Web.Design #process-design p, .Service.Web.Design #process-design .PTW16 ul, .PTW16 .Service.Web.Design #process-design ul { text-align: left; } /* line 213, sass/services/_webDesign.scss */ .Service.Web.Design #process-design h2 + p, .Service.Web.Design #process-design .Approach h1 + p, .Service.Web.Design #process-design .Careers #intro h1 + p, .Service.Web.Design #process-design .Case.Study h1 + p, .Service.Web.Design #process-design .Legal #intro h1 + p, .Service.Web.Design #process-design .Press .Press--intro h1 + p, .Service.Web.Design #process-design .Responsive #intro h1 + p, .Service.Web.Design #process-design h1 + p, .Service.Web.Design #process-design .Work .Work--intro h1 + p, .Service.Web.Design #process-design .PTW16 .menuBar h1 + p, .Service.Web.Design #process-design .PTW16 h2 + ul, .PTW16 .Service.Web.Design #process-design h2 + ul, .PTW16 .Service.Web.Design #process-design .Approach h1 + ul, .PTW16 .Service.Web.Design #process-design .Careers #intro h1 + ul, .PTW16 .Service.Web.Design #process-design .Case.Study h1 + ul, .PTW16 .Service.Web.Design #process-design .Legal #intro h1 + ul, .PTW16 .Service.Web.Design #process-design .Press .Press--intro h1 + ul, .PTW16 .Service.Web.Design #process-design .Responsive #intro h1 + ul, .Service.Web.Design #process-design .PTW16 h1 + ul, .PTW16 .Service.Web.Design #process-design h1 + ul, .PTW16 .Service.Web.Design #process-design .Work .Work--intro h1 + ul, .Service.Web.Design #process-design .PTW16 .menuBar h1 + ul { margin-top: .25em; } /* line 219, sass/services/_webDesign.scss */ .Service.Web.Design #process-development { background: url(images/Services-web-design_development.jpg) center no-repeat; background-size: cover; border-top: 2px solid white; padding-bottom: 8vw; padding-top: 8vw; position: relative; } @media (max-width: 625px) { /* line 219, sass/services/_webDesign.scss */ .Service.Web.Design #process-development { padding-bottom: 50px; padding-top: 50px; } } /* line 232, sass/services/_webDesign.scss */ .Service.Web.Design #process-development:before { background: rgba(0, 0, 0, 0.2); content: " "; height: 100%; left: 0; position: absolute; width: 100%; top: 0; z-index: 0; } /* line 243, sass/services/_webDesign.scss */ .Service.Web.Design #process-development a { color: white; font-weight: 700; } /* line 248, sass/services/_webDesign.scss */ .Service.Web.Design #process-development h2, .Service.Web.Design #process-development h1, .Service.Web.Design #process-development p, .Service.Web.Design #process-development .PTW16 ul, .PTW16 .Service.Web.Design #process-development ul { text-align: left; } /* line 252, sass/services/_webDesign.scss */ .Service.Web.Design #process-development h2 + p, .Service.Web.Design #process-development .Approach h1 + p, .Service.Web.Design #process-development .Careers #intro h1 + p, .Service.Web.Design #process-development .Case.Study h1 + p, .Service.Web.Design #process-development .Legal #intro h1 + p, .Service.Web.Design #process-development .Press .Press--intro h1 + p, .Service.Web.Design #process-development .Responsive #intro h1 + p, .Service.Web.Design #process-development h1 + p, .Service.Web.Design #process-development .Work .Work--intro h1 + p, .Service.Web.Design #process-development .PTW16 .menuBar h1 + p, .Service.Web.Design #process-development .PTW16 h2 + ul, .PTW16 .Service.Web.Design #process-development h2 + ul, .PTW16 .Service.Web.Design #process-development .Approach h1 + ul, .PTW16 .Service.Web.Design #process-development .Careers #intro h1 + ul, .PTW16 .Service.Web.Design #process-development .Case.Study h1 + ul, .PTW16 .Service.Web.Design #process-development .Legal #intro h1 + ul, .PTW16 .Service.Web.Design #process-development .Press .Press--intro h1 + ul, .PTW16 .Service.Web.Design #process-development .Responsive #intro h1 + ul, .Service.Web.Design #process-development .PTW16 h1 + ul, .PTW16 .Service.Web.Design #process-development h1 + ul, .PTW16 .Service.Web.Design #process-development .Work .Work--intro h1 + ul, .Service.Web.Design #process-development .PTW16 .menuBar h1 + ul { margin-top: .25em; } /* line 260, sass/services/_webDesign.scss */ .Service.Web.Design #process-platform .serviceLogos { margin-top: 2em; } /* line 262, sass/services/_webDesign.scss */ .Service.Web.Design #process-platform .serviceLogos img { margin: 2em 1em; } /* line 2, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing { text-align: center; } /* line 6, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing section.fullImage { padding: 0; } /* line 8, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing section.fullImage img { width: 100%; } /* line 11, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing section.fullImage p, .Service.Digital.Marketing section.fullImage .PTW16 ul, .PTW16 .Service.Digital.Marketing section.fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 18, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 21, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing section.relatedWork-title h2, .Service.Digital.Marketing section.relatedWork-title .Careers #intro h1, .Careers #intro .Service.Digital.Marketing section.relatedWork-title h1, .Service.Digital.Marketing section.relatedWork-title .Legal #intro h1, .Legal #intro .Service.Digital.Marketing section.relatedWork-title h1, .Service.Digital.Marketing section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service.Digital.Marketing section.relatedWork-title h1, .Service.Digital.Marketing section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 32, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing .service-list h2, .Service.Digital.Marketing .service-list .Careers #intro h1, .Careers #intro .Service.Digital.Marketing .service-list h1, .Service.Digital.Marketing .service-list .Legal #intro h1, .Legal #intro .Service.Digital.Marketing .service-list h1, .Service.Digital.Marketing .service-list .Responsive #intro h1, .Responsive #intro .Service.Digital.Marketing .service-list h1, .Service.Digital.Marketing .service-list h1 { color: #393939; font-family: 'Ubuntu', sans-serif; font-weight: 700; text-transform: uppercase; } /* line 40, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #approach { overflow: hidden; padding-top: 100px; position: relative; /* diagonal on bottom */ } /* line 47, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #approach:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; top: -100px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 61, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #approach hr { background-color: white; } /* line 67, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #CustomReporting { background: url(images/Services-Digital-Marketing-CustomReporting.jpg) center no-repeat; background-size: cover; } /* line 72, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #CustomReporting a:not(.button):not(.button-small):not(.a-basic) { color: white; } /* line 76, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #CustomReporting a.button { background: rgba(255, 255, 255, 0); color: white; } /* line 81, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #CustomReporting hr { background-color: white; } /* line 85, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #CustomReporting .clearflex { min-height: 41.65vw; } /* line 91, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro { background: url(images/Services-Digital-Marketing-banner.jpg) center no-repeat; background-size: cover; background-attachment: fixed; position: relative; min-height: 55vw; } /* line 97, sass/services/_digitalMarketing.scss */ .touch .Service.Digital.Marketing #intro { background-attachment: scroll; } /* line 102, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro:before { background: -moz-linear-gradient(top, transparent 0%, black 100%); background: -webkit-linear-gradient(top, transparent 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); bottom: 0; content: " "; height: 200px; position: absolute; left: 0; width: 100%; z-index: 0; } /* line 119, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro hr { background: white; } /* line 123, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro p, .Service.Digital.Marketing #intro .PTW16 ul, .PTW16 .Service.Digital.Marketing #intro ul { position: relative; z-index: 1; } /* line 128, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro .icon-circle-container { margin-top: 16vw; } @media (max-width: 500px) { /* line 128, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #intro .icon-circle-container { margin-top: 20vw; } } /* line 137, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #customerFirst { overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 144, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #customerFirst:after { display: block; content: ""; width: 200%; height: 100px; background: #e8e8e8; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 159, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #goals { overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 166, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #goals:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 183, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #improving hr { background-color: white; } /* line 190, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #list ul { list-style: none; margin: 0; padding: 0 10%; text-align: left; } /* line 197, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #list ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: 'Ubuntu',sans-serif; font-size: 1.25em; font-weight: 500; padding: 1em 0; padding-left: 1.5em; } /* line 205, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #list ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 209, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #list ul li:before { background: url(images/checkmark.svg) center no-repeat; background-size: contain; content: " "; display: inline-block; height: 1em; margin-left: -1.5em; margin-right: .5em; width: 1em; } /* line 225, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #matt { background: url(images/Services-Digital-Marketing-MattBG.jpg) center no-repeat; background-size: cover; } /* line 230, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #matt a.button { background: rgba(255, 255, 255, 0); color: white; font-style: normal; } /* line 236, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #matt .clearflex { min-height: 34vw; } /* line 242, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #strategy { background-color: #0f2129; color: white; font-size: 1.5em; overflow: visible; position: relative; z-index: 10; } /* line 251, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #strategy p, .Service.Digital.Marketing #strategy .PTW16 ul, .PTW16 .Service.Digital.Marketing #strategy ul { font-family: 'Ubuntu',sans-serif; line-height: 1.1em; margin-bottom: 0; } /* line 257, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #strategy:after { background: url(images/icon-arrow-down-white.svg) center no-repeat #0f2129; background-size: 1em 1em; border: 2px solid white; border-radius: 50%; bottom: -.75em; content: " "; display: block; height: 2em; left: calc(50% - 1em); position: absolute; width: 2em; } /* line 285, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #data { background: url(images/Services-Digital-Marketing-data.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 200px; padding-top: 100px; position: relative; /* diagonal on bottom */ } /* line 295, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #data:after { border-top: 1px solid #d9d9d9; display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 309, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #data a { color: white; } /* line 312, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #data a.button { background: rgba(255, 255, 255, 0); } /* line 317, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #data hr { background-color: white; } /* line 327, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #longTerm .half.column img { padding: 4em; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; } /* line 335, sass/services/_digitalMarketing.scss */ .no-touch .Service.Digital.Marketing #longTerm .half.column.queued img { -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -webkit-transform: translateX(-25%); transform: translateX(-25%); } /* line 340, sass/services/_digitalMarketing.scss */ .no-touch .Service.Digital.Marketing #longTerm .half.column.queued.rightSide img { -moz-transform: translateX(25%); -ms-transform: translateX(25%); -webkit-transform: translateX(25%); transform: translateX(25%); } @media (min-width: 950px) { /* line 350, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #longTerm h2, .Service.Digital.Marketing #longTerm h1 { margin-top: 4em; } } /* line 357, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #dashboard { background: url(images/Services-Digital-Marketing-dashboard-1.jpg) center no-repeat; background-size: cover; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); padding-bottom: 200px; padding-top: 200px; z-index: 20; } /* line 365, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #dashboard a.button, .Service.Digital.Marketing #dashboard .button, .Service.Digital.Marketing #dashboard button { background-color: transparent; border-color: #535353; color: #535353; } /* line 372, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-intro { background: url(images/Services-Digital-Marketing-dashboard-2.jpg) bottom no-repeat; background-size: cover; -moz-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.15); margin-top: 50px; padding-bottom: 200px; } /* line 385, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-planning h2, .Service.Digital.Marketing #process-planning h1, .Service.Digital.Marketing #process-planning p, .Service.Digital.Marketing #process-planning .PTW16 ul, .PTW16 .Service.Digital.Marketing #process-planning ul { text-align: left; } /* line 390, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-planning .half.column, .Service.Digital.Marketing #process-planning .one-third.column, .Service.Digital.Marketing #process-planning .two-thirds.column { padding-bottom: 2em; padding-top: 2em; } /* line 395, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-planning .half.column img, .Service.Digital.Marketing #process-planning .one-third.column img, .Service.Digital.Marketing #process-planning .two-thirds.column img { padding: 4em; -moz-transition: -moz-transform 1s ease-out; -o-transition: -o-transform 1s ease-out; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; } /* line 401, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-planning .half.column.alignRight h2, .Service.Digital.Marketing #process-planning .half.column.alignRight h1, .Service.Digital.Marketing #process-planning .half.column.alignRight p, .Service.Digital.Marketing #process-planning .half.column.alignRight .PTW16 ul, .PTW16 .Service.Digital.Marketing #process-planning .half.column.alignRight ul, .Service.Digital.Marketing #process-planning .one-third.column.alignRight h2, .Service.Digital.Marketing #process-planning .one-third.column.alignRight h1, .Service.Digital.Marketing #process-planning .one-third.column.alignRight p, .Service.Digital.Marketing #process-planning .one-third.column.alignRight .PTW16 ul, .PTW16 .Service.Digital.Marketing #process-planning .one-third.column.alignRight ul, .Service.Digital.Marketing #process-planning .two-thirds.column.alignRight h2, .Service.Digital.Marketing #process-planning .two-thirds.column.alignRight h1, .Service.Digital.Marketing #process-planning .two-thirds.column.alignRight p, .Service.Digital.Marketing #process-planning .two-thirds.column.alignRight .PTW16 ul, .PTW16 .Service.Digital.Marketing #process-planning .two-thirds.column.alignRight ul { text-align: right; } /* line 410, sass/services/_digitalMarketing.scss */ .no-touch .Service.Digital.Marketing #process-planning .half.column.queued img, .no-touch .Service.Digital.Marketing #process-planning .one-third.column.queued img, .no-touch .Service.Digital.Marketing #process-planning .two-thirds.column.queued img { -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -webkit-transform: translateX(-25%); transform: translateX(-25%); } /* line 415, sass/services/_digitalMarketing.scss */ .no-touch .Service.Digital.Marketing #process-planning .half.column.queued.rightSide img, .no-touch .Service.Digital.Marketing #process-planning .one-third.column.queued.rightSide img, .no-touch .Service.Digital.Marketing #process-planning .two-thirds.column.queued.rightSide img { -moz-transform: translateX(25%); -ms-transform: translateX(25%); -webkit-transform: translateX(25%); transform: translateX(25%); } /* line 426, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-campaign { background: url(images/Services-Digital-Marketing-splitScreen.jpg) center no-repeat; background-size: cover; padding-bottom: 8vw; padding-top: 8vw; } @media (max-width: 625px) { /* line 426, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-campaign { padding-bottom: 50px; padding-top: 50px; } } /* line 437, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-campaign a { color: white; } /* line 441, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-campaign hr { background-color: white; } /* line 445, sass/services/_digitalMarketing.scss */ .Service.Digital.Marketing #process-campaign a.button, .Service.Digital.Marketing #process-campaign .button, .Service.Digital.Marketing #process-campaign button { background-color: transparent; } /* line 2, sass/services/_branding.scss */ .Service.Branding { text-align: center; } /* line 6, sass/services/_branding.scss */ .Service.Branding .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; margin-top: 3em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 15, sass/services/_branding.scss */ .Service.Branding .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 25, sass/services/_branding.scss */ .Service.Branding section.bg-lightgray { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } /* line 30, sass/services/_branding.scss */ .Service.Branding section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 33, sass/services/_branding.scss */ .Service.Branding section.relatedWork-title h2, .Service.Branding section.relatedWork-title .Careers #intro h1, .Careers #intro .Service.Branding section.relatedWork-title h1, .Service.Branding section.relatedWork-title .Legal #intro h1, .Legal #intro .Service.Branding section.relatedWork-title h1, .Service.Branding section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service.Branding section.relatedWork-title h1, .Service.Branding section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 44, sass/services/_branding.scss */ .Service.Branding #integration .Service--text:last-child > p:last-child, .Service.Branding #integration .PTW16 .Service--text:last-child > ul:last-child, .PTW16 .Service.Branding #integration .Service--text:last-child > ul:last-child { padding-bottom: 40%; } /* line 50, sass/services/_branding.scss */ .Service.Branding #intro { position: relative; overflow: hidden; /* diagonal on bottom */ } /* line 56, sass/services/_branding.scss */ .Service.Branding #intro:after { display: block; content: ""; width: 200%; height: 100px; background: #65c2ed; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 69, sass/services/_branding.scss */ .Service.Branding #intro .logos { margin-top: 3.5em; } /* line 73, sass/services/_branding.scss */ .Service.Branding #intro .logos.clearflex { align-items: center; flex-wrap: wrap; } /* line 78, sass/services/_branding.scss */ .Service.Branding #intro .logos img { margin: 0 3.75vw 7.5vw 3.75vw; max-height: 6.5vw; max-width: 21.5vw; width: calc(100% - 7.5vw); } @media (max-width: 767px) { /* line 69, sass/services/_branding.scss */ .Service.Branding #intro .logos { margin-top: 1em; padding-bottom: 2em; } /* line 90, sass/services/_branding.scss */ .Service.Branding #intro .logos img { margin-bottom: 3.5em; max-height: 50px; max-width: 150px; } } /* line 102, sass/services/_branding.scss */ .Service.Branding #more { overflow: visible; } /* line 104, sass/services/_branding.scss */ .Service.Branding #more p:first-child, .Service.Branding #more .PTW16 ul:first-child, .PTW16 .Service.Branding #more ul:first-child { margin-top: -40%; } /* line 110, sass/services/_branding.scss */ .Service.Branding #philosophy { overflow: hidden; padding-bottom: 200px; position: relative; /* diagonal on bottom */ } /* line 117, sass/services/_branding.scss */ .Service.Branding #philosophy:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 130, sass/services/_branding.scss */ .Service.Branding #philosophy .label { border-color: white; } /* line 133, sass/services/_branding.scss */ .Service.Branding #philosophy .label span { background: #65c2ed; color: white; } /* line 139, sass/services/_branding.scss */ .Service.Branding #philosophy .label:first-child { margin-bottom: 0; } /* line 143, sass/services/_branding.scss */ .Service.Branding #philosophy .label:first-child + p, .Service.Branding #philosophy .PTW16 .label:first-child + ul, .PTW16 .Service.Branding #philosophy .label:first-child + ul { margin: 0; text-align: left; } /* line 149, sass/services/_branding.scss */ .Service.Branding #philosophy .label:first-child + p span, .Service.Branding #philosophy .PTW16 .label:first-child + ul span, .PTW16 .Service.Branding #philosophy .label:first-child + ul span { display: inline-block; font-family: 'Ubuntu',sans-serif; font-size: 3em; font-weight: 700; line-height: 1em; text-transform: uppercase; } /* line 158, sass/services/_branding.scss */ .Service.Branding #philosophy .label:first-child + p + .label, .Service.Branding #philosophy .PTW16 .label:first-child + ul + .label, .PTW16 .Service.Branding #philosophy .label:first-child + ul + .label { margin-top: 0; } /* line 168, sass/services/_branding.scss */ .Service.Branding #process { background: url(images/Services-Branding-SECK_Brainstorm.jpg) center no-repeat; background-size: cover; padding-bottom: 8em; padding-top: 8em; position: relative; } /* line 176, sass/services/_branding.scss */ .Service.Branding #process:before { background: rgba(0, 0, 0, 0.8); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } /* line 188, sass/services/_branding.scss */ .Service.Branding #process hr { background: white; } /* line 192, sass/services/_branding.scss */ .Service.Branding #process .Service--text { position: relative; z-index: 2; } /* line 203, sass/services/_branding.scss */ .Service.Branding #serviceAreas .clearfix.clearflex { flex-wrap: wrap; } /* line 207, sass/services/_branding.scss */ .Service.Branding #serviceAreas .clearfix .column, .Service.Branding #serviceAreas .clearfix .columns { padding: 1em 3.5vw; } /* line 213, sass/services/_branding.scss */ .Service.Branding #serviceAreas h2, .Service.Branding #serviceAreas h1 { font-family: 'Ubuntu', sans-serif; font-weight: 700; text-transform: uppercase; } @media (min-width: 767px) and (max-width: 1550px) { /* line 219, sass/services/_branding.scss */ .Service.Branding #serviceAreas p, .Service.Branding #serviceAreas .PTW16 ul, .PTW16 .Service.Branding #serviceAreas ul { font-size: 1em; text-align: left; } } /* line 233, sass/services/_branding.scss */ .Service.Branding #whatweoffer { overflow: hidden; position: relative; /* diagonal on bottom */ /* diagonal on bottom */ } /* line 238, sass/services/_branding.scss */ .Service.Branding #whatweoffer h2, .Service.Branding #whatweoffer h1 { display: inline-block; font-family: 'Ubuntu',sans-serif; font-size: 3em; font-weight: 700; line-height: 1em; margin-bottom: 1em; padding-bottom: 100px; padding-top: 100px; text-transform: uppercase; } /* line 251, sass/services/_branding.scss */ .Service.Branding #whatweoffer:before { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; top: -100px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 265, sass/services/_branding.scss */ .Service.Branding #whatweoffer:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 2, sass/services/_videoProduction.scss */ .Service.Video.Production { text-align: center; } /* line 6, sass/services/_videoProduction.scss */ .Service.Video.Production .fullImage { padding: 0; } /* line 8, sass/services/_videoProduction.scss */ .Service.Video.Production .fullImage img { width: 100%; } /* line 11, sass/services/_videoProduction.scss */ .Service.Video.Production .fullImage p, .Service.Video.Production .fullImage .PTW16 ul, .PTW16 .Service.Video.Production .fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 18, sass/services/_videoProduction.scss */ .Service.Video.Production .label { border-bottom: 1px solid #b0b0b0; color: #646464; font-family: 'Ubuntu',sans-serif; font-size: 1em; font-weight: 700; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 29, sass/services/_videoProduction.scss */ .Service.Video.Production .label span { background: white; color: black; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 39, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial { background: url(images/Services-Video-AerialBG.jpg) center no-repeat black; background-size: cover; } /* line 43, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial h2, .Service.Video.Production #aerial h1 { margin-top: 0; } /* line 47, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial hr { background: white; } /* line 51, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial .clearflex { align-items: center; min-height: 50vw; } /* line 56, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial .icon-circle { border: none; height: 100px; width: 200px; } /* line 61, sass/services/_videoProduction.scss */ .Service.Video.Production #aerial .icon-circle img { max-height: 100px; max-width: 200px; } /* line 69, sass/services/_videoProduction.scss */ .Service.Video.Production #animation hr { background: white; } /* line 74, sass/services/_videoProduction.scss */ .Service.Video.Production #audience { background: url(images/Services-Video-AudienceBG.jpg) center no-repeat black; background-size: cover; overflow: hidden; padding-bottom: 200px; padding-top: 200px; position: relative; /* diagonal on bottom */ /* diagonal on bottom */ } /* line 84, sass/services/_videoProduction.scss */ .Service.Video.Production #audience:before { display: block; content: ""; width: 200%; height: 100px; background: #65c2ed; position: absolute; left: -10px; top: -100px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 98, sass/services/_videoProduction.scss */ .Service.Video.Production #audience:after { display: block; content: ""; width: 200%; height: 100px; background: #65c2ed; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 111, sass/services/_videoProduction.scss */ .Service.Video.Production #audience hr { background: white; } /* line 115, sass/services/_videoProduction.scss */ .Service.Video.Production #audience .clearflex { align-items: center; min-height: 25vw; } /* line 123, sass/services/_videoProduction.scss */ .Service.Video.Production #intro .Service--intro:last-child > p:last-child, .Service.Video.Production #intro .PTW16 .Service--intro:last-child > ul:last-child, .PTW16 .Service.Video.Production #intro .Service--intro:last-child > ul:last-child { padding-bottom: 40%; } /* line 129, sass/services/_videoProduction.scss */ .Service.Video.Production #story { overflow: visible; } /* line 131, sass/services/_videoProduction.scss */ .Service.Video.Production #story p:first-child, .Service.Video.Production #story .PTW16 ul:first-child, .PTW16 .Service.Video.Production #story ul:first-child { margin-top: -40%; } /* line 2, sass/services/_leverage.scss */ .Service.Leverage { text-align: center; } /* line 6, sass/services/_leverage.scss */ .Service.Leverage .callout { border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; color: #65c2ed; font-family: 'Ubuntu', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 400; line-height: 1.25em; padding: 1em; text-align: center; } /* line 18, sass/services/_leverage.scss */ .Service.Leverage .callout strong { font-weight: 400; } /* line 23, sass/services/_leverage.scss */ .Service.Leverage .fullImage { padding: 0; } /* line 25, sass/services/_leverage.scss */ .Service.Leverage .fullImage img { width: 100%; } /* line 28, sass/services/_leverage.scss */ .Service.Leverage .fullImage p, .Service.Leverage .fullImage .PTW16 ul, .PTW16 .Service.Leverage .fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 35, sass/services/_leverage.scss */ .Service.Leverage .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; margin-top: 3em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 44, sass/services/_leverage.scss */ .Service.Leverage .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 54, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue1 { background-color: #245c94; } /* line 57, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue1 hr { background-color: white; } /* line 62, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue2 { background-color: #0082cd; } /* line 65, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue2 hr { background-color: white; } /* line 70, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue3 { background-color: #11385f; } /* line 73, sass/services/_leverage.scss */ .Service.Leverage section.bg-blue3 hr { background-color: white; } /* line 78, sass/services/_leverage.scss */ .Service.Leverage section.bg-lightgray { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } /* line 83, sass/services/_leverage.scss */ .Service.Leverage section.faq { padding-bottom: 1.5em; } /* line 87, sass/services/_leverage.scss */ .Service.Leverage section.faq h3 { color: #65c2ed; font-size: 1.25em; font-weight: 500; line-height: 1.5em; margin-bottom: 0; text-align: left; text-transform: uppercase; } /* line 96, sass/services/_leverage.scss */ .Service.Leverage section.faq p, .Service.Leverage section.faq .PTW16 ul, .PTW16 .Service.Leverage section.faq ul { margin-top: 0; text-align: left; } /* line 102, sass/services/_leverage.scss */ .Service.Leverage section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 105, sass/services/_leverage.scss */ .Service.Leverage section.relatedWork-title h2, .Service.Leverage section.relatedWork-title .Careers #intro h1, .Careers #intro .Service.Leverage section.relatedWork-title h1, .Service.Leverage section.relatedWork-title .Legal #intro h1, .Legal #intro .Service.Leverage section.relatedWork-title h1, .Service.Leverage section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service.Leverage section.relatedWork-title h1, .Service.Leverage section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 117, sass/services/_leverage.scss */ .Service.Leverage #clients .clients--clients--logo { height: 10em; position: relative; width: 16.666666667%; } @media (max-width: 767px) { /* line 117, sass/services/_leverage.scss */ .Service.Leverage #clients .clients--clients--logo { height: 8em; width: 33.33%; } } /* line 128, sass/services/_leverage.scss */ .Service.Leverage #clients .clients--clients--logo img { margin: 0 15%; max-height: 60px; max-width: 70%; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 145, sass/services/_leverage.scss */ .Service.Leverage #intro h1 { margin-top: 2em; } /* line 149, sass/services/_leverage.scss */ .Service.Leverage #intro h1 img { max-width: 250px; width: 70%; } /* line 155, sass/services/_leverage.scss */ .Service.Leverage #intro hr.styled { background: #65c2ed; } /* line 159, sass/services/_leverage.scss */ .Service.Leverage #intro p:first-child, .Service.Leverage #intro .PTW16 ul:first-child, .PTW16 .Service.Leverage #intro ul:first-child, .Service.Leverage #intro h1 + p, .Service.Leverage #intro .PTW16 h1 + ul, .PTW16 .Service.Leverage #intro h1 + ul { font-size: 1.875em; line-height: 1.25em; text-align: center; } /* line 169, sass/services/_leverage.scss */ .Service.Leverage #why ul { list-style: none; margin: 0; padding: 0 10%; text-align: left; } /* line 176, sass/services/_leverage.scss */ .Service.Leverage #why ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: 'Ubuntu',sans-serif; font-size: 1.25em; font-weight: 500; padding: 1em 0; } /* line 183, sass/services/_leverage.scss */ .Service.Leverage #why ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.3); } /* line 187, sass/services/_leverage.scss */ .Service.Leverage #why ul li:before { background: url(images/checkmark.svg) center no-repeat; background-size: contain; content: " "; display: inline-block; height: 1em; margin-right: .5em; width: 1em; } /* line 2, sass/services/_customReporting.scss */ .Service.Custom.Reporting { text-align: center; } /* line 6, sass/services/_customReporting.scss */ .Service.Custom.Reporting .callout { border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; color: #65c2ed; font-family: 'Ubuntu', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 400; line-height: 1.25em; padding: 1em; text-align: center; } /* line 18, sass/services/_customReporting.scss */ .Service.Custom.Reporting .callout strong { font-weight: 400; } /* line 23, sass/services/_customReporting.scss */ .Service.Custom.Reporting .fullImage { padding: 0; } /* line 25, sass/services/_customReporting.scss */ .Service.Custom.Reporting .fullImage img { width: 100%; } /* line 28, sass/services/_customReporting.scss */ .Service.Custom.Reporting .fullImage p, .Service.Custom.Reporting .fullImage .PTW16 ul, .PTW16 .Service.Custom.Reporting .fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 35, sass/services/_customReporting.scss */ .Service.Custom.Reporting .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; margin-top: 3em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 44, sass/services/_customReporting.scss */ .Service.Custom.Reporting .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 54, sass/services/_customReporting.scss */ .Service.Custom.Reporting section.bg-lightgray { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } /* line 59, sass/services/_customReporting.scss */ .Service.Custom.Reporting section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 62, sass/services/_customReporting.scss */ .Service.Custom.Reporting section.relatedWork-title h2, .Service.Custom.Reporting section.relatedWork-title .Careers #intro h1, .Careers #intro .Service.Custom.Reporting section.relatedWork-title h1, .Service.Custom.Reporting section.relatedWork-title .Legal #intro h1, .Legal #intro .Service.Custom.Reporting section.relatedWork-title h1, .Service.Custom.Reporting section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service.Custom.Reporting section.relatedWork-title h1, .Service.Custom.Reporting section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 73, sass/services/_customReporting.scss */ .Service.Custom.Reporting #cta { background: url(images/dsd/dsdOniPad.jpg) center no-repeat; background-size: cover; } /* line 78, sass/services/_customReporting.scss */ .Service.Custom.Reporting #cta a.button { background: rgba(255, 255, 255, 0); color: white; font-style: normal; } /* line 83, sass/services/_customReporting.scss */ .Service.Custom.Reporting #cta a.button:hover { background: white; color: #525252; } /* line 89, sass/services/_customReporting.scss */ .Service.Custom.Reporting #cta .clearflex { min-height: 36.25vw; } /* line 93, sass/services/_customReporting.scss */ .Service.Custom.Reporting #cta h2, .Service.Custom.Reporting #cta h1 { margin-bottom: 1em; } @media (max-width: 767px) { /* line 100, sass/services/_customReporting.scss */ .Service.Custom.Reporting #intro { padding-bottom: 1em; } } /* line 106, sass/services/_customReporting.scss */ .Service.Custom.Reporting #intro h1 { margin-top: 2em; } /* line 112, sass/services/_customReporting.scss */ .Service.Custom.Reporting #intro hr.styled { background: #65c2ed; } /* line 116, sass/services/_customReporting.scss */ .Service.Custom.Reporting #intro p:first-child, .Service.Custom.Reporting #intro .PTW16 ul:first-child, .PTW16 .Service.Custom.Reporting #intro ul:first-child { text-align: center; } /* line 118, sass/services/_customReporting.scss */ .Service.Custom.Reporting #intro p:first-child img, .Service.Custom.Reporting #intro .PTW16 ul:first-child img, .PTW16 .Service.Custom.Reporting #intro ul:first-child img { margin: 2em 0; max-width: 60%; } /* line 126, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides { padding: 0; } /* line 130, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides h2, .Service.Custom.Reporting #sideBySides h1 { font-family: 'Ubuntu', sans-serif; font-size: 1.25em; line-height: 1.25em; margin-bottom: 0; text-align: left; text-transform: uppercase; } /* line 138, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides h2 + p, .Service.Custom.Reporting #sideBySides .Approach h1 + p, .Service.Custom.Reporting #sideBySides .Careers #intro h1 + p, .Service.Custom.Reporting #sideBySides .Case.Study h1 + p, .Service.Custom.Reporting #sideBySides .Legal #intro h1 + p, .Service.Custom.Reporting #sideBySides .Press .Press--intro h1 + p, .Service.Custom.Reporting #sideBySides .Responsive #intro h1 + p, .Service.Custom.Reporting #sideBySides h1 + p, .Service.Custom.Reporting #sideBySides .Work .Work--intro h1 + p, .Service.Custom.Reporting #sideBySides .PTW16 .menuBar h1 + p, .Service.Custom.Reporting #sideBySides .PTW16 h2 + ul, .PTW16 .Service.Custom.Reporting #sideBySides h2 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Approach h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Careers #intro h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Case.Study h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Legal #intro h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Press .Press--intro h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Responsive #intro h1 + ul, .Service.Custom.Reporting #sideBySides .PTW16 h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides h1 + ul, .PTW16 .Service.Custom.Reporting #sideBySides .Work .Work--intro h1 + ul, .Service.Custom.Reporting #sideBySides .PTW16 .menuBar h1 + ul { margin-top: .5em; } @media (max-width: 1099px) { /* line 143, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .column { width: 100%; } } /* line 151, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .image-column p, .Service.Custom.Reporting #sideBySides .image-column .PTW16 ul, .PTW16 .Service.Custom.Reporting #sideBySides .image-column ul { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 19em; line-height: 0; margin: 0; padding: 0; } @media (min-width: 1100px) and (max-width: 1535px) { /* line 151, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .image-column p, .Service.Custom.Reporting #sideBySides .image-column .PTW16 ul, .PTW16 .Service.Custom.Reporting #sideBySides .image-column ul { min-height: 27em; } } @media (max-width: 1099px) { /* line 161, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .image-column + .image-column { display: none; } } /* line 169, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .text-column { padding: 2em 6em; } @media (max-width: 767px) { /* line 169, sass/services/_customReporting.scss */ .Service.Custom.Reporting #sideBySides .text-column { padding: 2em; } } /* line 2, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard { text-align: center; } /* line 6, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .callout { border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; color: #65c2ed; font-family: 'Ubuntu', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 400; line-height: 1.25em; padding: 1em; text-align: center; } /* line 18, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .callout strong { font-weight: 400; } /* line 23, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .fullImage { padding: 0; } /* line 25, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .fullImage img { width: 100%; } /* line 28, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .fullImage p, .Service.Digital.Strategy.Dashboard .fullImage .PTW16 ul, .PTW16 .Service.Digital.Strategy.Dashboard .fullImage ul { line-height: 0; margin: 0; padding: 0; } /* line 35, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; margin-top: 3em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 44, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 54, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard section.bg-lightgray { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } /* line 59, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard section.relatedWork-title { padding-bottom: 0em; padding-top: 0em; } /* line 62, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard section.relatedWork-title h2, .Service.Digital.Strategy.Dashboard section.relatedWork-title .Careers #intro h1, .Careers #intro .Service.Digital.Strategy.Dashboard section.relatedWork-title h1, .Service.Digital.Strategy.Dashboard section.relatedWork-title .Legal #intro h1, .Legal #intro .Service.Digital.Strategy.Dashboard section.relatedWork-title h1, .Service.Digital.Strategy.Dashboard section.relatedWork-title .Responsive #intro h1, .Responsive #intro .Service.Digital.Strategy.Dashboard section.relatedWork-title h1, .Service.Digital.Strategy.Dashboard section.relatedWork-title h1 { font-family: 'Droid Serif',serif; font-size: 1.25em; font-style: italic; font-weight: 700; margin-bottom: 1em; margin-top: 1em; } /* line 73, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #cta { background: url(images/dsd/dsdOniPad.jpg) center no-repeat; background-size: cover; } /* line 78, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #cta a.button { background: rgba(255, 255, 255, 0); color: white; font-style: normal; } /* line 83, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #cta a.button:hover { background: white; color: #525252; } /* line 89, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #cta .clearflex { min-height: 36.25vw; } /* line 93, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #cta h2, .Service.Digital.Strategy.Dashboard #cta h1 { margin-bottom: 1em; } @media (max-width: 767px) { /* line 100, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #intro { padding-bottom: 1em; } } /* line 106, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #intro h1 { margin-top: 2em; } /* line 112, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #intro hr.styled { background: #65c2ed; } /* line 116, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #intro p:first-child, .Service.Digital.Strategy.Dashboard #intro .PTW16 ul:first-child, .PTW16 .Service.Digital.Strategy.Dashboard #intro ul:first-child { text-align: center; } /* line 118, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #intro p:first-child img, .Service.Digital.Strategy.Dashboard #intro .PTW16 ul:first-child img, .PTW16 .Service.Digital.Strategy.Dashboard #intro ul:first-child img { margin: 2em 0; max-width: 60%; } /* line 126, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides { padding: 0; } /* line 130, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides h2, .Service.Digital.Strategy.Dashboard #sideBySides h1 { font-family: 'Ubuntu', sans-serif; font-size: 1.25em; line-height: 1.25em; margin-bottom: 0; text-align: left; text-transform: uppercase; } /* line 138, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides h2 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Approach h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Careers #intro h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Case.Study h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Legal #intro h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Press .Press--intro h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Responsive #intro h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .Work .Work--intro h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .PTW16 .menuBar h1 + p, .Service.Digital.Strategy.Dashboard #sideBySides .PTW16 h2 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides h2 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Approach h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Careers #intro h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Case.Study h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Legal #intro h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Press .Press--intro h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Responsive #intro h1 + ul, .Service.Digital.Strategy.Dashboard #sideBySides .PTW16 h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides h1 + ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .Work .Work--intro h1 + ul, .Service.Digital.Strategy.Dashboard #sideBySides .PTW16 .menuBar h1 + ul { margin-top: .5em; } @media (max-width: 1099px) { /* line 143, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .column { width: 100%; } } /* line 151, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .image-column p, .Service.Digital.Strategy.Dashboard #sideBySides .image-column .PTW16 ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .image-column ul { background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 19em; line-height: 0; margin: 0; padding: 0; } @media (min-width: 1100px) and (max-width: 1535px) { /* line 151, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .image-column p, .Service.Digital.Strategy.Dashboard #sideBySides .image-column .PTW16 ul, .PTW16 .Service.Digital.Strategy.Dashboard #sideBySides .image-column ul { min-height: 27em; } } @media (max-width: 1099px) { /* line 161, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .image-column + .image-column { display: none; } } /* line 169, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .text-column { padding: 2em 6em; } @media (max-width: 767px) { /* line 169, sass/services/_digitalStrategyDashboard.scss */ .Service.Digital.Strategy.Dashboard #sideBySides .text-column { padding: 2em; } } /* line 2, sass/casestudies/_CC.scss */ .CC section#intro { background: #003f8c; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 7, sass/casestudies/_CC.scss */ .CC section#intro h1 { margin-top: 0; } /* line 11, sass/casestudies/_CC.scss */ .CC section#intro hr { background-color: white; } /* line 15, sass/casestudies/_CC.scss */ .CC section#intro .callout { border-bottom: 1px solid #809fc6; border-top: 1px solid #809fc6; font-family: 'Ubuntu', sans-serif; font-size: 1.875em; font-style: italic; line-height: 1.25em; padding: 1em; text-align: center; } /* line 29, sass/casestudies/_CC.scss */ .CC section#brainstorm { padding-bottom: 4em; } /* line 33, sass/casestudies/_CC.scss */ .CC section#branding-process { background: #003f8c; } /* line 37, sass/casestudies/_CC.scss */ .CC section#branding-process hr { background-color: white; } /* line 43, sass/casestudies/_CC.scss */ .CC section.goal-copy { background: #002d63; padding-bottom: .75em; padding-top: .75em; } /* line 49, sass/casestudies/_CC.scss */ .CC section.goal-header { background: #003f8c; } /* line 52, sass/casestudies/_CC.scss */ .CC section.goal-header p, .CC section.goal-header .PTW16 ul, .PTW16 .CC section.goal-header ul { font-family: 'Ubuntu', sans-serif; font-size: 2em; margin: 0; } /* line 61, sass/casestudies/_CC.scss */ .CC section#problem { background: url(images/work/SSM/SSM_WelderRed_overlay.jpg) center no-repeat #a80807; background-size: cover; color: white; } /* line 67, sass/casestudies/_CC.scss */ .CC section#problem h2, .CC section#problem .Approach h1, .Approach .CC section#problem h1, .CC section#problem .Careers #intro h1, .Careers #intro .CC section#problem h1, .CC section#problem .Case.Study h1, .Case.Study .CC section#problem h1, .CC section#problem .Legal #intro h1, .Legal #intro .CC section#problem h1, .CC section#problem .Press .Press--intro h1, .Press .Press--intro .CC section#problem h1, .CC section#problem .Responsive #intro h1, .Responsive #intro .CC section#problem h1, .CC section#problem .Service h1, .Service .CC section#problem h1, .CC section#problem .Work .Work--intro h1, .Work .Work--intro .CC section#problem h1, .CC section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .CC section#problem h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 75, sass/casestudies/_CC.scss */ .CC section#problem hr { background-color: white; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 80, sass/casestudies/_CC.scss */ .CC section#problem p, .CC section#problem .PTW16 ul, .PTW16 .CC section#problem ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 87, sass/casestudies/_CC.scss */ .CC section#results { background: url(images/work/CC/CC_The-Results.jpg) top no-repeat #003f8c; background-size: cover; color: white; } /* line 93, sass/casestudies/_CC.scss */ .CC section#results h2, .CC section#results .Approach h1, .Approach .CC section#results h1, .CC section#results .Careers #intro h1, .Careers #intro .CC section#results h1, .CC section#results .Case.Study h1, .Case.Study .CC section#results h1, .CC section#results .Legal #intro h1, .Legal #intro .CC section#results h1, .CC section#results .Press .Press--intro h1, .Press .Press--intro .CC section#results h1, .CC section#results .Responsive #intro h1, .Responsive #intro .CC section#results h1, .CC section#results .Service h1, .Service .CC section#results h1, .CC section#results .Work .Work--intro h1, .Work .Work--intro .CC section#results h1, .CC section#results .PTW16 .menuBar h1, .PTW16 .menuBar .CC section#results h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; margin-bottom: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 102, sass/casestudies/_CC.scss */ .CC section#results h4 { font-size: .9em; font-weight: 400; margin-top: 0; text-transform: uppercase; } /* line 108, sass/casestudies/_CC.scss */ .CC section#results h4 + p, .CC section#results .PTW16 h4 + ul, .PTW16 .CC section#results h4 + ul { margin-top: 6em; } /* line 113, sass/casestudies/_CC.scss */ .CC section#results p, .CC section#results .PTW16 ul, .PTW16 .CC section#results ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 3, sass/casestudies/_CSA.scss */ .CSA h2.alternate, .CSA .Approach h1.alternate, .Approach .CSA h1.alternate, .CSA .Careers #intro h1.alternate, .Careers #intro .CSA h1.alternate, .CSA .Case.Study h1.alternate, .Case.Study .CSA h1.alternate, .CSA .Legal #intro h1.alternate, .Legal #intro .CSA h1.alternate, .CSA .Press .Press--intro h1.alternate, .Press .Press--intro .CSA h1.alternate, .CSA .Responsive #intro h1.alternate, .Responsive #intro .CSA h1.alternate, .CSA .Service h1.alternate, .Service .CSA h1.alternate, .CSA .Work .Work--intro h1.alternate, .Work .Work--intro .CSA h1.alternate, .CSA .PTW16 .menuBar h1.alternate, .PTW16 .menuBar .CSA h1.alternate { margin-top: 0; text-transform: uppercase; } /* line 8, sass/casestudies/_CSA.scss */ .CSA section.bg-green { background: #48b42e; } /* line 11, sass/casestudies/_CSA.scss */ .CSA section.bg-green + section.bg-green { background: #4a9529; } /* line 17, sass/casestudies/_CSA.scss */ .CSA section.bg-default { background: #062e34; } /* line 20, sass/casestudies/_CSA.scss */ .CSA section.bg-default hr { background: white; } /* line 25, sass/casestudies/_CSA.scss */ .CSA section.bg-red { background: #e82329; } /* line 28, sass/casestudies/_CSA.scss */ .CSA section.bg-red + section.bg-red { background: #b20f13; } /* line 33, sass/casestudies/_CSA.scss */ .CSA section.bg-purple { background: #73559a; } /* line 36, sass/casestudies/_CSA.scss */ .CSA section.bg-purple hr { background: white; } /* line 3, sass/casestudies/_HZR.scss */ .HZR { color: #505050; } /* line 5, sass/casestudies/_HZR.scss */ .HZR .intro { background: #ffffff; margin-bottom: -3%; z-index: -1; } /* line 9, sass/casestudies/_HZR.scss */ .HZR .intro img { width: 100%; } /* line 13, sass/casestudies/_HZR.scss */ .HZR h2, .HZR .Approach h1, .Approach .HZR h1, .HZR .Careers #intro h1, .Careers #intro .HZR h1, .HZR .Case.Study h1, .Case.Study .HZR h1, .HZR .Legal #intro h1, .Legal #intro .HZR h1, .HZR .Press .Press--intro h1, .Press .Press--intro .HZR h1, .HZR .Responsive #intro h1, .Responsive #intro .HZR h1, .HZR .Service h1, .Service .HZR h1, .HZR .Work .Work--intro h1, .Work .Work--intro .HZR h1, .HZR .PTW16 .menuBar h1, .PTW16 .menuBar .HZR h1 { margin: 0; } /* line 17, sass/casestudies/_HZR.scss */ .HZR .introTexts .logo { background-color: #ffffff; padding-top: 2em; max-width: 1000px; } /* line 21, sass/casestudies/_HZR.scss */ .HZR .introTexts .logo img { max-width: 37.5%; } /* line 25, sass/casestudies/_HZR.scss */ .HZR .introTexts .disrupt { padding-bottom: 50px; } /* line 28, sass/casestudies/_HZR.scss */ .HZR .introTexts .disrupt hr { margin-top: 1.85em; } /* line 32, sass/casestudies/_HZR.scss */ .HZR .introTexts .phase1 { background-color: #009dda; color: #ffffff; padding: 40px; } /* line 36, sass/casestudies/_HZR.scss */ .HZR .introTexts .phase1 h2, .HZR .introTexts .phase1 .Approach h1, .Approach .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Careers #intro h1, .Careers #intro .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Case.Study h1, .Case.Study .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Legal #intro h1, .Legal #intro .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Press .Press--intro h1, .Press .Press--intro .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Responsive #intro h1, .Responsive #intro .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Service h1, .Service .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .Work .Work--intro h1, .Work .Work--intro .HZR .introTexts .phase1 h1, .HZR .introTexts .phase1 .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .introTexts .phase1 h1 { color: #ffffff; margin: 0; } /* line 40, sass/casestudies/_HZR.scss */ .HZR .introTexts .phase1 hr { background-color: #ffffff; margin: 1.85em auto; } /* line 44, sass/casestudies/_HZR.scss */ .HZR .introTexts .phase1 p, .HZR .introTexts .phase1 .PTW16 ul, .PTW16 .HZR .introTexts .phase1 ul { margin: 0 auto; padding: 0; } /* line 50, sass/casestudies/_HZR.scss */ .HZR .brandMessaging { color: #ffffff; } /* line 52, sass/casestudies/_HZR.scss */ .HZR .brandMessaging h3.title { background-color: #004e89; font-size: 1.85em; padding: 1.5em; margin: 0; } /* line 58, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage { display: block; position: relative; } /* line 61, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage img { width: 100%; } /* line 64, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage .textContainer { display: flex; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; justify-content: center; align-items: center; } /* line 74, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage .textContainer h2, .HZR .brandMessaging .brandImage .textContainer .Approach h1, .Approach .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Careers #intro h1, .Careers #intro .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Case.Study h1, .Case.Study .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Legal #intro h1, .Legal #intro .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Press .Press--intro h1, .Press .Press--intro .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Responsive #intro h1, .Responsive #intro .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Service h1, .Service .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .Work .Work--intro h1, .Work .Work--intro .HZR .brandMessaging .brandImage .textContainer h1, .HZR .brandMessaging .brandImage .textContainer .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .brandMessaging .brandImage .textContainer h1 { color: #ffffff; } /* line 77, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage .textContainer h2.italicText, .HZR .brandMessaging .brandImage .textContainer .Approach h1.italicText, .Approach .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Careers #intro h1.italicText, .Careers #intro .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Case.Study h1.italicText, .Case.Study .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Legal #intro h1.italicText, .Legal #intro .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Press .Press--intro h1.italicText, .Press .Press--intro .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Responsive #intro h1.italicText, .Responsive #intro .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Service h1.italicText, .Service .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .Work .Work--intro h1.italicText, .Work .Work--intro .HZR .brandMessaging .brandImage .textContainer h1.italicText, .HZR .brandMessaging .brandImage .textContainer .PTW16 .menuBar h1.italicText, .PTW16 .menuBar .HZR .brandMessaging .brandImage .textContainer h1.italicText { font-family: "Ubuntu", "Arial", sans-serif; font-style: italic; line-height: 1em; padding: 0.5em 1em 0.5em; } @media screen and (max-width: 550px) { /* line 64, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage .textContainer { padding: 10px; } } @media screen and (max-width: 410px) { /* line 89, sass/casestudies/_HZR.scss */ .HZR .brandMessaging h3.title { padding: 1em 1em 0.5em; } /* line 93, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage .textContainer { background-color: #004e89; position: relative; padding-bottom: 1em; } /* line 98, sass/casestudies/_HZR.scss */ .HZR .brandMessaging .brandImage img { display: none; } } /* line 104, sass/casestudies/_HZR.scss */ .HZR .threeColumns { display: flex; flex-direction: row; text-align: left; background-color: #009dda; color: #ffffff; } /* line 110, sass/casestudies/_HZR.scss */ .HZR .threeColumns div { border: 1px solid #ffffff; padding: 3em; } /* line 114, sass/casestudies/_HZR.scss */ .HZR .threeColumns h3 { font-size: 1.85em; margin: 0 0 5px 0; } /* line 118, sass/casestudies/_HZR.scss */ .HZR .threeColumns p, .HZR .threeColumns .PTW16 ul, .PTW16 .HZR .threeColumns ul { margin: 0; } @media screen and (max-width: 1070px) { /* line 104, sass/casestudies/_HZR.scss */ .HZR .threeColumns { flex-wrap: wrap; display: block; } /* line 124, sass/casestudies/_HZR.scss */ .HZR .threeColumns div { padding: 2em 3em; } } /* line 129, sass/casestudies/_HZR.scss */ .HZR .brandingProcess { background-color: #e8e8e8; width: 100%; } /* line 132, sass/casestudies/_HZR.scss */ .HZR .brandingProcess img { padding: 1.5em; } /* line 136, sass/casestudies/_HZR.scss */ .HZR .calloutBox { margin-top: 1.85em; } /* line 139, sass/casestudies/_HZR.scss */ .HZR .research { padding: 50px 10px; } /* line 142, sass/casestudies/_HZR.scss */ .HZR .socialVideo { overflow: hidden; position: relative; } /* line 145, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidCaption { padding-top: 20px; } @media screen and (max-width: 402px) { /* line 147, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidCaption h2, .HZR .socialVideo .vidCaption .Approach h1, .Approach .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Careers #intro h1, .Careers #intro .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Case.Study h1, .Case.Study .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Legal #intro h1, .Legal #intro .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Press .Press--intro h1, .Press .Press--intro .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Responsive #intro h1, .Responsive #intro .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Service h1, .Service .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .Work .Work--intro h1, .Work .Work--intro .HZR .socialVideo .vidCaption h1, .HZR .socialVideo .vidCaption .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .socialVideo .vidCaption h1 { font-size: 1.85em; } } /* line 152, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidCaption p, .HZR .socialVideo .vidCaption .PTW16 ul, .PTW16 .HZR .socialVideo .vidCaption ul { max-width: 800px; } /* line 156, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidEmbed { width: 100%; height: auto; } @media screen and (max-width: 800px) { /* line 156, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidEmbed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } } /* line 167, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidEmbed iframe { border: 2px solid #ffffff; width: 560px; height: 315px; } @media screen and (max-width: 800px) { /* line 167, sass/casestudies/_HZR.scss */ .HZR .socialVideo .vidEmbed iframe { border: 2px solid #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* line 183, sass/casestudies/_HZR.scss */ .HZR .socialVideo:after { display: block; content: ""; width: 200%; height: 60%; background-color: #009dda; position: absolute; left: -25%; top: -200px; z-index: -1; -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } /* line 196, sass/casestudies/_HZR.scss */ .HZR .interviewed { padding: 50px 10px 0px; } /* line 199, sass/casestudies/_HZR.scss */ .HZR .sellSlider { width: 100%; background-color: #eeeeee; padding: 3em; } /* line 204, sass/casestudies/_HZR.scss */ .HZR .good { margin: 0 auto; } /* line 206, sass/casestudies/_HZR.scss */ .HZR .good img { width: 100%; } /* line 210, sass/casestudies/_HZR.scss */ .HZR .imac { padding-bottom: 10px; } /* line 213, sass/casestudies/_HZR.scss */ .HZR .phase4 { background-color: #00457c; color: #ffffff; } /* line 216, sass/casestudies/_HZR.scss */ .HZR .phase4 h2, .HZR .phase4 .Approach h1, .Approach .HZR .phase4 h1, .HZR .phase4 .Careers #intro h1, .Careers #intro .HZR .phase4 h1, .HZR .phase4 .Case.Study h1, .Case.Study .HZR .phase4 h1, .HZR .phase4 .Legal #intro h1, .Legal #intro .HZR .phase4 h1, .HZR .phase4 .Press .Press--intro h1, .Press .Press--intro .HZR .phase4 h1, .HZR .phase4 .Responsive #intro h1, .Responsive #intro .HZR .phase4 h1, .HZR .phase4 .Service h1, .Service .HZR .phase4 h1, .HZR .phase4 .Work .Work--intro h1, .Work .Work--intro .HZR .phase4 h1, .HZR .phase4 .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .phase4 h1 { color: #ffffff; } /* line 219, sass/casestudies/_HZR.scss */ .HZR .phase4 hr { background-color: #ffffff; } /* line 223, sass/casestudies/_HZR.scss */ .HZR .revenueGraph { background-color: #019cdc; color: #ffffff; } /* line 226, sass/casestudies/_HZR.scss */ .HZR .revenueGraph img { width: 100%; padding: 1em; } /* line 230, sass/casestudies/_HZR.scss */ .HZR .revenueGraph .revenueHeader { padding: 1em; } /* line 232, sass/casestudies/_HZR.scss */ .HZR .revenueGraph .revenueHeader h2, .HZR .revenueGraph .revenueHeader .Approach h1, .Approach .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Careers #intro h1, .Careers #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Case.Study h1, .Case.Study .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Legal #intro h1, .Legal #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Press .Press--intro h1, .Press .Press--intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Responsive #intro h1, .Responsive #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Service h1, .Service .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Work .Work--intro h1, .Work .Work--intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .revenueGraph .revenueHeader h1 { font-family: 'Ubuntu',sans-serif; font-size: 3em; font-weight: 700; color: #ffffff; text-transform: uppercase; } @media (max-width: 500px) { /* line 232, sass/casestudies/_HZR.scss */ .HZR .revenueGraph .revenueHeader h2, .HZR .revenueGraph .revenueHeader .Approach h1, .Approach .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Careers #intro h1, .Careers #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Case.Study h1, .Case.Study .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Legal #intro h1, .Legal #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Press .Press--intro h1, .Press .Press--intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Responsive #intro h1, .Responsive #intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Service h1, .Service .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .Work .Work--intro h1, .Work .Work--intro .HZR .revenueGraph .revenueHeader h1, .HZR .revenueGraph .revenueHeader .PTW16 .menuBar h1, .PTW16 .menuBar .HZR .revenueGraph .revenueHeader h1 { font-size: 2em; } } /* line 242, sass/casestudies/_HZR.scss */ .HZR .revenueGraph .revenueHeader p, .HZR .revenueGraph .revenueHeader .PTW16 ul, .PTW16 .HZR .revenueGraph .revenueHeader ul { font-family: 'Ubuntu', sans-serif; font-size: 2em; margin: 0; } @media screen and (max-width: 799px) { /* line 250, sass/casestudies/_HZR.scss */ .HZR p, .HZR .PTW16 ul, .PTW16 .HZR ul { padding: inherit 10px; } } /* line 2, sass/casestudies/_MATH.scss */ .MATH section.MATH-brandingProcess { background-color: #0373b4; overflow: hidden; padding-top: 50px; padding-bottom: 100px; position: relative; /* diagonal on bottom */ } /* line 10, sass/casestudies/_MATH.scss */ .MATH section.MATH-brandingProcess:after { display: block; content: ""; width: 200%; height: 100px; background: #83b72f; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 22, sass/casestudies/_MATH.scss */ .MATH section.MATH-brandingProcess + section { background-color: #83b72f; padding-bottom: 100px; padding-top: 0; } /* line 28, sass/casestudies/_MATH.scss */ .MATH section.MATH-brandingProcess hr { background-color: white; } @media (max-width: 767px) { /* line 33, sass/casestudies/_MATH.scss */ .MATH section.MATH-educationalVideos { padding-top: 0; } } /* line 40, sass/casestudies/_MATH.scss */ .MATH section.MATH-educationalVideos .half.column:first-child { padding-right: .5em; } /* line 43, sass/casestudies/_MATH.scss */ .MATH section.MATH-educationalVideos .half.column:last-child { padding-left: .5em; } /* line 48, sass/casestudies/_MATH.scss */ .MATH section.MATH-educationalVideos video { border: 1px solid #4f99e3; } /* line 52, sass/casestudies/_MATH.scss */ .MATH section.MATH-educationalVideos .label { border-bottom: none; color: #4f99e3; font-size: .75em; font-weight: 700; margin-bottom: 0; text-align: left; text-transform: none; } /* line 64, sass/casestudies/_MATH.scss */ .MATH section.MATH-enrollment { background-color: #70aa3a; } /* line 67, sass/casestudies/_MATH.scss */ .MATH section.MATH-enrollment hr { background-color: white; } /* line 72, sass/casestudies/_MATH.scss */ .MATH section.MATH-targetAudience { background: #ea6c20; } /* line 75, sass/casestudies/_MATH.scss */ .MATH section.MATH-targetAudience + section { overflow: hidden; padding-bottom: 0; padding-top: 0; position: relative; /* diagonal on bottom */ } /* line 82, sass/casestudies/_MATH.scss */ .MATH section.MATH-targetAudience + section:before { display: block; content: ""; width: 200%; height: 100px; background: #ea6c20; position: absolute; left: -10px; top: -100px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 95, sass/casestudies/_MATH.scss */ .MATH section.MATH-targetAudience hr { background-color: white; } /* line 101, sass/casestudies/_MATH.scss */ .MATH section.MATH-webProcess { overflow: hidden; padding-bottom: 100px; position: relative; /* diagonal on bottom */ } /* line 107, sass/casestudies/_MATH.scss */ .MATH section.MATH-webProcess:after { display: block; content: ""; width: 200%; height: 100px; background: white; position: absolute; left: -10px; bottom: 0px; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } /* line 119, sass/casestudies/_MATH.scss */ .MATH section.MATH-webProcess + section { padding-top: 0px; position: relative; } /* line 8, sass/casestudies/_MLSPA.scss */ .MLS .header-height-spacer { background-color: #292929; } /* line 12, sass/casestudies/_MLSPA.scss */ .MLS .subnav-casestudies { background-color: #292929; } /* line 16, sass/casestudies/_MLSPA.scss */ .MLS .subnav-casestudies div a { color: #ffffff !important; } /* line 24, sass/casestudies/_MLSPA.scss */ .MLSPA img.badge { max-height: 400px; } /* line 28, sass/casestudies/_MLSPA.scss */ .MLSPA .animationSection { background-color: #25292c; } /* line 31, sass/casestudies/_MLSPA.scss */ .MLSPA .animationSection .animationContainer { padding: 2em 0; } /* line 34, sass/casestudies/_MLSPA.scss */ .MLSPA .animationSection .animationContainer .draw { animation: draw 11000ms ease-in-out infinite; stroke: #D32D2D; width: 300px; } @keyframes draw { 0% { stroke-dasharray: 0 50; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 0.5; } 25% { stroke-dasharray: 50 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 0.5; } 50% { fill-opacity: 1; stroke-width: 0; } 60% { fill-opacity: 1; stroke-width: 0; } 75% { stroke-dasharray: 50 0; stroke-dashoffset: 200; fill-opacity: 0.5; stroke-width: 0.5; } 100% { stroke-dasharray: 0 100; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 0.5; } } /* line 80, sass/casestudies/_MLSPA.scss */ .MLSPA .animationSection p, .MLSPA .animationSection .PTW16 ul, .PTW16 .MLSPA .animationSection ul { color: #ffffff; } /* line 85, sass/casestudies/_MLSPA.scss */ .MLSPA .banner { z-index: -1; } @media screen and (max-width: 1000px) { /* line 85, sass/casestudies/_MLSPA.scss */ .MLSPA .banner { margin-top: 0; } } /* line 93, sass/casestudies/_MLSPA.scss */ .MLSPA .devices { padding: 4em 1em 0; } /* line 97, sass/casestudies/_MLSPA.scss */ .MLSPA .introduction { background-color: #25292c; color: #ffffff; } /* line 102, sass/casestudies/_MLSPA.scss */ .MLSPA .introduction .title h1 { color: #ffffff; } /* line 106, sass/casestudies/_MLSPA.scss */ .MLSPA .introduction .title hr { background: #ffffff; } /* line 112, sass/casestudies/_MLSPA.scss */ .MLSPA .introText { color: #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25292c+0,25292c+65,25292c+100&1+0,1+64,0+100 */ background-color: #25292c; z-index: 5; } /* line 122, sass/casestudies/_MLSPA.scss */ .MLSPA .introText p, .MLSPA .introText .PTW16 ul, .PTW16 .MLSPA .introText ul { margin-bottom: 0; margin-top: 0; margin-bottom: 0; padding-left: 10px; padding-right: 10px; } /* line 129, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .horizon { margin-top: 3em; max-width: 300px; } /* line 134, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .w3-container { display: flex; flex-wrap: wrap; justify-content: center; margin: auto; padding: 1em 0 1em; } /* line 140, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .w3-container .w3 { padding: 1em; } @media screen and (max-width: 768px) { /* line 140, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .w3-container .w3 { width: 150px; height: 150px; } } @media screen and (max-width: 768px) { /* line 140, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .w3-container .w3 { width: 180px; height: 180px; } } @media screen and (max-width: 768px) { /* line 134, sass/casestudies/_MLSPA.scss */ .MLSPA .introText .w3-container { padding: 2em 0 1em; } } @media screen and (max-width: 1000px) { /* line 112, sass/casestudies/_MLSPA.scss */ .MLSPA .introText { background-color: #25292c; } /* line 158, sass/casestudies/_MLSPA.scss */ .MLSPA .introText p, .MLSPA .introText .PTW16 ul, .PTW16 .MLSPA .introText ul { margin-bottom: 0; } } /* line 164, sass/casestudies/_MLSPA.scss */ .MLSPA .puPa { background-color: #25292c; padding: 4em 0; } /* line 168, sass/casestudies/_MLSPA.scss */ .MLSPA .puPa hr { width: 90px; } /* line 172, sass/casestudies/_MLSPA.scss */ .MLSPA .puPa p, .MLSPA .puPa .PTW16 ul, .PTW16 .MLSPA .puPa ul { color: #ffffff; padding-right: 10px; padding-left: 10px; } /* line 179, sass/casestudies/_MLSPA.scss */ .MLSPA .puPa .centered img { margin: 2em 0 1em; } /* line 185, sass/casestudies/_MLSPA.scss */ .MLSPA .quoteYellow { background-color: #faae3f; color: #ffffff; } /* line 190, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo { overflow: hidden; padding-bottom: 200px; position: relative; } /* line 195, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo h2, .MLSPA .rebrandVideo .Approach h1, .Approach .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Careers #intro h1, .Careers #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Case.Study h1, .Case.Study .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Legal #intro h1, .Legal #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Press .Press--intro h1, .Press .Press--intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Responsive #intro h1, .Responsive #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Service h1, .Service .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Work .Work--intro h1, .Work .Work--intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .PTW16 .menuBar h1, .PTW16 .menuBar .MLSPA .rebrandVideo h1 { color: #ffffff; } @media screen and (max-width: 402px) { /* line 195, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo h2, .MLSPA .rebrandVideo .Approach h1, .Approach .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Careers #intro h1, .Careers #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Case.Study h1, .Case.Study .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Legal #intro h1, .Legal #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Press .Press--intro h1, .Press .Press--intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Responsive #intro h1, .Responsive #intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Service h1, .Service .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .Work .Work--intro h1, .Work .Work--intro .MLSPA .rebrandVideo h1, .MLSPA .rebrandVideo .PTW16 .menuBar h1, .PTW16 .menuBar .MLSPA .rebrandVideo h1 { font-size: 1.85em; } } /* line 202, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo hr { margin-bottom: 1.85em; background-color: #ffffff; } /* line 207, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo .vidEmbed { width: 100%; height: auto; } @media screen and (max-width: 800px) { /* line 207, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo .vidEmbed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } } /* line 218, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo .vidEmbed iframe { border: 2px solid #ffffff; height: 425px; width: 750px; } @media screen and (max-width: 800px) { /* line 218, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo .vidEmbed iframe { border: 2px solid #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* line 233, sass/casestudies/_MLSPA.scss */ .MLSPA .rebrandVideo:after { display: block; content: ""; width: 200%; height: 60%; background-color: #d32c2e; position: absolute; left: -25%; top: -200px; z-index: -1; -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } /* line 248, sass/casestudies/_MLSPA.scss */ .MLSPA .mockups .brandGuide { padding: 4em 0; } /* line 252, sass/casestudies/_MLSPA.scss */ .MLSPA .mockups .merch { padding-bottom: 2em; } /* line 257, sass/casestudies/_MLSPA.scss */ .MLSPA .quoteBlack { background-color: #25292c; color: #ffffff; } /* line 262, sass/casestudies/_MLSPA.scss */ .MLSPA .redDiv { background-color: #d32c2e; color: #ffffff; padding: 3em; } /* line 268, sass/casestudies/_MLSPA.scss */ .MLSPA .redQuote { background-color: #d32c2e; color: #ffffff; } /* line 273, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns { color: #ffffff; display: flex; position: relative; } @media screen and (max-width: 1200px) { /* line 273, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns { display: block; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } /* line 283, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer { border: 1px solid #ffffff; display: block; position: relative; width: calc(100% / 3); } @media screen and (max-width: 1070px) { /* line 283, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer { border: none; width: 100%; } } /* line 293, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer img { min-height: 100%; min-width: 100%; overflow: hidden; } /* line 299, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer .columnPosition { bottom: 0; display: flex; flex-direction: column; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } /* line 309, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer .columnPosition .column1, .MLSPA .threeColumns .colContainer .columnPosition .column2, .MLSPA .threeColumns .colContainer .columnPosition .column3 { padding: 1em; z-index: 5; } /* line 315, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer .columnPosition .column1 h3, .MLSPA .threeColumns .colContainer .columnPosition .column2 h3, .MLSPA .threeColumns .colContainer .columnPosition .column3 h3 { font-size: 1.5em; } @media screen and (max-width: 1225px) { /* line 319, sass/casestudies/_MLSPA.scss */ .MLSPA .threeColumns .colContainer .columnPosition .column1 p, .MLSPA .threeColumns .colContainer .columnPosition .column1 .PTW16 ul, .PTW16 .MLSPA .threeColumns .colContainer .columnPosition .column1 ul, .MLSPA .threeColumns .colContainer .columnPosition .column2 p, .MLSPA .threeColumns .colContainer .columnPosition .column2 .PTW16 ul, .PTW16 .MLSPA .threeColumns .colContainer .columnPosition .column2 ul, .MLSPA .threeColumns .colContainer .columnPosition .column3 p, .MLSPA .threeColumns .colContainer .columnPosition .column3 .PTW16 ul, .PTW16 .MLSPA .threeColumns .colContainer .columnPosition .column3 ul { line-height: 1.35em; } } /* line 328, sass/casestudies/_MLSPA.scss */ .MLSPA .voice { background-color: #25292c; color: #ffffff; } /* line 332, sass/casestudies/_MLSPA.scss */ .MLSPA .voice p, .MLSPA .voice .PTW16 ul, .PTW16 .MLSPA .voice ul { padding: 3em 10px; margin-top: 0; margin-bottom: 0; } /* line 340, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal { margin: 2em auto; min-width: 750px; } @media screen and (max-width: 800px) { /* line 340, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal { display: inline; } } /* line 347, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p, .MLSPA .webdesign-section .goal .PTW16 ul, .PTW16 .MLSPA .webdesign-section .goal ul { display: flex; } @media screen and (max-width: 800px) { /* line 347, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p, .MLSPA .webdesign-section .goal .PTW16 ul, .PTW16 .MLSPA .webdesign-section .goal ul { flex-direction: column; } } /* line 353, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p span, .MLSPA .webdesign-section .goal .PTW16 ul span, .PTW16 .MLSPA .webdesign-section .goal ul span { color: #ffffff; display: block; font-family: 'Ubuntu',sans-serif; font-weight: 400; padding: 1.5em; } /* line 360, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p span.order, .MLSPA .webdesign-section .goal .PTW16 ul span.order, .PTW16 .MLSPA .webdesign-section .goal ul span.order { background-color: #d32c2e; min-width: 16%; } /* line 365, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p span.description, .MLSPA .webdesign-section .goal .PTW16 ul span.description, .PTW16 .MLSPA .webdesign-section .goal ul span.description { background-color: #292929; min-width: 84%; text-align: left; } @media screen and (max-width: 800px) { /* line 365, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .goal p span.description, .MLSPA .webdesign-section .goal .PTW16 ul span.description, .PTW16 .MLSPA .webdesign-section .goal ul span.description { text-align: center; } } /* line 377, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .guide { padding: 4em 0 2em; } /* line 380, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .guide img { box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2), 0 25px 40px 0 rgba(0, 0, 0, 0.19); } /* line 385, sass/casestudies/_MLSPA.scss */ .MLSPA .webdesign-section .news { padding-top: 4em; } /* line 5, sass/casestudies/_RFG.scss */ .RFG section#intro h1 { margin-top: 0; } /* line 13, sass/casestudies/_RFG.scss */ .RFG section#characters .overlay { font-family: 'Ubuntu',sans-serif; font-weight: 300; line-height: 1.25em; max-width: 800px; } /* line 22, sass/casestudies/_RFG.scss */ .RFG section#flippingDiagram { background-color: #27458d; } /* line 26, sass/casestudies/_RFG.scss */ .RFG section.goal-copy { background: #223c79; padding-bottom: .75em; padding-top: .75em; /*p + p { font-size:1.25em; // 20/16 }*/ } /* line 31, sass/casestudies/_RFG.scss */ .RFG section.goal-copy p:first-child, .RFG section.goal-copy .PTW16 ul:first-child, .PTW16 .RFG section.goal-copy ul:first-child { font-size: 1.5em; } /* line 39, sass/casestudies/_RFG.scss */ .RFG section.goal-header:not(#goal) { background: #1b3063; } /* line 42, sass/casestudies/_RFG.scss */ .RFG section.goal-header:not(#goal) p, .RFG section.goal-header:not(#goal) .PTW16 ul, .PTW16 .RFG section.goal-header:not(#goal) ul { font-family: 'Ubuntu', sans-serif; font-size: 2em; line-height: 1.25em; margin: 0; } /* line 51, sass/casestudies/_RFG.scss */ .RFG section#goal { background: url(images/work/RFG/BRO_RFG_OverlayedHouse.jpg) top no-repeat #1b3063; background-size: cover; color: white; } /* line 57, sass/casestudies/_RFG.scss */ .RFG section#goal h2, .RFG section#goal .Approach h1, .Approach .RFG section#goal h1, .RFG section#goal .Careers #intro h1, .Careers #intro .RFG section#goal h1, .RFG section#goal .Case.Study h1, .Case.Study .RFG section#goal h1, .RFG section#goal .Legal #intro h1, .Legal #intro .RFG section#goal h1, .RFG section#goal .Press .Press--intro h1, .Press .Press--intro .RFG section#goal h1, .RFG section#goal .Responsive #intro h1, .Responsive #intro .RFG section#goal h1, .RFG section#goal .Service h1, .Service .RFG section#goal h1, .RFG section#goal .Work .Work--intro h1, .Work .Work--intro .RFG section#goal h1, .RFG section#goal .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#goal h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; margin-bottom: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 66, sass/casestudies/_RFG.scss */ .RFG section#goal hr { background-color: white; margin-top: 1.2em; } /* line 71, sass/casestudies/_RFG.scss */ .RFG section#goal p, .RFG section#goal .PTW16 ul, .PTW16 .RFG section#goal ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 75, sass/casestudies/_RFG.scss */ .RFG section#goal .clearflex { min-height: 45vw; } /* line 83, sass/casestudies/_RFG.scss */ .RFG section#problem { background: url(images/work/RFG/BRO_RFG_RedOverlayed101.jpg) center no-repeat #a80807; background-size: cover; color: white; padding-bottom: 6em; } /* line 90, sass/casestudies/_RFG.scss */ .RFG section#problem h2, .RFG section#problem .Approach h1, .Approach .RFG section#problem h1, .RFG section#problem .Careers #intro h1, .Careers #intro .RFG section#problem h1, .RFG section#problem .Case.Study h1, .Case.Study .RFG section#problem h1, .RFG section#problem .Legal #intro h1, .Legal #intro .RFG section#problem h1, .RFG section#problem .Press .Press--intro h1, .Press .Press--intro .RFG section#problem h1, .RFG section#problem .Responsive #intro h1, .Responsive #intro .RFG section#problem h1, .RFG section#problem .Service h1, .Service .RFG section#problem h1, .RFG section#problem .Work .Work--intro h1, .Work .Work--intro .RFG section#problem h1, .RFG section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#problem h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } @media (max-width: 600px) { /* line 90, sass/casestudies/_RFG.scss */ .RFG section#problem h2, .RFG section#problem .Approach h1, .Approach .RFG section#problem h1, .RFG section#problem .Careers #intro h1, .Careers #intro .RFG section#problem h1, .RFG section#problem .Case.Study h1, .Case.Study .RFG section#problem h1, .RFG section#problem .Legal #intro h1, .Legal #intro .RFG section#problem h1, .RFG section#problem .Press .Press--intro h1, .Press .Press--intro .RFG section#problem h1, .RFG section#problem .Responsive #intro h1, .Responsive #intro .RFG section#problem h1, .RFG section#problem .Service h1, .Service .RFG section#problem h1, .RFG section#problem .Work .Work--intro h1, .Work .Work--intro .RFG section#problem h1, .RFG section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#problem h1 { font-size: 2em; } } /* line 102, sass/casestudies/_RFG.scss */ .RFG section#problem hr { background-color: white; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 107, sass/casestudies/_RFG.scss */ .RFG section#problem p, .RFG section#problem .PTW16 ul, .PTW16 .RFG section#problem ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 113, sass/casestudies/_RFG.scss */ .RFG section#stats { background: url(images/work/RFG/BRO_RFG_OverlayedHouseFrame.jpg) center no-repeat #3a65ad; background-size: cover; color: white; padding-bottom: 6em; } /* line 120, sass/casestudies/_RFG.scss */ .RFG section#stats h2, .RFG section#stats .Approach h1, .Approach .RFG section#stats h1, .RFG section#stats .Careers #intro h1, .Careers #intro .RFG section#stats h1, .RFG section#stats .Case.Study h1, .Case.Study .RFG section#stats h1, .RFG section#stats .Legal #intro h1, .Legal #intro .RFG section#stats h1, .RFG section#stats .Press .Press--intro h1, .Press .Press--intro .RFG section#stats h1, .RFG section#stats .Responsive #intro h1, .Responsive #intro .RFG section#stats h1, .RFG section#stats .Service h1, .Service .RFG section#stats h1, .RFG section#stats .Work .Work--intro h1, .Work .Work--intro .RFG section#stats h1, .RFG section#stats .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#stats h1 { font-family: 'Ubuntu', sans-serif; font-style: italic; font-weight: 300; } /* line 126, sass/casestudies/_RFG.scss */ .RFG section#stats p, .RFG section#stats .PTW16 ul, .PTW16 .RFG section#stats ul { font-family: 'Ubuntu', sans-serif; font-size: 1.875em; line-height: 1.4em; margin: 0; margin-top: .5em; } /* line 133, sass/casestudies/_RFG.scss */ .RFG section#stats p strong, .RFG section#stats .PTW16 ul strong, .PTW16 .RFG section#stats ul strong { color: #ff9600; } /* line 138, sass/casestudies/_RFG.scss */ .RFG section#stats .clearflex { min-height: 44vw; } /* line 147, sass/casestudies/_RFG.scss */ .RFG section#results { background: url(images/work/RFG/BRO_RFG_ResultsGraphBackground.jpg) center no-repeat #17223a; background-size: cover; color: white; } /* line 153, sass/casestudies/_RFG.scss */ .RFG section#results h2, .RFG section#results .Approach h1, .Approach .RFG section#results h1, .RFG section#results .Careers #intro h1, .Careers #intro .RFG section#results h1, .RFG section#results .Case.Study h1, .Case.Study .RFG section#results h1, .RFG section#results .Legal #intro h1, .Legal #intro .RFG section#results h1, .RFG section#results .Press .Press--intro h1, .Press .Press--intro .RFG section#results h1, .RFG section#results .Responsive #intro h1, .Responsive #intro .RFG section#results h1, .RFG section#results .Service h1, .Service .RFG section#results h1, .RFG section#results .Work .Work--intro h1, .Work .Work--intro .RFG section#results h1, .RFG section#results .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#results h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; margin-bottom: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } @media (max-width: 500px) { /* line 153, sass/casestudies/_RFG.scss */ .RFG section#results h2, .RFG section#results .Approach h1, .Approach .RFG section#results h1, .RFG section#results .Careers #intro h1, .Careers #intro .RFG section#results h1, .RFG section#results .Case.Study h1, .Case.Study .RFG section#results h1, .RFG section#results .Legal #intro h1, .Legal #intro .RFG section#results h1, .RFG section#results .Press .Press--intro h1, .Press .Press--intro .RFG section#results h1, .RFG section#results .Responsive #intro h1, .Responsive #intro .RFG section#results h1, .RFG section#results .Service h1, .Service .RFG section#results h1, .RFG section#results .Work .Work--intro h1, .Work .Work--intro .RFG section#results h1, .RFG section#results .PTW16 .menuBar h1, .PTW16 .menuBar .RFG section#results h1 { font-size: 2em; } } /* line 166, sass/casestudies/_RFG.scss */ .RFG section#results h4 { font-size: .9em; font-weight: 400; margin-top: 0; text-transform: uppercase; } /* line 173, sass/casestudies/_RFG.scss */ .RFG section#results hr { background: none; border: none; border-top: 1px solid rgba(255, 255, 255, 0.1); margin: auto; max-width: 500px; outline: none; } /* line 182, sass/casestudies/_RFG.scss */ .RFG section#results p, .RFG section#results .PTW16 ul, .PTW16 .RFG section#results ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); margin-bottom: 0; } /* line 186, sass/casestudies/_RFG.scss */ .RFG section#results p + p, .RFG section#results .PTW16 ul + p, .PTW16 .RFG section#results ul + p, .RFG section#results .PTW16 p + ul, .PTW16 .RFG section#results p + ul, .RFG section#results .PTW16 ul + ul, .PTW16 .RFG section#results ul + ul { margin-top: 6em; } /* line 190, sass/casestudies/_RFG.scss */ .RFG section#results p img, .RFG section#results .PTW16 ul img, .PTW16 .RFG section#results ul img { max-height: .75em; max-width: .75em; } /* line 196, sass/casestudies/_RFG.scss */ .RFG section#results + section { background-color: #002f69; } /* line 202, sass/casestudies/_RFG.scss */ .RFG .callout, .RFG .align-left p.callout, .RFG .align-left .PTW16 ul.callout, .PTW16 .RFG .align-left ul.callout { border-bottom: 1px solid #809fc6; border-top: 1px solid #809fc6; color: #223c79; font-family: 'Ubuntu', sans-serif; font-size: 1.875em; font-style: italic; line-height: 1.25em; padding: 1em; text-align: center; } /* line 6, sass/casestudies/_RPT.scss */ .RPT section.bg-black hr { background: white; } /* line 10, sass/casestudies/_RPT.scss */ .RPT section.bg-black a:not(.button):not(.button-small):not(.a-basic) { color: white; } /* line 15, sass/casestudies/_RPT.scss */ .RPT section.bg-orange { background: #f15727; color: white; } /* line 20, sass/casestudies/_RPT.scss */ .RPT section.goal-copy { background: #ff4600; } /* line 28, sass/casestudies/_RPT.scss */ .RPT section.goal-header { background: black; color: white; } /* line 32, sass/casestudies/_RPT.scss */ .RPT section.goal-header h2, .RPT section.goal-header .Approach h1, .Approach .RPT section.goal-header h1, .RPT section.goal-header .Careers #intro h1, .Careers #intro .RPT section.goal-header h1, .RPT section.goal-header .Case.Study h1, .Case.Study .RPT section.goal-header h1, .RPT section.goal-header .Legal #intro h1, .Legal #intro .RPT section.goal-header h1, .RPT section.goal-header .Press .Press--intro h1, .Press .Press--intro .RPT section.goal-header h1, .RPT section.goal-header .Responsive #intro h1, .Responsive #intro .RPT section.goal-header h1, .RPT section.goal-header .Service h1, .Service .RPT section.goal-header h1, .RPT section.goal-header .Work .Work--intro h1, .Work .Work--intro .RPT section.goal-header h1, .RPT section.goal-header .PTW16 .menuBar h1, .PTW16 .menuBar .RPT section.goal-header h1 { font-family: 'Ubuntu',sans-serif; font-size: 3.125em; font-weight: 700; margin: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 41, sass/casestudies/_RPT.scss */ .RPT section.goal-header p, .RPT section.goal-header .PTW16 ul, .PTW16 .RPT section.goal-header ul { font-family: 'Ubuntu', sans-serif; font-size: 2em; line-height: 1.25em; margin: 0; } /* line 53, sass/casestudies/_RPT.scss */ .RPT section#intro h1 { margin-top: 0; } /* line 62, sass/casestudies/_RPT.scss */ .RPT section#publishingDeal hr + p, .RPT section#publishingDeal .PTW16 hr + ul, .PTW16 .RPT section#publishingDeal hr + ul { font-size: 1.5em; } /* line 67, sass/casestudies/_RPT.scss */ .RPT section#publishingDeal p.signature, .RPT section#publishingDeal .PTW16 ul.signature, .PTW16 .RPT section#publishingDeal ul.signature { margin-bottom: 0; text-align: center; } /* line 71, sass/casestudies/_RPT.scss */ .RPT section#publishingDeal p.signature img, .RPT section#publishingDeal .PTW16 ul.signature img, .PTW16 .RPT section#publishingDeal ul.signature img { max-width: 110px; } /* line 75, sass/casestudies/_RPT.scss */ .RPT section#publishingDeal p.signature + h2, .RPT section#publishingDeal .PTW16 ul.signature + h2, .PTW16 .RPT section#publishingDeal ul.signature + h2, .RPT section#publishingDeal .Approach p.signature + h1, .Approach .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Approach ul.signature + h1, .Approach .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Approach ul.signature + h1, .Approach .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Careers #intro p.signature + h1, .Careers #intro .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Careers #intro ul.signature + h1, .Careers #intro .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Careers #intro ul.signature + h1, .Careers #intro .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Case.Study p.signature + h1, .Case.Study .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Case.Study ul.signature + h1, .Case.Study .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Case.Study ul.signature + h1, .Case.Study .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Legal #intro p.signature + h1, .Legal #intro .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Legal #intro ul.signature + h1, .Legal #intro .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Legal #intro ul.signature + h1, .Legal #intro .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Press .Press--intro p.signature + h1, .Press .Press--intro .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Press .Press--intro ul.signature + h1, .Press .Press--intro .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Press .Press--intro ul.signature + h1, .Press .Press--intro .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Responsive #intro p.signature + h1, .Responsive #intro .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Responsive #intro ul.signature + h1, .Responsive #intro .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Responsive #intro ul.signature + h1, .Responsive #intro .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Service p.signature + h1, .Service .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Service ul.signature + h1, .Service .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Service ul.signature + h1, .Service .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .Work .Work--intro p.signature + h1, .Work .Work--intro .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .Work .Work--intro ul.signature + h1, .Work .Work--intro .RPT section#publishingDeal .PTW16 ul.signature + h1, .PTW16 .RPT section#publishingDeal .Work .Work--intro ul.signature + h1, .Work .Work--intro .PTW16 .RPT section#publishingDeal ul.signature + h1, .RPT section#publishingDeal .PTW16 .menuBar p.signature + h1, .PTW16 .menuBar .RPT section#publishingDeal p.signature + h1, .RPT section#publishingDeal .PTW16 .menuBar ul.signature + h1, .PTW16 .RPT section#publishingDeal .menuBar ul.signature + h1, .PTW16 .menuBar .RPT section#publishingDeal ul.signature + h1 { margin-top: 0; } /* line 82, sass/casestudies/_RPT.scss */ .RPT section#social { padding-bottom: 25px; } /* line 86, sass/casestudies/_RPT.scss */ .RPT section#social h2, .RPT section#social .Approach h1, .Approach .RPT section#social h1, .RPT section#social .Careers #intro h1, .Careers #intro .RPT section#social h1, .RPT section#social .Case.Study h1, .Case.Study .RPT section#social h1, .RPT section#social .Legal #intro h1, .Legal #intro .RPT section#social h1, .RPT section#social .Press .Press--intro h1, .Press .Press--intro .RPT section#social h1, .RPT section#social .Responsive #intro h1, .Responsive #intro .RPT section#social h1, .RPT section#social .Service h1, .Service .RPT section#social h1, .RPT section#social .Work .Work--intro h1, .Work .Work--intro .RPT section#social h1, .RPT section#social .PTW16 .menuBar h1, .PTW16 .menuBar .RPT section#social h1 { color: #f15727; font-family: 'Ubuntu',sans-serif; font-size: 1.75em; font-style: italic; line-height: 1.25em; margin-bottom: 0; } /* line 97, sass/casestudies/_RPT.scss */ .RPT section#step1 { background: url(images/work/RPT/BRO_RPT_OverlayedCityBackground.jpg) center no-repeat black; background-size: cover; color: white; padding-bottom: 6em; } /* line 104, sass/casestudies/_RPT.scss */ .RPT section#step1 .clearflex { min-height: 55vw; } /* line 114, sass/casestudies/_RPT.scss */ .RPT section#step2 strong { color: #f16b46; } /* line 119, sass/casestudies/_RPT.scss */ .RPT .callout { border-bottom: 1px solid #809fc6; border-top: 1px solid #809fc6; color: #223c79; font-family: 'Ubuntu', sans-serif; font-size: 1.875em; font-style: italic; line-height: 1.25em; padding: 1em; text-align: center; } /* line 2, sass/casestudies/_SSM.scss */ .SSM section#intro { background: black url(images/work/SSM/SSM_IntroWelder_sm.jpg) top center no-repeat; background-size: cover; } /* line 7, sass/casestudies/_SSM.scss */ .SSM section#intro:after { content: ""; display: block; height: 25vw; } /* line 13, sass/casestudies/_SSM.scss */ .SSM section#intro h1 { margin-top: 0; } @media (max-width: 1200px) { /* line 18, sass/casestudies/_SSM.scss */ .SSM section#intro p:last-child, .SSM section#intro .PTW16 ul:last-child, .PTW16 .SSM section#intro ul:last-child { /*background:rgba(0,0,0,.5); padding-left:.25em; padding-right:.25em;*/ text-shadow: 0 0px 4px black, 0 0px 8px black; } } @media (max-width: 767px) { /* line 26, sass/casestudies/_SSM.scss */ .SSM section#intro p, .SSM section#intro .PTW16 ul, .PTW16 .SSM section#intro ul { /*background:rgba(0,0,0,.5); padding-left:.25em; padding-right:.25em;*/ text-shadow: 0 0px 4px black, 0 0px 8px black; } } /* line 37, sass/casestudies/_SSM.scss */ .SSM section#opportunity { background-color: #052d3f; } /* line 41, sass/casestudies/_SSM.scss */ .SSM section#opportunity .button.ghost { background-color: rgba(255, 255, 255, 0); border-color: white; color: white; } /* line 46, sass/casestudies/_SSM.scss */ .SSM section#opportunity .button.ghost:hover { background: white; color: #525252; } /* line 52, sass/casestudies/_SSM.scss */ .SSM section#opportunity .icon-circle-container .icon-circle { border: none; } /* line 59, sass/casestudies/_SSM.scss */ .SSM section#problem { background: url(images/work/SSM/SSM_WelderRed_overlay.jpg) center no-repeat #a80807; background-size: cover; color: white; } /* line 65, sass/casestudies/_SSM.scss */ .SSM section#problem h2, .SSM section#problem .Approach h1, .Approach .SSM section#problem h1, .SSM section#problem .Careers #intro h1, .Careers #intro .SSM section#problem h1, .SSM section#problem .Case.Study h1, .Case.Study .SSM section#problem h1, .SSM section#problem .Legal #intro h1, .Legal #intro .SSM section#problem h1, .SSM section#problem .Press .Press--intro h1, .Press .Press--intro .SSM section#problem h1, .SSM section#problem .Responsive #intro h1, .Responsive #intro .SSM section#problem h1, .SSM section#problem .Service h1, .Service .SSM section#problem h1, .SSM section#problem .Work .Work--intro h1, .Work .Work--intro .SSM section#problem h1, .SSM section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .SSM section#problem h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 73, sass/casestudies/_SSM.scss */ .SSM section#problem hr { background-color: white; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 78, sass/casestudies/_SSM.scss */ .SSM section#problem p, .SSM section#problem .PTW16 ul, .PTW16 .SSM section#problem ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 84, sass/casestudies/_SSM.scss */ .SSM section#redQuote { background-color: #a80807; color: white; } /* line 89, sass/casestudies/_SSM.scss */ .SSM section#results { background: url(images/work/SSM/SSM_weldingMachine.jpg) center no-repeat #17223a; background-size: cover; color: white; position: relative; } /* line 96, sass/casestudies/_SSM.scss */ .SSM section#results:before { background: rgba(23, 34, 58, 0.8); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } /* line 108, sass/casestudies/_SSM.scss */ .SSM section#results hr { background-color: white; } /* line 112, sass/casestudies/_SSM.scss */ .SSM section#results .centered.centered-small { position: relative; z-index: 1; } /* line 3, sass/casestudies/_VRS.scss */ .VRS h2.alternate, .VRS .Approach h1.alternate, .Approach .VRS h1.alternate, .VRS .Careers #intro h1.alternate, .Careers #intro .VRS h1.alternate, .VRS .Case.Study h1.alternate, .Case.Study .VRS h1.alternate, .VRS .Legal #intro h1.alternate, .Legal #intro .VRS h1.alternate, .VRS .Press .Press--intro h1.alternate, .Press .Press--intro .VRS h1.alternate, .VRS .Responsive #intro h1.alternate, .Responsive #intro .VRS h1.alternate, .VRS .Service h1.alternate, .Service .VRS h1.alternate, .VRS .Work .Work--intro h1.alternate, .Work .Work--intro .VRS h1.alternate, .VRS .PTW16 .menuBar h1.alternate, .PTW16 .menuBar .VRS h1.alternate { margin-top: 0; text-transform: uppercase; } /* line 8, sass/casestudies/_VRS.scss */ .VRS section.bg-default { background: #062e34; } /* line 11, sass/casestudies/_VRS.scss */ .VRS section.bg-default hr { background: white; } /* line 18, sass/casestudies/_VRS.scss */ .VRS section.bg-black hr { background-color: white; } /* line 23, sass/casestudies/_VRS.scss */ .VRS section.bg-blue { background-color: #0062ab; } /* line 26, sass/casestudies/_VRS.scss */ .VRS section.bg-blue hr { background-color: white; } /* line 31, sass/casestudies/_VRS.scss */ .VRS section.bg-darkblue { background-color: #29427b; } /* line 34, sass/casestudies/_VRS.scss */ .VRS section.bg-darkblue hr { background-color: white; } /* line 39, sass/casestudies/_VRS.scss */ .VRS section.bg-lightblue { background-color: #0083cb; } /* line 42, sass/casestudies/_VRS.scss */ .VRS section.bg-lightblue hr { background-color: white; } /* line 47, sass/casestudies/_VRS.scss */ .VRS section.bg-green { background-color: #00b354; } /* line 50, sass/casestudies/_VRS.scss */ .VRS section.bg-green hr { background-color: white; } /* line 55, sass/casestudies/_VRS.scss */ .VRS section.bg-purple { background-color: #9930b3; } /* line 58, sass/casestudies/_VRS.scss */ .VRS section.bg-purple hr { background-color: white; } /* line 64, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(even) { padding-top: 1em; } /* line 67, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(odd) { padding-right: 1em; } /* line 69, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(odd) p, .VRS #bullets .columns:nth-child(odd) .PTW16 ul, .PTW16 .VRS #bullets .columns:nth-child(odd) ul { text-align: right; } /* line 76, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(2) p strong, .VRS #bullets .columns:nth-child(2) .PTW16 ul strong, .PTW16 .VRS #bullets .columns:nth-child(2) ul strong { color: #00b0f5; } /* line 83, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(4) p strong, .VRS #bullets .columns:nth-child(4) .PTW16 ul strong, .PTW16 .VRS #bullets .columns:nth-child(4) ul strong { color: #00b354; } /* line 90, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(6) p strong, .VRS #bullets .columns:nth-child(6) .PTW16 ul strong, .PTW16 .VRS #bullets .columns:nth-child(6) ul strong { color: #9930b3; } /* line 97, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(8) p strong, .VRS #bullets .columns:nth-child(8) .PTW16 ul strong, .PTW16 .VRS #bullets .columns:nth-child(8) ul strong { color: #f97800; } @media only screen and (max-width: 767px) { /* line 107, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(odd) { padding-right: 0; } /* line 109, sass/casestudies/_VRS.scss */ .VRS #bullets .columns:nth-child(odd) p, .VRS #bullets .columns:nth-child(odd) .PTW16 ul, .PTW16 .VRS #bullets .columns:nth-child(odd) ul { text-align: center; } } /* line 5, sass/casestudies/_WTR.scss */ .WTR section.bg-black hr { background: white; } /* line 10, sass/casestudies/_WTR.scss */ .WTR section.bg-blue { background: #2966b1; color: white; } /* line 16, sass/casestudies/_WTR.scss */ .WTR section#designAndUI .column { padding: 0 1em; } /* line 21, sass/casestudies/_WTR.scss */ .WTR section.goal-copy { background: #ff4600; } /* line 29, sass/casestudies/_WTR.scss */ .WTR section.goal-header { background: black; color: white; } /* line 33, sass/casestudies/_WTR.scss */ .WTR section.goal-header h2, .WTR section.goal-header .Approach h1, .Approach .WTR section.goal-header h1, .WTR section.goal-header .Careers #intro h1, .Careers #intro .WTR section.goal-header h1, .WTR section.goal-header .Case.Study h1, .Case.Study .WTR section.goal-header h1, .WTR section.goal-header .Legal #intro h1, .Legal #intro .WTR section.goal-header h1, .WTR section.goal-header .Press .Press--intro h1, .Press .Press--intro .WTR section.goal-header h1, .WTR section.goal-header .Responsive #intro h1, .Responsive #intro .WTR section.goal-header h1, .WTR section.goal-header .Service h1, .Service .WTR section.goal-header h1, .WTR section.goal-header .Work .Work--intro h1, .Work .Work--intro .WTR section.goal-header h1, .WTR section.goal-header .PTW16 .menuBar h1, .PTW16 .menuBar .WTR section.goal-header h1 { font-family: 'Ubuntu',sans-serif; font-size: 3.125em; font-weight: 700; margin: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } /* line 42, sass/casestudies/_WTR.scss */ .WTR section.goal-header p, .WTR section.goal-header .PTW16 ul, .PTW16 .WTR section.goal-header ul { font-family: 'Ubuntu', sans-serif; font-size: 2em; line-height: 1.25em; margin: 0; } /* line 54, sass/casestudies/_WTR.scss */ .WTR section#intro h1 { margin-top: 0; } /* line 60, sass/casestudies/_WTR.scss */ .WTR section#problem { background: url(images/work/WTR/WTR-RedBanner.jpg) center no-repeat #a80807; background-size: cover; color: white; padding-bottom: 8em; padding-top: 8em; } /* line 68, sass/casestudies/_WTR.scss */ .WTR section#problem h2, .WTR section#problem .Approach h1, .Approach .WTR section#problem h1, .WTR section#problem .Careers #intro h1, .Careers #intro .WTR section#problem h1, .WTR section#problem .Case.Study h1, .Case.Study .WTR section#problem h1, .WTR section#problem .Legal #intro h1, .Legal #intro .WTR section#problem h1, .WTR section#problem .Press .Press--intro h1, .Press .Press--intro .WTR section#problem h1, .WTR section#problem .Responsive #intro h1, .Responsive #intro .WTR section#problem h1, .WTR section#problem .Service h1, .Service .WTR section#problem h1, .WTR section#problem .Work .Work--intro h1, .Work .Work--intro .WTR section#problem h1, .WTR section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .WTR section#problem h1 { font-family: 'Ubuntu',sans-serif; font-size: 4.5em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; } @media (max-width: 600px) { /* line 68, sass/casestudies/_WTR.scss */ .WTR section#problem h2, .WTR section#problem .Approach h1, .Approach .WTR section#problem h1, .WTR section#problem .Careers #intro h1, .Careers #intro .WTR section#problem h1, .WTR section#problem .Case.Study h1, .Case.Study .WTR section#problem h1, .WTR section#problem .Legal #intro h1, .Legal #intro .WTR section#problem h1, .WTR section#problem .Press .Press--intro h1, .Press .Press--intro .WTR section#problem h1, .WTR section#problem .Responsive #intro h1, .Responsive #intro .WTR section#problem h1, .WTR section#problem .Service h1, .Service .WTR section#problem h1, .WTR section#problem .Work .Work--intro h1, .Work .Work--intro .WTR section#problem h1, .WTR section#problem .PTW16 .menuBar h1, .PTW16 .menuBar .WTR section#problem h1 { font-size: 2em; } } /* line 80, sass/casestudies/_WTR.scss */ .WTR section#problem hr { background-color: white; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 85, sass/casestudies/_WTR.scss */ .WTR section#problem p, .WTR section#problem .PTW16 ul, .PTW16 .WTR section#problem ul { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); } /* line 91, sass/casestudies/_WTR.scss */ .WTR section#stats { background: url(images/work/WTR/WTR-DigitalGlobe.png) center no-repeat #2966b1; background-size: cover; } /* line 96, sass/casestudies/_WTR.scss */ .WTR section#stats h2, .WTR section#stats .Approach h1, .Approach .WTR section#stats h1, .WTR section#stats .Careers #intro h1, .Careers #intro .WTR section#stats h1, .WTR section#stats .Case.Study h1, .Case.Study .WTR section#stats h1, .WTR section#stats .Legal #intro h1, .Legal #intro .WTR section#stats h1, .WTR section#stats .Press .Press--intro h1, .Press .Press--intro .WTR section#stats h1, .WTR section#stats .Responsive #intro h1, .Responsive #intro .WTR section#stats h1, .WTR section#stats .Service h1, .Service .WTR section#stats h1, .WTR section#stats .Work .Work--intro h1, .Work .Work--intro .WTR section#stats h1, .WTR section#stats .PTW16 .menuBar h1, .PTW16 .menuBar .WTR section#stats h1 { line-height: 1.25em; } /* line 100, sass/casestudies/_WTR.scss */ .WTR section#stats .clearflex { align-items: center; min-height: 28.75vw; } /* line 107, sass/casestudies/_WTR.scss */ .WTR .callout { border-top: 1px solid #cacaca; color: #084981; font-family: 'Ubuntu', sans-serif; font-size: 1.75em; font-weight: 300; line-height: 1.25em; padding: 1em; text-align: center; } /* line 117, sass/casestudies/_WTR.scss */ .WTR .callout strong { font-weight: 400; } /* line 7, sass/casestudies/_RING.scss */ .Ringstar .header-height-spacer { background-color: #000000; } /* line 10, sass/casestudies/_RING.scss */ .Ringstar .subnav-casestudies { background-color: #000000; } /* line 12, sass/casestudies/_RING.scss */ .Ringstar .subnav-casestudies a { color: #ffffff !important; } /* line 19, sass/casestudies/_RING.scss */ .RING .introduction { background-color: #000000; color: #ffffff; } /* line 25, sass/casestudies/_RING.scss */ .RING .introduction .title h1 { color: #ffffff; } /* line 29, sass/casestudies/_RING.scss */ .RING .introduction .title hr { background: #ffffff; margin-bottom: 1.85em; } /* line 37, sass/casestudies/_RING.scss */ .RING .introText p, .RING .introText .PTW16 ul, .PTW16 .RING .introText ul { margin-top: 0; padding-left: 10px; padding-right: 10px; } /* line 45, sass/casestudies/_RING.scss */ .RING .ringVideo { background-color: #ea232a; color: #ffffff; overflow: hidden; position: relative; } /* line 50, sass/casestudies/_RING.scss */ .RING .ringVideo div { position: relative; z-index: 2; } /* line 54, sass/casestudies/_RING.scss */ .RING .ringVideo.redBottom { padding-top: 0; } /* line 56, sass/casestudies/_RING.scss */ .RING .ringVideo.redBottom:before { content: ''; background-color: #ffffff; height: 40%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } /* line 67, sass/casestudies/_RING.scss */ .RING .ringVideo.redBottom .vidText { padding-top: 1.25em; } /* line 72, sass/casestudies/_RING.scss */ .RING .ringVideo.redTop .label { border-bottom: 1px solid #ffffff; } /* line 74, sass/casestudies/_RING.scss */ .RING .ringVideo.redTop .label span { background: #ea232a; color: #ffffff; } /* line 79, sass/casestudies/_RING.scss */ .RING .ringVideo.redTop:after { content: ''; background-color: #ffffff; bottom: 0; height: 38%; left: 0; position: absolute; right: 0; width: 100%; z-index: 1; } /* line 91, sass/casestudies/_RING.scss */ .RING .ringVideo .vidEmbed { width: 100%; height: auto; } /* line 94, sass/casestudies/_RING.scss */ .RING .ringVideo .vidEmbed iframe { border: 2px solid #ffffff; width: 1200px; height: 676px; } @media screen and (max-width: 1236px) { /* line 91, sass/casestudies/_RING.scss */ .RING .ringVideo .vidEmbed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } /* line 104, sass/casestudies/_RING.scss */ .RING .ringVideo .vidEmbed iframe { border: 2px solid #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media screen and (max-width: 1132px) { /* line 116, sass/casestudies/_RING.scss */ .RING .ringVideo.redBottom:before { height: 30vw; } /* line 121, sass/casestudies/_RING.scss */ .RING .ringVideo.redTop:after { height: 33vw; } } @media screen and (max-width: 628px) { /* line 128, sass/casestudies/_RING.scss */ .RING .ringVideo.redBottom:before { height: 29vw; } /* line 133, sass/casestudies/_RING.scss */ .RING .ringVideo.redTop:after { height: 45vw; } } /* line 140, sass/casestudies/_RING.scss */ .RING .brandProcess { background-color: #000000; padding: 50px 1em; } /* line 143, sass/casestudies/_RING.scss */ .RING .brandProcess h2, .RING .brandProcess .Approach h1, .Approach .RING .brandProcess h1, .RING .brandProcess .Careers #intro h1, .Careers #intro .RING .brandProcess h1, .RING .brandProcess .Case.Study h1, .Case.Study .RING .brandProcess h1, .RING .brandProcess .Legal #intro h1, .Legal #intro .RING .brandProcess h1, .RING .brandProcess .Press .Press--intro h1, .Press .Press--intro .RING .brandProcess h1, .RING .brandProcess .Responsive #intro h1, .Responsive #intro .RING .brandProcess h1, .RING .brandProcess .Service h1, .Service .RING .brandProcess h1, .RING .brandProcess .Work .Work--intro h1, .Work .Work--intro .RING .brandProcess h1, .RING .brandProcess .PTW16 .menuBar h1, .PTW16 .menuBar .RING .brandProcess h1 { color: #ffffff; font-weight: 400; } /* line 148, sass/casestudies/_RING.scss */ .RING .brandProcess hr { background-color: #ffffff; margin-top: 1.85em; width: 90px; } /* line 154, sass/casestudies/_RING.scss */ .RING .brandProcess p, .RING .brandProcess .PTW16 ul, .PTW16 .RING .brandProcess ul { color: #ffffff; padding-right: 10px; padding-left: 10px; } /* line 1, sass/_PTW16.scss */ .PTW16 { text-align: center; } /* line 5, sass/_PTW16.scss */ .PTW16 hr.styled { background-color: #65c2ed; } /* line 14, sass/_PTW16.scss */ .PTW16 .align-left p, .PTW16 .align-left ul { text-align: left; } /* line 19, sass/_PTW16.scss */ .PTW16 .emailSignup { background: #f7f7f7; border: #e0e0e0 1px solid; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.13); margin: 1em auto; padding: 1em; text-align: center; /*h2 { color:rgba(0,0,0,1); font-size:2em; font-weight: normal; letter-spacing:0.025em; line-height:1.2em; font-family:'Lora', sans-serif; margin:0; margin-bottom:5px; } p { color:#1c1c1c; font-size:1.117647059em; font-family:'Ubuntu'; margin:0; margin-bottom:5px; } button { vertical-align: middle; }*/ } /* line 36, sass/_PTW16.scss */ .PTW16 .emailSignup button { background-color: #65c2ed; border: 1px solid #65c2ed; border-top: 0; color: white; padding: .75em 1em; text-transform: uppercase; } /* line 44, sass/_PTW16.scss */ .PTW16 .emailSignup input { border-right: none; font-family: 'Lora',serif; font-size: 1em; line-height: 1em; padding: .75em 1em; width: 65%; } /* line 53, sass/_PTW16.scss */ .PTW16 .emailSignup p, .PTW16 .emailSignup ul { font-size: 1.15em; } @media (max-width: 1150px) { /* line 58, sass/_PTW16.scss */ .PTW16 .emailSignup input { width: 70%; } } @media (max-width: 490px) { /* line 19, sass/_PTW16.scss */ .PTW16 .emailSignup { padding-top: 1.75em; } /* line 62, sass/_PTW16.scss */ .PTW16 .emailSignup input { width: 100%; } /* line 63, sass/_PTW16.scss */ .PTW16 .emailSignup button { width: 100%; } } /* line 67, sass/_PTW16.scss */ .PTW16 .emailSignup .connect a { background: #65c2ed; border-radius: 50%; display: inline-block; height: 2em; line-height: 2em; padding: .25em; vertical-align: middle; width: 2em; } /* line 77, sass/_PTW16.scss */ .PTW16 .emailSignup .connect a img { max-height: 1em; max-width: 1em; } /* line 86, sass/_PTW16.scss */ .PTW16 .label { border-bottom: 1px solid #b0b0b0; font-family: 'Ubuntu',sans-serif; font-size: 1em; margin-bottom: 2em; text-transform: uppercase; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 95, sass/_PTW16.scss */ .PTW16 .label span { background: white; color: #757575; display: inline-block; padding: 0 1em; -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } /* line 104, sass/_PTW16.scss */ .PTW16 .menuBar { background: #191919; color: white; font-size: 1.25em; padding-bottom: .75em; padding-top: .75em; /*.no-touch &.fixed { left:0; position: fixed; top:0px; width: 100%; z-index: 90; @include transition(top .25s ease-out); &.below { top:4em; } }*/ /*ul { list-style:none; margin:0; padding:0; li { display: inline-block; margin:.25em .5em; text-transform: uppercase; } }*/ } /* line 125, sass/_PTW16.scss */ .PTW16 .menuBar.transcriptToggle { cursor: pointer; overflow: visible; position: relative; } /* line 131, sass/_PTW16.scss */ .PTW16 .menuBar.transcriptToggle:after { background: url(images/icon-arrow-down-white.svg) center no-repeat #191919; background-size: 1em 1em; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 50%; bottom: -.75em; content: " "; display: block; height: 2em; left: calc(50% - 1em); position: absolute; width: 2em; } /* line 145, sass/_PTW16.scss */ .PTW16 .menuBar.transcriptToggle p, .PTW16 .menuBar.transcriptToggle ul { font-family: 'Ubuntu',sans-serif; font-size: 1em; } /* line 152, sass/_PTW16.scss */ .PTW16 .menuBar a.a-basic { color: white; } /* line 156, sass/_PTW16.scss */ .PTW16 .menuBar h1 { color: white; font-size: 1.25em; } /* line 176, sass/_PTW16.scss */ .PTW16 .menuBar .column:first-child, .PTW16 .menuBar .columns:first-child { text-align: left; } /* line 179, sass/_PTW16.scss */ .PTW16 .menuBar .column:first-child + .column, .PTW16 .menuBar .column:first-child + .columns, .PTW16 .menuBar .columns:first-child + .column, .PTW16 .menuBar .columns:first-child + .columns { padding: 0 1em; } /* line 183, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child, .PTW16 .menuBar .columns:last-child { text-align: right; } /* line 186, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul, .PTW16 .menuBar .columns:last-child ul { list-style: none; margin: 0; padding: 0; } /* line 192, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li, .PTW16 .menuBar .columns:last-child ul li { display: inline-block; line-height: 32px; } /* line 197, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li:first-child, .PTW16 .menuBar .columns:last-child ul li:first-child { margin-left: 0; } /* line 200, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li:last-child, .PTW16 .menuBar .columns:last-child ul li:last-child { margin-right: 0; } /* line 204, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li a, .PTW16 .menuBar .columns:last-child ul li a { background: rgba(255, 255, 255, 0.75); border-radius: 50%; display: inline-block; height: 32px; overflow: hidden; text-align: center; width: 32px; vertical-align: middle; -moz-transition: background 0.1s ease-out; -o-transition: background 0.1s ease-out; -webkit-transition: background 0.1s ease-out; transition: background 0.1s ease-out; } /* line 215, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li a:hover, .PTW16 .menuBar .columns:last-child ul li a:hover { background: #65c2ed; } /* line 219, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child ul li a img, .PTW16 .menuBar .columns:last-child ul li a img { -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; max-height: 16px; max-width: 16px; } @media (max-width: 900px) { /* line 232, sass/_PTW16.scss */ .PTW16 .menuBar .column, .PTW16 .menuBar .columns { width: 100%; } /* line 235, sass/_PTW16.scss */ .PTW16 .menuBar .column:first-child, .PTW16 .menuBar .columns:first-child { text-align: center; } /* line 238, sass/_PTW16.scss */ .PTW16 .menuBar .column:first-child img, .PTW16 .menuBar .columns:first-child img { max-width: 40%; } /* line 242, sass/_PTW16.scss */ .PTW16 .menuBar .column:first-child + .column, .PTW16 .menuBar .column:first-child + .columns, .PTW16 .menuBar .columns:first-child + .column, .PTW16 .menuBar .columns:first-child + .columns { padding: 1em; } /* line 246, sass/_PTW16.scss */ .PTW16 .menuBar .column:last-child, .PTW16 .menuBar .columns:last-child { text-align: center; } } /* line 254, sass/_PTW16.scss */ .PTW16 .nascarStrip img { margin-bottom: 15%; margin-top: 15%; max-width: 70%; } /* line 261, sass/_PTW16.scss */ .PTW16 .otherVideos { /*& > .clearflex { height: 100%; }*/ } /* line 267, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo { background: rgba(0, 125, 183, 0.85) center no-repeat; background-size: cover; border-bottom: 1px solid white; border-right: 1px solid white; min-height: 500px; overflow: hidden; padding: 1em; position: relative; /*.no-touch &:hover { .hover { opacity: 0; //@include transform(translateY(100%)); p { @include transform(scale(3)); } } &:nth-child(n+3) { .hover { //@include transform(translateY(-100%)); } } }*/ } /* line 297, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo h2, .PTW16 .otherVideos .singleVideo .Approach h1, .Approach .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Careers #intro h1, .Careers #intro .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Case.Study h1, .Case.Study .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Legal #intro h1, .Legal #intro .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Press .Press--intro h1, .Press .Press--intro .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Responsive #intro h1, .Responsive #intro .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Service h1, .Service .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .Work .Work--intro h1, .Work .Work--intro .PTW16 .otherVideos .singleVideo h1, .PTW16 .otherVideos .singleVideo .menuBar h1, .PTW16 .menuBar .otherVideos .singleVideo h1 { margin: 0 auto; } /* line 301, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo p, .PTW16 .otherVideos .singleVideo ul { font-family: 'Ubuntu',sans-serif; margin: 0 auto; } /* line 305, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo p img, .PTW16 .otherVideos .singleVideo ul img { max-height: 125px; } /* line 310, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo .hover { height: 100%; opacity: 1; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width: 100%; /*&:before { background:rgba(255,255,255,1); color:$lightblue; content:"Coming Soon"; height:2em; font-weight:700; left:0; line-height: 2em; position:absolute; text-transform: uppercase; top:0; @include transform(rotate(-45deg) translate(-125px, -50px)); width:400px; z-index: 30; }*/ } /* line 313, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo .hover.smallFont { font-size: .75em; } /* line 339, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo .hover h2, .PTW16 .otherVideos .singleVideo .hover .Approach h1, .Approach .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Careers #intro h1, .Careers #intro .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Case.Study h1, .Case.Study .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Legal #intro h1, .Legal #intro .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Press .Press--intro h1, .Press .Press--intro .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Responsive #intro h1, .Responsive #intro .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Service h1, .Service .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .Work .Work--intro h1, .Work .Work--intro .PTW16 .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover .menuBar h1, .PTW16 .menuBar .otherVideos .singleVideo .hover h1, .PTW16 .otherVideos .singleVideo .hover p, .PTW16 .otherVideos .singleVideo .hover ul { color: white; position: relative; z-index: 2; } /* line 344, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo .hover p, .PTW16 .otherVideos .singleVideo .hover ul { -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 348, sass/_PTW16.scss */ .PTW16 .otherVideos .singleVideo .hover .half.column { padding: 1em; } /* line 357, sass/_PTW16.scss */ .PTW16 .transcript { border-bottom: 1px solid rgba(100, 100, 100, 0.5); font-size: .75em; letter-spacing: 0; max-height: 50vh; overflow: auto; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* line 366, sass/_PTW16.scss */ .PTW16 .transcript.hidden { border-bottom: 0; max-height: 0; padding-bottom: 0; padding-top: 0; } /* line 373, sass/_PTW16.scss */ .PTW16 .transcript p:nth-child(even), .PTW16 .transcript ul:nth-child(even) { color: black; }