html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; } audio,canvas,progress,video { display:inline-block; vertical-align:baseline; } audio:not([controls]) { display:none; height:0; } [hidden],template { display:none; } a { background:transparent; } a:active,a:hover { outline:0; } abbr[title] { border-bottom:1px dotted; } b,strong { font-weight:bold; } dfn { font-style:italic; } h1 { font-size:2em; margin:.67em 0; } mark { background:#ff0; color:#000; } small { font-size:80%; } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-.5em; } sub { bottom:-.25em; } img { border: 0; width: 200px; display: block; } svg:not(:root) { overflow:hidden; } figure { margin:1em 40px; } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; } pre { overflow:auto; } code,kbd,pre,samp { font-family:monospace, monospace; font-size:1em; } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0; } button { overflow:visible; } button,select { text-transform:none; } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; } button[disabled],html input[disabled] { cursor:default; } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; } input { line-height:normal; } input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0; } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height:auto; } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none; } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em; } legend { border:0; padding:0; } textarea { overflow:auto; } optgroup { font-weight:bold; } table { border-collapse:collapse; border-spacing:0; } td,th { padding:0; } .clearfix:before,.mod__inner--work:before,.purpose__copy-container:before,.offscreen--slide-cont:before,.offscreen-slide__row:before,.client-info:before,.client-details__quote__wrapper:before,.process-details__content-container:before,.homepage-hat__column-wrapper:before,.hero-container__column-wrapper:before,.hero-container__column__link .text-link:before,.careers-page .career-joblist .news__row__link .text-link:before,.news__row__link .text-link:before,.client__column-container:before,.offices__inner:before,.awards__grid__row:before,.work-video__copy-container:before,.services-intro__content-container:before,.services-capabilities__row:before,.services-capabilities__row--right:before,.news__row--right:before,.careers-page .career-joblist .news__row:before,.news__row:before,.services-change .double-col:before,.disciplines-new .triple-col:before,.careers-page .tweet-grid:before,.careers-page .career-joblist .news__row__link__inner:before,.careers-page .career-joblist .news__meta:before,.careers-page .fb-feed:before,.careers-meta__time-wrapper:before,.poster__row:before,.news__row__link__inner:before,.news__meta:before,.article-meta__time-wrapper:before,.clearfix:after,.mod__inner--work:after,.purpose__copy-container:after,.offscreen--slide-cont:after,.offscreen-slide__row:after,.client-info:after,.client-details__quote__wrapper:after,.process-details__content-container:after,.homepage-hat__column-wrapper:after,.hero-container__column-wrapper:after,.hero-container__column__link .text-link:after,.careers-page .career-joblist .news__row__link .text-link:after,.news__row__link .text-link:after,.client__column-container:after,.offices__inner:after,.awards__grid__row:after,.work-video__copy-container:after,.services-intro__content-container:after,.services-capabilities__row:after,.services-capabilities__row--right:after,.news__row--right:after,.careers-page .career-joblist .news__row:after,.news__row:after,.services-change .double-col:after,.disciplines-new .triple-col:after,.careers-page .tweet-grid:after,.careers-page .career-joblist .news__row__link__inner:after,.careers-page .career-joblist .news__meta:after,.careers-page .fb-feed:after,.careers-meta__time-wrapper:after,.poster__row:after,.news__row__link__inner:after,.news__meta:after,.article-meta__time-wrapper:after { content:" "; display:table; } .clearfix:after,.mod__inner--work:after,.purpose__copy-container:after,.offscreen--slide-cont:after,.offscreen-slide__row:after,.client-info:after,.client-details__quote__wrapper:after,.process-details__content-container:after,.homepage-hat__column-wrapper:after,.hero-container__column-wrapper:after,.hero-container__column__link .text-link:after,.careers-page .career-joblist .news__row__link .text-link:after,.news__row__link .text-link:after,.client__column-container:after,.offices__inner:after,.awards__grid__row:after,.work-video__copy-container:after,.services-intro__content-container:after,.services-capabilities__row:after,.services-capabilities__row--right:after,.news__row--right:after,.careers-page .career-joblist .news__row:after,.news__row:after,.services-change .double-col:after,.disciplines-new .triple-col:after,.careers-page .tweet-grid:after,.careers-page .career-joblist .news__row__link__inner:after,.careers-page .career-joblist .news__meta:after,.careers-page .fb-feed:after,.careers-meta__time-wrapper:after,.poster__row:after,.news__row__link__inner:after,.news__meta:after,.article-meta__time-wrapper:after { clear:both; } /* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; display: block; } .fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .fancybox-opened { z-index:8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5); } .fancybox-outer,.fancybox-inner { position:relative; } .fancybox-inner { overflow:hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; } .fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; } .fancybox-image,.fancybox-iframe { display:block; width:100%; height:100%; } .fancybox-image { max-width:100%; max-height:100%; } #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image:url(/wp-content/themes/rokkan2014/img/fancybox/fancybox_sprite.png?1401484555); } #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; } #fancybox-loading div { width:44px; height:44px; background:url(/wp-content/themes/rokkan2014/img/fancybox/fancybox_loading.gif?1402694256) center center no-repeat; } .fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; } .fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(/wp-content/themes/rokkan2014/img/fancybox/blank.gif?1401484555); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; } .fancybox-prev { left:0; } .fancybox-next { right:0; } .fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; } .fancybox-prev span { left:10px; background-position:0 -36px; } .fancybox-next span { right:10px; background-position:0 -72px; } .fancybox-nav:hover span { visibility:visible; } .fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible!important; } .fancybox-lock { overflow:hidden!important; width:auto; } .fancybox-lock body { overflow:hidden!important; } .fancybox-lock-test { overflow-y:hidden!important; } .fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(/wp-content/themes/rokkan2014/img/fancybox/fancybox_overlay.png?1402694315); } .fancybox-overlay-fixed { position:fixed; bottom:0; right:0; } .fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; } .fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; } .fancybox-opened .fancybox-title { visibility:visible; } .fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; } .fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; } .fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; } .fancybox-title-inside-wrap { padding-top:10px; } .fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,0.8); } property-info { min-height:440px; background-color:#FFFFFF; } .js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths .home.page.page-id-117.page-template-default.page-home.group-blog #property-info { } .js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths .home.page.page-id-117.page-template-default.page-home.group-blog #property-info { } .js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths .home.page.page-id-117.page-template-default.page-home.group-blog #property-info { } @media only screen and -webkit-min-device-pixel-ratio 15,only screen and min--moz-device-pixel-ratio 15,only screen and min-device-pixel-ratio 15 { #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image:url(/wp-content/themes/rokkan2014/img/fancybox/fancybox_sprite@2x.png?1402694276); background-size:44px 152px; } #fancybox-loading div { background-image:url(/wp-content/themes/rokkan2014/img/fancybox/fancybox_loading@2x.gif?1402694256); background-size:24px 24px; } } @-webkit-keyframes left-right { 0-webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } 100% { -webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } } @-moz-keyframes left-right { 0-webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } 100% { -webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } } @-ms-keyframes left-right { 0-webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } 100% { -webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } } @keyframes left-right { 0-webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } 100% { -webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } } @-webkit-keyframes right-left { 0-webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } 100% { -webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } } @-moz-keyframes right-left { 0-webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } 100% { -webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } } @-ms-keyframes right-left { 0-webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } 100% { -webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } } @keyframes right-left { 0-webkit-transform:translateY(0%) translateX(10%); -moz-transform:translateY(0%) translateX(10%); -ms-transform:translateY(0%) translateX(10%); -o-transform:translateY(0%) translateX(10%); transform:translateY(0%) translateX(10%); } 100% { -webkit-transform:translateY(-20%) translateX(-10%); -moz-transform:translateY(-20%) translateX(-10%); -ms-transform:translateY(-20%) translateX(-10%); -o-transform:translateY(-20%) translateX(-10%); transform:translateY(-20%) translateX(-10%); } } .sy-box.sy-loading { -webkit-background-size:32px; -moz-background-size:32px; -o-background-size:32px; background-size:32px; min-height:40px; } .sy-box.sy-loading .sy-slides-wrap,.sy-box.sy-loading .sy-pager { visibility:hidden; } .sy-slides-wrap { position:relative; height:100%; width:100%; } .sy-slides-wrap:hover .sy-controls { display:block; } .sy-slides-crop { height:100%; width:100%; position:absolute; overflow:hidden; } .sy-list { width:100%; height:100%; list-style:none; margin:0; padding:0; position:absolute; } .sy-list.horizontal { -webkit-transition:left ease; -moz-transition:left ease; -o-transition:left ease; transition:left ease; } .sy-list.vertical { -webkit-transition:top ease; -moz-transition:top ease; -o-transition:top ease; transition:top ease; } .sy-slide { position:absolute; width:100%; z-index:2; } .sy-slide.kenburns { width:140%; left:-20%; } .sy-slide.kenburns.useCSS { -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; } .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name:left-right; -webkit-animation-fill-mode:forwards; -moz-animation-name:left-right; -moz-animation-fill-mode:forwards; -o-animation-name:left-right; -o-animation-fill-mode:forwards; animation-name:left-right; animation-fill-mode:forwards; } .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name:right-left; -webkit-animation-fill-mode:forwards; -moz-animation-name:right-left; -moz-animation-fill-mode:forwards; -o-animation-name:right-left; -o-animation-fill-mode:forwards; animation-name:right-left; animation-fill-mode:forwards; } .sy-slide.sy-active { z-index:3; } .sy-slide>a { margin:0; padding:0; display:block; width:100%; } .sy-slide>a>img { margin:0; padding:0; display:block; width:100%; border:0; } .sy-controls { display:none; list-style:none; height:100%; width:100%; position:absolute; padding:0; margin:0; } .sy-controls li { position:absolute; width:10%; min-width:4.2em; height:100%; z-index:33; } .sy-controls li.sy-prev { left:0; top:0; cursor:w-resize!important; } .sy-controls li.sy-prev a { cursor:w-resize!important; } .sy-controls li.sy-prev a:after { background-image:url(/wp-content/themes/rokkan2014/img/arrow_prev_sprite.png)!important; background-repeat:no-repeat; background-position:left top; left:50%; cursor:w-resize!important; } .sy-controls li.sy-prev a:hover:after { background-position:left -20px!important; } .sy-controls li.sy-next { right:0; top:0; cursor:e-resize!important; } .sy-controls li.sy-next a { cursor:e-resize!important; } .sy-controls li.sy-next a:after { background-image:url(/wp-content/themes/rokkan2014/img/arrow_next_sprite.png)!important; background-repeat:no-repeat; background-position:right top; right:50%; cursor:e-resize!important; } .sy-controls li.sy-next a:hover:after { background-position:right -20px!important; } .sy-controls li a { position:relative; width:100%; height:100%; display:block; text-indent:-9999px; } .sy-controls li a:after { content:""; width:35px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; text-align:center; text-indent:0; line-height:2.8em; color:#111; font-weight:800; position:absolute; background-color:#fff; width:2.8em; height:2.8em; top:50%; margin-top:-1.4em; margin-left:-1.4em; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } @media only screen and max-device-width 600px { .sy-controls { display:block; } .sy-controls li { min-width:2.1em; } .sy-controls li a:after { width:1.4em; height:1.4em; margin-top:-.7em; margin-left:-.7em; } } .sy-caption-wrap { display:none; position:absolute; bottom:2em; z-index:12; left:50%; } .sy-caption-wrap .sy-caption { position:relative; left:-50%; background-color:rgba(0,0,0,0.54); color:#fff; padding:.4em 1em; -webkit-border-radius:1.2em; -moz-border-radius:1.2em; -ms-border-radius:1.2em; -o-border-radius:1.2em; border-radius:1.2em; } .sy-caption-wrap .sy-caption a:link,.sy-caption-wrap .sy-caption a:visited { color:#e24b70; font-weight:600; text-decoration:none; } .sy-caption-wrap .sy-caption a:hover,.sy-caption-wrap .sy-caption a:focus { text-decoration:underline; } @media only screen and max-device-width 600px,screen and max-width 600px { .sy-caption-wrap { left:0; bottom:.4em; } .sy-caption-wrap .sy-caption { left:0; padding:.2em .4em; font-size:.92em; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } } .sy-pager { overflow:hidden; zoom:1; display:block; width:100%; margin:1em 0 0; padding:0; list-style:none; text-align:center; } .sy-pager li { display:inline-block; width:.8em; height:.8em; margin:0 .5em; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .sy-pager li.sy-active a { background-color:#cab340; } .sy-pager li a { width:100%; height:100%; display:block; background-color:#cccccc; text-indent:-9999px; -webkit-background-size:2em; -moz-background-size:2em; -o-background-size:2em; background-size:2em; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } .sy-filler { width:100%; } .sy-filler.ready { -webkit-transition:padding 600ms ease; -moz-transition:padding 600ms ease; -o-transition:padding 600ms ease; transition:padding 600ms ease; } body { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#565656; font-size:62.5%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } h1,h2,h3,h4,h5,h6 { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #cab340; font-weight: normal; font-size: 20pt; margin-top: 50px; margin-right: 0; margin-left: 0; text-align: left; } strong { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; } .mod { width:100%; position:relative; } .mod__inner { zoom: 1; max-width: 960px; _width: 97.996em; padding-left: 2em; padding-right: 2em; margin-left: auto; margin-right: auto; position: relative; display: inline-block; text-align: right; } .mod__inner:after { content:""; display:table; clear:both; } .mod__inner--work { max-width:1470px; padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto; position:relative; } .purpose { background:#f4f4f4; padding:60px 0 30px; } .purpose__title-container { text-align:center; position:relative; } .purpose__title-container h3 { margin:0; font-size:7.8em; display:inline-block; background:#f4f4f4; position:relative; z-index:2; padding:0 30px; } @media max-width 375em { .purpose__title-container h3 { font-size:6em; } } @media max-width 25em { .purpose__title-container h3 { font-size:5em; } } .purpose__title-container .divider { width:100%; height:1px; position:absolute; top:50%; background:#d7d7d7; z-index:1; } .purpose__caption-container { text-align:center; border-bottom:1px solid #d7d7d7; } .purpose__caption-container p { font-size:2.7em; color:#9d9d9d; font-family:"Minion W01 Regular",serf; margin:45px 30px; } @media max-width 375em { .purpose__caption-container p { margin:30px 20px 35px; font-size:2.4em; } } .purpose__copy-container__col { width:48.97955%; float:left; margin-right:2.0409%; display:inline; } .purpose__copy-container__col.last { float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 375em { .purpose__copy-container__col { width:100%; display:block; display:block; } } .purpose__copy-container__col strong { color:black; font-size:1.8em; margin:34px 0; display:block; } .purpose__copy-container__col p { font-size:1.6em; line-height:1.8; margin:32px 0; } @media max-width 375em { .purpose__copy-container__col p { margin:16px 0; } } .how-we-work { overflow:hidden; } .how-we-work .how-we-work__inner>h3 { font-size:8em; text-align:center; margin:20px 0 40px; } .how-we-work .how-we-work__inner>h3.arrow { background:url(/wp-content/themes/rokkan2014/img/h3-title-down-arrow.jpg?1402694259) no-repeat center bottom; padding:0 0 50px; } .offscreen--slide-cont { position:relative; padding-bottom:80px; } @media max-width 375em { .offscreen--slide-cont { padding-bottom:0; } } .offscreen--slide-cont .offscreen--slide--nav-cont { position:absolute; top:170px; left:0; width:100%; z-index:5; border-bottom:1px solid #ececec; } @media max-width 4625em { .offscreen--slide-cont .offscreen--slide--nav-cont { display:none; } } .offscreen--slide-cont .offscreen--slide--nav-cont.offscreen-full { top:20px; } .offscreen--slide-cont .offscreen--slide--nav-cont.offscreen-full .offscreen--slide--nav { border-bottom:0 solid #ececec; width:3000px; } .offscreen--slide-cont .offscreen--slide--nav-cont.offscreen-full .offscreen--slide--nav li { width:180px; } .offscreen--slide-cont .offscreen--slide--nav-cont.offscreen-full .offscreen--slide--nav li a { font-size:6.8em; padding:0; } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav { margin:0 auto; padding:0; list-style:none; width:980px; float:left; height:92px; } @media max-width 6375em { .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav { width:700px; float:none; } } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li { width:120px; display:inline; margin:0 45px; padding:0; float:left; } @media max-width 6375em { .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li { width:100px; margin:0 20px; } } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li.first { margin-left:85px; } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li.long { width:175px; } @media max-width 6375em { .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li.long { width:150px; } } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a { width:100%; padding:35px 0; text-align:center; font-size:1.8em; float:left; text-decoration:none; color:#9f9f9f; position:relative; } @media max-width 6375em { .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a { font-size:1.5em; padding-bottom:39px; } } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a:hover,.offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a.active { color:#000; border-bottom:1px solid #000; } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a.active .offscreen--arrow-down { display:block; } .offscreen--slide-cont .offscreen--slide--nav-cont .offscreen--slide--nav li a .offscreen--arrow-down { display:none; position:absolute; bottom:-25px; left:50%; margin-left:-5px; width:9px; height:25px; background:url(/wp-content/themes/rokkan2014/img/arrow_down.png); } .offscreen--slide-cont .offscreen--slide--item-mod { margin:0; padding:0; list-style:none; width:100%; float:left; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont { margin:0; padding:0; list-style:none; width:4000px; float:left; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li { width:980px; display:inline; margin:0; padding:0; float:left; margin-left:0; margin-right:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li.active { margin-left:0; margin-right:0; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li.active h3 { color:#000; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li.active p,.offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li.active .slide--item-content { opacity:1; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li h3 { color:#e5e5e5; width:100%; text-align:center; font-size:6.4em; -webkit-transition:color 2s ease-in-out; -moz-transition:color 2s ease-in-out; -o-transition:color 2s ease-in-out; transition:color 2s ease-in-out; } @media max-width 375em { .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li h3 { font-size:4em; } } @media max-width 25em { .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li h3 { font-size:3em; } } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li .slide--item-content { opacity:0; -webkit-transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -o-transition:opacity .25s ease-in-out; transition:opacity .25s ease-in-out; } .offscreen--slide-cont .offscreen--slide--item-mod .offscreen--slide--item-cont li .slide--item-content>img { width:100%; height:auto; } .offscreen--slide--nav-slider-cont { width:100%; float:left; border-top:1px solid #ececec; margin:50px 0 0; position:absolute; bottom:0; z-index:20; } @media max-width 4625em { .offscreen--slide--nav-slider-cont { bottom:auto; top:170px; border:0; } } @media max-width 375em { .offscreen--slide--nav-slider-cont { top:80px; } } @media max-width 25em { .offscreen--slide--nav-slider-cont { top:40px; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider { margin:-33px auto 0; background:#fff; padding:0; list-style:none; width:978px; height:66px; border:1px solid #d0d0d0; } @media max-width 6125em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider { margin:0 auto; width:100%; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li { display:inline; float:left; margin:0 auto; padding:0; position:relative; } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.first,.offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.last { width:319px; } @media max-width 6125em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.first,.offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.last { width:20%; text-indent:-9999px; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.first a:hover,.offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.last a:hover { background:#eee; } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.middle { width:338px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } @media max-width 6125em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.middle { width:60%; margin-left:-2px; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li.middle a { font-weight:bold; } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li a { height:44px; padding-top:22px; width:100%; text-decoration:none; text-align:center; color:#000; float:left; font-size:2em; position:relative; } @media max-width 4625em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li a { font-size:1.5em; position:relative; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li .offscreen--arrow-left { position:absolute; bottom:50%; left:20px; margin-bottom:-4px; width:35px; height:9px; background:url(/wp-content/themes/rokkan2014/img/arrow_left.png); } @media max-width 6125em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li .offscreen--arrow-left { left:50%; margin-left:-17px; } } .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li .offscreen--arrow-right { position:absolute; bottom:50%; right:20px; margin-bottom:-4px; width:35px; height:9px; background:url(/wp-content/themes/rokkan2014/img/arrow_right.png); } @media max-width 6125em { .offscreen--slide--nav-slider-cont .offscreen--slide--nav-slider li .offscreen--arrow-right { right:50%; margin-right:-17px; } } .offscreen-slide__row { padding:170px 0 80px; } @media max-width 375em { .offscreen-slide__row { padding-top:120px; padding-bottom:40px; border-bottom:1px solid #e5e5e5; } } .offscreen-slide__row__img-container { float:right; width:50%; } @media max-width 4375em { .offscreen-slide__row__img-container { width:100%; float:none; padding-bottom:30px; } } .offscreen-slide__row__img-container img { width:100%; } .offscreen-slide__row__copy-container { float:left; width:50%; } @media max-width 4375em { .offscreen-slide__row__copy-container { width:100%; float:none; } } .offscreen-slide__row__copy-container h4 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:3.5em; margin:0 0 30px; padding-right:60px; } @media max-width 4375em { .offscreen-slide__row__copy-container h4 { padding-right:0; } } @media max-width 25em { .offscreen-slide__row__copy-container h4 { font-size:2.5em; } } .offscreen-slide__row__copy-container p { font-size:1.5em; line-height:1.8; margin:0 0 30px; padding-right:60px; } @media max-width 4375em { .offscreen-slide__row__copy-container p { padding-right:0; } } .offscreen-slide__row__copy-container strong { color:black; } .culture-history { overflow:hidden; } .case-study__hero { margin-top:-1px; } @media max-width 6125em { .case-study__hero { margin-top:77px; } } @media max-width 479375em { .case-study__hero { display:none; } } .case-study__hero__container { list-style:none; margin:0; padding:0; width:100%; max-width:100%; } .case-study__hero__container .slider { padding:0!important; } @media max-width 6125em { .case-study__hero__container .slider { height:600px!important; } } @media max-width 479375em { .case-study__hero__container .slider { height:600px!important; } } @media max-width 6125em { .case-study__hero__container .slider li { background-size:100%!important; } } @media max-width 6125em { .case-study__hero__container .slider li:first-child { background-size:150%!important; } } @media max-width 4875em { .case-study__hero__container .slider li:first-child { background-size:180%!important; } } @media max-width 479375em { .case-study__hero__container .slider li:first-child { background-size:100%!important; } } .case-study__hero__container .sy-controls li.sy-prev a:after { top:50%; } .case-study__hero__container .sy-controls li.sy-next a:after { top:50%; margin-right:-17px; } .case-study__hero__container .sy-slides-crop li { width:100%; height:100%; } .case-study__hero__container .sy-pager { position:absolute; bottom:30px; z-index:10; } .centered-text-mod,.centered-text-mod--gold,.more { padding:75px 0 60px; } @media max-width 3125em { .centered-text-mod,.centered-text-mod--gold,.more { padding:45px 0 30px; } } .centered-text-mod .centered-text-mod__inner,.centered-text-mod--gold .centered-text-mod__inner,.more .centered-text-mod__inner { text-align:center; margin:0 auto; } .centered-text-mod h3,.centered-text-mod--gold h3,.more h3 { width:71%; margin:0 auto; font-size:7em; margin-bottom:25px; } @media max-width 3125em { .centered-text-mod h3,.centered-text-mod--gold h3,.more h3 { font-size:4em; } } .centered-text-mod p,.centered-text-mod--gold p,.more p { width:71%; margin:25px auto; font-size:1.6em; line-height:1.8; } @media max-width 3125em { .centered-text-mod p,.centered-text-mod--gold p,.more p { width:90%; } } @media max-width 479375em { .centered-text-mod.first,.first.centered-text-mod--gold,.first.more { border-top:1px solid #e5e5e5; } } .centered-text-mod--gold { background:#cab340; } .centered-text-mod--gold p { color:#000; } .stats-mod__inner { padding:60px 0; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); } .stats-mod__inner--bottom { border-bottom:none; } .stat-mod__inner--1 .stats__item { width:100%; float:left; margin-right:2.0409%; display:inline; float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 3125em { .stat-mod__inner--2 { padding:30px 0 40px; } } .stat-mod__inner--2 .stats__item { width:48.97955%; float:left; margin-right:2.0409%; display:inline; } @media max-width 3125em { .stat-mod__inner--2 .stats__item { width:100%; float:none; padding-bottom:15px; display:block; } } @media max-width 375em { .stat-mod__inner--3 { padding:30px 0 40px; } } .stat-mod__inner--3 .stats__item { width:31.97273%; float:left; margin-right:2.0409%; display:inline; } @media max-width 375em { .stat-mod__inner--3 .stats__item { width:100%; float:none; padding-bottom:15px; display:block; } } @media max-width 4375em { .stat-mod__inner--4 { padding:30px 0 40px; } } .stat-mod__inner--4 .stats__item { width:23.46933%; float:left; margin-right:2.0409%; display:inline; } @media max-width 4375em { .stat-mod__inner--4 .stats__item { width:100%; float:none; padding-bottom:15px; display:block; } } .stats__item { text-align:center; } .stats__item.last { margin-right:0; } .stats__item h4 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:6em; margin:10px 0; } .stats__item h4 sup { font-size:15px; vertical-align:super; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .stats__item p { margin:0; font-size:1.5em; line-height:1.5; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .stats__item p a { color:#cab340; text-decoration:none; } .arrow--down { display:inline-block; background:url(/wp-content/themes/rokkan2014/img/arrow_down.png?1402694310); width:9px; height:25px; } .client-details__inner { padding-bottom:40px; } .client-details__inner .fluid-width-video-wrapper { margin-bottom:35px; } .client-details__inner .fluid-width-video-wrapper iframe { padding-left:0; } .client-details--no-hero { padding-top:80px; } .client-info { position:absolute; left:2em; top:0; width:160px; } @media max-width 4375em { .client-info { position:static; width:100%; padding-top:50px; border-top:1px solid #e5e5e5; } } .client-info__logo { height:111px; overflow:hidden; } @media max-width 4375em { .client-info__logo { width:31.97273%; float:left; margin-right:2.0409%; } } @media max-width 3125em { .client-info__logo { width:200px; margin:0 auto; float:none; } } .client-info__details { padding-bottom:18px; border-bottom:1px solid #ececec; } @media max-width 4375em { .client-info__details { width:31.97273%; float:left; margin-right:2.0409%; border-bottom:0; } } @media max-width 3125em { .client-info__details { width:200px; margin:0 auto; float:none; border-bottom:1px solid #ececec; } } .client-info__details h5 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; font-size:1.1em; margin:0 0 3px; text-transform:uppercase; } .client-info__details p { font-size:1.5em; margin:0 0 15px; } .client-info__links { padding-top:30px; } @media max-width 4375em { .client-info__links { width:31.97273%; float:left; margin-right:2.0409%; float:right; margin-right:0; padding-top:0; } } @media max-width 3125em { .client-info__links { width:200px; margin:0 auto; float:none; padding:30px 0; } } .client-info__links h5 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; font-size:1.1em; margin:0 0 3px; text-transform:uppercase; } .client-info__links a { display:block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.5em; margin:0 0 15px; color:#cab340; text-decoration:none; } .client-details__quote,.client-details__quote--left,.client-details__quote--right { width:650px; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); position:relative; margin-bottom:35px; } @media max-width 4375em { .client-details__quote,.client-details__quote--left,.client-details__quote--right { width:100%; } } .client-details__quote h5,.client-details__quote--left h5,.client-details__quote--right h5 { font-size:3em; text-align:center; line-height:1.5; margin:35px 0; padding:0 10px; } @media max-width 4375em { .client-details__quote h5,.client-details__quote--left h5,.client-details__quote--right h5 { font-size:2.2em; } } .client-details__quote:before,.client-details__quote--left:before,.client-details__quote--right:before { content:''; display:inline-block; background:url(/wp-content/themes/rokkan2014/img/icon_quote.png?1402694317) no-repeat center center #fff; width:28px; height:8px; position:absolute; left:50%; top:-5px; margin-left:-14px; } .client-details__quote__wrapper { width:100%; } .client-details__quote--left { float:left; } @media max-width 4375em { .client-details__quote--left { float:none; } } .client-details__quote--right { float:right; } @media max-width 4375em { .client-details__quote--right { float:none; } } .client-description h3,.case-study-main h3,.careers-body__inner h3,.article-body__inner h3,.client-description h4,.case-study-main h4,.careers-body__inner h4,.article-body__inner h4,.client-description p,.case-study-main p,.careers-body__inner p,.article-body__inner p,.client-description .case-study-stats,.case-study-main .case-study-stats,.careers-body__inner .case-study-stats,.article-body__inner .case-study-stats,.client-description iframe,.case-study-main iframe,.careers-body__inner iframe,.article-body__inner iframe { padding-left:220px; width:65%; } .client-description h3,.case-study-main h3,.careers-body__inner h3,.article-body__inner h3,.client-description h4,.case-study-main h4,.careers-body__inner h4,.article-body__inner h4 { font-size:4em; margin-bottom:65px; } .client-description h3,.case-study-main h3,.careers-body__inner h3,.article-body__inner h3 { margin-bottom:15px; } .client-description p,.case-study-main p,.careers-body__inner p,.article-body__inner p { font-size:1.5em; line-height:1.8; margin-bottom:35px; } .client-description p a,.case-study-main p a,.careers-body__inner p a,.article-body__inner p a { color:#cab340; } .client-description img,.case-study-main img,.careers-body__inner img,.article-body__inner img { padding-bottom:35px; width:100%; height:auto; } .client-description ul,.case-study-main ul,.careers-body__inner ul,.article-body__inner ul { padding-left:220px; width:65%; margin-bottom:35px; } .client-description ul li,.case-study-main ul li,.careers-body__inner ul li,.article-body__inner ul li { font-size:1.5em; line-height:1.8; } .client-description .homepage-slider,.case-study-main .homepage-slider,.careers-body__inner .homepage-slider,.article-body__inner .homepage-slider { border-top:0; } .client-description .homepage-slider .mod__inner,.case-study-main .homepage-slider .mod__inner,.careers-body__inner .homepage-slider .mod__inner,.article-body__inner .homepage-slider .mod__inner { padding:0; } .client-description .sy-box ul,.case-study-main .sy-box ul,.careers-body__inner .sy-box ul,.article-body__inner .sy-box ul { width:100%; padding:0; } @media max-width 7375em { .client-description .sy-box .sy-controls,.case-study-main .sy-box .sy-controls,.careers-body__inner .sy-box .sy-controls,.article-body__inner .sy-box .sy-controls { display:none; } } .client-description .sy-box .sy-controls li.sy-prev,.case-study-main .sy-box .sy-controls li.sy-prev,.careers-body__inner .sy-box .sy-controls li.sy-prev,.article-body__inner .sy-box .sy-controls li.sy-prev { left:-120px; } .client-description .sy-box .sy-controls li.sy-next,.case-study-main .sy-box .sy-controls li.sy-next,.careers-body__inner .sy-box .sy-controls li.sy-next,.article-body__inner .sy-box .sy-controls li.sy-next { right:-120px; } .client-description .sy-box .sy-controls li a:after,.case-study-main .sy-box .sy-controls li a:after,.careers-body__inner .sy-box .sy-controls li a:after,.article-body__inner .sy-box .sy-controls li a:after { top:300px; } @media max-width 4375em { .case-study-main p,.case-study-main h3,.case-study-main h4 { padding:0 20px; margin-right:0; width:auto; } } @media max-width 4375em { .case-study-main .case-study-stats,.case-study-main iframe { margin-right:0; width:auto; } } .client-details__media { text-align:center; margin:35px 0; border-bottom:1px solid rgba(0,0,0,0.1); } .client-details__media__img-container img { width:100%; } .client-details__media__caption { width:75%; margin:0 auto; } .client-details__media__caption p { font-size:1.5em; line-height:1.8; margin-bottom:25px; width:100%; padding:0; } .process-details__inner h4 { border-top:1px solid rgba(0,0,0,0.1); font-size:7em; margin:0; padding:35px 0 30px; } .process-details__img-container { max-width:65.98637%; float:left; } .process-details__img-container img { width:100%; } .process-details__quote { width:31.97273%; float:left; margin-right:2.0409%; display:inline; float:right; margin-right:0; margin-left:-2em; display:inline; text-align:center; } .process-details__quote__copy-container { padding-bottom:40px; } .process-details__quote__copy-container p { font-family:"Minion W01 Regular",serf; color:#000; margin:0; line-height:1.5; } .process-details__quote__copy-container .quotation-mark { padding:40px 0; } .process-details__quote__copy-container .quote { font-size:2em; padding-bottom:40px; } .process-details__quote__copy-container .name { font-size:1.5em; text-transform:uppercase; } .process-details__quote__copy-container .position { font-size:1.5em; color:#818181; } .quotation-mark { display:inline-block; background:url(/wp-content/themes/rokkan2014/img/icon_quote.png?1402694317) no-repeat center center #fff; width:28px; height:8px; } .process-details__caption { background:white; text-align:left; padding:20px 0; width:170%; margin-left:-70%; } .process-details__caption p { font-size:1.5em; line-height:1.8; margin-bottom:35px; padding:0 30px; } .wp-caption { border-bottom:1px solid #ececec; margin-bottom:35px; max-width:980px; width:100%!important; } .wp-caption img { width:100%; padding-bottom:0; } .wp-caption .wp-caption-text { font-size:1.5em; line-height:1.8; width:75%; padding:15px 0 25px; margin:0 auto; text-align:center; } .wp-caption .wp-caption-text br { display:none; } .all-work--cs { color:black!important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .case-study__play { margin-left:-36px!important; margin-top:-56px!important; } @media max-width 25em { .case-study__play { margin-left:-25px!important; margin-top:-25px!important; } .case-study__play a { width:50px!important; height:50px!important; background-size:100%!important; } .case-study__play span { display:none!important; } } .case-study__mobile-hero { padding-top:85px; display:none; } @media max-width 479375em { .case-study__mobile-hero { display:block; } } .case-study__mobile-hero__img-container img { width:100%; display:block; } .case-study__mobile-hero__copy-container h3 { font-size:7em; margin:20px 0; padding:0 20px; } @media max-width 25em { .case-study__mobile-hero__copy-container h3 { font-size:5em; } } .case-study__mobile-hero__copy-container p { font-size:1.5em; line-height:1.8; padding:0 20px 35px; } .main-footer--rkn { border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); margin-top:-1px; } .rokkan-footer-logo { background:url(/ChateauCommons-logo-black.png) no-repeat; width:103px; height:108px; margin:75px auto 80px; text-indent:-9999px; } .hat { margin:0 auto; width:100px; height:5px; background:#cab340; } .main-footer--copyright { text-align: center; } .main-footer--copyright p { color: #7d7d7d; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 40px; display: inline-block; font-size: 1.5em; } .main-footer--copyright nav ul { margin:0 auto; padding:0; list-style:none; width:611px; } @media max-width 546875em { .main-footer--copyright nav ul { width:auto; text-align:center; } } .main-footer--copyright nav ul li { float:left; padding:0 20px; } @media max-width 546875em { .main-footer--copyright nav ul li { float:none; padding-bottom:10px; } } .main-footer--copyright nav ul li a { text-decoration:none; color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.8em; } .more { border-top:1px solid rgba(0,0,0,0.1); text-align:center; padding-bottom:135px; } @media max-width 4375em { .more h3 { font-size:5em; } } @media max-width 3125em { .more { padding-bottom:115px; } .more h3 { font-size:4em; } } @media max-width 25em { .more { padding-bottom:105px; } .more h3 { font-size:3em; } } .more-nav { background:black; } .more__item { width:31.97273%; float:left; margin-right:2.0409%; display:inline; margin-top:-70px; } .more__item.last { float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 4375em { .more__item { display:block; width:300px; margin:0 auto; float:none; position:relative; top:-70px; } .more__item.last { float:none; margin:0 auto; display:block; } .more__item.last .more__item__copy-container { padding-bottom:0; } } @media max-width 225em { .more__item { width:100%; } } .more__item__img-container { overflow:hidden; position:relative; line-height:0; } .more__item__img-container img { width:100%; } .more__item__img-container .sliding-img { position:absolute; bottom:0; left:0; } .more__item__img-container .sliding-mask { width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .more__item__img-container a:hover .sliding-mask { height:100%; } .more__item__copy-container { text-align:center; padding:50px 0 70px; } .more__item__copy-container a { font-family:"Minion W01 Regular",serf; color:white; text-decoration:none; font-size:2.5em; margin:0 0 10px; } .more__item__copy-container p { color:#cab340; font-size:2em; margin:0; } .main-header { height:77px; border-bottom:1px solid #e5e5e5; border-bottom:1px solid rgba(0,0,0,0.1); z-index:34; position:fixed; top:0; left:0; background:#fff; background:rgba(255,255,255,0.7); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .main-header:hover { background:#fff; } .main-header.inverted { border-bottom:1px solid #222; border-bottom:1px solid rgba(255,255,255,0.2); background:#000; background:rgba(0,0,0,0.3); } .main-header.inverted:hover { background:#000; } .main-header.inverted .rokkan-main-logo { background-repeat:no-repeat; background-position:right top; background-image:url(http://chateaucommons.com/Images/imgMenu.png); background-position-x: 20px; background-position-y: 31px; min-width:90px; } .main-header.inverted .rokkan-icon { background-repeat: no-repeat; background-image: url(/ChateauCommons-logo-round.png); display: inline; } .main-header.inverted .sub-nav ul li a { color:white; } .main-header.menu-open .sub-nav { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; } @media -webkit-min-device-pixel-ratio 2,min-resolution 192dpi { .main-header.inverted .rokkan-main-logo { background:url(/ChateauCommons-logo-black.png) no-repeat right top; background-size:80%; } .main-header.inverted .rokkan-icon { background:url(/ChateauCommons-logo-black.png) no-repeat; background-size:100%; } .main-header .rokkan-main-logo { background:url() no-repeat right top; background-size:80%; } .main-header .rokkan-icon { background:url(/ChateauCommons-logo-black.png) no-repeat; background-size:100%; } } .rokkan-main-logo { background-repeat:no-repeat; background-position:right top; background-image:url(/ChateauCommons-logo-black.png); width:90px; height:10px; text-indent:-9999px; cursor:pointer; margin:0px; float:left; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border-bottom:4px solid #cab340; padding: 35px 0px 29px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .rokkan-main-logo .toggle { display:block; float:left; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .rokkan-main-logo .toggle span { width:16px; height:3px; background:#FFF; margin-bottom:2px; display:block; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .rokkan-main-logo.active .toggle { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .rokkan-main-logo.active .toggle .t1 { -webkit-transform:translateY(6px); -moz-transform:translateY(6px); -ms-transform:translateY(6px); -o-transform:translateY(6px); transform:translateY(6px); } .rokkan-main-logo.active .toggle .t2 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; } .rokkan-main-logo.active .toggle .t3 { -webkit-transform:rotate(-90deg) translateX(4px); -moz-transform:rotate(-90deg) translateX(4px); -ms-transform:rotate(-90deg) translateX(4px); -o-transform:rotate(-90deg) translateX(4px); transform:rotate(-90deg) translateX(4px); } .rokkan-icon { display: inline-block; background: url(/ChateauCommons-logo-black.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 9px; right: 40px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-image: url(/ChateauCommons-logo-white.png); } @media max-width 75em { .rokkan-icon { right:725px; } } .sub-nav { float:right; line-height:77px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } @media max-width 75em { .sub-nav { margin-right:50px; } } @media max-width 50em { .sub-nav { display:none; } } .sub-nav ul { margin:0; padding:0; list-style:none; } .sub-nav ul li { float:left; font-size:1.5em; margin-left:18px; } .sub-nav ul li a { background:none!important; text-decoration:none!important; border:0!important; color:#565656; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; text-transform:capitalize; } .nav-overlay { position:fixed; width:100%; height:100%; top:78px; left:0; background:#000; background:rgba(0,0,0,0.9); z-index:1000; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; display:none; } .nav-overlay.active { display:block; -webkit-animation-name:fadeIn; -webkit-animation-duration:.3s; } .nav-overlay .menu { padding: 0; margin: 0; list-style: none; display: inline-table; } .nav-overlay .menu li { float:left; width:25%; text-align:center; display:table; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; border-bottom:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); } .nav-overlay .menu li:nth-child(4n) { border-right: none; text-align: center; } .nav-overlay .menu li:hover { background: white; text-align: center; } .nav-overlay .menu li:hover a { color:black; } .nav-overlay .menu li a { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; color:white; text-decoration:none; font-size:5em; font-family:"Minion W01 Regular",serf; display:table-cell; vertical-align:middle; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; top:-20px; position:relative; padding:0 40px; } @media max-width 50em { .nav-overlay .menu li a { padding:0 20px; } } .nav-overlay .menu li a.animate-in { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; top:0; } .nav-overlay .menu .nav-overlay__logo-bg { display: none; } .nav-overlay .menu .nav-overlay__logo-bg:hover { background: none; cursor: default; text-align: center; } .nav-overlay .menu .nav-overlay__logo-bg:hover a { cursor: default; text-align: center; } .nav-overlay .menu .nav-overlay__logo-bg img { width: 20%; display: inline-block; } .nav-overlay--vertical .menu li { width:50%; } .nav-overlay--vertical .menu li:nth-child(2n) { border-right:none; } @-webkit-keyframes fadeIn { fromfilter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; } to { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } } .homepage-hat,.work-hat,.services-hat { padding-top:78px; background:url(/wp-content/themes/rokkan2014/img/bg_homepage-hero-tile.jpg?1398695844); z-index:5; } .homepage-hat__bg,.work-hat__bg,.services-hat__bg { background:url(/wp-content/themes/rokkan2014/img/bg_homepage-hero.jpg?1398695844) no-repeat top center; } .homepage-hat__inner,.work-hat__inner,.services-hat__inner { height:220px; overflow:hidden; -webkit-transition:height .3s ease; -moz-transition:height .3s ease; -o-transition:height .3s ease; transition:height .3s ease; } .homepage-hat__inner.expanded,.expanded.work-hat__inner,.expanded.services-hat__inner { height:auto; } .homepage-hat__inner.expanded .animate-in,.expanded.work-hat__inner .animate-in,.expanded.services-hat__inner .animate-in { left:20px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; z-index:2; } .homepage-hat__inner.expanded .animate-in .close-btn,.expanded.work-hat__inner .animate-in .close-btn,.expanded.services-hat__inner .animate-in .close-btn { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .homepage-hat__inner.expanded .animate-out,.expanded.work-hat__inner .animate-out,.expanded.services-hat__inner .animate-out { left:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; z-index:1; } .homepage-hat__title-wrapper,.work-hat__title-wrapper,.services-hat__title-wrapper { height:220px; } .homepage-hat__title-wrapper h2,.work-hat__title-wrapper h2,.services-hat__title-wrapper h2 { font-size:8em; color:white; margin:0; padding:70px 0; cursor:pointer; position:absolute; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -o-transition:color .3s ease; transition:color .3s ease; } @media max-width 50em { .homepage-hat__title-wrapper h2,.work-hat__title-wrapper h2,.services-hat__title-wrapper h2 { font-size:5em; padding:85px 0 0; } } .homepage-hat__title-wrapper h2 span,.work-hat__title-wrapper h2 span,.services-hat__title-wrapper h2 span { color:#cab340; } .homepage-hat__title-wrapper h2.animate-in,.work-hat__title-wrapper h2.animate-in,.services-hat__title-wrapper h2.animate-in { left:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:1; } .homepage-hat__title-wrapper h2.animate-in .close-btn,.work-hat__title-wrapper h2.animate-in .close-btn,.services-hat__title-wrapper h2.animate-in .close-btn { display:inline-block; background:url(/wp-content/themes/rokkan2014/img/icon_close-gold.png?1402694317); width:22px; height:22px; margin:10px 30px 10px 0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } @media max-width 50em { .homepage-hat__title-wrapper h2.animate-in .close-btn,.work-hat__title-wrapper h2.animate-in .close-btn,.services-hat__title-wrapper h2.animate-in .close-btn { position:relative; top:5px; } } .homepage-hat__title-wrapper h2.animate-in:hover .close-btn,.work-hat__title-wrapper h2.animate-in:hover .close-btn,.services-hat__title-wrapper h2.animate-in:hover .close-btn { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .homepage-hat__title-wrapper h2.animate-out,.work-hat__title-wrapper h2.animate-out,.services-hat__title-wrapper h2.animate-out { left:20px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:2; } .homepage-hat__title-wrapper h2.animate-out:hover,.work-hat__title-wrapper h2.animate-out:hover,.services-hat__title-wrapper h2.animate-out:hover { color:#cab340; } .homepage-hat__copy-container { border-top:1px solid rgba(255,255,255,0.2); padding-bottom:90px; } .homepage-hat__copy-container h4 { font-size:2.7em; margin-bottom:0; color:#cab340; } .homepage-hat__column-wrapper__column { width:48.97955%; float:left; margin-right:2.0409%; display:inline; } .homepage-hat__column-wrapper__column.last { float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 375em { .homepage-hat__column-wrapper__column { width:100%; float:none; } } .homepage-hat__column-wrapper__column strong { color:white; font-size:1.8em; margin:34px 0; display:block; } .homepage-hat__column-wrapper__column p { color:white; font-size:1.6em; line-height:1.8; margin:32px 0; } @media max-width 375em { .homepage-hat__column-wrapper__column p { margin:16px 0; } } .homepage-hat__signature { margin-top:55px; height:100px; position:relative; } @media max-width 375em { .homepage-hat__signature { width:300px; margin:25px auto 0; } } .homepage-hat__signature .signature-img { background:url(/wp-content/themes/rokkan2014/img/signature_john-noe-2.png?1402694290); width:141px; height:178px; margin:20px auto 10px; position:absolute; left:50%; margin-left:-37px; top:-45px; } @media max-width 375em { .homepage-hat__signature .signature-img { left:20px; margin-left:0; } } .homepage-hat__signature .name { font-family:"Minion W01 Regular",serf; color:white; font-size:1.7em; margin:5px 0; } .homepage-hat__signature .title { font-family:"Minion W01 It",serf; color:#717171; font-size:1.7em; margin:5px 0; } .homepage-hat__signature__copy-container { width:200px; position:relative; left:55%; padding-top:50px; } @media max-width 375em { .homepage-hat__signature__copy-container { left:75px; } } .btn--watch-reel,.btn--watch-reel--mobile { float:right; color:white; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; font-size:1.3em; background:#cab340; padding:15px 20px 12px; position:relative; top:80px; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; } .btn--watch-reel:hover,.btn--watch-reel--mobile:hover { background:#bca634; } @media max-width 50em { .btn--watch-reel,.btn--watch-reel--mobile { top:90px; } } @media max-width 375em { .btn--watch-reel,.btn--watch-reel--mobile { display:none; } } .btn--watch-reel span,.btn--watch-reel--mobile span { color:black; } .btn--watch-reel--mobile { display:none; } @media max-width 375em { .btn--watch-reel--mobile { display:block; position:absolute; z-index:2; bottom:-20px; top:auto; left:50%; margin-left:-77.5px; } } .homepage-hero__inner .sy-slides-crop { overflow:visible; } .homepage-hero__inner .sy-controls { display:none!important; } .homepage-hero__inner .sy-pager { position:absolute; top:0; left:-150px; z-index:5; padding-top:3px; margin:0; border-left:1px solid #e5e5e5; overflow:visible; width:15px; } @media max-width 9375em { .homepage-hero__inner .sy-pager { left:-70px; } } @media max-width 7625em { .homepage-hero__inner .sy-pager { top:auto; bottom:150px; left:50%; border-left:0; width:300px; margin-left:-150px; } } @media max-width 50em { .homepage-hero__inner .sy-pager { bottom:0; } } .homepage-hero__inner .sy-pager li { display:block; margin-bottom:10px; width:6px; height:6px; background:none; position:relative; top:153px; left:-10px; cursor:pointer; border:none; } @media max-width 7625em { .homepage-hero__inner .sy-pager li { display:inline-block; top:0; left:0; } } .homepage-hero__inner .sy-pager li.sy-active a,.homepage-hero__inner .sy-pager li:hover a { background:black; border:2px solid black; } .homepage-hero__inner .sy-pager li a { background:none; border:2px solid #cab340; } @media max-width 7625em { .homepage-hero__inner .sy-pager li a { margin-left:-2px; } } .homepage-hero { padding-bottom:100px; overflow:hidden; } @media max-width 50em { .homepage-hero { padding-bottom:150px; } } .hero-container { padding:0; margin:0; list-style:none; } .hero-container__column--left { width:40.47614%; float:left; margin-right:2.0409%; display:inline; position:relative; z-index:2; } @media max-width 50em { .hero-container__column--left { width:48.97955%; float:left; margin-right:2.0409%; } } @media max-width 375em { .hero-container__column--left { width:100%; float:none; } } .hero-container__column--left h3 { font-size:14.4em; letter-spacing:-4px; margin-bottom:70px; position:absolute; left:0; top:0; width:700px; } @media max-width 50em { .hero-container__column--left h3 { width:100%; font-size:10em; width:600px; } } @media max-width 375em { .hero-container__column--left h3 { position:static; width:100%; margin:10px 0 0; font-size:6em; } } .hero-container__column--right { position:relative; z-index:1; width:57.48296%; float:left; margin-right:2.0409%; display:inline; float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 50em { .hero-container__column--right { width:48.97955%; float:left; margin-right:2.0409%; float:right; margin-right:0; } .hero-container__column--right img { width:100%; } } @media max-width 375em { .hero-container__column--right { width:100%; float:none; } } .hero-container__column--right .hero-container__column { height:800px; } @media max-width 50em { .hero-container__column--right .hero-container__column { height:500px; } } @media max-width 375em { .hero-container__column--right .hero-container__column { height:auto; } } .hero-container__column__copy-container { padding-top:356px; padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,0.1); } @media max-width 50em { .hero-container__column__copy-container { padding-top:250px; padding-bottom:25px; } } @media max-width 375em { .hero-container__column__copy-container { padding-top:25px; } } .hero-container__column__copy-container .divider { background:black; width:88px; height:6px; float:left; margin-top:6px; } @media max-width 375em { .hero-container__column__copy-container .divider { width:50px; } } .hero-container__column__copy-container p { padding-left:120px; font-size:1.5em; line-height:1.8em; position:relative; top:-18px; } @media max-width 375em { .hero-container__column__copy-container p { padding-left:80px; } } .hero-container__column__link .text-link,.careers-page .career-joblist .news__row__link .text-link,.news__row__link .text-link { display:block; padding-bottom:30px; text-decoration:none; } .hero-container__column__link .text-link .read--more,.careers-page .career-joblist .news__row__link .text-link .read--more,.news__row__link .text-link .read--more { display:block; padding-top:30px; color:black; font-size:1.3em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; border-top:1px solid black; margin-top:-1px; float:left; transition:background .3s ease; } .hero-container__column__link .text-link .arrow--right,.careers-page .career-joblist .news__row__link .text-link .arrow--right,.news__row__link .text-link .arrow--right { display:block; margin-top:30px; background-image:url(/wp-content/themes/rokkan2014/img/arrow_next_sprite.png)!important; background-repeat:no-repeat; background-position:right top; float:right; width:35px; height:9px; text-decoration:none; } .hero-container__column__link .text-link:hover .read--more,.careers-page .career-joblist .news__row__link .text-link:hover .read--more,.news__row__link .text-link:hover .read--more { color:#cab340; border-color:#cab340; } .hero-container__column__link .text-link:hover .arrow--right,.careers-page .career-joblist .news__row__link .text-link:hover .arrow--right,.news__row__link .text-link:hover .arrow--right { background-position:right -20px; } .clients { border-top: 1px solid rgba(0,0,0,0.1); padding-bottom: 90px; display: block; text-align: center; margin-top: 40px; background-color: rgba(243,243,243,1.00); } @media max-width 375em { .clients { padding-bottom:45px; } } .clients__inner { background-color: #F3F3F3; text-align: center; display: inline-block; clear: both; max-width: 960px; margin-top: 60px; width: 100%; padding: 0px; } .clients__inner h4 { font-size: 22pt; margin-top: 50px; margin-right: 0; margin-left: 0; text-align: left; color: #cab340; } @media max-width 375em { .clients__inner h4 { font-size:5em; margin:50px 0; } } .client__column { width:31.97273%; float:left; margin-right:2.0409%; display:inline; } .client__column.last { float:right; margin-right:0; margin-left:-2em; display:inline; } @media max-width 375em { .client__column { width:100%; float:none; margin-right:0; } } .client__column span { display:block; color:black; font-size:1.7em; margin-bottom:10px; } .client__column a { display:block; color:#cab340; font-size:1.7em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; margin-bottom:10px; } .offices { padding-top: 140px; padding-right: 0; padding-left: 0; padding-bottom: 100px; background-color: #FFFFFF; min-height: 440px; background-image: url(/Images/background.png); text-align: center; } @media max-width 4375em { .offices { min-height:0; padding:50px 0; background-color:#FFFFFF; } #property-info { background-color:#FFFFFF; min-height:440px; background-repeat:no-repeat; } } .offices__locations { position: relative; width: 275px; display: block; float: left; padding-top: 100px; padding-bottom: 100px; } @media max-width 4375em { .offices__locations { width:100%; float:none; position:static; padding-top:40px; } } .offices__img-container { margin-left: 40px; max-width: 60%; position: relative; display: inline-block; background-color: #FFFFFF; -webkit-box-shadow: 0px 1px 3px #8E8E8E; box-shadow: 0px 1px 3px #8E8E8E; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } @media max-width 4375em { .offices__img-container { width:100%; margin-left:0; max-width:700px; } } .offices__img-container img { width: 100%; position: absolute; top: 0; right: 0; display: none; z-index: 1; float: left; } .offices__img-container img.active { display: block; position: relative; float: left; } .offices__img-container img.animate-in { z-index:2; } .offices__locations ul { margin: 0; padding: 0; list-style: none; float: left; } .offices__locations ul li { cursor:pointer; } .offices__locations ul li.active h5 { color:#cab340; } .offices__locations ul li.active .offices__locations__detail { display: block; position: relative; } .offices__locations ul li h5 { font-size:3em; margin:0 0 25px; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -o-transition:color .3s ease; transition:color .3s ease; } .offices__locations ul li h5:hover { color:#cab340; } .offices__locations__detail { display: none; padding-bottom: 40px; margin-bottom: 40px; } .offices__locations__detail .address p { margin:0 0 25px; font-size:1.7em; color:black; line-height:1.5; } .offices__locations__detail .contact p { font-size:1.7em; color:black; margin:0; line-height:1.5; } .offices__locations__detail .contact p strong { display:block; float:left; width:32px; } .offices__locations__detail .contact p a { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; display: inline; font-size: 1em; color: #cab340; line-height: 1.5; } .offices__locations__detail a { display:inline-block; margin-top:25px; font-size:1.7em; color:#cab340; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; } .leadership { padding-top:110px; padding-bottom:95px; } .leadership__inner h3 { font-size:7.8em; text-align:center; margin:0 0 20px; } @media max-width 375em { .leadership__inner h3 { font-size:6em; } } @media max-width 25em { .leadership__inner h3 { font-size:4em; } } .leadership__item { width:31.97273%; float:left; margin-right:2.0409%; display:inline; border-bottom:1px solid #d0d0d0; padding-top:50px; } .leadership__item.last { float:right; margin-right:0; margin-left:-2em; display:inline; } @media min-width 25em and max-width 375em { .leadership__item { width:48.97955%; float:left; margin-right:2.0409%; } .leadership__item:nth-child(2n) { float:right; margin-right:0; } } @media max-width 25em { .leadership__item { width:100%; display:block; float:none; } } .leadership__item__img-container img { width:100%; } .leadership__item__copy-container { text-align:center; padding:10px 0 47px; height:67px; } .leadership__item__copy-container h5 { color:black; font-size:1.8em; margin-bottom:4px; } .leadership__item__copy-container strong { text-transform:uppercase; font-size:1.2em; color:#989898; } .homepage-slider { border-top:1px solid rgba(0,0,0,0.1); position:relative; top:1px; z-index:6; } .homepage-slider h3 { font-size:8em; text-align:center; margin:20px 0 40px; } .homepage-slider .sy-controls .sy-prev a,.homepage-slider .sy-controls .sy-next a { cursor:pointer; } .homepage-slider .sy-controls .sy-prev a:after,.homepage-slider .sy-controls .sy-next a:after { top:auto; bottom:70px; } .homepage-slider .sy-slides-crop { overflow:visible; } .homepage-slider__inner--offset { margin-top:-100px; } .about-slider { border-top:1px solid rgba(0,0,0,0.1); position:relative; top:1px; padding-bottom:37px; } .about-slider h3 { font-size:7.8em; text-align:center; margin:0; padding:105px 0 80px; } @media max-width 375em { .about-slider h3 { font-size:6em; padding:50px 0; } } @media max-width 25em { .about-slider h3 { font-size:4em; padding:40px 0; } } @media max-width 25em { .about-slider .slider__copy-container p { font-size:1.2em; } } @media max-width 25em { .about-slider .sy-controls .sy-prev { left:0; } .about-slider .sy-controls .sy-prev a:after { top:50%; } } @media max-width 25em { .about-slider .sy-controls .sy-next { right:0; } .about-slider .sy-controls .sy-next a:after { top:50%; } } .slider { margin:0; padding:0 0 100px; list-style:none; position:relative; } .slider__img-container { width:100%; line-height:0; position:relative; } .slider__img-container img { width:100%; } .slider__copy-container { width:80%; text-align:center; position:relative; left:50%; margin-left:-40%; bottom:0; z-index:2; padding-top:41px; } .slider__copy-container p { background:white; padding:0 100px 30px; font-size:1.5em; color:black; line-height:2; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; text-align:left; } @media max-width 375em { .slider__copy-container p { padding:0 50px 30px; } } @media max-width 25em { .slider__copy-container p { padding:0 20px 30px; font-size:1.4em; } } .slider__copy-container .btn { display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-decoration:none; background:#cab340; text-transform:uppercase; padding:15px 20px 12px; font-size:1.3em; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; } .slider__copy-container .btn:hover { background:#bca634; } .slider__copy-container .btn__wrapper { display:inline-block; padding-bottom:50px; border-bottom:1px solid #cab340; } .slider__top-container { position:relative; } .slider__caption-container { width:80%; text-align:center; position:absolute; left:50%; margin-left:-40%; bottom:-18px; z-index:2; } @media max-width 375em { .slider__caption-container { width:90%; left:50%; margin-left:-45%; } } .slider__caption-container h5 { background:white; padding:45px 100px 0; font-size:5em; color:black; line-height:1.2; font-family:"Minion W01 Regular",serf; margin:0; } @media max-width 50em { .slider__caption-container h5 { font-size:3.5em; padding:45px 50px 0; } } @media max-width 375em { .slider__caption-container h5 { font-size:2.5em; padding:20px 30px 0; } } @media max-width 25em { .slider__caption-container h5 { font-size:2em; padding:20px 10px 0; } } .slider__caption-container h5 a { color:black; text-decoration:none; } .slider__caption-container .btn { display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-decoration:none; background:#cab340; text-transform:uppercase; padding:15px 20px 12px; font-size:1.3em; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; } .slider__caption-container .btn:hover { background:#bca634; } .slider__caption-container .btn__wrapper { display:inline-block; padding-bottom:50px; border-bottom:1px solid #cab340; } .slider__title-container,.slider__tweet-container { position:absolute; width:100%; top:50%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .slider__title-container h2,.slider__tweet-container h2 { color:white; text-align:center; font-size:12em; margin:0; } .slider__title-container p,.slider__tweet-container p { font-size:2em; color:white; text-align:center; padding-top:20px; margin-bottom:0; } @media max-width 5625em { .slider__title-container h2 { font-size:8em; } } @media max-width 375em { .slider__title-container h2 { font-size:4em; } } @media max-width 50em { .slider__title-container p { font-size:1.4em; width:80%; margin:0 auto; } } @media max-width 375em { .slider__title-container p { width:70%; margin:0 auto; } } .slider__controls { position:absolute; top:615px; width:100%; height:9px; z-index:1; } .slider__controls__prev { background:url(/wp-content/themes/rokkan2014/img/arrow_left.png?1398695844) no-repeat; width:35px; height:9px; position:absolute; left:30px; cursor:pointer; } .slider__controls__next { background:url(/wp-content/themes/rokkan2014/img/arrow_right.png?1398695844) no-repeat; width:35px; height:9px; position:absolute; right:30px; cursor:pointer; } @media max-width 5625em { .section-hero { height:337px; } } @media max-width 5625em { .section-hero .slider__img-container img { height:337px; width:auto; } } .section-hero .btn { display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-decoration:none; background:url(/wp-content/themes/rokkan2014/img/icon_play-sm.png?1402694317) no-repeat 141px center #cab340; text-transform:uppercase; padding:15px 45px 12px 20px; font-size:1.3em; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; position:absolute; bottom:-22px; left:50%; margin-left:-90px; z-index:7; cursor:pointer; } .section-hero .btn p { margin:0; } .section-hero .btn p span { color:black; } .section-hero .btn:hover { background-color:#bca634; } .section-hero .slider { padding:0; } .section-hero .slider li { position:absolute; } .section-hero .sy-pager { position:absolute; bottom:10%; z-index:5; } @media max-width 375em { .section-hero .sy-controls { display:none!important; } } .section-hero .sy-controls .sy-prev a,.section-hero .sy-controls .sy-next a { cursor:pointer; } .section-hero .sy-controls .sy-prev a:after,.section-hero .sy-controls .sy-next a:after { top:60%; } .section-hero .sy-controls .sy-prev a:after { background-position:left -40px; } .section-hero .sy-controls .sy-next a:after { background-position:right -40px; } .news-slider .slider { padding-bottom:0; } .news-slider .slider__copy-container .btn__wrapper { border-bottom:0; } .news-slider .fixed-position__callout { position:absolute; bottom:0; left:0; width:100%; z-index:3; border:0; } .news-slider .fixed-position__callout a { display: block; width: 118px; margin-top: 0; margin-right: auto; margin-left: 0px; margin-bottom: 0; color: #000; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 1.1; text-align: center; text-decoration: none; text-transform: uppercase; padding-bottom: 17px; border-bottom: 1px solid #cab340; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .news-slider .fixed-position__callout a:hover { color:#cab340; } .sy-controls { display:block; } .sy-controls .sy-prev a,.sy-controls .sy-next a { cursor:pointer; } .sy-controls .sy-prev a:after,.sy-controls .sy-next a:after { top:70%; } .sy-controls .sy-prev a:after { background:url(/wp-content/themes/rokkan2014/img/arrow_left.png?1398695844) no-repeat; width:35px; height:9px; margin-left:-17px; } .sy-controls .sy-next a:after { background:url(/wp-content/themes/rokkan2014/img/arrow_right.png?1398695844) no-repeat; width:35px; height:9px; margin-right:-17px; } .awards { padding-top:70px; padding-bottom:80px; } .awards__inner h3 { font-size:7.8em; text-align:center; margin:0 0 80px; } @media max-width 375em { .awards__inner h3 { font-size:6em; margin:0 0 50px; } } @media max-width 25em { .awards__inner h3 { font-size:4em; margin:0 0 40px; } } .awards__featured-slider { padding:50px 0 60px; border-top:1px solid #ececec; position:relative; } .awards__featured-slider .slider li { opacity:0; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; } .awards__featured-slider .slider .sy-active { opacity:1; -webkit-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out; } .awards__featured-slider .sy-controls { position:relative; } @media max-width 775em { .awards__featured-slider .sy-controls { display:none!important; } } .awards__featured-slider .sy-controls .sy-prev { left:-150px; height:234px; } .awards__featured-slider .sy-controls .sy-prev a:after { background-position:left 0; } .awards__featured-slider .sy-controls .sy-next { right:-150px; height:234px; } .awards__featured-slider .sy-controls .sy-next a:after { background-position:right 0; } .awards__title { text-align:center; background:url(/wp-content/themes/rokkan2014/img/laurel_left.png?1402694284) no-repeat left center; } @media max-width 50em { .awards__title { background-size:10%; } } .awards__title h4 { font-size:5em; margin:0; padding:50px 100px; background:url(/wp-content/themes/rokkan2014/img/laurel_right.png?1402694284) no-repeat right center; } @media max-width 50em { .awards__title h4 { background-size:10%; font-size:3em; padding:50px; } } @media max-width 28125em { .awards__title h4 { font-size:2em; padding:25px 30px; } } .awards__title-container { text-align:center; } .awards__date { display:inline-block; padding:8px 10px 6px; background:black; color:white; font-size:1.5em; } .awards__grid { border-top:1px solid #ececec; } .awards__grid__row { text-align:center; } .awards__grid__row.last { border-bottom:0; } .awards__grid__item--col3 { float:left; width:33.333%; padding:0 0 80px; border-right:1px solid #ececec; margin-left:-1px; height:120px; border-bottom:1px solid #ececec; position:relative; } .awards__grid__item--col3.last { border-right:0; } @media min-width 30em and max-width 375em { .awards__grid__item--col3 { width:50%; } .awards__grid__item--col3.last { border-right:1px solid #ececec; } .awards__grid__item--col3:nth-child(2n) { border-right:0; } } @media max-width 30em { .awards__grid__item--col3 { width:100%; border-right:0!important; } } .awards__grid__item--col3 h5 { position:absolute; bottom:20px; width:100%; text-align:center; } @media max-width 5625em { .awards__grid__item--col3 h5 { font-size:1.6em; } } .awards__grid__item--col2 { float:left; width:50%; padding:70px 0; border-right:1px solid #ececec; margin-left:-1px; } .awards__grid__item--col2:last-child { border:none; } .awards__grid__count { font-size:8em; color:#cab340; margin:0; } .awards__grid__title { font-size:2em; margin:0; } .awards__grid__award { font-size:4em; margin:0; } .awards__grid__caption { font-size:2em; margin:0; } .awards__full-list { padding-top:10px; } .awards__full-list__toggle { text-align:center; position:relative; top:38px; z-index:1; } .awards__full-list__toggle span { font-size:2.8em; color:black; font-family:"Minion W01 Regular",serf; display:block; border:1px solid #d0d0d0; padding:22px 0 20px; background:white; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .awards__full-list__toggle span:hover { background:#cab340; color:white; } .work-hat__title-wrapper { text-align:center; } .work-hat__title-wrapper h2 { position:relative; cursor:default; padding:60px 0 80px; } .work-video { z-index:6; } .work-video__video-container { position:relative; top:-50px; } @media max-width 50em { .work-video__video-container { top:-60px; } } .work-video__img-container { position:relative; line-height:0; } .work-video__img-container img { width:100%; } .work-video__play,.case-study__play { position:absolute; left:50%; top:50%; margin-left:-56.5px; margin-top:-49.5px; cursor:pointer; text-align:center; } .work-video__play span,.case-study__play span { display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-transform:uppercase; font-size:1.3em; padding-top:25px; } .work-video__play__btn { background:url(/wp-content/themes/rokkan2014/img/btn_play.png?1402694309) no-repeat; width:73px; height:73px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; margin:0 auto; display:block; } .work-video__play__btn:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); } .work-video__play--sm { position:absolute; left:50%; bottom:15%; margin-left:-56.5px; margin-top:-49.5px; cursor:pointer; text-align:center; } @media max-width 25em { .work-video__play--sm { bottom:10%; } } .work-video__play--sm span { display:inline-block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#cab340; text-transform:uppercase; font-size:1.3em; padding-top:15px; } @media max-width 25em { .work-video__play--sm span { padding-top:13px; } } .work-video__play__btn--sm { background:url(/wp-content/themes/rokkan2014/img/btn_play-sm.png?1402694314) no-repeat; width:27px; height:27px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; margin:0 auto; display:block; } .work-video__play__btn--sm:hover { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } .work-video__copy-container { border-bottom:1px solid #ececec; } .work-video__copy-container__col3 { float:left; text-align:center; width:33.333%; border-right:1px solid #ececec; margin-left:-1px; padding-bottom:40px; } @media max-width 375em { .work-video__copy-container__col3 { width:100%; float:none; border-right:none; border-bottom:1px solid #ececec; } } .work-video__copy-container__col3.last { border:none; } .work-video__copy-container__col3 h4 { color:black; font-size:3em; margin:37px 0 13px; padding:0 20px; } .work-video__copy-container__col3 h4 a { color: black; text-decoration: none; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; position: relative; } .work-video__copy-container__col3 h4 a:hover { color:#cab340; } .work-video__copy-container__col3 p { color:#565656; font-size:1.5em; margin:0 0 20px; padding:0 20px; } @media max-width 375em { .work-video__copy-container__col3 p { padding:0 50px; } } @media max-width 25em { .work-video__copy-container__col3 p { padding:0 10px; } } .work-video__copy-container__col3 p a { color:#565656; text-decoration:none; } .icon--arrow-left--gold { display:inline-block; background:url(/wp-content/themes/rokkan2014/img/arrow_right-gold.png?1402694313) no-repeat; width:35px; height:9px; } .work-highlights { padding-bottom:82px; } .work-highlights__inner h3 { font-size:8em; text-align:center; margin:20px 0 50px; } @media max-width 375em { .work-highlights__inner h3 { font-size:6em; } } @media max-width 25em { .work-highlights__inner h3 { font-size:4em; } } .gallery-image { width: 200px; display: inline-block; margin-right: 20px; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; text-align: center; text-shadow: 1px 1px 2px #A2A2A2; } .img.gallery-image { } .imgBorders { padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; background-color: #FFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); float: left; position: relative; display: block; max-width: 65%; width: 200px;#CBB43F margin: 10px; text-align: center; text-shadow: 1px 1px 2px #A2A2A2; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #565656; font-size: 62.5%; } .gallery { text-align:center; } .directions { border-top: 1px solid rgba(0,0,0,0.1); padding-bottom: 90px; display: block; background-color: rgba(243,243,243,1.00); width: 100%; position: relative; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 62.5%; text-align: center; } .tenants { padding-bottom: 90px; display: block; background-color: rgba(243,243,243,1.00); width: 100%; position: relative; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%; text-align: center; border-top: 1px solid rgba(0,0,0,0.10); } directions-wrap { } .directions-wrap { max-width: 960px; width: 100%; text-align: center; } .mod__inner.clients__inner .wrap #paragraph-1 { display: inline-block; font-size: 14pt; padding-right: 20px; padding-left: 20px; text-align: center; } .mod__inner.clients__inner .wrap #paragraph-2 { text-align: center; width: 220px; display: inline-block; float: left; font-size: 14pt; padding-right: 100px; } .mod__inner.clients__inner .wrap #paragraph-3 { float: left; text-align: right; width: 220px; font-size: 14pt; } #gallery .imgBorders { display: inline-block; text-align: center; margin: 10px; } .tenantBorders { background-color: #FFFFFF; -webkit-box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4); } .tenantimage { max-width: 200px; display: inline-block; margin-right: 20px; margin-bottom: 20px; text-align: center; font-size: small; } p.tenant { } p.tenantimage { border-top: 1px solid rgba(147,147,147,1.00); } p.tenantBorders { border-top: 1px solid rgba(126,126,126,1.00); } .fb-like-box { border: 1px solid rgba(139,138,138,1.00); display: inline-block; border-radius: 7px; margin-top: 20px; max-width: 300px; } .footer-text { max-width: 450px; display: inline-block; margin-right: 20px; } /* Garrett's Styles */ .mastheadContainer { max-width: 960px; margin: 0 auto; } .homeBlock { display: inline-block; width: 100%; text-align: center} .homeBlock img {-webkit-box-shadow: 0px 1px 3px #8E8E8E; box-shadow: 0px 1px 3px #8E8E8E; background-color: #FFF; padding: 10px; max-width: 615px; width: 100%; display: inline-block; } .homeBlock .info { display: inline-block; vertical-align: top; font-size: 19px; text-align: left; margin-left: 20px; } .homeBlock a { color: #CBB43F; } .tennantLogos { display: inline-block; background: #FFF; box-shadow: 0px 1px 3px #8E8E8E; max-width: 615px; padding: 5px 0px; } .tennantLogos ul { display: inline-block; list-style: none oustide none; margin: 0px; padding: 0px; } .tennantLogos ul li { display: inline-block; } .tennantLogos ul img { width: 70px; background: none; box-shadow: none; padding: 0px 8px; width: 100px; }