/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ @font-face { font-family: 'socicon'; src: url('font/socicon-webfont.eot'); src: url('font/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('font/socicon-webfont.woff') format('woff'), url('font/socicon-webfont.ttf') format('truetype'), url('font/socicon-webfont.svg#sociconregular') format('svg'); font-weight: normal; font-style: normal; } .skip-to-content-link { background: #232729; border: 2px solid #0599ce; border-top: 0; border-radius: 0 0 5px 5px; height: auto; line-height: 1; left: 50%; margin-left: -25px; color: #fff; padding: 4px 20px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; font-size: 13px; } .skip-to-content-link:hover { color: #fff; } .skip-to-content-link:focus { transform: translateY(0%); } .elementor-text-editor ol li { list-style: inherit; } .grecaptcha-badge { opacity: 0 !important; } .socicon { font-family: 'socicon' !important; text-transform: none !important; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #0599ce; } a:visited {} a:hover { color: #333; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } /*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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } @keyframes fadein { from { opacity: 0} to { opacity: 1} } @keyframes slideInFromRight { 0% { transform: translateX(50%); } 100% { transform: translateX(0); } } .two_column.bigright h2, .two_column.bigright img { animation: 0.8s ease-in-out 0s 1 slideInFromRight, 0.8s ease-in-out 0s 1 fadein; } /* ===== Primary Styles ======================================================== Author: Everest Agency ========================================================================== */ /* * {-webkit-transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s; -moz-transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s; -ms-transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s; transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;} */ html {height:100%;} body {-webkit-font-smoothing: antialiased; font-family: 'Roboto', "proxima-nova", sans-serif; color: #40474a;} ul {padding:0; margin:0;} li {list-style:none;} h1 {font-size:45px; margin:0; padding:0; font-weight:100; line-height:46px; padding-bottom:20px; color:#189ace; font-family: 'Roboto', sans-serif;} h2 {font-size:20px; margin-bottom:0; color:#189ace; font-family: 'Roboto', sans-serif;} h3 {} h4 {font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #189ace;} h5 {} h6 {} p {margin-top:0; line-height: 26px; padding-bottom:20px;} a {text-decoration:none;} a:hover {} table, table td {border:0;} .row {max-width:1200px; margin:0 auto; position: relative;} .spacer {margin:0;} .alignleft {float:left; margin-right: 15px;} .alignright {float:right; margin-left: 15px;} .two_column {width:50%; float:left; box-sizing: border-box;} .three_column {width:33.333%; float:left; box-sizing: border-box;} .four_column {width:25%; float:left; box-sizing:border-box;} .five_column {width:20%; float:left; box-sizing:border-box;} /* Global */ .whiteoutline {color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:14px; display:inline-block; border:1px solid #fff; padding:15px 30px;} .whiteoutline:hover {background:#189ace; color:#fff;} .blueoutline {color:#189ace; font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:14px; display:inline-block; border:1px solid #189ace; padding:15px 30px;} .wpcf7-submit.blueoutline { background: #fff; width: auto; } .blueoutline:hover {background:#189ace; color:#fff;} .bluebutton, .subscribe-widget input[type=submit] {background:#0599ce; font-weight:700; border:none; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:14px; display:inline-block; padding:15px 30px;} .bluebutton:hover, .subscribe-widget input[type=submit]:hover {background:#333; color:#fff;} .bluebutton.small, .subscribe-widget input[type=submit].small {font-size:10px; padding:5px 15px;} .section {padding:30px 0 70px 0;} .sectiontitle {position:relative; padding:0 0 30px;} .sectiontitle h2 {text-align:center; font-size:36px; text-transform:uppercase; letter-spacing:2px;} .sectiontitle .sectionbutton {position:absolute; top:15px; right:0; font-size:10px; padding:5px 30px;} /* Dropdown Nav */ .nav {display:block; margin:0 auto; padding:0; position:relative;} .nav ul {margin:0; padding:0;} .nav li {list-style: none; display: inline-block; position: relative;} .nav li a {text-decoration:none; display: inline-block;} .nav li a:hover {} .nav li ul.sub-menu {display:none; position:absolute; top:35px; left:10px; width:210px; height:auto; overflow:hidden; z-index:100; font-size:12px;} .nav li ul.sub-menu ul.sub-menu { display: block; position: relative; top: 0; left: 0; } .nav li ul.sub-menu li {padding-bottom:0px; display:block; text-align:left;} .nav li:hover ul.sub-menu { display:block;} .nav li ul.sub-menu li a {padding:10px; display:block; line-height:17px; font-size:17px; background:#fff; /* border-bottom:1px solid #fff; */} .nav > ul > li > ul.sub-menu > li > a { font-size: 17px; } .nav li ul.sub-menu li ul.sub-menu li a { padding-left: 25px; } .nav li ul.sub-menu li a:hover {background:#0599ce; color:#fff;} .nav li ul.sub-menu li:last-child a {} /* Header */ header {height:150px; padding:35px 0; box-sizing:border-box;} header .logo {float:left;} header .logo img {width:282px; height:auto; margin: 25px 0 22px 0; /* margin: 11px 0 5px 0; */ } .topnav {position:absolute; top:0; right:0;} .nav {position:absolute; right:0; bottom:0; font-family: 'Roboto', sans-serif;} .nav a {font-size:26px; font-weight: 100; display:block; padding:0 20px;} .topnav li, .topnav ul, .topnav div {display:inline-block;} .topnav li {font-size: 12px; font-weight:700; text-transform:uppercase; letter-spacing:2px; padding:0 6px;} .topnav a {color:#0599ce;} .topnav li.bluebtn a { background-color: #0599ce; border-radius: 15px; color: white; padding: 8px 6px 7px 9px; } .topnav a:hover {color:#333;} .topnav ul.socicon {width:80px; text-align: right;} .topnav ul.socicon li {text-transform:none; letter-spacing: 0;} /* SEARCH */ .search-toggle .fa { color: #0599ce; cursor: pointer; } .search-field { margin-bottom: 0; } .topnav form.search-form { display: none; left: 0; /*height: 72px;*/ padding: 0; position: absolute; top: -7px; width: 100%; z-index: 100; } form.search-form .input-group { display: table; width: 100%; } form.search-form .input-group input[type="search"], form.search-form .input-group .input-group-btn { -webkit-appearance: none; display: table-cell; height: 39px; } form.search-form .input-group .input-group-btn { width: 75px; } form.search-form .input-group .input-group-btn button { background-color: #0599ce; border: none; color: white; font-weight: bold; height: 39px; } form.search-form .fa-times { cursor: pointer; font-size: 1.5em; position: absolute; right: 90px; top: 47%; -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } #content-sidebar form.search-form .fa-times, #primary-sidebar form.search-form .fa-times { display: none; } .widget-area .widget_search { padding: 0; border: 0; } .widget-area .widget_search .screen-reader-text { display: none; } .widget-area .widget_search .btn { width: 100%; } .mobilenav .search { padding: 7px 10px 0 25px; } .mobilenav .search .search-form { height: 72px; position: relative; } @media (max-width: 767px) { form.search-form .fa-times { top: 50%; } } form.search-form .input-group { /*left: 50%;*/ max-width: 1170px; /*top: 50%;*/ /*-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ width: 100%; } form.search-form .input-group-btn { width: 50px; } @media (max-width: 767px) { form.search-form { top: 60px; } } .topnav.search-open form, .mobilenav.search-open form { display: block !important; } @media (max-width: 960px) { .topnav.search-open form .input-group, .mobilenav.search-open form .input-group { position: absolute; } } @media (max-width: 767px) { .topnav.search-open form .input-group, .mobilenav.search-open form .input-group { padding: 0 25px; } } .headercontent h1 > span { font-weight: bold; } .headercontent > h1 { color: #fff; } .headercontent h2.subhead { font-size: 18px; font-weight: normal; color: #fff; margin-top: -10px; } .form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.search-field.form-control{width:100% !important}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px} .search-toggle .fa.fa-search span { text-indent: -9999px; overflow: hidden; display: inline-block; } /* END SEARCH */ .topnav ul li {position:relative;} .topnav ul li ul.sub-menu {display:block; position:absolute; left:0; z-index:1000; width:200px;} .topnav ul li ul.sub-menu li {display:block;} .topnav ul li ul.sub-menu li a {background:rgba(5,153,206,.9); color:#fff; display:block; padding:10px;} .topnav ul li ul.sub-menu li a:hover {background:#333;} .topnav ul li ul.sub-menu {display:none;} .topnav ul li:hover ul.sub-menu {display:block;;} #homeheader {height:685px; background:#189ace; padding: 0;} /*header .solutionsmain .sub-menu .sub-menu,*/ .headernav .solutionsmain > a, .headernav .servicesmain > a { display: none !important; } .nav .sub-menu .solutionsnav > a { font-weight: bold; } .slidenav li {float:left;} .slidenav li a {display:block; height: 75px; line-height:75px; padding:0 20px; font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:12px; border-right:1px solid #0599ce;} .slidenav li a:hover, .slidenav li a.active {background:#189ace; color:#fff;} .homeslides .slide {height:685px; background:url('../images/slide-bg.jpg') center center no-repeat; background-size:cover; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;} #homeheader .bx-wrapper .bx-viewport {border: none; left: 0;} @media (max-width: 480px) { #homeheader{ height: 550px; } .homeslides .slide {height: 550px; } .homeslides .slide:nth-of-type(3) { background-image: url(/wp-content/uploads/2016/05/skybridge-bg1.jpg) !important; } .homeslides .slide:nth-of-type(4) { background-image: url(/wp-content/uploads/2016/05/invesco-bg.jpg) !important; } .homeslides .slide:nth-of-type(5) { background-image: url(/wp-content/uploads/2016/05/gh-financial-bg1.jpg) !important; } .homeslides .slide:nth-of-type(6) { background-image: url(/wp-content/uploads/2016/05/skybridge-bg.jpg) !important; } .homeslides .slide:nth-of-type(7) { background-image: url(/wp-content/uploads/2016/05/ledbury-partners-bg.jpg) !important; } .inline-YTPlayer { display: none !Important; } } .slide { position: relative; } .slide .whole-slide-link { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } /* Home */ #homeheader {position:relative;} .slidenav {position:absolute; bottom:0; width:100%;} .homecallout {width:505px; background:url('../images/gray-pattern.jpg') center center no-repeat #3a4043; background-size:cover; height:540px; position:absolute; right:0; top:150px; z-index:1; box-sizing:border-box; padding:50px; color:#fff;} .homecallout h1 {font-size:38px; line-height:54px; padding-bottom:50px; font-weight:100; color:#fff;} .homecallout h1 strong {color:#189ace;} .homecallout p { line-height:inherit; margin-bottom: 0; padding-bottom: 0;} .homeslides .slide .navholder {background:rgba(255,255,255,.8); height: 75px; width: 100%; position: absolute; bottom:0; left:0; right:0;} #whatwedo {background:url(../images/home-what-we-do-bg-2.jpg) bottom right no-repeat; background-size: cover; padding:100px 0 200px;} #whatwedo .two_column {padding:0 50px;} #news .three_column {padding:15px; } .newsentry {box-shadow:0px 0px 10px rgba(0,0,0,.1)} .newsentry .newsimage {height:190px; /* background:#ccc; */} .newimageholder {width:100%; height:100%; } body.category-awards .newimageholder { background-color: #159ace !important; } .newsentry .newscontent {padding:40px; position:relative; height:240px;} .newsentry .category, .brochure-description .category {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#757575;} .newsentry .category a { color: #757575; } .brochure-description .category { letter-spacing:1px; } .newscontent h2 {font-size:22px; font-weight:100; color:#333; padding-bottom:20px;} .newscontent p {font-size:12px; line-height:20px;} .newscontent .date {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#727579; position:absolute; bottom:50px; left:40px;} .newscontent .socialshare {position:absolute; right:40px; bottom:40px; width:30%; text-align: right;} .newscontent .socialshare li {display:inline-block; padding-left: 8px;} .newscontent .socialshare li:first-child { padding-left: 0; } .newscontent .socialshare li .fa { position: relative; top: -1px; } .newscontent h2 { display: block; /* Fallback for non-webkit */ display: -webkit-box; max-width: 400px; height: 45px; /* Fallback for non-webkit */ margin: 0 auto; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px; } .newscontent p { display: block; /* Fallback for non-webkit */ display: -webkit-box; max-width: 440px; height: 85px; /* Fallback for non-webkit */ margin: 0 auto; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .downloadentry p { height: auto; -webkit-line-clamp: 15; } .filedownloadform { max-width: 600px; } .sectiontitle.seriestitle { padding-bottom: 0 !important; } #series { display: flex; flex-wrap: wrap; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #ccc} #series > div { flex: 0 0 1; width: 22%; padding: 0 1.5%;} #series > div h3 { margin-top: 8px; font-size: 16px; font-weight: 300; } #people {background:url('../images/home-people.jpg') center center no-repeat #1795c8; background-size:cover; padding:130px; 0} #people .two_column {padding:0 50px;} #people .two_column:first-child {padding:70px 50px} #people h3, #people h4, #people h5, #people h1, #people p {color:#fff;} #people h3 { font-size: 14px; letter-spacing: 2px; } #people h4 { letter-spacing: 0; font-size: 40px; text-transform: none; margin: 0; padding: 0; font-weight: 100; line-height: 46px; padding-bottom: 20px; } #people .two_column.collagewrap {padding-top:100px;} .peopleentry {height:270px; background:url('../images/people-default.jpg') center center no-repeat #333; background-size: cover; margin:20px 0; box-sizing:border-box; position:relative;} .peopleentry .peoplecontent {width:50%; position:absolute; top:50%; right:0; padding:30px 20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); box-sizing:border-box; } .peoplecontent .category {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#189ace;} .peoplecontent h2 {color:#fff; font-weight:100;} .peopleentry.darkcontent h2, .peopleentry.darkcontent .title, .peopleentry.darkcontent p {color:#333;} .peoplecontent .title {font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:700; padding-bottom:10px; display:block; color:#fff;} .peoplecontent p {font-size:12px; padding:0; margin:0; color:#fff;} .peopleentry .bioexcerpt p {line-height:20px;} .peopleentry .bioexcerpt { display: block; /* Fallback for non-webkit */ display: -webkit-box; max-width: 400px; height: 60px; /* Fallback for non-webkit */ margin: 0 auto; font-size: 26px; line-height: 1.4; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .biobutton {display:block; width:100%; height:100%; background:rgba(5,153,206,.9); position:relative; text-align:center; top:100%; transition: top .25s;} .biobutton span {display:block; text-align:center; width:50%; color:#fff; text-transform:uppercase; letter-spacing:2px; font-weight:700; font-size:14px; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); border:1px solid #fff; padding:10px; box-sizing:border-box;} .peopleentry {overflow:hidden;} .peopleentry:hover .biobutton {top:0; transition: top .25s;} .peoplepopup {} .fullbiocontent {text-align:left; padding-left:230px;} .fullbiocontent h2 {font-size:32px; font-weight:100; margin-top:0;} .fullbiocontent .title {font-size:14px; text-transform:uppercase; letter-spacing:2px; font-weight:700; padding-bottom:20px;display:block;} .fullbioimage {width:200px; height:200px; float:left;} .remodal-overlay {background:rgba(5,153,206,.9);} .peopleentry .title {color:#0599ce !important;} .peopleitems { width: 100%; max-width: 1000px; margin: 0 auto; } .peopleitems .image { width: 40%; float: left; max-width: 350px; } .peopleitems .text { width: 60%; float: left; position: relative; margin-top: 0; } .peopleitems .image img { width: 90%; max-width: 300px; height: auto; border-radius: 50%; } .peopleitems .person { border-bottom: 1px solid #a1a1a1; padding-bottom: 50px; margin-bottom: 50px; } .peopleitems .person:last-child { border-bottom: 0; } .peopleitems .person:after { content: ""; display: table; clear: both; } .peopleitems .person h2 { color:#0599ce; font-size: 42px; font-weight: 300; line-height: 1.1; margin-top: 0; } .peopleitems .person .title { color: #666; font-size: 16px; margin-top: 5px; padding-bottom: 20px; } .peopleitems .btns { position: relative; padding-top: 5px; padding-bottom: 20px; } .peopleitems .linkedinbtn { text-indent: -9999px; display: block; width: 50px; height: 30px; margin-bottom: 10px; overflow: hidden; } .peopleitems .linkedinbtn:before { content: "\f08c"; font-family: FontAwesome; font-size: 24px; text-indent: 0; display: block; } .peopleitems .bioexcerpt p { margin-bottom: 0; } .peopleitems .bio { display: none; } .peopleitems .btns.show + .bioexcerpt + .bio { display: block; } .btns .readbiobtn { color:#0599ce; font-size: 16px; padding-left: 30px; position: relative; cursor: pointer; } .btns .readbiobtn:before { content: '+'; text-align: center; font-weight: 700; font-size: 20px; line-height: 22px; color: #fff; background: #0599ce; border-radius: 50%; width: 22px; height: 22px; display: inline-block; position: absolute; left: 0; top: -2px; } .btns.show .readbiobtn:before { content: '–'; } .btns.show .readbiobtn span { display: inline !important; } .btns.show .readbiobtn span:first-child { display: none !important; } @media only screen and (min-width: 641px) { .remodal {padding:4%; max-width:80%;} } #awards {background:url('../images/gray-pattern.jpg') center center no-repeat #41494c; background-size:cover; color:#fff; text-align:center; padding:50px 0 70px;} #awards img {height:160px;} #awards .four_column img {height:100px;} .awardcontent {padding:10px; width:160px; margin:0 auto;text-align:left; padding-left:100px; position:relative;} .awardcontent .date {display:block; margin-left:-50px; float:left; font-weight:700;} #postsbycategory h2 { font-size: 24px; } #postsbycategory h3 { font-size: 16px; margin-bottom: 2px; } /* Footer */ #footer {background:#232729; color:#fff;} /* #32383a */ .footerlogo img {width:195px; height: auto; padding-bottom:30px;} #footer h2 {padding-bottom:20px;} #footer a {font-weight:700;} #footer a:hover {color:#eee;} #footer p {padding-bottom:10px;} #footer .socicon li {display:inline-block; margin-right: 15px; } #locationrow > div {margin:50px 0; padding:30px 0; border-top:1px solid #43484a; border-bottom:1px solid #43484a; text-align:center;} #locationrow ul li {font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:2px; display:inline-block; padding:0 50px; color:#0599ce; margin-top: 20px; margin-bottom: 20px; } #signoff {text-align:center; font-size:10px; text-transform:uppercase; letter-spacing:2px;} #signoff a {color:#fff; padding:0 20px} #signoff .copyright { display: block; padding:30px 10px 10px 10px;} /* Solutions */ .interiorheader {background:#05151f;} #solutionspage {background:url('../images/header-solutions.jpg') center center no-repeat #05151f;} .headercontent {color:#fff; padding-right:30%;} .headercontent p { display: none; font-size:20px; font-weight:300; line-height:34px;} .headernav li {float:left;} .headernav li a {color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:2px; font-size:12px; display:block; padding: 20px 10px;} .headernav .sub-menu > li > a { display:block; padding: 0 10px; height: 56px; text-align: center; display: table; } .headernav .sub-menu > li > a > span { display: table-cell; vertical-align: middle; } .headernav {position:absolute; bottom:-71px; left:0;} .headernav li a:hover {background:rgba(255,255,255,.1)} .headernav li.current_page_item > a, body.page-template-page-solutions .sub-menu .current_page_parent > a, .headernav li.current_page_item > a, body.page-template-page-solutions .sub-menu .current-menu-parent.solutionsnav > a {background:#fff; color:#0599ce} .headernav {width:100%;} .headernav ul {width:100%;} .headernav li {display:block; width:100%;} .headernav li .sub-menu li {width:auto;} .headernav li a {display:inline-block; float:left;} .headernav .hideheadernav { display: none; } .leftcolumn {width:75%; float:left; box-sizing:border-box; padding:0 120px 0 40px;} .leftcolumn.rightalign { padding: 0 40px 0 120px; } .rightcolumn {float:left; width:25%; box-sizing:border-box;} .leftcolumn img, body.page-template-page-solutions .fullcolumn p > a > img, body.page-template-page-solutions .fullcolumn p > img {max-width:100%; height:auto;} blockquote {margin:50px -30px; box-shadow:0 0 10px rgba(0,0,0,.1); padding:40px; padding-left:180px; font-style:italic; color:#0599ce; border-top:5px solid #84cde7; position:relative;} blockquote.nologo {padding-left:40px;} blockquote .clientlogo {float:left; margin-left:-140px;} blockquote p {padding-bottom:0;} blockquote .quotecredit {font-size:10px; font-style:normal; text-transform:uppercase; letter-spacing:2px; font-weight:700; text-align:center; display:block; } .testimoniallink {background:#84cde7; font-size:10px; font-style:normal; text-transform:uppercase; letter-spacing:2px; font-weight:700; display:inline-block; padding:5px 20px; color:#fff; position:absolute; top:-25px;right:0;} .testimoniallink:hover {color:#eee;} /* Temp Blockquote */ blockquote { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0599ce+0,84cde7+100 */ background: #0599ce; /* Old browsers */ background: -moz-linear-gradient(top, #0599ce 0%, #84cde7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0599ce), color-stop(100%,#84cde7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0599ce 0%,#84cde7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0599ce 0%,#84cde7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0599ce 0%,#84cde7 100%); /* IE10+ */ background: linear-gradient(to bottom, #0599ce 0%,#84cde7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0599ce', endColorstr='#84cde7',GradientType=0 ); /* IE6-9 */ color:#fff; padding-left:270px; font-size:20px; box-shadow:0 10px 20px rgba(0,0,0,.3); border-bottom: 5px solid #b8ecff; } blockquote .clientlogo {width:180px; margin-left:-230px; box-shadow:0 10px 0 rgba(255,255,255,.5); padding:10px;background:#fff;} .widget {border:1px solid #0599ce; margin-bottom:30px; display:block; padding:30px;} .widget h2 {margin-top:0; padding:0 0 10px; font-weight:700;} .widget .widget-title {font-size:20px; margin:0; padding:0 0 10px;; line-height:30px;} form input, form textarea {border:0 solid #289ace; border-bottom-width: 1px; display:block; width:100%; padding:10px 0; box-sizing:border-box; margin-bottom:15px; font-size:14px; font-weight:700; outline: 0; } .bluebg form input[type=text], .bluebg form input[type=email] { border: 0 solid #fff !important; border-bottom-width: 1px !important; background: none; color: #fff !important; font-size: 18px; padding-top: 5px; margin-bottom: 8px; } .wpcf7-form-control-wrap select.wpcf7-select { margin: 0 0 15px 0; width: 100%; padding: 5px 35px 5px 5px; font-size: 15px; border: 0; border-bottom: 1px solid #289ace; border-radius: 0; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/arrow-down.png) 96% 20% no-repeat #fff; background-size: 15px auto; } /* CAUTION: Internet Explorer hackery ahead */ .wpcf7-form-control-wrap select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } /* Target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) { .wpcf7-form-control-wrap select { background: none\9; padding: 5px\9; } } .widget .smalllink {font-size:10px;} .downloadbutton {text-transform:uppercase; letter-spacing:2px; font-weight:700; padding-left:120px;} .downloadbutton img {float:left; margin-left:-90px; margin-top:-40px; width:70px; height:85px;} body.page-template-page-solutions .downloadbutton img { margin-top: -10px; } .downloadbutton:hover {background:#0599ce; color:#fff;} .widget.downloadbutton { padding: 30px 30px 20px 120px;} .widget.downloadbutton:after { content: ""; display: table; clear: both; } .calltoaction {border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;} .calltoaction p {padding-bottom:10px; margin-bottom:10px;} #relatedsolutions .three_column {padding:15px; } .solutionsentry {box-shadow:0px 0px 10px rgba(0,0,0,.1)} .solutionsentry .solutionsimage {height:220px; background:#ccc;} .solutionsentry .solutionscontent {padding:40px; position:relative;} .solutionsentry .category, .articlemeta .category {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#189ace;} .solutionscontent h2 {font-size:22px; font-weight:100; color:#333; padding-bottom:20px;} .solutionscontent p {font-size:12px; line-height:20px;} .solutionscontent .date {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#b0b2b3; position:absolute; bottom:40px; left:40px;} .solutionscontent .socialshare {position:absolute; right:40px; bottom:40px;} .solutionscontent .socialshare li, .articlemeta .socialshare li {display:inline-block;} .solutiontitle {background:#3e4548; color:#fff; padding:40px; text-transform:uppercase; font-weight:700; font-size:30px; } .clientlogo {width:110px;} .iconlist {margin-bottom:50px; padding-left: 0 !important;} .iconlist li {width:33.333%; float:left; box-sizing:border-box; padding:10px; list-style: none !important;} .iconlist li a {display:block; padding:20px; border:2px solid #0599ce; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700} .iconlist li a img {width:80%; height:auto;} .iconlist li a:hover {background:#eee;} .iconlist li.threeup {width:33.2%;} .iconlist li.sixup {width:16.6%; padding-left: 0; padding-right: 20px; } .iconlist {display:flex; width:100%; flex-wrap:wrap} .iconlist li {width:24.9%; display:flex; } .clientlogos {padding-left: 0 !important;} .clientlogos li {width:20%; float:left; list-style: none !important;} .clientlogos li a img, .clientlogos li img {width:80%; opacity:1} .clientlogos li a:hover img, .clientlogos li:hover img{ opacity:1} .partnerheader {margin:30px 0; background:#189ace; color:#fff; padding:10px 20px;} /* People */ #peoplepage {background:url('../images/header-people.jpg')center center no-repeat #296c88;} .onecolumn {padding:0 15%} .peoplelist {padding:0 5%;} .peoplelist .peopleentry {width:48%; margin:0 1% 20px; float:left;} .page-template-page-people .peopleentry {border-top:5px solid #189ace} .page-template-page-people .peopleentry.loc-newyork {border-color:#189ace;} .page-template-page-people .peopleentry.loc-newyork .peoplecontent .category {color:#189ace;} .page-template-page-people .peopleentry.loc-sydney {border-color:#fe7b33;} .page-template-page-people .peopleentry.loc-sydney .peoplecontent .category {color:#fe7b33;} .page-template-page-people .peopleentry.loc-london {border-color:#2a67af;} .page-template-page-people .peopleentry.loc-london .peoplecontent .category {color:#2a67af;} .page-template-page-people .peopleentry.loc-hongkong {border-color:#98110f;} .page-template-page-people .peopleentry.loc-hongkong .peoplecontent .category {color:#98110f;} .page-template-page-people .peopleentry.loc-cleveland {border-color:#feac41;} .page-template-page-people .peopleentry.loc-cleveland .peoplecontent .category {color:#feac41;} .page-template-page-people-montage .onecolumn {padding:0 6%;} /* News */ #newspage, #products.section {padding:50px 0;} #newspage .headercontent p:last-child {padding-bottom:0; margin-bottom:0;} .newspage .leftcolumn {padding:0 80px 0 0} .featurenews .newsimage {width:50%; float:left; height:400px;} .featurenews .newscontent {float:left; width:50%; box-sizing:border-box;height:400px;} .featurenews {padding-bottom:50px; margin:0 2% 50px; border-bottom:1px solid #b3dbea} .newslist .newsentry {width:46%; margin:0 2% 30px; float:left;} .widget ul {border-top:1px solid #eee;} .widget ul li {border-bottom:1px solid #eee;} .widget ul li a {display:block; padding:10px 0; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:700;} .widget ul li.current-cat a { background: #0199ce; color: #fff; text-indent: 10px; } .widget p {font-size:14px;} .widget .cat-item-174 { display: none !important; } .tweet .handle {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700;} .tweet .date, .articlemeta .date {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700; color:#727579;} .prev-next-posts .prev-posts-link {float:left;} .prev-next-posts .next-posts-link {float:right;} .prev-next-posts a {font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:700} .prev-next-posts {padding:0 15px;} body.page-template-page-news .prev-next-posts { display: none; } .navigation.pagination { text-align: center; } .pagination h4.screen-reader-text { text-transform: none; letter-spacing: 0; font-size: 20px; margin-bottom: 8px !important; } /* News Sidebar */ .subscribe-widget form label, .subscribe-widget form label + br {display: none;} .subscribe-widget form {margin-top: 15px;} .subscribe-widget p {padding: 0;} /* News Detail */ .featureimage {height:426px; background:#ccc;} .articlemeta {padding:20px 0; border-bottom:1px solid #ccc; margin-bottom:50px;} .articlemeta .category, .articlemeta .date {float:left; margin-right:20px;} .articlemeta .socialshare {float:right;} .article h3 {font-weight:100; padding-bottom:20px; line-height:30px;} .article {padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:50px;} .newspage .sectiontitle h2 {font-size:24px; padding-bottom:20px;} /* Contact */ #contact {background-color:#042e5f; box-sizing: border-box;} #contactmap .everest-map, #contactmap img.everest-map-background { width: 100%; height: auto; display:block; margin: 0 auto;} #contactmap {background:#042e5f; position: relative; } #contactmap .everest-map-marker {width: 56px; height: 56px; background: url('../images/marker.png') center no-repeat; margin-top: -28px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} #contactmap .everest-map-marker.everest-map-marker-active {background-image: url('../images/marker.png') !important; background-color: #fff; z-index: 999; -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);} #contactmap .everest-map-panel {background: #fff; padding: 20px 40px 30px 40px; -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);} #contactmap .everest-map-panel.everest-map-panel-flipped {z-index: 998;} #contactmap .everest-map-panel h1 {font-size: 1.6em; margin: 0; padding: 0;} #contactmap .text { position: absolute; bottom: 30px; left: 0; width: 100%; } #contactmap h1 { } .tabs .tab {display:none;} .tabs .tab.active {display:block;} .tabnavigation li {float:left; width:20%; padding:30px 0;} .tabnavigation li a {display:block; text-align:center; padding:20px;border-bottom:1px solid #ccc; text-transform:uppercase; letter-spacing:2px; font-weight:700; font-size:12px;} .tabnavigation li.active a {border:1px solid #ccc; border-bottom:0;} .leftcolumn .tabnavigation li {list-style:none;} .leftcolumn .tabnavigation {padding:0; margin:0;} .tabs .tab {padding:30px;} .tab h3 {margin-bottom:0;} .formrow span .halfinput {width:49%;margin:0 1% 0 0; float:left;} .formrow span:first-child .halfinput {margin-right:1%;} .formrow span:last-child .halfinput {margin-right:1%;} .formrow {padding-bottom:10px;} .formrow label {font-size:14px; color:#189ace; font-weight:400;} .formrow .wpcf7-not-valid-tip { font-size:14px;} .contactdetails .socicon { margin-right: 10px; } .contactdetails h3 { margin-bottom: 2px; } .contactdetails p { margin-bottom: 0; } .locations .tab span { display: block; margin-top: -15px; } /* Solutions Graphic */ .solutiongraphic .solutionsgraphicholder {margin:0;} .solutionsgraphicholder {position:relative; margin:50px 0;} .solutionsgraphic {width:422px; height:422px; background:url('../images/solutions-graphic.png') center center no-repeat; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);} .solsection {width:211px; height:211px; position:absolute;} .solsection#upperleft {left:0; top:0;} .solsection#upperright {right:0; top:0;} .solsection#lowerleft {left:0; bottom:0;} .solsection#lowerright {right:0; bottom:0;} .solsectioncontent {background:#eee; position:absolute; padding:20px; border-radius:3px; box-shadow:0 5px 10px rgba(0,0,0,.2); visibility: hidden; font-size:12px; opacity: 0; transition: transform .75s, opacity .5s; transform: scale(.5); -webkit-transform: scale(.5); -ms-transform: scale(.5); -moz-transform: scale(.5);} .solsectioncontent span {font-size: 10px; display:block;} .solsectioncontent ul {padding-left: 10px;} .solsectioncontent li {list-style: square; padding-bottom: 5px;} .leftcolumn .solsectioncontent li {list-style: square; padding-bottom: 5px;} .solsection:hover .solsectioncontent, .solsection:active .solsectioncontent {visibility: visible; height: auto; width: 250px; opacity: 1; transition: transform .75s, opacity .5s; transform: scale(.9); -webkit-transform: scale(.9); -ms-transform: scale(.9); -moz-transform: scale(.9);} .solsection#upperleft .solsectioncontent {bottom:100px; right:100px;} .solsection#upperright .solsectioncontent {bottom:100px; left:100px;} .solsection#lowerleft .solsectioncontent {top:100px; right:100px;} .solsection#lowerright .solsectioncontent {top:100px; left:100px;} .solsectioncontent { transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); font-size:15px; line-height:1.2;} .solsection#upperleft .solsectioncontent {border:2px solid #70c357; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1f9c5+0,ffffff+100 */ background: #d1f9c5; /* Old browsers */ background: -moz-linear-gradient(top, #d1f9c5 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d1f9c5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d1f9c5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f9c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .solsection#upperright .solsectioncontent {border:2px solid #1583a5; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a2ddef+0,ffffff+100 */ background: #a2ddef; /* Old browsers */ background: -moz-linear-gradient(top, #a2ddef 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a2ddef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a2ddef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2ddef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .solsection#lowerleft .solsectioncontent {border:2px solid #8c8e90; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+100 */ background: #e0e0e0; /* Old browsers */ background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .solsection#lowerright .solsectioncontent {border:2px solid #ffb92b; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe9bf+0,ffffff+100 */ background: #ffe9bf; /* Old browsers */ background: -moz-linear-gradient(top, #ffe9bf 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffe9bf 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffe9bf 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9bf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* Interior */ .leftcolumn h2, .onecolumn h2 {margin-bottom:10px;} .leftcolumn .three_column {padding:0 15px; box-sizing:border-box;} .leftcolumn .five_column {width:100%; border:1px solid #84cde7; padding:10px 50px 10px 50px; margin-bottom:20px; } .leftcolumn h1, .onecolumn h1 {font-size:32px;} .leftcolumn ul li, .fullcolumn ul li, .onecolumn ul li, body.page-template-page-solutions .fullcolumn > ul li, ul.bullets li {list-style:square; padding-bottom:10px; } .leftcolumn ul, .onecolumn ul, .fullcolumn ul, body.page-template-page-solutions .fullcolumn > ul, ul.bullets {padding-left:40px;} .onecolumn p + ul, .fullcolumn p + ul { margin-top: -25px; margin-bottom: 20px; } .headernav li.menu-item-1806>a {display:none;} /* By the Number */ .numbers, .leftcolumn .numbers {padding:0; margin:0;} .numbers li, .leftcolumn .numbers li {list-style:none;background:#189ace; display:block; position:relative; width:179px; height:179px; float:left; margin:0 3px 0; overflow:hidden; border-radius:100px; box-sizing:border-box;} .numbercontent {text-align:center; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); box-sizing:border-box; padding:20px; color:#fff; font-size:12px;} .thenumber {font-size:42px; line-height:40px; font-weight:700;} .numbers li, .leftcolumn .numbers li { padding-bottom:0;} .numbercontent {padding:0} /* New News */ .featurenews .newsentry {width:50%; float:left; box-shadow:none; padding:20px 30px; box-sizing:border-box;} .featurenews .newsimage {width:100%; float:none; height:155px;} .featurenews .newscontent {float:none; width:100%; height:350px;} h2.brochure-area { text-align: center; text-transform: uppercase; font-size:30px; letter-spacing: 5px; } .newslist .newsentry {width:100%; box-shadow:none; float:none; margin:0 0 50px; border-bottom:1px solid #ccc; padding:5px 50px; box-sizing:border-box;} .newslist .newsentry .newsimage {width:35%; float:left;} .newslist .newsentry .newsimage {height:117px;} .newslist .newsentry.downloadentry .newsimage { height: auto; } .newslist .newsentry .newscontent {padding:0 0 50px 40%; height: 200px;} .newslist .newsentry.downloadentry .newscontent { height: auto; } .newslist .newsentry .newscontent .date {left:40%; bottom:50px;} body.category .newslist .newsentry, body.tax-subcategory .newslist .newsentry { margin-bottom: 30px; padding-bottom: 0; } .newslist .newsentry .newsimage img.tallratio { width: 66%; display: block; margin: 0 auto; } .newslist .newsentry.downloadentry .newsimage img { border:1px solid #ccc; -webkit-box-shadow: -5px 5px 3px -2px rgba(0,0,0,0.25); box-shadow: -5px 5px 3px -2px rgba(0,0,0,0.25); } .newslist .newsentry.downloadentry:after { content: ""; display: table; clear: both; } .featurenews {padding-bottom:0;} .page-template-page-news .s2_form_widget {display:none;} .featurenews .latestholder .newsentry:first-child {border-right:1px solid #b3dbea;} .newslist .newscontent h2 {margin:0;} .featurenews .newscontent h2 {margin:0;} /* Loupe */ .loupe {border:1px solid #ccc; box-shadow:0 10px 10px rgba(0,0,0,.2); border-radius:150px;} .aligncenter {display:block; margin: 0 auto;} .searchtext {font-size:10px; text-transform:uppercase; letter-spacing:2px; text-align:center; color:#189ace; margin-top:-20px; margin-bottom:30px;} /* Core Competencies */ .corecomp_holder {text-align:center;} .corecomp {display:inline-block; width:48%; margin:10px .5%; border:1px solid #ccc; height:300px; box-sizing:border-box; position:relative; overflow:hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ecff+0,ffffff+100 */ background: #b6ecff; /* Old browsers */ background: -moz-linear-gradient(top, #b6ecff 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b6ecff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b6ecff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ecff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .corecomp_content {font-size:15px; background:rgba(24,154,206,.85); width:100%; height:100%; position:absolute; left:0; top:100%; color:#fff; transition: top .25s; -webkit-transition: top .25s; font-weight:700;} .corecomp .center_vertical {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:75%;} .corecomp h2.center_vertical {margin:0; font-size:24px;} .corecomp:hover .corecomp_content { top:0; transition: top .25s; -webkit-transition: top .25s} .corecomp h2 img {width:100px; display:block; margin:0 auto 10px;;} .corecomp_holder {background:url(https://www.imaginesoftware.com/wp-content/uploads/2015/08/header-about.jpg) center center #189ace; background-size:cover; padding:30px; margin-bottom:20px; box-shadow:0 10px 20px rgba(0,0,0,.3); border-bottom: 5px solid #b8ecff;} .tabholder {padding-top:20px;} .leftcolumn .tabnav {margin:0; padding:0; border-bottom:1px solid #189ace; border-top:1px solid #189ace;} .leftcolumn .tabnav li {list-style:none; display:inline-block; width:40%; text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:2px; font-weight:700; padding:0;} .leftcolumn .tabnav li a {display:block; padding:20px;} .leftcolumn .tabnav li a.active {background:#189ace; color:#fff;} .tabcontent {padding:20px;} .tabcontent .tab {display:none;} .tabcontent .tab.active {display:block;} .wp-caption-text {text-align:center; font-size:24px; color:#0599ce;} /* Temporary */ .section#awards {display:none;} .home .section#awards, .page-id-5 .section#awards, .page-template-page-news .section#awards {display:block;} .twocolumn {width:50%; float:left; padding:0 2%; box-sizing:border-box;} /* Testimonials */ .testlides li {-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;} .testimonialtitle h1 {text-align:center; padding:60px 20px; font-size:36px;} .testimonialsslider .bx-wrapper .bx-viewport {box-shadow:none;background-color:#189ace; color:#fff;border:none; left:0;} .testimonialsslider .bx-wrapper {margin-bottom:0;} .testimonialsslider .testimonialcontent {height:585px; width:50%; float:left; padding:0 5%; box-sizing:border-box; text-align:center;} .testimonialsslider .testimoniallogo {height:585px; width:50%; float:left; background:#ccc;} .testimoniallogo {position:relative;} .testimoniallogo:after {content:""; display:block; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; top:0; left:0;} .testimoniallogo .center-vertical {z-index:1;} .center-vertical {position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);} .testimonialsslider .testimonial {font-size:20px; line-height:33px;} .testimonialsslider .testimonialcredit {font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:700;} .testimonialsslider .testimoniallogo img {display:block; margin:0 auto;} .testimonialsslider #bx-pager {text-align:center;} .testimonialsslider #bx-pager {padding-bottom:60px;} .testimonialsslider #bx-pager { padding-bottom: 30px; } .testimonialsslider #bx-pager img {width:115px;} .testimonialsslider #bx-pager a {display:inline-block; padding:20px 10px; position:relative; opacity: .3;} .testimonialsslider #bx-pager a:hover {opacity:.8;} .testimonialsslider #bx-pager a.active {opacity: 1;} .testimonialsslider #bx-pager a.active:after { display: none; content:""; width:0; height:0; position:absolute; top:-27px; left:50%; transform:translateX(-50%) rotate(135deg); -webkit-transform:translateX(-50%) rotate(135deg); -ms-transform:translateX(-50%) rotate(135deg); -moz-transform:translateX(-50%) rotate(135deg);; border-top:26px solid #189ace; border-right:26px solid #189ace; border-bottom:26px solid transparent; border-left:26px solid transparent; } .testimonialsslider .testimonialsslider #bx-pager a { padding: 15px 6px; } .testimonialsslider .testimonialsslider #bx-pager a.active:after { display: none !important; } .testimonialsslider #bx-pager .dot { width: 16px; height: 16px; display: inline-block; border: 1px solid #189ace; background: #fff; border-radius: 50%; } .testimonialsslider #bx-pager a.active .dot { background: #189ace; } .collagewrap { } .Collage{ /*This is where you set the padding you want between the images*/ padding:10px; overflow: hidden; } .Collage img{ margin:0; padding:0; display:inline-block; vertical-align:bottom; opacity:1; max-width: 100%; /*This is where you set the border you want for the image*/ border:6px solid #FFF; box-sizing: border-box; } /* In this example, this is the main item being resized */ .Image_Wrapper{ /* to get the fade in effect, set opacity to 0 on the first element within the gallery area */ opacity:0; -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* On page slider */ .pagecontent .bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0;} .slidenew {position:relative;} .slidenew:after {content:""; display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,.4); width:100%; height:100%;} .slidenew .row {z-index:1;} .slidenew .hometoptext {text-align:center; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);} .slidenew .rowtop { height:60%;} .slidenew .hometoptext h1 {margin-bottom:0; padding-bottom:0;} .slidenew .hometoptext h1 p {color:#fff; line-height:1.2; width:80%; margin:0 auto;} .rowbottom {height:40%; text-align:center; padding-top:40px;;} .rowbottom .number {display:inline-block; border:1px solid #fff; width:20%; margin:0 1%; height:150px; padding:20px; box-sizing:border-box; color:#fff; font-family: 'Roboto', sans-serif; background:rgba(0,0,0,.4); position:relative;} .rowbottom .number h1 {color:#fff; font-weight:700; padding-bottom:5px; padding-top:10px;} .rowbottom .number .center-vertical {position:absolute; top:50%; left:0; width:100%; padding:0 10px; box-sizing:border-box;} .rowbottom .number h1, .rowbottom .number p {padding:0; margin:0} .rowbottom .number p {line-height:20px; font-weight: 100;} .rowbottom {position:absolute; width:100%; bottom:0; z-index:100; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);} /* Mobile Nav */ .mobilenav, .mobilenav-holder, .mobilesocial {display:none;} .tinynav { display: none } /* Landing Page Type 1 */ .slide-box {position:relative; overflow:hidden; margin-bottom:30px; height:300px; border-radius: 3px;} .slide-box .hovericon {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#333; z-index:1;} .slide-box .hovercontent {position:absolute; top:0; right:-50%; width:50%; background:#a83338; height:100%; padding:30px; text-align:center; color:#fff;} .slide-box .hovercontent h3 {margin:0;} .slide-box:hover .hovericon {width:50%;} .slide-box:hover .hovercontent {right:0;} .slide-box * {transition:all .5s ease; } .slide-box .hovercontent {box-sizing:border-box;} .slide-box .hovercontent h3 {font-family: 'Roboto', sans-serif; font-size:22px;} .slide-box .hovericon:after {content:""; display:block; background:rgba(255,255,255,.1); width:100%; height:100%; position:absolute; top:0; left:0;} .slide-box .hovericon .center-vertical {z-index:1;} .slide-box.slide-left .hovercontent {position:absolute; top:0; right: auto; left:-50%; width:50%; background:#a83338; height:100%; padding:30px; text-align:center; color:#fff;} .slide-box.slide-left:hover .hovercontent {right: auto; left:0;} .slide-box.slide-left .hovericon {left:auto; right:0;} .hovericon img {width:150px; height:auto;} .landing-type-1 header {position:absolute; top:0; left:0; width:100%;} .landing-type-1 .interiorheader {box-sizing:border-box; padding:150px 0 0;} .landing-type-1 .interiorheader .row {padding:175px 0;} .landing-type-1 .headercontent {padding:0 20%; text-align:center;} .landing-type-1 .headercontent h1 {font-weight:700; color:#fff;} .landing-type-1 .headercontent h1.largeheadline {font-size:86px; line-height:1em; font-weight:100;} .landing-type-1 .gray-background {background:#eee; text-align:center;} .landing-type-1 .white-background {text-align:center;} .landing-type-1 .section-title h1 {font-size:36px; text-transform:uppercase; letter-spacing: .3em; font-weight:700; padding-bottom:50px;} .landing-type-1 .footersection {border-top:1px solid #189ace; font-size:14px;} .landing-type-1 .calltoaction {background:#333;} .landing-type-1 .hover-box {width:250px; display:inline-block; height:250px; background:#ccc; margin:10px; position:relative;overflow:hidden; border:1px solid #ccc;} .landing-type-1 .hover-box-content {height:100%; text-align:center;} .landing-type-1 .hover-box-number {display:inline-block; border:1px solid #fff; width:170px; height:170px; border-radius:50%; color:#fff; font-size:64px; font-weight:700; display:table-cell; vertical-align:middle; align:center; margin:0 auto;} .landing-type-1 .hover-box-content .center-vertical {text-align:center; display:table; margin-left:auto; margin-right:auto;} .landing-type-1 .hover-box-hover {position:absolute; top:100%; left:0; height:100%; padding:10%; box-sizing:border-box; background:#fff; transition:top .25s;} .landing-type-1 .hover-box:hover .hover-box-hover {top:0; transition:top .25s;} .landing-type-1 .hover-box-hover p {line-height:22px; font-size:14px;} .landing-type-1 .calltoaction .section-title h1 {padding-bottom:20px;} .landing-type-1 .calltoaction {color:#fff;} .landing-type-1 .calltoaction .whiteoutline {margin-top:20px;} .landing-type-1 .nav li a {color:#fff; border:1px solid rgba(255,255,255,0); transition:border .25s;} .landing-type-1 .nav li a:hover {border:1px solid #fff; transition:border .25s;} /* Brochure Page */ .brochure-button {display:block; padding:0; background:#aaa; border-radius:3px; box-shadow: 0 5px 10px rgba(0,0,0,.2); transition:background .25s;} .brochure-image { height:300px; padding:20px; box-sizing:border-box; } .brochure-thumb { margin:0 auto; display:block; max-width:100%; max-height:100%; box-shadow: 0 10px 20px rgba(0,0,0,.4); } .brochure-button:hover { background:#189ace; transition:background .25s; } .brochure-description {padding:0 30px; color:#fff; height:110px; padding-bottom: 30px;} .brochure-page .row {display:flex; flex-wrap: wrap;} .brochure-page a {} .brochure-page .twocolumn {width:49%;} .download-4col .brochure-button { background: transparent; box-shadow: none; padding-bottom: 35px; position: relative; } .download-4col .brochure-wrap { display: block; } .download-4col .brochure-image { margin-bottom: 18px; } .download-4col .brochure-description { color: #757575; } .download-4col .brochure-description h2 { color: #189ace !important; font-size: 20px; margin-top: 0; font-weight: 100; } body.category .brochure-description h2 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .download-4col .button.small { position: absolute; bottom: 0; left: 0; } .downloadform-shortcode .brochure-button, .youtube-embed { margin-top: 10px; background: transparent; box-shadow: none; } .downloadform-shortcode .brochure-button .brochure-image { padding: 0; height: auto; width: calc(100% - 25px); } .youtube-embed { width: calc(100% - 30px); } .downloadform-shortcode .brochure-button .brochure-thumb { box-shadow: none; width: 100%; height: auto; margin-bottom: 15px; } .youtube-embed .video-container { margin-bottom: 15px; } .downloadform-shortcode .brochure-btn { text-align: center; width: calc(100% - 25px); } .youtube-btn { text-align: center; } .downloadform-shortcode .brochure-btn .blueoutline { margin: 0 auto; } .three_column .downloadform-shortcode .brochure-image, .three_column .downloadform-shortcode .brochure-btn { width: 100% !important; } .downloadform-shortcode .brochure-image img { box-shadow: 0 10px 20px rgb(0 0 0 / 40%) !important; } .two_column p:empty + .video-container { margin-top: -20px; } #supportpage .searchwrap { margin-top: -80px; float: right; padding-right:0; vertical-align:bottom; } #supportpage > .section.pagecontent { padding-top: 40px; } #supportpage .searchwrap form { position: relative; } #supportpage .searchwrap form:before { content: '\e851'; position: absolute; right: 15px; top: 24px; width: 20px; height: 20px; font-family:eicons; color: #ccc; font-weight: bold; font-size: 20px; } #supportpage .searchwrap .sectionbutton { text-indent: -9999px; position: absolute; top: 15px; right: 0; width: 40px; height: 50px; padding: 0; margin: 0; border: 0; background: none; z-index: 100; outline: 0; } #supportpage .searchwrap .fieldstyle-white { padding-right: 40px; width: 300px !important; } #supportpage .searchwrap .fieldstyle-white::-webkit-input-placeholder { /* Edge */ color: #999; } #supportpage .searchwrap .fieldstyle-white:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } #supportpage .searchwrap .fieldstyle-white::placeholder { color: #999; } #supportpage #featuredboxes { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;} #supportpage .featuredbox { border: 1px solid #0599ce; color: #fff; padding: 30px; margin-bottom: 40px; width: 48%; background-size: cover; background-repeat: no-repeat; position: relative; background-color: rgba(8,153,206,.85) !important; box-sizing: border-box; } #supportpage .featuredbox.hasbutton { padding-bottom: 100px; } #supportpage .featuredbox:after { content: ""; opacity: 1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; width: 100%; } #supportpage .featuredbox h2 { margin-top: 0; margin-bottom: 15px; color: #fff; } #supportpage .featuredbox p { margin-bottom: 0; color: #fff; } #supportpage .featuredbox .whiteoutline { position: absolute; bottom: 30px; left: 30px; } #supportcontent, #supportpage #mainboxes { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } #supportcontent #supportmain { width: 73%; } #supportcontent #supportsidebar { width: 23%; } #supportpage .mainbox { border: 1px solid #0599ce; color: #40474a; padding: 0 0 30px 0px; margin-bottom: 30px; width: 48%; box-sizing: border-box; } #supportpage .mainbox .inner { padding: 20px 20px 0 20px; } #supportpage .mainbox .inner > p { margin-bottom: 0; line-height: 1.4; } #supportpage .mainbox h2 { margin-top: 0; background: #0599ce; color: #fff; padding: 5px 20px; } #supportpage .mainbox ul li { font-size: 13px; border-top: 1px solid #ccc; margin-top: 15px; } #supportpage .mainbox ul li:first-child { border-top: 0; margin-top: 0; } #supportpage .mainbox ul li.subitem { padding-left: 15px; padding-top: 4px; padding-bottom: 2px; border: 0; margin-top: 0; } #supportpage .mainbox ul li.subitem p { display: inline; } #supportpage .mainbox ul h4 { font-size: 14px; margin-bottom: 5px; } #supportpage .mainbox ul li:first-child h4 { margin-top: 0; } #supportpage .mainbox ul p { font-size: 13px; line-height: 1.4; color: #666; margin-bottom: 0; } #supportpage .mainbox ul p:last-child { padding-bottom: 0; } #supportpage .mainbox p + ul { margin-top: -10px; } #supportpage .mainbox li:last-child p { margin-bottom: -15px; } #supportpage .mainbox ul + .bluebutton { margin-top: 15px; } #supportpage #featuredboxes.count-1 > div, #supportpage .mainbox.fullwidth { display: block; width: 100%; } #supportpage .mainbox.featured { background: #0599ce; color: #fff; } #supportpage .mainbox.featured h2 { background: transparent; padding-top: 15px; margin-bottom: 0; padding-bottom: 0; } #supportpage .mainbox.featured .bluebutton { background: #fff; color: #0599ce; } #supportpage .mainbox.featured .bluebutton:hover { background: #333; color: #fff; } #supportpage .mainbox.featured ul p { color: #fff; color: rgba(255,255,255,.9); } #supportpage .sidebarbox h2 { margin-top: 0; } #supportpage .sidebarbox { padding-top: 35px; margin-top: 40px; border-top: 1px solid #ccc; } #supportpage .sidebarbox:first-child { border-top: 0; margin-top: 0; padding-top: 0; } #supportpage .sidebarbox p { margin-bottom: 0; } #supportpage .sidebarbox ul { padding-left: 1rem; } #supportpage .sidebarbox ul li { list-style-type: disc; } #supportpage .sidebarbox ul + .bluebutton { margin-top: 15px; } @media only screen and (max-width:1023px) { #supportcontent #supportmain { width: 65%; } #supportcontent #supportsidebar { width: 32%; } } @media only screen and (max-width:767px) { #supportpage #featuredboxes, #supportpage #featuredboxes > div, #supportcontent > div, #supportpage .mainbox { display: block !important; width: 100% !important; } #supportmain { margin-bottom: 30px; } #supportpage .featuredbox { padding: 20px; } #supportpage .featuredbox .whiteoutline { bottom: 20px; left: 20px; } #supportpage .searchwrap { margin-top: -85px; float: none; padding: 0; } #supportpage #supporttop .fieldstyle-white { width: 100% !important;} #supportpage #supporttop .blueoutline { padding: 8px 5px !important; letter-spacing: 0; width: 100% !important; } #contactmap .text { bottom: 5px; } #contactmap h1 { padding-bottom: 0; } } /* Solutions 2020 */ body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > a, body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li > a, body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li > a, body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li > .sub-menu > li { display: none; } body.page-template-page-solutions-2020 .headernav .menu > li.current-menu-ancestor > ul > li.current-menu-parent > .sub-menu > li { display: block; } body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li:not(.current-menu-ancestor) > ul.sub-menu > li:first-child { display: block; } body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li:not(.current-menu-ancestor) > ul.sub-menu > li:first-child a { display: block; position: absolute; right: 0; visibility: hidden; } body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li:not(.current-menu-ancestor).sellsidenav > ul > li:first-child a:before { content: 'Go to Sell Side>'; text-indent: 0; display: block; visibility: visible; font-size: 15px; width: 85px; line-height: 1; text-align: center; letter-spacing: 0; margin-top: 15px; height: 36px; overflow: hidden; position:relative;} body.page-template-page-solutions-2020 .headernav .menu > .current-menu-ancestor > ul > li:not(.current-menu-ancestor).buysidenav > ul > li:first-child a:before { content: 'Go to Buy Side>'; text-indent: 0; display: block; visibility: visible; font-size: 15px; width: 80px; line-height: 1; text-align: center; margin-top: 15px; height: 36px; overflow: hidden; position:relative;} body header .buysidenav > a:hover, body header .sellsidenav > a:hover { background: rgba(255,255,255,.9) !important; color: #0599ce !important; } @media only screen and (max-width:960px) { body header .buysidenav .sub-menu, body header .sellsidenav .sub-menu { display: block !important; padding-left: 20px; } } body.page-template-page-solutions-2020 .headernav li a { letter-spacing: .25px; } /* body.page-template-page-solutions-2020 .headercontent { padding-right: 0; margin-bottom: 30px; } */ body.page-template-page-solutions-2020 .headercontent h1 { color: #fff; font-size: 48px; font-weight: 300; } body.page-template-page-solutions-2020 .menu-main-navigation-container select { background: #fff !important; } body.page-template-page-solutions-2020 .fullcolumn > h1 { font-weight: 300; } body.page-template-page-solutions-2020 .section.pagecontent { padding-bottom: 0; } body.page-id-7 #menu-main-navigation-2 { display: none; } /* hide subnav from Your Biz main page */ #benefits-wrap { display: flex; flex-direction: row; flex-wrap: wrap; } #benefits-wrap-solutions { max-width: 750px; margin: 0 auto; } #benefits-wrap .item { flex: 1 0 19%; margin: 1.3%; } #benefits-wrap .boxitem .inner { height: 100%; background: #fff; box-shadow: 0 0 10px #bbb; border-radius: 12px; padding: 20px; box-sizing: border-box; transition: all .2s ease-in-out; } #benefits-wrap .item img { width: 90px; height: auto; } #benefits-wrap .item h3 { font-size: 26px; color: #189ace; font-weight: bold; text-transform: none !important; letter-spacing: 0 !important; margin-top: 0; margin-bottom: 2px; line-height: 1; } body.page-id-3672 #benefits-wrap .item:not(.firstitem) h3 { color: #f6941f; } #benefits-wrap .item p { margin: 0; padding: 0; font-size: 15px; line-height: 1.35; color: #333; } #benefits-wrap .boxitem .inner:hover { background: #0099ce; color: #fff !important; transform: scale(1.06); } #benefits-wrap .boxitem .inner:hover h3, #benefits-wrap .boxitem .inner:hover p { color: #fff !important; } #benefits-wrap .boxitem .inner:hover img { filter: brightness(0) invert(1); } #benefits-wrap .firstitem { display: block !important; width: 100% !important; flex: 100% !important; box-shadow: none !important; padding: 0; background: transparent; margin-bottom: 15px; } #benefits-wrap .firstitem:hover { background: transparent; color: inherit !important; } #benefits-wrap .firstitem h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #666; margin-bottom: 10px; margin-top:18px; } #benefits-wrap .firstitem img { width: 18%; float: left; margin: 18px 25px -40px 0; } #benefits-wrap .firstitem .text { width: 75%; max-width: 750px; float: left; } #benefits-wrap .firstitem h3 { color: #0599ce; font-size: 50px; line-height: 1; } #benefits-wrap .firstitem p { font-size: 22px; } #clientpromo { margin-top:60px; width: 100%; height: 0; opacity: 0; position:relative; border-top: 2px solid #fff; background: #159ace; color: #fff; padding: 0 35px; text-align: center; z-index: 200; box-sizing: border-box; transition-property: height, padding; transition-duration: 1.5s; transition-delay: 1.5s; overflow: hidden; } body.page-template-page-solutions-2020 #clientpromo { margin-top: 0; z-index: 10; } #clientpromo.closed { height: 0 !important; padding: 0 35px !important; transition-duration: 1s !important; transition-delay: 0s !important;} #clientpromo .close { position: absolute; right: 15px; top: 12px; color: #fff; font-size: 18px; opacity: .75; cursor: pointer; } #clientpromo .close:hover { opacity: 1; } #clientpromo .bx-wrapper { margin-bottom: 0;} #clientpromo .bx-viewport { border: 0; box-shadow: none; background: transparent !important; } #clientslides { background: #159ace; color: #fff; font-weight: 800; font-size: 20px; } #clientpromo.slideup { opacity: 1; height: 50px; padding: 10px 35px; } #testimonials-wrap { margin-top: 100px; padding: 80px 0; color: #fff; background-size: cover; text-align: center; } #clientpromo + #testimonials-wrap, #benefitsslides + #testimonials-wrap { margin-top: 0; } #testimonials-wrap .logo { width: 300px; height: 132px; position: relative; margin: 0 auto 10px auto; overflow: hidden;} #testimonials-wrap .logo img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #testimonials-wrap .quote { font-size: 26px; line-height: 1.2; width: 80%; margin: 0 auto; } #testimonials-wrap .attribution { margin-top: 40px; font-size: 12px; text-transform: uppercase; font-weight: 600; } #testimonials-wrap .lowerlogos { margin-top: 70px; padding-top: 70px; border-top: 1px solid #fff; } #testimonials-wrap .lowerlogos img { width: 30%; height: auto; } #bizcalltoaction { background: #0099cd; color: #fff; padding: 50px 0; } #bizcalltoaction:after { content: ""; display: table; clear: both; } #bizcalltoaction .row { max-width: 1000px; } #bizcalltoaction h2 { text-align: center; font-size: 50px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 25px; } #bizcalltoaction h3 { font-size: 24px; line-height: 1.1; max-width: 300px; margin-top: 10px; margin-bottom: 10px; } #bizcalltoaction .left { width: 42%; float: left; } #bizcalltoaction .ctaleftcontent { position: relative; min-height: 150px; } #bizcalltoaction .ctaleftcontent:after { content: ""; display: table; clear: both; } #bizcalltoaction .left .ctaleftcontent > a > img { width: 170px; height: auto; float: right; margin-left: 35px; margin-top: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,.25); } #bizcalltoaction .left p { font-size: 22px; line-height: 1.4; font-weight: 300; padding-bottom: 0; margin-bottom: 65px; } #bizcalltoaction .ctaleftcontent .whiteoutline { position: absolute; bottom: 0; left: 0; } #bizcalltoaction .right { width: 42%; float: right; padding-left: 9%; border-left: 1px solid #fff; } #bizcalltoaction .formrow label { color: #fff; font-size: 14px; } .formrow.onehalf-onehalf > div { width: 49.5%; float: right } .formrow.onehalf-onehalf > div:first-child { float: left; } #bizcalltoaction .formrow.twothirds-onethird > div { width: 34%; float: right } #bizcalltoaction .formrow.twothirds-onethird > div:first-child { width: 65%; float: left; } #bizcalltoaction .formrow.twothirds-onethird:after,.formrow.onehalf-onehalf:after { content: ""; display: table; clear: both; } #bizcalltoaction form input, #bizcalltoaction form textarea { /* margin-bottom: 0; */ } #bizcalltoaction form .whiteoutline { background: transparent; width: auto; margin-bottom: 15px; margin-top: 10px; } #bizcalltoaction form small { display:block; line-height: 1.2; font-size: 14px; } #bizcalltoaction form p { margin: 0; padding: 0; } #bizcalltoaction .wpcf7-not-valid-tip { color: #f3a6a6; } .pdfmodal { max-width: 800px; padding: 3% 6%; } .pdfmodal > div { max-width: 500px; margin: 0 auto; } .pdfmodal small { display: block; line-height: 1.2; } #buysidesellside .two_column { width: 48%; float: right; } #buysidesellside .two_column:first-child { float: left; } #buysidesellside .iconlist li { min-height: 199px; letter-spacing: 1px; } #buysidesellside .iconlist li a { letter-spacing: 1px; } #buysidesellside .iconlist { position:relative; left: -6px; } #buysidesellside .iconlist img { display: block; margin: 0 auto; } [class*="page-template-page-homepage-2020"] .slidenew:after { background: none; } [class*="page-template-page-homepage-2020"] .hometext { padding-left: 20px; } [class*="page-template-page-homepage-2020"] .hometext h1 { font-size: 60px; max-width: 450px; line-height: 1.05; letter-spacing: -0.3px; margin-bottom: 15px; } [class*="page-template-page-homepage-2020"] .hometext h2 { font-size: 18px; font-weight: 300; color: #fff; line-height: 1.3; max-width: 450px; margin-bottom: 70px; } [class*="page-template-page-homepage-2020"] .homeslides .rowtop { top: 16%; } #reimagine-home { background: #289ace; color: #fff; } #reimagine-home h2 { text-align: center; color: #fff; font-size: 40px; font-weight: 300; margin-bottom: 15px; margin-top: 0; } #reimagine-home h3 { text-align: center; color: #fff; font-size: 18px; font-weight: 300; max-width: 1070px; margin: 0 auto; } #reimagine-home #reimagineboxes, #reimagine-home #reimagineboxes2 { display: flex; flex-wrap: wrap; align-content: space-between; max-width: 1070px; } #reimagine-home #reimagineboxes .item,#reimagine-home #reimagineboxes2 .item { padding: 0 0 20px 0; flex: 1 1 25%; justify-content: space-evenly; margin-left: 5%; padding-left: 5%; box-sizing: content-box; position: relative; border-left: 1px solid #fff; margin-top: 50px; } #reimagine-home #reimagineboxes .item:first-child, #reimagine-home #reimagineboxes .item:nth-child(4), #reimagine-home #reimagineboxes2 .item:first-child, #reimagine-home #reimagineboxes2 .item:nth-child(4) { border-left: 0; margin-left: 0; padding-left: 0; } #reimagine-home #reimagineboxes .item:nth-child(n+4):before, #reimagine-home #reimagineboxes2 .item:nth-child(n+4):before { content: ''; width: 66%; position: absolute; top: -25px; left: 25%; height: 1px; background: #fff; overflow: hidden; } #reimagine-home #reimagineboxes .item:nth-child(4):before,#reimagine-home #reimagineboxes2 .item:nth-child(4):before { width: 78%; left: 12%; } #reimagine-home .item h4 { color: #fff; font-weight: 700; font-size: 30px; text-transform: none; margin: 0 0 8px 0; padding: 0; letter-spacing: 0; line-height: 38px;} #reimagine-home .item h5 { font-size: 20px; margin: 0 0 8px 0; padding: 0; color: #022B4B; } /* [class*="page-template-page-homepage-2020"] #reimagine-home .item:hover h4 { font-size: 34px; } */ #reimagine-home .item p { font-size: 16px; line-height: 1.4; margin: 0; padding: 0; } [class*="page-template-page-homepage-2020"] #bsss-wrap { overflow: hidden;} [class*="page-template-page-homepage-2020"] #bsss-home { max-width: 1070px; margin: 0 auto; } [class*="page-template-page-homepage-2020"] #bsss-home h3 { font-size: 40px; text-align: center; font-weight: 300; color: #289ace; margin: 0 0 20px 0; letter-spacing: -.5px; } [class*="page-template-page-homepage-2020"] #bsss-home dl { width: 92%; float: right; } [class*="page-template-page-homepage-2020"] #bsss-home .two_column:first-child dl { float: left; border-right: 1px solid #c9e6f3; padding-left: 0; padding-right: 8% } [class*="page-template-page-homepage-2020"] #bsss-home dt { color: #289ace; font-size: 22px; border-top: 1px solid #289ace; padding: 12px 20px 12px 2px; cursor: pointer; position:relative; } [class*="page-template-page-homepage-2020"] #bsss-home dt:first-child { border-top: 0; } html.js [class*="page-template-page-homepage-2020"] #bsss-home dt:before { content: '+'; display: block; position: absolute; right: 0; top: 12px; font-weight: 900; } html [class*="page-template-page-homepage-2020"] #bsss-home dt.show:before { content: '-'; right: 2px; } html.js [class*="page-template-page-homepage-2020"] #bsss-home dd { display: none; } html [class*="page-template-page-homepage-2020"] #bsss-home dd { color: #32383a; font-size: 16px; margin-left: 2px; margin-right: 2px; } html [class*="page-template-page-homepage-2020"] #bsss-home dt.show + dd { display: block; } [class*="page-template-page-homepage-2020"] #bsss-home dd a { display: block; text-align: right; margin-bottom: 15px; } [class*="page-template-page-homepage-2020"] #platformboxes { background-image: url(/wp-content/uploads/platformboxes.jpg); background-size: cover; background-position: center top; text-align: center; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes { background-image: url(../images/ts-dots-bg.jpg); background-attachment: fixed; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes { display: flex; flex-wrap: wrap; align-content: space-between; margin-top: 40px; padding-top: 36px; position: relative; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes:before { content: ''; width: 76.4%; height: 2px; background: #fff; overflow: hidden; position: absolute; top: 0; left: 11.9%; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes { margin-top: 0; padding-top: 0; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes:before { display: none; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div { text-align: left; color: #fff; font-weight: 300; padding: 20px 18px; flex: 1 1 23.49%; justify-content: space-evenly; margin-left: 2%; box-sizing: border-box; position: relative; background: rgb(65,134,40); background: linear-gradient(0deg, rgba(65,134,40,.75) 0%, rgba(89,147,67,.7) 100%); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div:hover { background: rgba(89,147,67,1); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-2 { background: rgb(18,81,101); background: linear-gradient(0deg, rgba(18,81,101,.75) 0%, rgba(43,96,114,.7) 100%); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-2:hover { background: rgba(43,96,114,1); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-3 { background: rgb(187,114,19); background: linear-gradient(0deg, rgba(187,114,19,.75) 0%, rgba(187,114,19,.7) 100%); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-3:hover { background: rgba(187,114,19,1);} [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-4 { background: rgb(69,69,69); background: linear-gradient(0deg, rgba(69,69,69,.75) 0%, rgba(102,102,102,.7) 100%); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes #platformbox-4:hover { background: rgba(102,102,102,1); } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div:before { content: ''; height: 35px; width: 2px; background: #fff; overflow: hidden; position: absolute; left: 50%; top: -36px; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes > div { flex: 1 1 31%; background: none !important; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes > div:before { display: none; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div:first-child { margin-left: 0; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes h4 { font-weight: 300; font-size: 30px; color: #fff; text-transform: none; margin: 0 0 5px 0; letter-spacing: 0; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes p { margin: 0 0 20px 0; padding: 0; line-height: 1.3; font-size: 18px; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes li { font-weight: 600; line-height: 1.2; margin-bottom: 14px; font-size: 16px; text-align: left; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes li.has-children { cursor: pointer; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes li ul { display: block; margin-left: 40px; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div > ul { margin-bottom: -40px; } /*[class*="page-template-page-homepage-2020"] #platformboxes .boxes li.show ul { display: block; } */ [class*="page-template-page-homepage-2020"] #platformboxes .boxes li li { font-weight: 300; list-style-type: disc; margin-bottom: 1px; line-height: 1.2; } [class*="page-template-page-homepage-2020"] #platformboxes h2 { font-size: 40px; font-weight: 300; color: #fff; margin-bottom: 20px; } [class*="page-template-page-homepage-2020"] #platformboxes h3 { font-size: 18px; font-weight: 300; color: #fff; max-width: 800px; margin: 0 auto 30px auto; } [class*="page-template-page-homepage-2020"] #platformboxes h3.platform_bottom { font-size: 26px; margin-top: 40px; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes h4 { text-align: left; margin-bottom: 20px; color: #289ace; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes div:nth-child(2) h4 { color: #ffb61a; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes div:nth-child(3) h4 { color: #c0e15e; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes li { border-top: 1px solid #289ace; padding-top: 12px; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes div:nth-child(2) li { border-color:#ffb61a; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes div:nth-child(3) li { border-color:#c0e15e; } [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes li:first-child { border-top: 0 !important; } #platformboxes.alternateboxes .boxes > div { text-align: center; padding-bottom: 60px; } #platformboxes.alternateboxes .boxes > div > p, #platformboxes.alternateboxes .boxes > div > .button_holder { opacity: 1; } html.js #platformboxes.alternateboxes .boxes > div ul { opacity: 0; position: absolute; visibility: hidden; transition: none; } html #platformboxes.alternateboxes .boxes > div.show > p, #platformboxes.alternateboxes .boxes > div.show > .button_holder { opacity: 0; position: absolute; visibility: hidden; text-align: left; } html #platformboxes.alternateboxes .boxes > div.show ul { opacity: 1; position: relative; visibility: visible; transition: all .8s ease-in-out; } #platformboxes.alternateboxes .button_holder { position: absolute !important; bottom: 20px; left: 0; width: 100%; } #platformboxes.alternateboxes .whiteoutline { padding: 8px 20px; font-size: 13px; line-height: 13px; letter-spacing: 0; } #platformboxes.alternateboxes .boxes > div ul ul { text-align: left; } #homecta { text-align:center; border-top: 1px solid #ccc; } body.page-template-page-homepage-2020-tsi #homecta { padding-bottom: 150px; } [class*="page-template-page-homepage-2020"] #homecta { border-top: 0 !important; } #homecta h5,#homecta h4 { color: #189ace; max-width: 720px; margin: 0 auto 30px auto; font-weight: 300; letter-spacing: -.1px; text-transform: none; font-size: 40px; line-height: 1.1; } body.page-child #homecta h4, body.page-template-page-testimonials #homecta h4, body.page-template-page-solutions-2020 #homecta h4 { max-width: 900px; } [class*="page-template-page-homepage-2020"] #numbersawards { background: #32383a; color: #fff; text-align: center; } [class*="page-template-page-homepage-2020"] #numbersawards .three_column { border-left: 1px solid #999c9d; padding-top: 30px; padding-bottom: 40px; } [class*="page-template-page-homepage-2020"] #numbersawards .three_column:first-child { border-left: 0; } [class*="page-template-page-homepage-2020"] #numbersawards h3 { font-weight: 300; font-size: 20px; line-height: 1; display: inline-block; max-width: 240px;min-height: 132px; } [class*="page-template-page-homepage-2020"] #numbersawards h3 span { display: block; } [class*="page-template-page-homepage-2020"] #numbersawards h3 .num { font-size: 65px; font-weight: 900; line-height: .9; } [class*="page-template-page-homepage-2020"] #numbersawards h3 .numsub { font-size: 28px; font-weight: 600; text-transform: uppercase; padding-bottom: 10px;} html.js body.page-template-page-homepage-2020-v2 #numbersrow-2, html.js body.page-template-page-homepage-2020-v2 #numbersrow-3 { display: none; } body.page-template-page-homepage-2020-v2 #numbersrow-2, body.page-template-page-homepage-2020-v2 #numbersrow-3 { margin-top: 40px; } body.page-template-page-homepage-2020-v2 #numbersawards.showall #numbersrow-2, body.page-template-page-homepage-2020-v2 #numbersawards.showall #numbersrow-3 { display:block; } body.page-template-page-homepage-2020-v2 #numbersawards .whiteoutline { visibility: hidden; } html.js body.page-template-page-homepage-2020-v2 #numbersawards .whiteoutline { visibility: visible; font-size: 13px; padding: 5px 20px; margin-top: 20px; cursor: pointer;} #numbersawards.showall .whiteoutline { opacity: .5; } body.page-template-page-homepage-2020-v2 .numbersrow .three_column { position:relative; } body.page-template-page-homepage-2020-v2 .numbersrow .three_column:before { content: ''; width: 66%; position: absolute; top: -25px; left: 18%; height: 1px; background: #999c9d; overflow: hidden; } html.js body.page-template-page-homepage-2020-tsi #numbersrow-2, html.js body.page-template-page-homepage-2020-tsi #numbersrow-3 { display: none; } body.page-template-page-homepage-2020-tsi #numbersrow-2, body.page-template-page-homepage-2020-tsi #numbersrow-3 { margin-top: 40px; } body.page-template-page-homepage-2020-tsi #numbersawards.showall #numbersrow-2, body.page-template-page-homepage-2020-tsi #numbersawards.showall #numbersrow-3 { display:block; } body.page-template-page-homepage-2020-tsi #numbersawards .whiteoutline { visibility: hidden; } html.js body.page-template-page-homepage-2020-tsi #numbersawards .whiteoutline { visibility: visible; font-size: 13px; padding: 5px 20px; margin-top: 20px; cursor: pointer;} #numbersawards.showall .whiteoutline { opacity: .5; } body.page-template-page-homepage-2020-tsi .numbersrow .three_column { position:relative; } body.page-template-page-homepage-2020-tsi .numbersrow .three_column:before { content: ''; width: 66%; position: absolute; top: -25px; left: 18%; height: 1px; background: #999c9d; overflow: hidden; } body.page-template-page-homepage-2020-tsi #numbersrow-1 .three_column:first-child:before { display: none; } [class*="page-template-page-homepage-2020"] #numbersawards .bx-wrapper { max-width: 1200px !important; margin: 0 auto !important; } [class*="page-template-page-homepage-2020"] #numbersawards .bx-wrapper .bx-viewport { background: transparent; box-shadow: none !important; border: 0; } [class*="page-template-page-homepage-2020"] #awardsrow { border-top: 1px solid #999c9d; margin-top: 45px; padding-top: 40px; } [class*="page-template-page-homepage-2020"] #awardsrow img { width: 17%; margin: 0 1%; height: auto; display: inline-block; } [class*="page-template-page-homepage-2020"] #people { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } [class*="page-template-page-homepage-2020"] #people .Image_Wrapper { box-shadow: none !important; } .ls-numbers .ls-nav-prev, .ls-numbers .ls-nav-next { background: none !important; } .download-items .brochure-thumb { width: 204px; height: auto; background-color: #fff; } body.tax-subcategory .category.subcat, body.category .category > a, body.category .category > .subcat > span:first-child { display: none !important; } #primary-sidebar .widget_categories, #content-sidebar .widget_categories { display: none; } .asset-classes .wpcf7-list-item { display: block; width: 100%; } .asset-classes input[type="checkbox"] { display: inline-block; width: 25px; } .leftcolumn > .top_content { margin-bottom: 20px; } /*.leftcolumn > .top_content label, .leftcolumn > .top_content a { color: #fff; }*/ .leftcolumn > .top_content .halfinput label { display: block; text-align: left; } .leftcolumn > .top_content textarea { height: 80px; } .leftcolumn > .top_content .bluebutton { margin-left: 50px; border: 1px solid #fff; width: auto; } .leftcolumn > .top_content form p { text-align: left; } .leftcolumn > .top_content form .wpcf7-submit.blueoutline { font-size: 16px; padding-left: 40px; padding-right: 40px; margin-top: 20px; } .leftcolumn > .locations .tab { border-top: 1px solid #289ace; position: relative; padding-bottom: 8px; padding-right: 25px; cursor: pointer; } .leftcolumn > .locations .tab:first-child { border: 0; } .leftcolumn > .locations .tab h2 { font-weight: 400; } .leftcolumn > .locations .tab p { display: none; font-weight: 600; margin-bottom: 0; color: #333; } .leftcolumn > .locations .tab.active p { display: block; } .leftcolumn > .locations .tab:before { content: '+'; color: #289ace; font-weight: 700; position: absolute; right: 15px; top: 15px; font-size: 24px; } .leftcolumn > .locations .tab.active:before { content: '–'; } .loginmodal { max-width: 800px; padding: 40px; } .loginmodal .two_column img { width: 75%; max-width: 305px; height: auto; display: block; margin: 0 auto 10px auto; padding: 5%; } .loginmodal h2 { margin-bottom: 25px; } .loginmodal .additional { clear: both; padding-top: 25px; } .loginmodal .additional b { color: #189ace; } .loginmodal .additional .blueoutline { margin-top: 8px; } #benefitsslides { margin-top: 60px; } #benefitsslides .text { width: 100%; text-align: center; } #benefitsslides .text .inner { width: 100%; max-width: 550px; margin: 0 auto 20px auto; } #benefitsslides .text h3 { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; color: #666; margin-bottom: 20px; } #benefitsslides .image { width: 100%; max-width: 1200px; margin: 0 auto; border: 1px solid #ccc; background: #eee; border-bottom: 0; } #benefitsslides .image img { width: 100%; height: auto; padding: 25px 25px 0 25px; box-sizing: border-box; } #benefitsslides .bx-wrapper .bx-viewport { box-shadow: none; left: 0; background: none; border: 0; } #benefitsslides .bx-wrapper .bx-pager { text-align: center; } #benefitsslides .bx-pager-link { border: 1px solid #189ace; background: #fff; border-radius: 50%; width: 16px; height: 16px; } #benefitsslides .bx-pager-item:first-child a { margin-left: 0 !important; } #benefitsslides .bx-pager-link.active, #benefitsslides .bx-pager-link:hover { background: #189ace; } #benefitsslides .benefits_slides_holder li { color: #189ace; font-size: 30px; font-weight: 300; line-height: 1.3; margin-bottom: 35px; } #benefitsslides:after { content: ""; display: table; clear: both; } #buysellarea .bullets a { color: #40474a; text-decoration: none; } #buysellarea div:hover > .bullets a { color: #fff; } .articlequote { width: 90%; max-width: 600px; margin: 0 auto 40px auto; text-align: center; font-weight: 600; font-size: 20px; color: #189ace } .articlequote img { width: 80%; max-width: 200px; margin: 10px auto; } .articlequote > em { font-family: georgia, times, serif; font-size: 14px; font-style: italic; font-weight: 300; display: block; margin-top: 10px; } .articlequote:before, .articlequote:after { content: ' '; width: 50%; height: 10px; overflow: hidden; margin: 0 auto; border-top: 1px solid #eee; display: block; } .articlequote:after { border-top: 0; border-bottom: 1px solid #eee; } .wpcf7 form.spam .wpcf7-response-output { background: #db2832; border: 0; color: #fff; font-size: 16px; margin: 0; font-weight: 700; text-align: center; } .remodal .wpcf7 form.spam .wpcf7-response-output { margin: -50px 0 20px 0; } @media only screen and (min-width:769px) { html.js [class*="page-template-page-homepage-2020"] #bsss-home .two_column { position: relative; opacity: 0; right: -300px; transition: all .8s ease-in-out; } html.js [class*="page-template-page-homepage-2020"] #bsss-home .two_column:first-child { position: relative; right: auto; left: -300px; } html.js #reimagineboxes .item > *, html.js #reimagineboxes2 .item > * { opacity: 0; transition: opacity 1.25s; } html.js #reimagineboxes.inview .item > *, html.js #reimagineboxes2.inview .item > * { opacity: 1; } html.js #reimagineboxes .item:nth-child(4) > *, html.js #reimagineboxes .item:nth-child(5) > *, html.js #reimagineboxes .item:nth-child(6) > *, html.js #reimagineboxes2 .item:nth-child(4) > *, html.js #reimagineboxes2 .item:nth-child(5) > *, html.js #reimagineboxes2 .item:nth-child(6) > * { transition-delay: 0.5s !important; } html.js [class*="page-template-page-homepage-2020-tsi"] #platformboxes .boxes .platform-image { position: relative; bottom: -40px; opacity: 0; transition: all 1s ease-in-out; } html.js [class*="page-template-page-homepage-2020-tsi"] #platformboxes.inview .boxes .platform-image { bottom: 0; opacity: 1; } html.js [class*="page-template-page-homepage-2020"] #bsss-home.inview .two_column { right: 0; opacity: 1; } html.js [class*="page-template-page-homepage-2020"] #bsss-home.inview .two_column:first-child { left: 0; } body.page-template-page-homepage-2020-v2 #numbersrow-1 .three_column:before { display: none; } body.page-template-page-homepage-2020-tsi #numbersrow-1 .three_column:before { display: none; } [class*="page-template-page-homepage-2020"] #numbersawards h3 { min-height: 165px; } html.js [class*="page-template-page-homepage-2020"] .testimonialsslider .testslides > li { overflow: hidden; } html.js [class*="page-template-page-homepage-2020"] .testimonialsslider .testslides > li > div { position: relative; opacity: 0; right: -300px; transition: all .8s ease-in-out; } html.js [class*="page-template-page-homepage-2020"] .testimonialsslider .testslides > li > div:first-child { position: relative; right: auto; left: -300px; } html.js [class*="page-template-page-homepage-2020"] .testimonialsslider.inview .testslides > li > div { right: 0; opacity: 1; } html.js [class*="page-template-page-homepage-2020"] .testimonialsslider.inview .testslides > li > div:first-child { left: 0; } [class*="page-template-page-homepage-2020-tsi"] #people .two_column { width: 40%; } [class*="page-template-page-homepage-2020-tsi"] #people .two_column:nth-child(2) { width: 60%; } html.js #homecta { overflow: hidden; } html.js #homecta > .row > * { position: relative; opacity: 0; bottom: -200px; transition: all .8s ease-in-out; } html.js #homecta > .row > h5, html.js #homecta > .row > h4 { position: relative; bottom: auto; top: -300px; } html.js #homecta.inview > .row > * { bottom: 0; opacity: 1; } html.js #homecta.inview > .row > h5, html.js #homecta.inview > .row > h4 { top: 0; } .download-items .brochure-thumb { width: auto; height: 259px; } .leftcolumn > .locations { /* display: flex; flex-wrap: wrap; */ } .leftcolumn > .locations > .tab { /* flex: 0 1 45%; padding-right: 5%; */ } .leftcolumn > .top_content textarea { height: 55px; } .institutionfields, .interestfields { width: 45%; float: left; } .institutionfields { margin-left: 10%; } .formrow.clearfix { clear: left; } .leftcolumn > .top_content form .wpcf7-submit.blueoutline { padding-left: 60px; padding-right: 60px; } [class*="page-template-page-homepage-2020-tsi"] #people h4 { margin-top: 70px; } .headercontent h1 { position: relative; top: 4px; } .headercontent.defaultheader h1 { top: 25px; } body.page-template-page-brochure .headercontent.defaultheader h1, body.page-template-page-news .headercontent.defaultheader h1 { top: 4px; } /*body.page-template-page-solutions-2020 .headercontent h1 { top: 35px;} */ } @media only screen and (min-width:1200px) { .leftcolumn > .locations > .tab { /* flex: 0 1 28%; */ } #contactmap h1 { font-size: 60px; } } @media only screen and (max-width:1200px) { [class*="page-template-page-homepage-2020"] .hometext { padding-left: 40px; } } @media only screen and (min-width:961px) { body.page-template-page-solutions .headernav .sub-menu .sub-menu { display: none; } body.page-template-page-solutions .headernav .sub-menu .current_page_parent .sub-menu, body.page-template-page-solutions .headernav .sub-menu .solutionsnav.current-menu-parent .sub-menu, body.page-template-page-solutions.page-parent.page-child .headernav .sub-menu .current-menu-item .sub-menu, body.page-template-page-solutions.parent-pageid-18 .headernav .sub-menu .current-menu-item .sub-menu { display: block; position: absolute; bottom: -90px; left: 0; width: 100%; overflow: hidden; } body.page-template-page-solutions .headernav .sub-menu .current_page_parent .sub-menu:after, body.page-template-page-solutions .headernav .sub-menu .solutionsnav.current-menu-parent .sub-menu:after, body.page-template-page-solutions.page-parent.page-child .headernav .sub-menu .current-menu-item .sub-menu:after, body.page-template-page-solutions.parent-pageid-18 .headernav .sub-menu .current-menu-item .sub-menu:after { content: ' '; position: absolute; bottom: 0; width: 100%; border-bottom: 1px solid #ccc; } body.page-template-page-solutions.page-id-18 .headernav .sub-menu .sub-menu { display: none; } body.page-template-page-solutions .headernav .sub-menu .current_page_parent .sub-menu a, body.page-template-page-solutions .headernav .sub-menu .current-menu-item .sub-menu a, body.page-template-page-solutions .headernav .sub-menu .solutionsnav.current-menu-parent .sub-menu a { padding-left: 40px; padding-right: 40px; letter-spacing: 1.5px; color: #0599ce; border-bottom: 1px solid #ccc; } body.page-template-page-solutions .headernav .current_page_parent .sub-menu .current-menu-item a, body.page-template-page-solutions .headernav .solutionsnav.current-menu-parent .sub-menu .current-menu-item a, body.page-template-page-solutions .headernav .current_page_parent .sub-menu a:hover { color: #0599ce; } body.page-template-page-solutions .headernav .current_page_parent .sub-menu .current-menu-item > a, body.page-template-page-solutions .headernav .solutionsnav.current-menu-parent .sub-menu .current-menu-item > a { border: 1px solid #ccc !important; border-bottom: 0 !important; } body.page-template-page-solutions.page-parent.page-child .section.interiorheader, body.page-child.parent-pageid-11329 .section.interiorheader, body.page-child.parent-pageid-16257 .section.interiorheader { margin-bottom: 90px; } /*body.page-template-page-solutions .section.interiorheader { margin-bottom: 70px; } */ .loginmodal .two_column:first-child { border-right: 1px solid #efefef; } #buysellarea .two_column.leftside { padding-right: 50px; } #buysellarea .two_column.rightside { display: grid; grid-template-columns: 1fr 1fr; } #buysellarea .two_column.rightside div { border-left: 1px solid #189ace; padding-left: 25px; padding-right: 15px; } #buysellarea .two_column.rightside div:hover { background: #189ace; color: #fff; } #buysellarea .two_column.rightside div:hover h4 { color: #fff; } #buysellarea p { margin-bottom: 0; } body header .nav > ul > li > .sub-menu { background: #fff; padding: 20px; } body header .sidebyside > .sub-menu { width: 380px !important; } body header .sidebyside > .sub-menu > li { width: 48%; float: right; } body header .sidebyside > .sub-menu > li:first-child { float: left; } body header .sidebyside > .sub-menu > li a { background: transparent !important; } body header .sidebyside > .sub-menu > li a:hover { color: #fff !important; background: #0599ce!important; } .nav > ul > li.sidebyside > ul.sub-menu > li > a { font-weight: bold; font-size: 18px; border-bottom: 1px solid #ddd; } .nav .sub-menu .solutionsnav > a { font-size: 18px; } #menu-item-11390 .sub-menu a { border-top: 1px solid #ddd; } #menu-item-11390 .sub-menu li:first-child a { border-top: none; } .peopleitems .person h2 { margin-top: 20px; } } @media only screen and (min-width:961px) and (max-width:1099px) { header .nav a { font-size: 20px; padding: 0 15px; } } @media only screen and (max-width:960px) { #bizcalltoaction .ctaleftcontent .whiteoutline { position: relative; } #bizcalltoaction .left p { margin-bottom: 20px; } [class*="page-template-page-homepage-2020"] #bsss-home dl { border: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes { margin-top: 0; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes:before, [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div:before { display: none; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes { display: block; } [class*="page-template-page-homepage-2020"] #platformboxes .boxes > div { display: block; width: 100%; margin: 0 0 25px 0; } [class*="page-template-page-homepage-2020"] #homeheader { height: 560px; } .downloadform-shortcode .brochure-button .brochure-image, .downloadform-shortcode .brochure-btn, .youtube-embed { width: 100%; } .catnavigation li a { letter-spacing: 0 !important; padding: 20px 5px; font-size: 11px; } #benefitsslides .text { float: none; width: 90%; margin-left: 5%; margin-right: 5%; padding: 0; } #benefitsslides .image { float: none; width: 100%; margin: 0; } #benefitsslides .text .inner { float: none; } } @media only screen and (max-width:768px) { #benefits-wrap .firstitem { margin-bottom: 40px !important;} #benefits-wrap .firstitem img { width: 40%; max-width: 300px; margin: 10px 0 -40px 0; } #benefits-wrap .firstitem .text { width: 100%; } #benefits-wrap .firstitem h3 { font-size: 36px; } #benefits-wrap .item { flex: 1 0 36%; margin: 3%; } #benefits-wrap .boxitem .inner:hover { transform:scale(1); } #bizcalltoaction > .row > div { width: 100%; float: none; border: 0 !important; margin: 20px 0; padding: 0; } #bizcalltoaction h2 { font-size: 42px; } #bizcalltoaction > .row > div.right { margin-bottom: 60px; } #bizcalltoaction .left > img { margin-left: 20px; } .pdfmodal { padding: 4%; } body.page-template-page-solutions-2020 .newsentry .newsimage { height: auto; } body.page-template-page-solutions-2020 .newscontent h2 { margin: 0; } body.page-template-page-solutions-2020 #news .three_column { display: none; } body.page-template-page-solutions-2020 #news .three_column:nth-child(2) { display: block; } #promofpodesktop { display: none !important; } #promofpomobile { display: block !important; } .iconlist li.sixup { width: 32.5%; padding-right: 1.25%; } [class*="page-template-page-homepage-2020"] #numbersawards .three_column { border: 0 !important; } #reimagine-home #reimagineboxes, #reimagine-home #reimagineboxes2 { display: block; } #reimagine-home #reimagineboxes .item, #reimagine-home #reimagineboxes2 .item{ display: block; width: 100%; border: 0 !important; padding: 0 !important; margin: 30px 0 !important; } #reimagine-home #reimagineboxes .item:before, #reimagine-home #reimagineboxes2 .item:before { display: none; } [class*="page-template-page-homepage-2020"] .hometext { padding: 0 25px; } [class*="page-template-page-homepage-2020"] .hometext h1 { font-size: 40px; color: #fff; } [class*="page-template-page-homepage-2020"] .hometext h2 { font-size: 16px; margin-bottom: 20px; } [class*="page-template-page-homepage-2020"] #homeheader { height: 400px; } #clientpromo.slideup { height: 80px; } #series > div { width: 46%; padding: 0 2%;} #primary-sidebar .widget_categories, #content-sidebar .widget_categories { display: block; } .tabnavigation { display: none !important; } #contentbelowarea { padding: 0 30px; } } @media all and (max-width:567px){ #clientslides { font-size: 16px; } #clientpromo.slideup { height: 60px; } #awardsrow img { width: 42% !important; margin: 3% !important; } .peopleitems .text { margin-top: -30px; } .peopleitems .person h2 { font-size: 36px; } #signoff a { display: block; padding-bottom: 30px; font-size: 12px; } #footer .four_column li { margin-bottom: 8px; } } @media only screen and (max-width:480px) { #benefits-wrap .item { flex: 100%; margin: 20px 0; } #benefits-wrap .firstitem img { width: 60%; } #testimonials-wrap .quote { font-size: 22px; } /* #testimonials-wrap .logo img { max-width: 200px; } */ #testimonials-wrap .lowerlogos img { display: block; width: 80%; max-width: 300px; margin: 20px auto; } #bizcalltoaction h2 { font-size: 36px; } #bizcalltoaction .left > img { width: 150px; height: auto; margin-top: -10px; } #bizcalltoaction .left p { font-size: 18px; } #bizcalltoaction .formrow.twothirds-onethird > div { float: none !important ; width: 100% !important; } #bizcalltoaction .whiteoutline { padding: 10px; letter-spacing: .5px; } #bizcalltoaction .left .ctaleftcontent > a > img { width: 110px; } .iconlist li.sixup { width: 48%; padding-right: 2%; } .clientlogos li { width: 50%; } [class*="page-template-page-homepage-2020"] #homeheader { height: 260px; } [class*="page-template-page-homepage-2020"] .buttonlayer { font-size: 12px !important; width: auto !important; height: auto !important; line-height: 1 !important; min-width: 90px !important } [class*="page-template-page-homepage-2020"] .buttonlayer span { border: 1px solid #fff !important; width: auto !important; height: auto !important; padding: 4px !important; line-height: 1 !important; min-width: 90px !important } #series > div { width: 100%; padding: 3% 0;} #contactmap h1 { font-size: 30px; } .peopleitems .person h2 { font-size: 32px; } .peopleitems .image, .peopleitems .text { width: 100%; float: none; margin-top: 0; } } @media only screen and (max-width:450px) { #locationrow ul li { display: block; } } @media only screen and (max-width:380px) { [class*="page-template-page-homepage-2020"] #homeheader { height: 200px; } #clientslides { font-size: 14px; } } /* ============================================================================= Media Queries ========================================================================== */ @media only screen and (max-width:1399px) { .testimonialsslider #bx-pager img {width:90px;} } @media only screen and (max-width:1250px) { /* Style adjustments for viewports that meet the condition */ .row {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 30px; } .headernav {left:30px;} #people {padding: 130px 0;} .tabnavigation li a {padding:20px 10px;} .solsection#upperleft .solsectioncontent { width: 200px; bottom:-40%; right:-120px;} .solsection#upperright .solsectioncontent { width: 200px; bottom:-40%; left:-120px;} .solsection#lowerleft .solsectioncontent { width: 200px; top:-40%; right:-120px;} .solsection#lowerright .solsectioncontent { width: 200px; top:-60%; left:-120px;} #contact {height:auto;} #contactmap .everest-map, #contactmap img.everest-map-background {width: auto; height: auto; display:block; margin: 0 auto; max-width: 100%;} #contactmap .everest-map-marker {width: 20px; height: 20px; margin-top: -10px; background-size: contain;} #contactmap .everest-map-panel {padding: 25px !important; font-size: .8em;} #contactmap .everest-map-panel h1 {line-height: 1.4em; margin-bottom: 10px;} .testimonialsslider #bx-pager img {width:80px;} } @media only screen and (max-width:1024px) { /* Style adjustments for viewports that meet the condition */ #people .two_column {padding: 0 20px;} .leftcolumn, .newspage .leftcolumn {padding:0 60px 0 0;} .leftcolumn.rightalign { padding: 0 0 0 60px; } blockquote {margin:50px 0;} .downloadbutton {font-size:13px;} .headernav li a {letter-spacing: 1px;} } @media only screen and (max-width:960px) { /* Style adjustments for viewports that meet the condition */ .two_column {width:100%; margin-bottom:30px;} #buysidesellside .two_column { width: 100%; } .mobilenav, .mobilenav-holder, .mobilesocial {display:block;} .mobilesocial {float:right; padding:30px;} header .topnav, header .nav {display:none;} header {height:auto; padding:0;} header .row {padding:0;} header .logo {float:none; padding:30px;} .menu-collapser {padding:0 30px; font-weight:700; text-transform:uppercase; letter-spacing:2px; background:#189ace;} .collapse-button {background:#40474a;} .mobilenav a {display:block; padding:10px 30px;} .mobilenav>li {position:relative; border-bottom:1px solid #eee; font-weight:700;} .mobilenav .sub-toggle {position:absolute; top:5px; right:0px; padding:7px 20px;} .mobilenav .sub-toggle i {font-style:normal; color:#40474a;} .mobilenav .sub-menu li {font-weight:300; font-size:13px;} .mobilenav .sub-menu li a {padding:5px 50px;} .leftcolumn {width:100%; float:none; padding:0; margin-bottom:50px;} .rightcolumn {width:100%;} .peopleentry {background-position:center left !important;} .peopleentry .peoplecontent {background:#0599ce; width:40%} .peopleentry .peoplecontent .title {color:#fff !important} .peopleentry.darkcontent h2, .peopleentry.darkcontent .title, .peopleentry.darkcontent p {color:#fff;} .testimonialsslider .testimonialcontent {float:none; width:100%; height:auto;} .testimonialsslider .center-vertical {top:0; transform:none; -webkit-transform:none; -ms-transform:none; -moz-transform:none; padding:30px;} .testimonialsslider .testimoniallogo {float:none; height:auto; width:100%;} .testimonialsslider #bx-pager {display:none;} .testimonialsslider {margin-bottom:60px;} .leftcolumn, .newspage .leftcolumn, .leftcolumn.rightalign {padding:0;} .tinynav { display: block } #menu-main-navigation-2, #menu-top-nav-2 { display: none } .headernav {left:0; position:relative; bottom:0;} .menu-main-navigation-container select {background:#fff; padding:5px; font-family: 'Roboto', "proxima-nova", sans-serif;color:#40474a; border:none; position:relative; background: #fff;} .menu-top-nav-container select {background:#fff; padding:5px; font-family: 'Roboto', "proxima-nova", sans-serif;color:#40474a; border:none; position:relative; background: #fff;} .menu-main-navigation-container select {padding-right:30px;} .fullbioimage {float:none; width:100%;} .fullbiocontent {padding:20px 0 0;} } @media only screen and (max-width:768px) { /* Style adjustments for viewports that meet the condition */ .slidenew .hometoptext h1 p {width:100%} .hometoptext a {max-width:60%} .solutionsgraphic {max-width:100%;} #whatwedo .two_column {padding:0;} #people {padding:80px 0;} #people .two_column:first-child {padding:0;} #people .two_column {padding:0;} #news .three_column {padding:0;} .three_column {width:100%; margin-bottom: 30px;} .four_column {width:100%; margin-bottom:30px;} .sectiontitle .sectionbutton {position:relative; top:auto; right:auto; margin:15px auto;} .award img {max-width:100%; height:auto;} .rowbottom .number {width:45%; height:100px; padding:15px;} .rowbottom .number h1 {font-size:30px; line-height:1;} .slidenew .hometoptext h1 {font-size:30px;} .iconlist li {width:50%;} .iconlist li.threeup {width:50%;} .iconlist li.oneup {width:100%;} .iconlist li.oneup a {width:100%;} .iconlist img {display:block; margin:0 auto;} .calltoaction a {margin-bottom:10px;} .corecomp {width:100%; margin:0 auto 10px;} .pagecontent .numbers li {margin-bottom:10px;} .peoplelist .peopleentry {width:100%} .headercontent {padding-right: 0;} .twocolumn {width:100%; float:none;} .brochure-page .twocolumn {width:100%;} .brochure-description {height:auto;} .featurenews {margin:0 0 50px;;} .featurenews .newsentry {width:100%; float:none; border-right:0; padding:0;} .featurenews .latestholder .newsentry:first-child {border-right:0;} .featurenews .newscontent {height:auto; padding-left:0; padding-right:0;} .newscontent p {margin-bottom:20px; max-width:100%;} .newslist .newsentry {padding:0} .newslist .newsentry .newscontent {height:auto; padding-left:20%;} .newslist .newsentry .newsimage {width:15%} .newimageholder {background-size:contain !important; background-color:#fff !important;} .newslist .newsentry .newscontent .date {left:20%} .articlemeta .socialshare { float:none; margin-left: 0; padding-left: 0; display: block; clear: both; padding-top: 10px; } .featurenews .newscontent .date {position:relative; bottom:0; left:0;} .featureimage {background-size:contain !important; background-position:center center !important; background-color:#fff !important; height:auto; padding-bottom:46%;} .onecolumn{padding:0;} .pagecontent iframe {max-width:100%;} .interiorheader {background-position:left center !important;} .peoplelist {overflow:hidden;} .solutionsgraphic {width:100%; height:0; padding-bottom:100%; background-size:contain;} .solsection {width:50%; height:50%;} #footer {text-align:center;} .newscontent .socialshare {position:relative; right:auto; bottom:auto; padding-left:0; padding-top:10px; width: 100%; text-align: left;} .newslist .newsentry .newscontent .date {position:relative; left:0; bottom:auto;} .newscontent .date {position:relative; left:0; bottom:auto;} .leftcolumn .tabnavigation li {display: inline-block; width: auto; float: none; margin: 0; padding: 0 5px 10px 5px;} .tabnavigation li a {border: 1px solid #ccc;} .tabnavigation li.active a {background: #0599ce; color: #fff;} } @media only screen and (max-width:480px) { /* Style adjustments for viewports that meet the condition */ .widget {padding:15px;} .downloadbutton img {display:none;} .peopleentry .peoplecontent {position:relative; top:auto; transform:none; width:100%; margin-top:60%} .peopleentry {height:auto; background-size:150% !important; background-position:left top !important;} .biobutton {top:auto; height:auto; background:#0599ce;} .peopleentry .bioexcerpt {display:none;} .peopleentry.darkcontent h2, .peopleentry.darkcontent .title, .peopleentry.darkcontent p {margin-top:0;} .rowbottom .number h1 {font-size:24px; line-height:1;} .slidenew .hometoptext h1 {font-size:24px;} .rowbottom .number p {font-size:13px; line-height:1.2} .newsentry .newsimage {height:auto; /* background:#ccc; */} .newimageholder {width:100%; height:100%; padding-bottom: 46%;} .solutiongraphic .solutionsgraphicholder { padding:10%;} #awards .award {padding:0 10%} } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* GDPR */ span.checkbox-471 input[type="checkbox"] { float: left; font-size: 2em; height: 20px; margin-top: 8px; width: 40px; } span.checkbox-471 span { display: block; width: 100%; } span.checkbox-471 label span { float: left; width: 80%; line-height: 1.3; padding-bottom: 15px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nav-links { font-weight: bold; text-align: center; } .nav-links .page-numbers { display: inline-block; text-align: center; width: 20px; } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .navigation h4.screen-reader-text { position: relative; top: 0; width: auto; height: auto; }