/*_________________________ version: screen.css - 5.0 created: 01-04-2016 author: Paul G ~ GlobalGraphics Associates Ltd. email: webmaster@globalgraphics.co.uk website: http://www.globalgraphics.co.uk/ _________________________ @import url("normalize.css"); @import url("generic.css"); @import url("fonts.css"); @import url("enrichment.css"); */ /* SCREEN SIZES DESKTOP LARGE: >= 1081px DESKTOP SMALL: <= 1080px TABLET: 720px MOBILE: 320px */ /* LAYOUT */ html { } #content { width: 790px; } #content.full { width: 100%; } #aside { width: 270px;} #content, #aside { max-width: 100%; } #wrap { position: relative; z-index: 1;} .container { width: 100%; margin: 0 auto; max-width: 1240px; padding-left: 20px; padding-right: 20px; } .container-indent { padding: 0 20px; } #cookieNotification .container { padding: 10px 0; } body { background: #fff; color: #333; font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; } a, a:active, a:hover, a:visited, a:focus { color: #333; text-decoration: none; outline: none; } a:hover {} /* SEARCH RESULTS - GOOGLE CSE */ #page-body .gsc-webResult { margin-bottom: 10px; } #page-body .cse .gsc-control-cse, #page-body .gsc-control-cse { padding: 0; margin: 0; } #page-body .gsc-table-result, #page-body .gsc-thumbnail-inside, #page-body .gsc-url-top { padding-left: 0; padding-right: 0; } #page-body .gs-webResult.gs-result a.gs-title:link, #page-body .gs-webResult.gs-result a.gs-title:link b, #page-body .gs-imageResult a.gs-title:link, #page-body .gs-imageResult a.gs-title:link b { color: #c71a28; } #page-body .gs-webResult.gs-result .gs-title { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; } #page-body .gs-webResult.gs-result .gs-title a {/* border-bottom: 1px solid #d92231;*/} #page-body .gs-webResult .gs-snippet, #page-body .gs-webResult .gs-visibleUrl { font-size: 14px; } #page-body .gsc-result .gs-title { overflow: visible} #page-body .gsc-result .gs-title b { text-decoration: none; } #page-body .gsc-cursor-box { margin: 0 -5px;} #page-body .gsc-cursor-box div.gsc-cursor-page { display: inline-block; margin: 5px; background: #d92231; color: #FFF; width: 26px; height: 26px; line-height: 26px; text-align: center; } #page-body .gs-no-results-result .gs-snippet, #page-body .gs-error-result .gs-snippet { font-family: "Roboto",Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: 300; line-height: 1.875em; padding: 10px 15px; background-color: #E3E3E3; border: 1px solid #E3E3E3; margin: 5px 0; } /* LOGO */ #logo span { float: left; width: 142px; height: 29px; margin-right: 30px; background-image: url("../img/ui/logo.png"); background-repeat: no-repeat; background-size: contain; } #logo strong { font-size: 25px; font-weight: 300; line-height: 1em; padding-top: 3px; display: block; } #logo:hover { text-decoration: none; } /* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; margin-bottom: 20px; font-weight: 300;} h1 strong.seo, h2 strong.seo, h3 strong.seo, h4 strong.seo, h5 strong.seo, h6 strong.seo { font-weight: 300; } h1, .h1 { font-size: 36px; line-height: 42px; } p.h1 { line-height: 1.4em;} h2, .h2 { font-size: 28px; line-height: 34px; } p.h2 { line-height: 1.4em;} h3, .h3 { font-size: 26px; line-height: 1.1em; } p.h3 { line-height: 1.4em;} h4, .h4 { } h5, .h5 { } h6, .h6 { } p, .para { font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1.875em; font-weight: 300;} ol, ul { padding-left: 20px; } em, em a, p em a, p em a:hover { color: #D92231; } p em a:hover { text-decoration: none;} strong, b { font-weight: 700; } strong.seo, b.seo { font-weight: 300; } p a { color: #333; /*border-bottom: 1px dotted #111;*/ text-decoration: underline; display: inline;} p a:hover {text-decoration: none;} p.date_author strong, p.date_author b { font-weight: 400; } .client-text {} .client-text-indent { margin: 0 5px; } .client-text img { max-width: 100%; height: auto; } .client-text p {text-align: left !important;} .client-text p a, .client-text p a:active, .client-text p a:hover, .client-text p a:visited, .client-text p a:focus { color: #D72332; text-decoration: underline; } .client-text p a:hover { text-decoration: none; } .client-text li { font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1.875em; font-weight: 300; } .client-text .pt50 { padding-top: 50px; } .client-text .indent { margin-left: 20px; margin-right: 20px; } div.segment-contact-us { clear: both; margin-top: 90px; } div.segment-contact-us h2 { margin-bottom: 0;} div.prev_next_action { margin-left: -10px; padding-top: 1em; clear: both; } /* FORMS */ form { width: 100%; max-width: 302px; overflow: hidden; } form legend { font-size: 16px; font-weight: 500; border-bottom: none !important; } form label { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; font-weight: 300; } form label em { font-style: normal; color: #D92231; } form label a { color: #D92231; text-decoration: underline; } form label a:hover { text-decoration: none; } .pure-form button, .pure-form input, .pure-form textarea { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus { border-color: #D92231; } .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected, .pure-button-secondary, a.pure-button-secondary, .pure-button-tertiary, a.pure-button-tertiary { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; background-color: #D92231; padding: 0 10px; padding-left: 12px; padding-right: 15px; height: 31px; line-height: 22px; font-weight: 300; font-size: 16px; border: 1px solid transparent; color: #FFF; } .pure-button-tertiary, a.pure-button-tertiary { background: #FFF; color:#333} .pure-button-primary:after, .pure-button-selected:after, a.pure-button-primary:after, a.pure-button-selected:after, .pure-button-secondary:after, a.pure-button-secondary:after, .pure-button-tertiary:after, a.pure-button-tertiary:after { background: url(../img/ui/arrow-right-alt.png) right 9px no-repeat; width: 20px; height: 20px; display: inline-block; content: ""} .pure-button-tertiary:after, a.pure-button-tertiary:after { background-image: url(../img/ui/arrow-right.png)} .pure-button-primary:hover, .pure-button-selected:hover, a.pure-button-primary:hover, a.pure-button-selected:hover, .pure-button-secondary:hover, a.pure-button-secondary:hover, .pure-button-tertiary:hover, a.pure-button-tertiary:hover { border: 1px solid #D7D7D7; background: #FFF; color: #D92231;} .pure-button-tertiary:hover, a.pure-button-tertiary:hover { background: #D92231; color: #FFF; border-color: #D92231; } .pure-button-primary:hover:after, .pure-button-selected:hover:after, a.pure-button-primary:hover:after, a.pure-button-selected:hover:after { background: url(../img/ui/arrow-right.png) right 9px no-repeat;} .pure-button-tertiary:hover:after, a.pure-button-tertiary:hover:after {background-image: url(../img/ui/arrow-right-alt.png)} .pure-button-primary.pure-button-previous, .pure-button-selected.pure-button-previous, a.pure-button-primary.pure-button-previous, a.pure-button-selected.pure-button-previous { } .pure-button-primary.pure-button-previous, .pure-button-primary.pure-button-next { margin-top: 1em; } .pure-button-primary.pure-button-previous, .pure-button-primary.pure-button-next { margin-left: 10px; margin-right: 10px } .pure-button-primary.pure-button-next { margin-left: 10px; margin-right: 10px } .pure-button-primary.pure-button-previous:after, .pure-button-selected.pure-button-previous:after, a.pure-button-primary.pure-button-previous:after, a.pure-button-selected.pure-button-previous:after { display: none; } .pure-button-large { height: 52px; } .pure-button-primary.pure-button-previous:before, .pure-button-selected.pure-button-previous:before, a.pure-button-primary.pure-button-previous:before, a.pure-button-selected.pure-button-previous:before { content: ""; display: inline-block; height: 20px; width: 20px; background: url(../img/ui/arrow-left-alt.png) left 9px no-repeat; } .pure-button-primary.pure-button-previous:hover:before, .pure-button-selected.pure-button-previous:hover:before, a.pure-button-primary.pure-button-previous:hover:before, a.pure-button-selected.pure-button-previous:hover:before { background: url(../img/ui/arrow-left.png) left 9px no-repeat; } .pure-button-secondary, a.pure-button-secondary { background-color: #727272; border-color: #727272; color: #FFF; font-weight: 400; } button.pure-button-secondary span { padding-top: 0; padding-bottom: 0;} .pure-button-secondary:hover, a.pure-button-secondary:hover { background-color: #D92231; border-color: #D92231; color: #FFF; } /* BUTTONS */ span.button, a.button, input.button, input[type="submit"].button { } span.button:hover, a.button:hover, input.button:hover, input[type="submit"].button:hover { } /* BREADCRUMBS */ #breadcrumbs { margin-top: 20px; } /*#breadcrumbs.container { width: 100%; padding: 0; max-width: 1200px; }*/ #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs ul li { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 20px; display: inline-block; zoom: 1; *display: inline; margin-right: 3px;} #breadcrumbs ul li span { color: #C1C1C1; } #breadcrumbs ul li a, #breadcrumbs ul li span.disabled { color: #333; } #breadcrumbs ul li a:hover { text-decoration: underline; } /* PAGINATION */ div.pagination { display: none; } /* HEADER */ #header { background: #FFF; } #header .container { position: relative; max-width: 1200px; } #header #header-floater { background: #FFF; } #header #header-floater .container-inner, #header #header-search-2 .container-inner { margin: 0 auto; padding: 20px 30px; min-height: 38px; max-width: 1200px; } #header #header-primary { float: left; width: 520px; } #header #header-secondary { float: right; width: auto; } #header #header-secondary-nav { list-style-type: none; margin: 0; margin-top: 9px; padding: 0; } #header #header-secondary-nav li { display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: url('../img/ui/nav-divider.png') 0 8px no-repeat; padding-left: 1px; } #header #header-secondary-nav li:nth-child(1) { background: none; padding-left: 0; } #header #header-secondary-nav li a { margin: 0 15px; font-weight: 100; font-size: 14px; color: #333;} #header #header-secondary-nav li:nth-child(1) a { margin-left: 0; } #header #header-secondary-nav li:nth-last-child(1) a { margin-right: 0; } #header #header-secondary-nav li a:hover { /*border-bottom: 1px solid #333; */ text-decoration: underline; } #header #header-nav { background: #FFF; transition: border 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s; } #header #header-nav .container-inner { margin: 0 auto; padding: 20px 30px; padding-bottom: 0; max-width: 1200px; } #header #header-nav.relative_header { position: relative; border-bottom: 1px solid #E3E3E3;} #header #header-nav.fixed_header { position: fixed; top: 0; left: 0; width: 100%; z-index: 5000; box-shadow: 0 4px 5px rgba(102, 102, 102, 0.8); /*border-bottom: 1px solid #FFF;*/ } #header #header-nav-logo { float: left; display: inline-block; zoom: 1; *display: inline; vertical-align: top; opacity: 0; width: 0; height: 25px; background-image: url("../img/ui/xerox_logo_r.svg"); background-repeat: no-repeat; background-size: contain; transition: width 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s; } #header #header-nav.fixed_header #header-nav-logo { width: 120px; transition: none 0s ease 0s; opacity: 1;} #header .header-nav-nav, #header .header-nav-nav ul { list-style-type: none; margin: 0; padding: 0; } #header .header-nav-nav { float: left; } #header #header-social-nav { float: right; width: auto; position: relative; z-index: 10; } #header .header-nav-nav li.contact { display: none; } #header .header-nav-nav > li { position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: url('../img/ui/nav-divider.png') 0 8px no-repeat; padding-left: 1px; } #header .header-nav-nav li:nth-child(1) { background: none; padding-left: 0; } #header .header-nav-nav li a { display: inline-block; zoom: 1; *display: inline; font-weight: 500; font-size: 16px; color: #333;} #header .header-nav-nav li:nth-child(1) a { margin-left: 0; } #header .header-nav-nav li:nth-last-child(1) a { margin-right: 0; } #header .header-nav-nav li a:hover { } #header .header-nav-nav li .flyout { position: absolute; z-index: 20; top: auto; left: 0; right: auto; background: #FFF; border: 1px solid #dbdbdb; border-top: none; margin-top: 0; display: none; width: 220px; box-shadow: 0 4px 5px rgba(102, 102, 102, 0.8); padding: 20px 10px; padding-bottom: 10px; } #header #header-social-nav li .flyout { left: auto; right: 0; } #header .header-nav-nav li ul.flyout { padding: 10px; } #header .header-nav-nav li ul.flyout li { position: relative; float: left; clear: left; width: 100%; border-bottom: 1px solid #E3E3E3; line-height: 1.2em; } #header .header-nav-nav li ul.flyout li:nth-last-child(1) { border-bottom: none; } #header .header-nav-nav li ul.flyout li a { display: inline-block; zoom: 1; *display: inline; margin: 10px 0;/* background: url(../img/ui/arrow-right.png) right 2px no-repeat; border-bottom: 1px solid #FFF;*/ } #header .header-nav-nav li ul.flyout li a {position: relative} #header .header-nav-nav li ul.flyout li a:hover { /*border-bottom-color: #333*/; text-decoration: underline; } #header .header-nav-nav li ul.flyout li a:after:hover { border-color: #FFF;} #header .header-nav-nav li ul.flyout li a:after { position: absolute; color: #d92231; content: " ›"; display: inline-block; font-family: "Arial Unicode MS","Arial",sans-serif; font-weight: 500; font-size: 22px; margin-left: 5px; text-decoration: none; } #header .header-nav-nav li:hover > ul.flyout.level2, #header .header-nav-nav li:hover > ul.flyout.level3 { display: block; left: 180px; top: -5px; } #header .header-nav-nav li:hover > ul.flyout.level3 { width: 260px; } /*#header .header-nav-nav li:hover div { display: block; }*/ #header .header-nav-nav li .share_module { line-height: 1em; } #header .header-nav-nav li .sharethis_20x20 > span { display: inline-block; zoom: 1; *display: inline; vertical-align: top;width: 20px !important; height: 20px !important; overflow: hidden; background: #666 url(../img/ui/social-sprite.png) 0 0 no-repeat; cursor: pointer; float: left; margin-right: 10px; margin-bottom: 10px; } #header .header-nav-nav li .sharethis_20x20 span.stButton { display: none !important; } #header .header-nav-nav li .sharethis_20x20 span.st_twitter { background-position: 0 0; } #header .header-nav-nav li .sharethis_20x20 span.st_facebook { background-position: -20px 0; } #header .header-nav-nav li .sharethis_20x20 span.st_linkedin { background-position: -40px 0; } #header .header-nav-nav li .sharethis_20x20 span.st_email { background-position: -60px 0; } #header .header-nav-nav li .sharethis_20x20 span.st_print { background-position: -80px 0; } #header .header-nav-nav li .sharethis_20x20 span.st_sharethis { background-position: -100px 0; } #header .header-nav-nav > li > a { margin: 0 15px; padding-bottom: 10px; border-bottom: 5px solid #FFF;} #header .header-nav-nav > li.inactive > a { cursor: default; } #header .header-nav-nav > li.active > a, #header .header-nav-nav > li:hover > a, #header .header-nav-nav > li > a:hover { border-bottom-color: #D92231; } #header .header-nav-nav > li.active > .flyout, #header .header-nav-nav > li:hover > .flyout { display: block; } #header #header-menu { float: right; width: auto; padding-top: 7px; margin-left: 15px;} #header #header-menu .header-hamburger-btn { cursor: pointer; display: inline-block; zoom: 1; *display: inline; height: 20px; position: relative; width: 30px; } #header #header-menu .header-hamburger-btn span { background: #999; display: block; height: 15%; left: 0; opacity: 1; position: absolute; width: 100%; } #header #header-menu .header-hamburger-btn span.b1 { top: 1px; } #header #header-menu .header-hamburger-btn span.b2, #header #header-menu .header-hamburger-btn span.b3 { margin-top: -3%; top: 50%; } #header #header-menu .header-hamburger-btn span.b4 { bottom: 0; } #header #header-menu .header-hamburger-btn.active span { background: #D92231; } #header #header-menu .header-hamburger-btn.active span.b1, #header #header-menu .header-hamburger-btn.active span.b4 { display: none; } #header #header-menu .header-hamburger-btn.active span.b2 { transform: rotate(45deg); } #header #header-menu .header-hamburger-btn.active span.b3 { transform: rotate(-45deg); } #header #search-menu .header-search-btn { background: #FFF; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAAAAAAqg+BCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzNjc3Q0E4NEIzQzExRTVCQzI5RTgyRkExMTM3RUIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMzNjc3Q0E5NEIzQzExRTVCQzI5RTgyRkExMTM3RUIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzM2NzdDQTY0QjNDMTFFNUJDMjlFODJGQTExMzdFQjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzM2NzdDQTc0QjNDMTFFNUJDMjlFODJGQTExMzdFQjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45v51xAAAA/UlEQVQYGWXB6UoCARiG0e/+7+BVtAYTCsIxipRpoZIwlCisNKOFFpJ+aEap6Dg9jVsOeo4x0i5nnHh6tzpgygC/ENNE6o4Jg86m5JxU7yu5mFRkzBi6Usln5HNLumDEKEt1poK8Yi1C1kuowL/BmjxCdqt4l7kbxfuAHWqHiK70Ati2TolyVAMsqyJRKV0D5skjwo/pEbBLrQyZe5J+AGtLV8y5cgkZB0o0mTmXngkZ346cN8aCkpRjxKCRlPIPX71mZV2SOyRkQGtDM1lpn5ARCmpZhZJ7H5xJZcCY6Dcb7QD49aQ6GAv8jOLvGIs6aa22jSXNpI6MZa/HwR+RWsIxSxqMBQAAAABJRU5ErkJggg=="); background-position: center center; background-repeat: no-repeat; height: 24px; width: 24px; float: right; cursor: pointer; margin-top: 7px;} #header div.header-table { display: table; width: 100%; } #header div.header-table div.header-tr { display: table-row; width: 100%; } #header div.header-table #header-search, #header div.header-table #header-secondary { display: table-cell; vertical-align: middle;} #header div.header-table #header-secondary { float: none; min-width: 285px;} #header div.header-table #header-secondary-nav { float: right; width: auto; margin: 0;} #header div.header-table #header-search { width: 100%; padding-right: 30px;} #header div.header-search-wrapper { position: relative; } #header form.header-search-form { max-width: 100%; } #header form.header-search-form fieldset { padding: 0; border: none; margin: 0;} #header form.header-search-form input[type="text"] { border: 1px solid #ebebeb; width: 100%; font-size: 18px; height: 38px; line-height: 18px; padding: 10px 0 10px 6px; font-weight: 100; } #header form.header-search-form input[type="text"]:focus{ border-color: #cf3847;} #header form.header-search-form button.search-btn { background: #FFF; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAAAAAAqg+BCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzNjc3Q0E4NEIzQzExRTVCQzI5RTgyRkExMTM3RUIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMzNjc3Q0E5NEIzQzExRTVCQzI5RTgyRkExMTM3RUIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzM2NzdDQTY0QjNDMTFFNUJDMjlFODJGQTExMzdFQjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzM2NzdDQTc0QjNDMTFFNUJDMjlFODJGQTExMzdFQjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45v51xAAAA/UlEQVQYGWXB6UoCARiG0e/+7+BVtAYTCsIxipRpoZIwlCisNKOFFpJ+aEap6Dg9jVsOeo4x0i5nnHh6tzpgygC/ENNE6o4Jg86m5JxU7yu5mFRkzBi6Usln5HNLumDEKEt1poK8Yi1C1kuowL/BmjxCdqt4l7kbxfuAHWqHiK70Ati2TolyVAMsqyJRKV0D5skjwo/pEbBLrQyZe5J+AGtLV8y5cgkZB0o0mTmXngkZ346cN8aCkpRjxKCRlPIPX71mZV2SOyRkQGtDM1lpn5ARCmpZhZJ7H5xJZcCY6Dcb7QD49aQ6GAv8jOLvGIs6aa22jSXNpI6MZa/HwR+RWsIxSxqMBQAAAABJRU5ErkJggg=="); background-position: right center; background-repeat: no-repeat; border: none; cursor: pointer; height: 32px; position: absolute; right: 14px; top: 4px; width: 38px; z-index: 1000000;} #header #header-search-2 { background-color: #ebebeb; position: fixed; top: 80px; left: 100%; padding: 30px 0; width: 100%; z-index: 8001; transition: left 0.25s ease-in-out 0s; border-bottom: 1px solid #e3e3e3;} #header #header-search-2.active { left: 0; } /* SLICKNAV */ div#mobile-nav { position: fixed; top: 90px; bottom: 0; width: 100%; z-index: 8000; background-color: rgba(235, 235, 235, 0.98); border-top: 1px solid #e3e3e3; display: block; left: 100%; display: none; transition: left 0.25s ease-in-out 0s;} div#mobile-nav.active { left: 0; } div.slicknav_menu { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; padding: 0; background: none; } div.slicknav_menu a.slicknav_btn { display: none; } div.slicknav_menu .slicknav_nav ul { margin-left: 10px; } div.slicknav_menu .slicknav_nav li { border-bottom: 1px solid #e3e3e3; } div.slicknav_menu .slicknav_nav li a {color: #333;} div.slicknav_menu .slicknav_nav li > a { background: none; margin: 0; padding: 10px 20px; font-size: 15px; line-height: 1.2em; } div.slicknav_menu .slicknav_nav li a:hover { background: none; color: #333; text-decoration: underline; } div.slicknav_menu .slicknav_nav li a span.slicknav_arrow { display: none; } div.slicknav_menu .slicknav_nav li > a:after { float: right; color: #d92231; content: " ›"; display: inline-block; font-family: "Arial Unicode MS","Arial",sans-serif; font-weight: 500; font-size: 22px; } /* BANNER */ #banner-outer, div.banner-outer { overflow: hidden; margin-top: 20px; } #banner-outer #fader, div.banner-outer div.fader { width: 100%; background: #2A2A2A; padding: 0; max-width: 1200px; overflow: hidden; } #banner-outer ul.banner, div.banner-outer ul.banner { list-style-type: none; margin: 0; padding: 0; } #banner-outer ul.banner li, div.banner-outer ul.banner li { position: relative; } #banner-outer ul.banner li a, #banner-outer ul.banner li strong, #banner-outer ul.banner li span, div.banner-outer ul.banner li a, div.banner-outer ul.banner li strong, div.banner-outer ul.banner li span { display: block; } #banner-outer ul.banner li img, div.banner-outer ul.banner li img { position: relative; display: block; max-width: none; /*width: 100%; height: auto;*/} #banner-outer ul.banner li span.text-overlay, div.banner-outer ul.banner li span.text-overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 2; /*background: url(../img/ui/banner-overlay.png) center center repeat;*/} #banner-outer ul.banner li span.text-outer, div.banner-outer ul.banner li span.text-outer { position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 100%; z-index: 3;} #banner-outer ul.banner li span.text-inner, div.banner-outer ul.banner li span.text-inner { max-width: 33%; padding-left: 20px; padding-top: 60px; } #banner-outer ul.banner li strong.title, #banner-outer ul.banner li span.text, div.banner-outer ul.banner li strong.title, div.banner-outer ul.banner li span.text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); font-weight: 300; line-height: 1.2em; color: #FFF; } #banner-outer ul.banner li strong.title, div.banner-outer ul.banner li strong.title { font-size: 40px; margin-bottom: 10px; } #banner-outer ul.banner li span.text, div.banner-outer ul.banner li span.text { font-size: 20px; } #banner-outer ul.banner li span.cta, div.banner-outer ul.banner li span.cta { margin-top: 20px; clear: both; color: #FFF; } #banner-outer ul.banner li span.cta span, div.banner-outer ul.banner li span.cta span { display: inline-block; zoom: 1; *display: inline; background: #D92231; padding: 10px 35px 10px 15px; font-size: 20px; font-weight: 300; position: relative; } #banner-outer ul.banner li span.cta span:hover, div.banner-outer ul.banner li span.cta span:hover { background-color: #FFF; color:#D92231; } #banner-outer ul.banner li span.cta span:after, div.banner-outer ul.banner li span.cta span:after { background: url(../img/ui/banner-arrows.png) -7px -6px no-repeat; background-size: 26px 56px; content: ""; height: 17px; margin-left: 10px; position: absolute; right: 15px; top: 33%; width: 9px; color:#FFF;} #banner-outer ul.banner li span.cta span:hover:after, div.banner-outer ul.banner li span.cta span:hover:after { background-position: -7px -30px; } #banner-outer .bx-wrapper, div.banner-outer .bx-wrapper { margin: 30px auto 0; } div.banner-outer .bx-wrapper { margin: 0 auto; } #banner-outer .bx-wrapper .bx-pager.bx-default-pager a, div.banner-outer .bx-wrapper .bx-pager.bx-default-pager a { background-color: #FFF; border: 1px solid #737373; } #banner-outer .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner-outer .bx-wrapper .bx-pager.bx-default-pager a.active, div.banner-outer .bx-wrapper .bx-pager.bx-default-pager a:hover, div.banner-outer .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #D92231; border-color: #D92231;} #banner-outer .bx-wrapper .bx-pager, div.banner-outer .bx-wrapper .bx-pager { padding-top: 0; } #banner-outer .bx-wrapper .bx-pager, #banner-outer .bx-wrapper .bx-controls-auto, div.banner-outer .bx-wrapper .bx-pager, div.banner-outer .bx-wrapper .bx-controls-auto { top: -30px; bottom: auto; } #banner-outer #banner-links, #banner-outer .banner-links { background: #EBEBEB; padding: 20px; padding-bottom: 10px; } #banner-outer #banner-links ul, #banner-outer .banner-links ul { margin: 0; padding: 0; list-style-type: none; } #banner-outer #banner-links ul li, #banner-outer .banner-links ul li { display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: url("../img/ui/banner-links-divider.png") 0 3px no-repeat; display: inline-block; padding-left: 1px; padding-bottom: 10px; } #banner-outer #banner-links ul li.right, #banner-outer .banner-links ul li.right { float: none; width: auto;} #banner-outer #banner-links ul li a, #banner-outer .banner-links ul li a { margin: 0 15px; font-size: 20px; font-weight: 100; } #banner-outer #banner-links ul li a:hover, #banner-outer .banner-links ul li a:hover { text-decoration: underline; } #banner-outer #banner-links ul li:nth-child(1), #banner-outer .banner-links ul li:nth-child(1){ background: none; padding-left: 0; } #banner-outer #banner-links ul li:nth-child(1) a, #banner-outer .banner-links ul li:nth-child(1) a { margin-left: 0; } /* WRAP */ /* CAROUSEL */ div.carousel-container { position: relative; padding-top: 50px; } div.carousel-container .carousel-title { position: relative; /*z-index: 2;*/ } div.carousel-container .carousel-title h3 { margin-left: 20px; margin-top: 0; } div.carousel-container .carousel-control { background: #FFF; min-width: 33px; opacity: 1; width: 80px; } div.carousel-container .carousel-control span { height: 63px; top: 25%; width: 33px; background: url("../img/ui/carousel-arrows.png") 0 0 no-repeat; text-indent: -99999px; left: 0; right: auto; margin: 0; margin-top: -15px; } div.carousel-container .carousel-control span.icon-prev { margin-left: 15px; } div.carousel-container .carousel-control span.icon-next { left: auto; right: 0; margin-right: 15px; background-position: -67px 0; } div.carousel-container .carousel-control:hover span.icon-prev { background-position: 0 -63px; } div.carousel-container .carousel-control:hover span.icon-next { background-position: -67px -63px; } div.carousel-container ol.carousel-indicators { top: -45px; bottom: auto; margin-bottom: 0; /*z-index: 1;*/ } div.carousel-container ol.carousel-indicators li { border: 1px solid #737373; margin: 0 10px; width: 10px; height: 10px;} div.carousel-container ol.carousel-indicators li.active { background-color: #D92231; border-color: #D92231; } div.carousel-container div.carousel-inner .carousel-item { /*padding: 0 90px; */} div.carousel-container div.carousel-inner .row { padding: 0 90px; margin: 0; } div.carousel-container div.wide div.carousel-inner .row { padding: 0 0; } div.carousel-container div.carousel-inner .thumb { padding: 0; background: #FFF; transition: all 0s ease-in-out 0s; } div.carousel-container div.carousel-inner .thumb-wrap, div.carousel-container div.carousel-inner .link-wrap { position: relative; } div.carousel-container div.carousel-inner .thumb-wrap a, div.carousel-container div.carousel-inner .link-wrap a, div.carousel-container div.carousel-inner .thumb-wrap span.link, div.carousel-container div.carousel-inner .link-wrap a.link { padding: 10px; display: block; } div.carousel-container div.carousel-inner .thumb .thumb-wrap, div.carousel-container div.carousel-inner .thumb .link-wrap { display: block; height: 100%; position: static;} div.carousel-container div.carousel-inner .thumb .link-wrap:hover { background: #EBEBEB; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-wrap{ position: relative; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-wrap, div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-image, div.carousel-container div.carousel-inner .carousel-item-thumb-group, div.carousel-container div.carousel-inner .carousel-item-thumb-title, div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-copy, div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-cta { display: block; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-image { position: relative; width: 100%; overflow: hidden; background: #737373; min-height: 130px; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-image img { display: block; height: auto; width: 100%; } div.carousel-container div.carousel-inner .carousel-item-thumb-title { position: absolute; left: 0; top: 0; width: 100%; padding: 0 25px; zindex: 10; color: #FFF; hyphens: auto; word-wrap: break-word; background: -moz-linear-gradient(top, rgba(51,51,51,0.5) 0%, rgba(8,8,8,0) 85%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(51,51,51,0.5) 0%,rgba(8,8,8,0) 85%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(51,51,51,0.5) 0%,rgba(8,8,8,0) 85%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#00000000',GradientType=0 ); } div.carousel-container div.carousel-inner .carousel-item-thumb-title h2, div.carousel-container div.carousel-inner .carousel-item-thumb-title .h2 { display: block; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-copy { margin-bottom: 50px; font-size: 20px; padding: 20px 0; padding-bottom: 60px; font-size: 20px; font-weight: 300; line-height: 1.4em} div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-cta { display: inline-block; zoom: 1; *display: inline; clear: both; padding-bottom: 10px; background: #D92231; color:#FFF; padding: 5px 35px 5px 12px; border: 1px solid transparent; font-size: 16px; font-weight: 400; position: relative; } div.carousel-container div.carousel-inner .link-wrap:hover .carousel-item-thumb-teaser-cta, div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-cta:hover { border-color: #D7D7D7; background-color: #FFF; color: #D92231; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-cta:after { background: url(../img/ui/carousel-item-arrows.png) -9px 2px no-repeat; background-size: 18px 24px; content: ""; height: 17px; margin-left: 5px; position: absolute; right: 12px; top: 33%; width: 9px; color: #FFF; } div.carousel-container div.carousel-inner .link-wrap:hover .carousel-item-thumb-teaser-cta:after, div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-cta:hover:after { background-position: -9px -12px;} div.carousel-container div.carousel.display-type-3 .link-wrap { margin: 0 5px; padding: 0; background: #EBEBEB !important; } div.carousel-container div.carousel.display-type-3 .link-wrap:hover { background: #D5D5D5 !important; } div.carousel-container div.carousel.display-type-3 .link-wrap a { padding: 0;} div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-title { position: relative; padding: 30px 30px 0; width: 90%; background: none; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-title h2, div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-title .h2 { margin: 0; margin-bottom: 10px; color: #333; text-shadow: none; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-teaser-copy { padding: 0 30px 30px; margin-bottom: 10px;} div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-group { position: relative;} div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-teaser-cta { text-indent: -99999px; padding-left: 0; position: absolute; top: 30px; right: 0; border: none; left: auto; width: 1px; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-teaser-cta span { } /* COMPONENT CAROUSEL */ div.carousel-container div.carousel.component-carousel { padding: 0 10px; /*background: #EBEBEB;*/} div.carousel-container div.carousel.component-carousel .carousel-control span { top: 38%; } div.carousel-container div.carousel.component-carousel .carousel-control span.icon-prev { margin-left: 35px; } div.carousel-container div.carousel.component-carousel .carousel-control span.icon-next { margin-right: 35px; } div.carousel-container div.carousel.component-carousel .item { padding: 0 70px;} div.carousel-container div.carousel.component-carousel .item .thumb-wrap a { padding: 0 10px; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-image, div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-group { } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-wrap { position: relative;} div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-image { float: left; width: 62%; display: block; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-group { float: right; width: 34%; display: block; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-title { position: relative; margin-bottom: 10px; background: none; color: #333; padding: 0;} div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-title h2, div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-title .h2 { font-size: 18px; margin: 0; text-shadow: none; } div.carousel-container .carousel-control { /*background: transparent*/ } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-copy { padding: 0; font-size: 14px; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-cta { position: absolute; bottom: 0;} #our-work-hp div.carousel-inner .carousel-item-thumb-teaser-cta { position: absolute; left: 0; bottom: 0;} #page_highlight { margin-left: -10px; margin-right: -10px; margin-bottom: 20px; padding-left: 30px; padding-right: 30px;} #page_highlight .carousel-title h3 { /*margin-bottom: 20px;*/ } #page_highlight .carousel-indicators { display: none; } #page_highlight div.carousel-inner .carousel-item-thumb-group { } #page_highlight div.carousel-inner .carousel-item-thumb-teaser-copy { margin-bottom: 0; } #page_highlight div.carousel-inner .carousel-item-thumb-teaser-cta { bottom: 0; position: absolute; } /* FRAGMENT CAROUSEL */ div.fragment-carousel-container { padding-top: 0; } div.fragment-carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-copy { margin-bottom: 10px; } div.fragment-carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-cta { top: auto; position: relative; } /* PAGE FEATURE */ div.page_feature .feature-item-thumb-teaser-image { display: block; float: left; width: 62%; } div.page_feature .feature-item-thumb-teaser-image img { display: block; width: 100%; height: auto;} div.page_feature .feature-item-thumb-group { display: block; float: right; width: 34%; position: relative; min-height: 190px; } div.page_feature .feature-item-thumb-group .feature-item-thumb-title, div.page_feature .feature-item-thumb-group .feature-item-thumb-teaser-copy { display: block; } div.page_feature .feature-item-thumb-group .feature-item-thumb-title { background: none; margin-bottom: 10px;} div.page_feature .feature-item-thumb-group .feature-item-thumb-title h2, div.page_feature .feature-item-thumb-group .feature-item-thumb-title .h2 { font-size: 18px; line-height: 1.6em; margin: 0; text-shadow: none; } div.page_feature .feature-item-thumb-group .feature-item-thumb-teaser-copy { font-size: 14px; font-weight: 300; line-height: 1.4em; margin-bottom: 50px; } div.page_feature .feature-item-thumb-teaser-cta { bottom: 0; position: absolute; background: #d92231; border: 1px solid transparent; clear: both; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; padding: 5px 35px 5px 12px; } div.page_feature .feature-item-thumb-teaser-cta::after { background: url("../img/ui/carousel-item-arrows.png")-9px 2px / 18px 24px no-repeat; color: #fff; content: ""; height: 17px; margin-left: 5px; position: absolute; right: 12px; top: 33%; width: 9px; } div.page_feature .link-wrap:hover .feature-item-thumb-teaser-cta::after { background-position: -9px -12px; } div.page_feature .link-wrap:hover .feature-item-thumb-teaser-cta { background-color: #fff; border-color: #d7d7d7; color: #d92231 } div.page_feature .link-wrap:hover .feature-item-thumb-teaser-cta:hover::after { background-position: -9px -12px;} /* LAYOUT 3-1 */ div.layout-container { padding-top: 50px; } div.layout-container .layout-title h3 { margin-left: 15px; margin-top: 0; } div.layout-3-1 .field-column-components { width: 100%; } /* QUICK LINKS */ #page-bside {} #page-article.people-page #page-bside { padding-top: 20px; } #links-component { margin-bottom: 15px !important; } #links-component .inner { margin-left: 15px; padding: 20px; background: #EBEBEB; } #page-bside #links-component h3 { margin-top: 0; margin-bottom: 10px;} #page-bside #links-component ul { list-style-type: none; margin: 0; padding: 0; } #page-bside #links-component ul li { border-bottom: 1px solid #c1c1c1; padding: 5px 0; font-size: 16px; line-height: 30px; font-family: "Roboto",Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: 300; } #page-bside #links-component ul li:nth-last-child(1) { border-bottom: none; padding-bottom: 0; } #page-bside #links-component ul li:nth-child(1) { padding-top: 0;} #page-bside #links-component ul li a {} #page-bside #links-component ul li a:hover { text-decoration: underline; } /* BLOG COMPONENT */ #latest-blog-hp .layout-title h3 { margin-left: 30px; } #latest-blog-hp.carousel-container { padding-top: 0; } /* CONTACTS COMPONENT */ #contacts-component { margin-bottom: 15px !important; } #contacts-component.altbg .contacts, #page-bside #contacts-component .contacts { background: #EBEBEB; } #contacts-component h3 { margin-top: 0; margin-bottom: 10px; } #contacts-component .contacts, #contacts-component .contacts { margin-left: 15px; padding: 20px; } #contacts-component .contacts p { line-height: 22px; } /* CONNECT COMPONENT / SOCIAL FEED */ div.connect-component { /*background: #c1c1c1;*/ margin-bottom: 15px !important; } div.connect-component.altbg, #page-bside div.connect-component .inner { margin-left: 15px; padding: 20px; background: #EBEBEB; } /*#page-bside div.connect-component .layout-title { margin-top: 20px; margin-left: 15px; }*/ #page-bside div.connect-component .layout-title h3 { margin-top: 0; } .social-feed { margin-left: 15px; } #page-bside div.connect-component .social-feed { margin-left: 0; } .social-feed .social-feed-links { padding: 0; margin: 0; list-style-type: none; border-bottom: 1px solid #c1c1c1; /*margin-bottom: 20px; padding-bottom: 10px;*/ margin-bottom: 15px;} .social-feed .social-feed-links li { float: left; margin-right: 10px; margin-bottom: 10px; } .social-feed .social-feed-links li:nth-last-child(1) { /*border-bottom: none;*/ } .social-feed .social-feed-links li a { display: block; width: 28px; height: 28px; background-size: 100% auto; background-position: center center;} .social-feed .social-feed-links li.linkedin a { background-image: url("../img/social/linkedin_52x52.jpg"); } .social-feed .social-feed-links li.twitter a { background-image: url("../img/social/twitter_52x52.jpg"); } .social-feed .social-feed-links li.facebook a { background-image: url("../img/social/facebook_52x52.jpg"); } .social-feed .social-feed-links li.youtube a { background-image: url("../img/social/youtube_52x52.jpg"); } .social-feed .social-feed-data { padding: 0; margin: 0; list-style-type: none; } .social-feed .social-feed-data li { float: left; clear: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #C1C1C1} .social-feed .social-feed-data li:nth-last-child(1) { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .social-feed .social-feed-data li > div { padding-left: 45px; background-size: 28px 28px;} .social-feed .social-feed-data li.linkedin > div { background: url("../img/social/linkedin_grey_52x52.gif") 0 4px no-repeat; background-size: 28px 28px; } .social-feed .social-feed-data li.twitter > div { background: url("../img/social/twitter_grey_52x52.gif") 0 4px no-repeat;background-size: 28px 28px; } .social-feed .social-feed-data li.facebook > div { background: url("../img/social/facebook_grey_52x52.gif") 0 4px no-repeat; background-size: 28px 28px; } .social-feed .social-feed-data li.youtube > div { background: url("../img/social/youtube_grey_52x52.gif") 0 4px no-repeat; background-size: 28px 28px; } .social-feed .social-feed-data li strong, .social-feed .social-feed-data li span { display: block; font-weight: 300; font-size: 14px; line-height: 20px;} .social-feed .social-feed-data li strong, .social-feed .social-feed-data li a span { color: #D92231; } .social-feed .social-feed-data li span.updated { color: #333; } .social-feed .social-feed-data li a:hover strong, .social-feed .social-feed-data li a:hover span.title { text-decoration: underline; } /* CLIENTS */ #clients-hp { padding-top: 50px; margin-bottom: 10px; } #clients-hp .layout-title h3 { margin-left: 5px; } #clients-hp div.item { padding: 0 5px; margin-bottom: 10px;} #clients-hp div.item img { width: 100%; height: auto; display: block;} #clients-hp .client-text { margin: 20px 5px;} /* PAGE */ #bside { width: 300px; } #page-article, div.page-article { position: relative; } #page-hero { margin-top: 20px; } #page-hero.mb { margin-bottom: 50px; } #page-hero img { width: 100%; height: auto; display: block; } /*#page-body, div.page-body { padding: 20px 20px 40px; } #page-body, div.page-body { padding: 30px 215px 40px; }*/ /* BLOCK */ section.block { display: none; position: absolute; left: 30px; top: 30px; max-width: 195px; } section.block-addthis {} /* ADD THIS */ section.block-addthis div.addthis_toolbox {} section.block-addthis div.addthis_toolbox > a { border-bottom: 1px solid #EBEBEB; float: left; clear: left; width: 100px; padding: 10px 0 !important; line-height: 26px !important; height: auto !important; display: block; font-family: 'Roboto', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: 300; margin: 0 !important;} section.block-addthis div.addthis_toolbox > a:first-child { padding-top: 0 !important; } section.block-addthis div.addthis_toolbox > a:nth-last-child(1) { padding-bottom: 0 !important; } section.block-addthis div.addthis_toolbox > a span.at-icon-wrapper { float: none; vertical-align: top; margin-right: 16px;} section.block-addthis div.addthis_toolbox > a span.at-icon-wrapper, section.block-addthis div.addthis_toolbox > a span.at-icon-wrapper svg { height: 26px !important; width: 26px !important; } /* QUICK QUOTE */ section.block-quickquote { left: auto; right: 30px; max-width: 210px; } section.block-quickquote form { max-width: 100%; padding: 10px; background: #E9E9E9; } section.block-quickquote form legend { padding: 0; margin-bottom: .4em;} section.block-quickquote form p.instruct { font-size: .8em; line-height: 1.4em; } section.block-quickquote form fieldset { padding: 0; margin: 0; margin-bottom: .5em} section.block-quickquote form.pure-form .pure-group input, section.block-quickquote form.pure-form .pure-group textarea { padding: 5px; font-size: 0.9em; } section.block-quickquote form input.pure-button { font-size: 0.8em; height: 25px; line-height: 20px; } /* DIAGRAM (THE IDEA) */ div.diagram { margin-top: 30px; } div.diagram .diagram-heading, div.diagram .diagram-footer { background: #EBEBEB; padding: 20px; } div.diagram .diagram-heading { margin-bottom: 5px;} div.diagram .diagram-footer {} div.diagram .diagram-heading h3, div.diagram .diagram-footer h3 { font-size: 27px; font-weight: 600; color: #FD9F13; margin: 0;} div.diagram .diagram-body dl, div.diagram .diagram-body dl dt, div.diagram .diagram-body dl dd { margin-bottom: 5px; } div.diagram .diagram-body dl dt.open { margin-bottom: 0; } div.diagram .diagram-body dl dt span.accordion-toggle { position: absolute; top: 36px; left: 100%; margin-left: -38px; background: url(../img/ui/accordion-toggle.png) 0 -23px no-repeat; display: block; width: 22px; height: 22px; cursor: pointer; } div.diagram .diagram-body dl dt.open span.accordion-toggle { background-position: 0 0; } div.diagram .diagram-body dl dt div, div.diagram .diagram-body dl dd div { position: relative; padding: 20px; background: #EBEBEB; } div.diagram .diagram-body dl dd div { padding: 40px 20px; } div.diagram .diagram-body dl dd div > *:first-child() { margin-top: 0; } div.diagram .diagram-body dl dd div > *:nth-last-child(1) { margin-bottom: 0; } div.diagram .diagram-body dl dt div { cursor: pointer; } div.diagram .diagram-body dl dt.open div { cursor: auto; } div.diagram .diagram-body dl dd div { /*padding-top: 0; */background: #2794D4;} div.diagram .diagram-body dl dd div * { color: #FFF; } div.diagram .diagram-body dl dt span { font-size: 15px; color: #2794D4; } div.diagram .diagram-body dl dt h4 { font-size: 27px; color: #737373; font-weight: 300; margin: 0; padding-right: 25px;} div.diagram .diagram-body dl dd h5 { font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 5px;} div.diagram .diagram-body dl dt.open div:before, div.diagram .diagram-body dl dt.open div:after { border-left: 25px solid transparent; border-right: 25px solid transparent; content: ""; left: 50%; margin-left: -25px; position: absolute; top: 100%; } div.diagram .diagram-body dl dt.open div:before { border-top: 25px solid transparant; margin-top: 2px; } div.diagram .diagram-body dl dt.open div:after { border-top: 25px solid #EBEBEB; margin-top: 0; z-index: 1; } /* ENTRIES */ .entries { list-style-type: none; margin: 0; padding: 0; } .entries li { margin-bottom: 40px; vertical-align: top; } .entries.row1 li { width: 100%; } .entries.row1 li.no-image > div { width: 100%; } .entries.row1 li div { padding-right: 0; } .entries.row1 li span.image { /*float: right;*/ display: none;} .entries li span.image img { display: block; width: 100%; height: auto; } .entries li span.date {font-family: "Roboto Condensed", Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase;} .entries li h3 { font-size: 24px; margin: 0; margin-bottom: 5px; } .entries li p { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; line-height: 1.5em;} .entries li p.when-where { margin-bottom: 5px; } .entries li p.when-where span { display: block; } .entries li h3 a { color: #D72332; text-decoration: none; } .entries li h3 a:hover { text-decoration: underline;} /* BLOG */ #page-blog #page-body, #page-blog-section #page-body { background: #EBEBEB url(../img/ui/blog-bg.png) right 0 no-repeat; margin-top: 10px; padding: 15px;} #page-blog #page-body h1, #page-blog-section #page-body h1 { margin-top: 14px; } #page-blog #page-bside, #page-blog-section #page-bside { padding-top: 10px; } #blog-categories { position: relative; margin-bottom: 20px; } #blog-categories-inner { padding-left: 10px; padding-right: 10px; } #blog-categories .inner-wrap { position: relative; height: 34px; } #blog-categories .inner-wrap ul { position: relative; z-index: 2000; list-style-type: none; padding: 0; margin: 0; position: relative; background: #FFF url(../img/ui/dropdown.png) 92% 11px no-repeat; border: 1px solid #C1C1C1; overflow: hidden; padding-top: 34px; height: 34px; overflow: hidden; } #blog-categories .inner-wrap ul:hover { position: absolute; top: 0; left: 0; right: 0; height: auto;} #blog-categories .inner-wrap ul li { position: relative; height: 34px; } #blog-categories .inner-wrap ul li.active { position: absolute; top: 0; left: 0; width: 100%;} #blog-categories .inner-wrap ul li a { display: block; padding: 5px 20px; font-weight: 300; } #blog-categories .inner-wrap ul li a:hover { text-decoration: underline; } #blog-categories-outer, #blog-summaries-outer { margin-left: -10px; margin-right: -10px; } #blog-listing {} #blog-listing li { padding-left: 10px; padding-right: 10px; margin-bottom: 10px; } #blog-listing li span, #blog-listing li a { display: block; } #blog-listing li a { background: #FFF; } #blog-listing li a:hover { background: #D5D5D5; } #blog-listing li a .text-outer { padding: 10px 20px; padding-bottom: 38px; position: relative; min-height: 182px; } #blog-listing li a .text-outer .article-category { text-transform: uppercase; font-size: 12px; margin-right: 10px; margin-bottom: 5px; } #blog-listing li a .text-outer .article-category span { display: inline; } #blog-listing li a .text-outer .article-title { font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 3px; max-height: 48px; overflow: hidden; padding-right: 22px; } #blog-listing li a .text-outer .article-text { font-family: 'Roboto Condensed', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 18px; max-height: 54px; height: 54px; overflow: hidden; } #blog-listing li a .text-outer .article-info { bottom: 8px; font-size: 12px; font-weight: 300; position: absolute; } #blog-listing li a .text-outer .article-cta { background: #D92231 url(../img/ui/arrow-right-alt.png) center center no-repeat; color:#FFF; display: inline-block; zoom: 1; *display: inline; width: 25px; height: 25px; position: absolute; top: 18px; left: 100%; margin-left: -25px;} #blog-listing li a:hover .text-outer .article-cta { background: #FFF url(../img/ui/arrow-right.png) center center no-repeat; } p.load-more { text-align: center; } p.load-more span { display: inline-block; zoom: 1; *display: inline; } p.load-more span { line-height: 30px; padding: 0 5px; } /* MORE INFO */ div.more-info .more-info-heading h3 { font-size: 32px; } div.more-info { margin-top: 30px; } div.more-info .more-info-body dl, div.more-info .more-info-body dl dt, div.more-info .more-info-body dl dd { /*margin-bottom: 5px;*/ margin-bottom: 0; } div.more-info .more-info-body dl dt { border-top: 1px solid #EBEBEB; } div.more-info .more-info-body dl dt.open { } div.more-info .more-info-body dl dt span.accordion-toggle { position: absolute; top: 12px; left: 100%; margin-left: -38px; background: url(../img/ui/accordion-toggle.png) 0 -23px no-repeat; display: block; width: 22px; height: 22px; } div.more-info .more-info-body dl dt.open span.accordion-toggle { background-position: -22px -1px; } div.more-info .more-info-body dl dt div, div.more-info .more-info-body dl dd div { } div.more-info .more-info-body dl dt div, div.more-info .more-info-body dl dd div, div.more-info .more-info-body div.cta div { position: relative; padding: 10px 20px; background: #FFF; } div.more-info .more-info-body dl dt.open div { margin-bottom: 0; background: #D82231; } div.more-info .more-info-body dl dt.open div h4 { color: #FFF; } div.more-info .more-info-body dl dd > div { padding: 20px; } div.more-info .more-info-body dl dd div > *:first-child() { margin-top: 0; } div.more-info .more-info-body dl dd div > *:nth-last-child(1) { margin-bottom: 0; } div.more-info .more-info-body dl dt div { cursor: pointer; } div.more-info .more-info-body dl dt.open div { cursor: auto; } div.more-info .more-info-body dl dd div { /*padding-top: 0; */ background: #EBEBEB; } div.more-info .more-info-body dl dd div > * { font-size: 14px; color: #333333; } div.more-info .more-info-body dl dd div * { /*color: #FFF; */ } div.more-info .more-info-body dl dt span { font-size: 15px; color: #2794D4; } div.more-info .more-info-body dl dd h5 { font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 5px;} div.more-info .more-info-body div.cta { border-top: 1px solid #EBEBEB; } div.more-info .more-info-body div.cta-last {border-bottom: 1px solid #EBEBEB;} div.more-info .more-info-body dl dt h4, div.more-info .more-info-body div.cta div { font-size: 20px; color: #333; font-weight: 300; margin: 0; padding-right: 25px;} div.more-info .more-info-body div.cta a:hover { color: #D82231; text-decoration: underline; } /* EVENT REGISTER FORM */ #eventRegisterForm { max-width: 100%; } #eventRegisterForm select { height: 45px; } #eventRegisterForm input, #eventRegisterForm select { margin-bottom: 5px; } /* SILVER INK NANO FORM */ #silverInkNanoForm { max-width: 100%; margin-top: 30px;} #silverInkNanoForm select { height: 45px; } #silverInkNanoForm input, #silverInkNanoForm select { margin-bottom: 5px; } /* CONTACT PAGE */ #c-addr, #c-enq, #c-map { padding: 0 10px; } #c-map iframe { display: block; width: 100%} /* FOOTER */ #footer { position: relative; z-index: 1000; } #footer .container { padding: 20px 25px; padding-top: 0; margin-top: 45px; } #footer ul.footer-nav { margin: 0; padding: 0; list-style-type: none; } #footer ul.footer-nav li { display: inline-block; zoom: 1; *display: inline; background: url("../img/ui/nav-divider.png") 0 8px no-repeat; margin-bottom: 10px;} #footer ul.footer-nav li a { margin: 0 10px; } #footer ul.footer-nav li.first { background: none; } #footer ul.footer-nav li.first a { margin-left: 0;} #footer ul.footer-nav li.last a { margin-right: 0; } #footer ul.footer-nav li a:hover { text-decoration: underline; } #footer p.copyright, #footer p.seo { font-size: 12px; } #footer p.seo, #footer p.seo a { color: #CCC; } #footer p.seo a { border-color: #CCC; } /* NEWSLETTER */ #newsletter { position: relative; z-index: 1000; margin-top: 30px;} #newsletter .container { } #newsletter .container > div { background: #ebebeb; padding-top: 15px; padding-bottom: 15px;} #newsletter h6 {font-size: 1.1em; margin-bottom: 10px; } #newsletter h6 b { font-weight: 500; } #newsletter a.chat-ico { line-height: 32px;} #newsletter a.chat-ico:hover { color: #DD3E4B;} #newsletter a.chat-ico span { display: inline-block; width: 32px; height: 32px; margin-right: 10px; background:url(../img/ui/icon_mail.png) 0 9px no-repeat; background-size: 64px auto;} #newsletter a.chat-ico:hover span { background-position: -32px 9px;} #newsletter #newsletter-formo { float: right; width: auto; } #newsletter #newsletter-formo fieldset { padding: 0; margin: 0; border: none;} #newsletter #newsletter-formo legend, #newsletter #newsletter-formo label { display: none; } #newsletter #newsletter-formo input, #newsletter #newsletter-formo button { display: inline-block; vertical-align: top; } #newsletter #newsletter-formo input[type="text"] { padding: 4px; border: 1px solid #e6e6e6; font-weight: 300; height: 32px; } #newsletter #newsletter-formo button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* FRAGMENTS */ #fragment_container, #fragment_container div.fragment_item { width: 100%; clear: both;} #fragment_container { margin-bottom: 30px; } #fragment_container div.fragment_item { margin-top: 30px; } #fragment_container div.fragment_item:first-child { margin-top: 0;} #fragment_container div.fragment_insight div.connect-component-inner div.layout-title h3 { margin-left: 15px; } #fragment_container div.fragment_insight div.connect-component { margin-bottom: 0 !important; } #fragment_container div.fragment_item div.page-body { padding-top: 0; padding-bottom: 0;} /* NOTIFICATION */ #hwrap { position: relative; z-index: 2000; } body.banner_alert #hwrap { padding-top: 104px; } #banner-alert { position: fixed; top: 0; width: 100%; z-index: 3000; background: #E1BEDA; } #banner-alert .close { color: #FFF; opacity: 0.4; width: 22px; height: 22px; background: url('../img/ui/accordion-toggle.png') -22px 0 no-repeat;} #banner-alert .close:focus, #banner-alert .close:hover { color: #FFF; opacity: 0.8; } #banner-alert .close span { display: none; } #banner-alert .container { margin: 0 5px; width: auto; } #banner-alert .message { margin-right: 30px; } #banner-alert .message-inner { width: 100%; height: 84px; line-height: 24px; overflow-y: scroll; text-align: center; } #banner-alert .message-inner .t {display: table; height: 100%; width: 100%;} #banner-alert .message-inner .tc {display: table-cell; vertical-align: middle;} #banner-alert .cta_button { padding: 5px 15px; margin: 0 15px; border: 1px solid #FFF; display: inline-block; border-radius: 5px;} /*.hero { background: #333; width: 1200px; height: 380px; margin: 0 auto; } .hero .hero_bg_desktop, .hero .hero_text_desktop { display: none;} .hero.hero-right .hero_text { float: right; }*/ .hero { } .hero_cta { background: #d92231 none repeat scroll 0 0; border: 0 none; color: #ffffff; cursor: pointer; display: inline-block; font-family: Roboto Condensed, sans-serif; font-size: 17px; line-height: 1.4; padding: 5px 15px; text-align: center; text-decoration: none; } .hero_cta span { color: #FFF; } .hero_cta::after { border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; content: ""; display: inline-block; height: 8px; margin-left: 10px; transform: translateX(-2px) rotate(45deg); width: 8px; } .hero_cta:focus, .hero_cta:hover { background: #ffffff none repeat scroll 0 0; color: #d92231; text-decoration: none; } .hero_cta:focus span, .hero_cta:hover span {color: #d92231;} .hero_cta:focus::after, .hero_cta:hover::after { border-color: #d92231; } .hero_cta.hero_cta_reversed { background: #ffffff none repeat scroll 0 0; color: #d92231; } .hero_cta.hero_cta_reversed span { color: #d92231; } .hero_cta.hero_cta_reversed::after { border-color: #d92231; } .hero_cta.hero_cta_reversed:focus, .hero_cta.hero_cta_reversed:hover { background: #d92231 none repeat scroll 0 0; color: #ffffff; } .hero_cta.hero_cta_reversed:focus span, .hero_cta.hero_cta_reversed:hover span {color: #ffffff;} .hero_cta.hero_cta_reversed:focus::after, .hero_cta.hero_cta_reversed:hover::after { border-color: #ffffff; } .hero { height: auto; margin-left: auto; margin-right: auto; max-width: 1200px; overflow: hidden; position: relative; } .hero.hero_white_text { color: #ffffff; } .hero .hero_bg { min-height: 250px; overflow: hidden; position: relative; width: 100%; } .hero.hero_blur .hero_text_bg_desktop, .hero .hero_bg_desktop, .hero .hero_bg_mobile, .hero .hero_text_bg { background-position: 50% center; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .hero.hero_left .hero_text_bg_desktop { background-position: 0 0;} .hero .hero_text_bg_desktop { display: none; } .hero .hero_blur .hero_text_bg_desktop, .hero .hero_bg_desktop { background-position: 0 0; background-size: 1200px auto; display: none; } .hero.hero_right.hero_blur .hero_text_bg_desktop, .hero.hero_right .hero_bg_desktop { background-position: 100% 0; } .hero .hero_text { color: #333333; overflow: hidden; padding: 20px 16px; position: relative; z-index: 1; } .hero.hero_red .hero_text { background: #d92231 none repeat scroll 0 0; color: #ffffff; } .hero.hero_black .hero_text { background: #333333 none repeat scroll 0 0; color: #ffffff; } .hero.hero_black .hero_text h1, .hero.hero_black .hero_text h2, .hero.hero_black .hero_text h3, .hero.hero_black .hero_text p { color: #ffffff; } .hero.hero_white .hero_text { background: #ebebeb none repeat scroll 0 0; } .hero.hero_white .hero_text h1, .hero.hero_white .hero_text h2, .hero.hero_white .hero_text h3, .hero.hero_white .hero_text p { color: #333333; } @media (min-width: 768px) { .hero.hero_right .hero_text { float: right; } } .hero.hero_white_text .hero_text { color: #ffffff; } .hero.hero_white_text .hero_text h1, .hero.hero_white_text .hero_text h2, .hero.hero_white_text .hero_text h3, .hero.hero_white_text .hero_text p { color: #ffffff; } .hero .hero_text_category { font-family: Roboto Condensed, sans-serif; font-size: 20px; font-weight: 300; line-height: 22px; margin: 0 0 15px; text-transform: uppercase; } .hero .hero_text_title { font-family: Roboto Condensed, sans-serif; font-size: 35px; font-weight: 300; line-height: 42px; margin: 0 0 15px; } .hero .hero_text_desc { font-family: Roboto Condensed, sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; margin: 0 0 20px; } .hero .hero_social { color: #333333; float: right; padding: 10px 10px 5px; } .hero .hero_social_label { color: inherit; display: inline-block; font-family: Roboto Condensed, sans-serif; font-size: 20px; font-weight: 300; line-height: 30px; margin: 0; position: relative; top: -2px; } .hero .hero_social_linklist { display: inline-block; vertical-align: top; } .hero .hero_social_linklist_item { display: inline-block; margin-left: 10px; } .hero .hero_social_linklist_item a { display: block; height: 22px; width: 22px; } .hero .hero_bg_mobile_video { height: 100%; left: 50%; max-height: none; max-width: none; object-fit: cover; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } @media (min-width: 768px) { .hero { height: 380px; } .hero.hero_short { height: 320px; } .hero .hero_text { box-sizing: border-box; height: 100%; padding: 25px; width: 350px; } .hero .hero_bg { height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; } .hero .hero_bg_desktop { display: block; } .hero .hero_bg_mobile { display: none; } .hero.hero_blur .hero_bg_desktop, .hero.hero_blur .hero_text_bg_desktop { background-size: 1240px auto; bottom: -10px; display: block; left: -20px; right: -20px; top: -10px; } .hero.hero_blur .hero_text_bg_desktop { filter: blur(10px); z-index: -1; } .hero.hero_blur .hero_text_bg_desktop::after { background-color: rgba(0, 0, 0, 0.3); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; } .hero.hero_white.hero_blur .hero_text_bg_desktop::after { background-color: rgba(255, 255, 255, 0.3); } .hero .hero_social { bottom: 0; color: inherit; position: absolute; right: 20px; } .hero_red .hero .hero_social { background: #d92231 none repeat scroll 0 0; color: #fff; } .hero_black .hero .hero_social { background: #333333 none repeat scroll 0 0; color: #ffffff; } .hero_white .hero .hero_social { background: #ebebeb none repeat scroll 0 0; color: #333333; } .hero_blur.hero_red .hero .hero_social { background: rgba(217, 34, 49, 0.7) none repeat scroll 0 0; } .hero_blur.hero_black .hero .hero_social { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } .hero_blur.hero_white .hero .hero_social { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; } .hero_right .hero .hero_social { left: 20px; right: auto; } .hero .hero_bg_desktop_video { width: 1240px; } } .hero.hero_right .hero_bg_desktop_video { position: absolute; right: 0; } .hero.hero_right .hero_text_bg_desktop_video { position: absolute; right: 0; } .hero .hero_text .hero_text_playing, .hero .hero_text .hero_text_stopped { overflow: hidden; } .hero .hero_text .hero_text_stopped { max-height: 10000px; opacity: 1; transition: opacity 0.5s ease-in-out 0s, max-height 0.5s ease-in 0s; } .hero .hero_text .hero_text_playing { max-height: 0; opacity: 0; transition: opacity 0.5s ease-in-out 0.5s, max-height 0.5s ease-in 0.5s; } .hero.hero_playing .hero_text .hero_text_stopped { max-height: 0; opacity: 0; } .hero.hero_playing .hero_text .hero_text_playing { max-height: 10000px; opacity: 1; } #page-article.people-page #page-body.nobside, div.page-article.people-page #page-body.nobside { width: 100%; max-width: 950px;} .people { padding-top: 30px; } .people-collection { margin-bottom: 60px; line-height: 1.42857;} .people-collection .field-person .field-person-name { font-family: Roboto Condensed, sans-serif; font-weight: 400; font-size: 24px; } .people-collection .field-person .field-person-summary p { color: #666; font-size: 16px; line-height: 1.875em; } .people-collection .field-image { padding-bottom: 20px; } .people-collection .field-collapsible-content { margin: 10px 0; clear: both; border: 1px solid #C1C1C1; position: relative; } .people-collection .field-collapsible-content-title { padding: 11px 20px 10px; cursor: pointer; font-size: 21px;} .people-collection .field-collapsible-content-title::after { color: #d92231; content: "+"; display: block; font-family: Roboto,sans-serif; font-size: 34px; font-weight: 300; height: 20px; line-height: 20px; position: absolute; right: 10px; top: 15px; width: 20px; } .people-collection .field-collapsible-content.active .field-collapsible-content-title { background: #d92231; color: #FFF; } .people-collection .field-collapsible-content.active .field-collapsible-content-title::after { color: #FFF; content: "−"; font-size: 38px;} .people-collection .field-collapsible-content .field-content { padding: 10px 20px 10px; display: none; transition: opacity 0.15s linear 0s; opacity: 0; } .people-collection .field-collapsible-content .field-content > *:last-child:not(.field-social) { margin-bottom: 0;} .people-collection .field-collapsible-content.active .field-content.fade-in { transition-delay: .3s; opacity: 1; } .people-collection .field-collapsible-content .field-social { text-align: right; margin: 10px 0;} .people-collection .field-collapsible-content .field-social h4, .people-collection .field-collapsible-content .field-social span, .people-collection .field-collapsible-content .field-social img { display: inline-block; vertical-align: middle; } .people-collection .field-collapsible-content .field-social h4, .people-collection .field-collapsible-content .field-social span { margin: 0; font-size: 20px;} .people-collection .field-collapsible-content .field-social img { margin-left: 10px; width: 22px; height: auto; } .people-collection .field-collapsible-content .field-white-papers { padding-top: 10px;} .people-collection .field-collapsible-content .field-white-papers h3 { font-size: 24px;} @media (min-width: 767px){ .people-collection .field-image { float: left; width: 50%; padding-right: 20px; } } /* CORRECTION FOR GOOGLE RECAPTCHA ELEM */ @media only screen and (max-width: 360px) { form.basic li.validation, form fieldset.validation { width: 248px !important; overflow: hidden;} form #rc-imageselect, form .g-recaptcha { transform:scale(0.82); -webkit-transform:scale(0.82); transform-origin:0 0;-webkit-transform-origin:0 0;} } /* EX-SMALL & SMALL */ @media (max-width: 991px) { #header #header-floater { position: fixed; width: 100%; height: 90px; z-index: 2; box-shadow: 0 4px 5px rgba(102, 102, 102, 0.8);} #banner-outer ul.banner li span.text-inner { padding-top: 30px; } div.connect-component { padding-top: 50px; } div.connect-component div.layout-title h3 { margin-left: 10px;} #fragment_container div.fragment_insight div.connect-component { padding-top: 30px; margin-bottom: 0 !important;} #fragment_container div.fragment_insight div.connect-component div.layout-title h3 { margin-left: 10px; } .social-feed { margin: 0 10px; } #page-bside { padding-top: 0 !important; margin-top: 20px; } #page-bside #contacts-component .contacts, #page-bside div.connect-component .inner, #page-bside #links-component .inner { margin-left: 0; } #page-bside div.connect-component { padding-top: 0; } #page-bside div.connect-component div.layout-title h3 { margin-left: 0; } section.block-quickquote { left: auto; right: auto; position: relative; display: block; max-width: 100%; margin: 0 10px;margin-bottom: 30px;} #footer ul.footer-nav li.hide_mobile { display: none; } #newsletter { padding-left: 10px; padding-right: 10px; } #newsletter #newsletter-formo { float: none; clear: both; padding-top: 10px;} } /* EX-SMALL */ @media (max-width: 767px) { #silverInkNanoForm-outer, #clients-hp, #blog-categories-outer, /*#blog-summaries-outer,*/ #event-register-form, div.diagram, div.more-info, #page-bside, .client-text, .entries { margin: 0 5px; width: auto; } #header { min-height: 90px; } #header #header-floater { } .container { margin: 0 auto; padding: 0; } #header #header-floater .container-inner { padding: 15px 0; margin: 0 5px; } #header #header-menu {padding-top: 0;} #header #search-menu .header-search-btn { margin-top: 0;} #header #header-primary { float: none; width: 270px; max-width: 100%; } #logo span { width: 115px; height: 30px; } #logo strong { clear: left; width: 100%; font-size: 20px; padding-top: 5px; } div#mobile-nav, #header #header-search-2 { top: 90px; } body.banner_alert div#mobile-nav, body.banner_alert #header #header-search-2 {top: 194px;} div#mobile-nav { display: block; } #banner-outer, div.banner-outer { margin-top: 0; } #breadcrumbs { display: none; } #banner-outer #fader, div.banner-outer div.fader { width: auto; margin: 0 10px; } #banner-outer #banner-links { display: none; } #banner-outer ul.banner li span.text-inner, div.banner-outer ul.banner li span.text-inner { max-width: 260px; } #banner-outer ul.banner li strong.title, div.banner-outer ul.banner li strong.title { font-size: 30px; } #banner-outer ul.banner li span.text, div.banner-outer ul.banner li span.text { font-size: 15px; } div.carousel-container { /*padding-top: 20px;*/ } div.carousel-container .carousel-title h3 { margin-bottom: 5px;} div.carousel-container ol.carousel-indicators { position: relative; width: 100%; top: auto; margin-left: 0; margin-bottom: 10px; bottom: auto; left: auto; text-align: center;} div.carousel-container ol.carousel-indicators li { margin: 0 5px; } div.carousel-container div.carousel-inner { } div.carousel-container div.carousel-inner .item { padding: 0 10px; } div.carousel-container div.carousel-inner .thumb-wrap a, div.carousel-container div.carousel-inner .link-wrap a { padding: 0; } div.carousel-container div.carousel.display-type-3 .link-wrap { margin: 0; } div.carousel-container div.carousel-inner .carousel-item-thumb-teaser-copy { margin-bottom: 0; } div.carousel-container div.carousel-inner .thumb .link-wrap:hover { background: #FFF; } div.carousel-container a.carousel-control { display: none; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-title { padding: 20px 20px 0; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-teaser-copy { padding: 0 20px 20px; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .carousel-item-thumb-teaser-cta { top: 20px; } div.carousel-container div.carousel.component-carousel .item { padding: 0; } div.carousel-container div.carousel.component-carousel .item .thumb-wrap a { padding: 0; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-image { margin-bottom: 10px; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-image, div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-group { width: 100%; float: none; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-copy { margin-bottom: 10px; } div.carousel-container div.carousel.component-carousel div.carousel-inner .carousel-item-thumb-teaser-cta { position: relative; bottom: auto; margin-top: 10px; } #page_highlight { padding: 20px 10px; margin-left: 0; margin-right: 0 } #page_highlight .carousel-indicators { display: block; } #page_highlight div.carousel-inner .item { padding: 0; } #page_highlight div.carousel-inner .carousel-item-thumb-teaser-copy { padding-bottom: 10px;} #page_highlight div.carousel-inner .carousel-item-thumb-teaser-cta { position: relative; bottom: auto; margin-top: 10px; } div.page_feature { padding: 0 10px;} div.page_feature .feature-item-thumb-teaser-image { margin-bottom: 10px; } div.page_feature .feature-item-thumb-teaser-image, div.page_feature .feature-item-thumb-group { width: 100%; float: none; } div.page_feature .feature-item-thumb-group .feature-item-thumb-teaser-cta { position: relative; bottom: auto; margin-top: 10px; } div.layout-container .layout-title h3 { margin-bottom: 10px; } #page-blog #page-body, #page-blog-section #page-body { width: auto; padding: 10px 0;} #blog-categories-outer { width: auto; } #blog-categories-outer #blog-categories-inner, #blog-summaries-outer #blog-listing { padding-left: 0; padding-right: 0; } #blog-summaries-outer li { margin-left: 0; margin-right: 0; } #fragment_container div.fragment_wysiwyg_social div.page-article, #fragment_container div.fragment_wysiwyg div.page-article { /*margin: 0 5px*/} #newsletter #newsletter-formo button.pure-button { display: block; clear: both; margin-top: 10px;} } /* SMALL */ @media (min-width: 768px) and (max-width: 991px) { #header { min-height: 90px; } div#mobile-nav { display: block; } #banner-outer ul.banner li span.text-inner, div.banner-outer ul.banner li span.text-inner { max-width: 36%; } #page-body, div.page-body { padding: 0 20px 40px; } #page-body.shift-left, div.page-body.shift-left, #page-body.pull, div.page-body.pull { padding-left: 0; padding-right: 0; } #page-body.shift-right, div.page-body.shift-right, #page-body.push, div.page-body.push { padding-left: 0; padding-right: 0; } } /* SMALL & MEDIUM & LARGE */ @media (min-width: 768px) { div.carousel-container div.carousel.display-type-3 ol.carousel-indicators { display: none; } div.carousel-container div.carousel.display-type-3 div.carousel-inner .row { padding: 0; } div.carousel-container div.carousel.display-type-3 a.carousel-control { display: none; } #page-bside { padding-top: 92px; } } /* MEDIUM */ @media (min-width: 992px) and (max-width: 1199px) { } /* MEDIUM & LARGE */ @media (min-width: 992px) { div.layout-3-1 .field-column-components:first-child { width: 75%;} div.layout-3-1 .field-column-components { display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 25%; } #links-component, #contacts-component, div.connect-component { margin: 0 5px; } #wrap { min-height: 770px; } #page-body, div.page-body { padding: 0 215px 40px; min-height: 320px;} #page-body.has_qq, div.page-body.has_qq { padding-right: 275px; min-height: 460px; } #page-body.ds-1col-wide, div.page-body.ds-1col-wide { padding-right: 65px;} #page-body.shift-left, div.page-body.shift-left, #page-body.pull, div.page-body.pull { padding-left: 0; padding-right: 0; } #page-body.shift-right, div.page-body.shift-right, #page-body.push, div.page-body.push { padding-left: 0; padding-right: 0; } section.block { display: block; } section.block-quickquote { width: 100%; } .entries.row1 li div { width: 73%; } .entries.row1 li span.image { width: 25%; display: block;} } /* LARGE */ @media (min-width: 1200px) { } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #banner-alert .container { margin: 0 auto; max-width: 1200px; padding: 10px 30px; } body.banner_alert #hwrap { padding-top: 104px; } body.banner_alert div#mobile-nav, body.banner_alert #header #header-search-2 {top: 194px;} body.banner_alert #banner-alert .message-inner { overflow: hidden !important; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { body.banner_alert #hwrap { padding-top: 114px; } body.banner_alert div#mobile-nav, body.banner_alert #header #header-search-2 { top:204px;} #banner-outer #banner-links ul li.right, #banner-outer .banner-links ul li.right { float: right; width: auto; background: none; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { }