/*
Theme Name: Cascadia Capital (v2)
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Cascadia Capital.
Author: Driven Development on behalf of The Medium
Version: 1.0
*/
@import url(default.css);
@import url("//hello.myfonts.net/count/2b3073");
/*
@font-face {font-family: 'CopperplateGothicBT-Bold';src: url('fonts/2B3073_0_0.eot');src: url('fonts/2B3073_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B3073_0_0.woff') format('woff'),url('fonts/2B3073_0_0.ttf') format('truetype');}
@font-face {font-family: 'AGaramond-RegularSC';src: url('fonts/2B3073_1_0.eot');src: url('fonts/2B3073_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B3073_1_0.woff') format('woff'),url('fonts/2B3073_1_0.ttf') format('truetype');}
@font-face {font-family: 'AGaramond-ItalicOsF';src: url('fonts/2B3073_2_0.eot');src: url('fonts/2B3073_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/2B3073_2_0.woff') format('woff'),url('fonts/2B3073_2_0.ttf') format('truetype');}
*/
@font-face {font-family: 'StempelGaramondLTPro-Roman';src: url('fonts/2CBBE0_0_0.eot');src: url('fonts/2CBBE0_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2CBBE0_0_0.woff2') format('woff2'),url('fonts/2CBBE0_0_0.woff') format('woff'),url('fonts/2CBBE0_0_0.ttf') format('truetype');}
/*
@font-face {font-family: 'StempelGaramondLTCom-Italic';src: url('fonts/2CBBE0_1_0.eot');src: url('fonts/2CBBE0_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2CBBE0_1_0.woff2') format('woff2'),url('fonts/2CBBE0_1_0.woff') format('woff'),url('fonts/2CBBE0_1_0.ttf') format('truetype');}
@font-face {font-family: 'StempelGaramondLTCom-Bold';src: url('fonts/2CBBE0_2_0.eot');src: url('fonts/2CBBE0_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/2CBBE0_2_0.woff2') format('woff2'),url('fonts/2CBBE0_2_0.woff') format('woff'),url('fonts/2CBBE0_2_0.ttf') format('truetype');}
@font-face {font-family: 'StempelGaramondLTCom-BoldIt';src: url('fonts/2CBBE0_3_0.eot');src: url('fonts/2CBBE0_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/2CBBE0_3_0.woff2') format('woff2'),url('fonts/2CBBE0_3_0.woff') format('woff'),url('fonts/2CBBE0_3_0.ttf') format('truetype');}
*/
/**
* Defaults and Resets
*/
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 62.5%; -webkit-text-size-adjust: none;}
html, body {margin: 0; padding: 0; background: #fff;}
body {font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 28px; color: #595959; font-weight: 300;}
form {margin: 0; padding: 0;}
img {border: 0; max-width: 100%; height: auto;}
td {vertical-align: top;}
p {margin: 0 0 30px 0;}
p:last-child {margin: 0;}
a {transition: 0.25s ease; color: #232e6c;}
strong {font-weight: 700;}
h2 {margin: 0 0 20px 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 36px; line-height: 40px; font-weight: 300; color: #0d293f;}
/**
* General
*/
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}
a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}
nav ul {margin: 0; padding: 0; list-style-type: none;}
/**
* Layout
*/
#header > div {position: relative; height: 120px;}
#header .logo {position: absolute; top: 30px; left: 20px;}
#header .logo img {display: block;}
#header .toggle-menu {position: absolute; top: 45px; right: 20px; display: none;}
#header .primary {position: absolute; top: 60px; right: 0; font-size: 19px; line-height: 23px; z-index: 100;}
#header .primary > ul > li {margin-left: 5px; float: left; position: relative;}
#header .primary > ul > li > a {color: #767676; text-decoration: none; display: block; padding: 12px 20px; transition: 0.5s ease;}
#header .primary > ul > li.active > a {background: #ebebeb;}
#header .primary > ul > li > a:hover {color: #6ea6d9;}
#header .primary > ul > li:last-child ul {right: 0;}
#header .primary ul ul {position: absolute; background: #ebebeb; padding: 20px 20px 10px 20px; font-size: 16px; line-height: 20px; width: 280px; display: none;}
#header .primary ul ul li {position: relative; padding: 0 0 10px 15px;}
#header .primary ul ul li:before {position: absolute; top: 8px; left: 0; width: 4px; height: 4px; content: ""; background: #6ea6d9;}
#header .primary ul ul a {color: #23354a; text-decoration: none;}
#header .primary ul ul a:hover {color: #6ea6d9;}
#header .secondary {position: absolute; top: 10px; right: 20px; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; border-bottom: solid 1px #e0e0e0; overflow: hidden;}
#header .secondary ul {display: inline-block; vertical-align: middle;}
#header .secondary li {display: inline-block; vertical-align: middle; padding: 10px 0;}
#header .secondary li + li {margin-left: 30px;}
#header .secondary a {color: #6ea6d9; text-decoration: none;}
#header .secondary a:hover {color: #767676;}
/*
#header .search {display: inline-block; vertical-align: middle; width: 205px; padding: 0 0 0 5px; margin-right: -205px; transition: 0.5s ease;}
#header .search [type="text"] {width: 200px; padding: 10px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; border: none;}
#header .search [type="submit"] {display: none;}
#header .secondary.show-search .search {margin-right: 0;}
*/
#header .search {display: inline-block; vertical-align: middle; width: 170px; padding: 0 10px 0 5px; margin-left: 15px; background: #efefef; border-radius: 5px;}
#header .search [type="text"] {width: 130px; padding: 5px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; border: none; background: none;}
#header .search button {display: inline-block; border: none; vertical-align: middle; font-size: 14px; line-height: 14px; width: 20px; background: none; color: #aaa;}
#header .toggle-search {font-size: 20px; line-height: 20px;}
#page {min-width: 320px; transition: right 0.25s ease; position: relative; right: 0; overflow: hidden;}
#footer {background: #203043 url(images/bg-footer.jpg) no-repeat center center; background-size: cover; font-size: 17px; line-height: 24px; color: #ddd; font-weight: 100;}
#footer > div {padding-top: 70px; padding-bottom: 70px; display: flex;}
#footer > div > .left {width: 40%; padding: 0 100px 0 0;}
#footer > div > .right {width: 60%;}
#footer a {color: #ddd; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer .logo {padding: 0 0 40px 0; margin: 0 0 50px 0; border-bottom: solid 1px #445e7b;}
#footer .logo a {display: block; max-width: 280px; margin: 0 auto;}
#footer .logo img {display: block; margin: 0 auto;}
#footer .contact {margin: 0 0 50px 0;}
#footer .contact .left {float: left;}
#footer .contact .right {float: right;}
#footer .phone {font-size: 36px; line-height: 36px; color: #fff; margin: 0 0 5px 0; display: inline-block;}
#footer .fax {color: #4790d3; font-size: 19px;}
#footer .press-contact {text-transform: uppercase; font-size: 16px;}
#footer .press-contact a {text-transform: none;}
#footer .press-contact .label {margin-right: 10px;}
#footer .linkedin {display: inline-block; width: 30px; height: 30px; border-radius: 15px; background: #4790d3; vertical-align: middle; margin: 0 10px 0 0; color: #223448; text-align: center; font-size: 17px; line-height: 30px;}
#footer .linkedin:hover {background: #fff; color: #223448;}
#footer nav > ul {float: left; width: 33.3333%; padding: 0 40px 0 0;}
#footer nav > ul > li > a {font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-weight: 300; color: #4d9ae1; text-transform: uppercase;}
#footer nav > ul > li > a:hover {color: #fff;}
#footer nav > ul > li + li {margin-top: 30px;}
#footer nav ul ul li + li {margin-top: 5px;}
#master-footer > div {padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 18px; color: #0f3158;}
#master-footer a {color: #0f3158; text-decoration: none;}
#master-footer .left {float: left;}
#master-footer .right {float: right;}
#master-footer .legal {margin: 0 60px 0 0;}
#master-footer .broker-check {margin-left: 20px;}
#mobile-menu {width: 260px; position: fixed; right: -260px; padding: 10px 0 0 0; top: 0; height: 100%; font-size: 19px; line-height: 23px; background: #fff; overflow: auto; border-left: solid 1px #ccc; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu nav a {display: block; padding: 10px 15px; text-decoration: none; color: #767676;}
#mobile-menu nav ul ul a {font-size: 15px; line-height: 19px; padding: 5px 15px 5px 30px;}
#mobile-menu .search {padding: 0 15px 20px 15px; margin: 40px 0 0 0;}
#mobile-menu .search [type="text"] {width: 100%; padding: 10px 0; border: none; border-bottom: solid 1px #ccc;}
#mobile-menu .search [type="submit"] {display: none;}
.section > div {max-width: 1190px; margin: 0 auto; padding: 0 20px; position: relative;}
.section.gutter > div {padding-top: 50px; padding-bottom: 50px;}
.section.large-gutter > div {padding-top: 90px; padding-bottom: 90px;}
#page-header + .section.large-gutter > div {padding-top: 40px;}
#page-header.right-offset + .section.large-gutter > div {padding-top: 100px;}
.section.grey {background: #ebebeb;}
.section.white {background: #fff;}
/**
* Miscellaneous
*/
.toggle-menu {color: #767676; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #767676; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #767676;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}
.yas-2 {margin: 0 0 30px 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 36px; line-height: 40px; color: #0d293f; font-weight: normal;}
.yas-3 {margin: 0 0 20px 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 20px; line-height: 24px; color: #2b4b7e; font-weight: normal;}
.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}
.btn,
.gform_button {display: inline-block; font-size: 19px; line-height: 23px; color: #fff; text-decoration: none; padding: 15px 20px; background: #6ea6d9 no-repeat 10px 13px; border: none; font-weight: 300; cursor: pointer;}
.btn:after {content: ">"; margin-left: 10px;}
.btn:focus,
.btn:hover,
.gform_button:hover {background-color: #425776;}
.btn.dark {background-color: #213045;}
.btn.icon {padding-left: 40px;}
.btn.icon.globe {background-image: url(images/globe-icon.png);}
.btn.icon.list {background-image: url(images/list-icon.png);}
.callout-banner > div {padding-top: 60px; padding-bottom: 60px; font-size: 32px; line-height: 42px; color: #454545; font-weight: 100; text-align: center;}
.callout-banner.alt > div {padding-top: 30px; padding-bottom: 30px;}
.callout-banner a {color: #71ab2a;}
.callout-banner a:focus,
.callout-banner a:hover {color: #6EA6D9;}
.blue-accent {color: #4f8bc1;}
.green-accent {color: #71ab2a;}
a.green-accent {text-decoration: none;}
a.green-accent:hover {color: #6EA6D9;}
a.more {font-size: 15px; line-height: 19px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}
a.more:after {content: ">"; margin-left: 5px;}
#deal-callout-banner {background: #ebebeb url(images/bg-map.jpg) no-repeat center center; background-size: cover; font-size: 18px; line-height: 22px; color: #595959; font-weight: 300; text-align: center;}
#deal-callout-banner > div {padding-top: 60px; padding-bottom: 100px;}
#deal-callout-banner h2 {margin: 0 0 10px 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 36px; line-height: 40px; color: #0d293f; font-weight: 300;}
#deal-callout-banner .left {float: left; width: 50%; padding: 0 40px 0 0;}
#deal-callout-banner .right {float: left; width: 50%; padding: 0 0 0 40px;}
#deal-callout-banner .map {border: solid 7px #fff; height: 290px; display: block; background: url(images/map.jpg) no-repeat center center; background-size: cover; font-size: 0; text-indent: -10000px;}
#deal-callout-banner .map img {display: none;}
#deal-callout-banner .action {margin: -20px auto 0 auto; position: relative;}
#deal-callout-banner .action .btn {min-width: 180px;}
#deal-callout-banner .callout {border: solid 7px #fff; height: 290px; display: block; background: url(images/bg-customized-approach.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; font-size: 17px; line-height: 21px; color: #fff; font-weight: 100; text-align: left;}
#deal-callout-banner .callout > div {padding: 20px 50px;}
#deal-callout-banner .callout a {color: #fff;}
#deal-callout-banner ul.dots {font-size: 17px; line-height: 21px;}
#deal-callout-banner ul.dots li:before {top: 7px;}
#deal-callout-banner ul.dots li + li {margin-top: 10px;}
#deal-callout-banner p + .action {margin-top: -50px;}
#experts-banner {background: #6ea6d9; position: relative; margin: 0 -100px; font-size: 18px; line-height: 28px; font-weight: 300; color: #fff;}
#experts-banner h1 {margin: 0; font-size: 44px; line-height: 54px; font-weight: 100;}
#experts-banner a {color: #fff; text-decoration: none;}
#experts-banner a:hover {color: #6EA6D9;}
#experts-banner .left {float: left; width: calc(50% - 100px);}
#experts-banner .left > div {float: right; width: 495px; padding: 0 50px 0 20px; min-height: 280px; display: flex; align-items: center;}
#experts-banner .left a:hover {color: #334a80;}
#experts-banner .right {float: right; width: calc(50% + 100px); margin-top: -30px; transform: skewX(-27deg); overflow: hidden;}
#experts-banner .right > div {background: url(images/bg-highway.jpg) no-repeat center center; background-size: cover; min-height: 310px; transform: skewX(27deg); margin: 0 -100px; padding: 30px 160px 0 160px; display: flex; align-items: center;}
#experts-banner .right > div > div {padding: 0 0 0 50px; max-width: 600px;}
#experts-banner ul.dots li + li {margin-top: 7px;}
.deal-slider {border: solid 7px #fff; font-size: 24px; line-height: 28px; color: #282728; position: relative; padding: 0 60px; text-align: center; background: #fff;}
.deal-slider p {margin: 20px 0;}
.deal-slider .slide {display: flex; align-items: center; height: 276px; display: none;}
.deal-slider .slide > div {width: 100%;}
.deal-slider .logo {margin: 0;}
.deal-slider .logo img {display: block; margin: 0 auto;}
.deal-slider .slick-arrow {display: flex; align-items: center; background: #ddd; position: absolute; top: 0; left: 0; width: 60px; bottom: 0; text-align: center; color: #fff; cursor: pointer; font-size: 40px; font-weight: bold;}
.deal-slider .slick-arrow span {width: 100%;}
.deal-slider .slick-arrow.next {left: auto; right: 0;}
.deal-slider .deal-badge {max-width: 100%; border: none;}
.deal-slider .deal-badge .foot {display: none;}
.deal-slider .slick-dots {display: none !important;}
.deal-slider.slick-initialized .slide {display: block;}
.quote-slider {border: solid 7px #fff; font-size: 13px; line-height: 19px; color: #fff; font-weight: 100; position: relative; text-align: left;}
.quote-slider .slide {display: flex; align-items: center; height: 276px; background: no-repeat center center; background-size: cover;}
.quote-slider .slide > div {width: 100%; padding: 20px 50px 20px 50%;}
.quote-slider .slick-arrow {position: absolute; top: calc(50% - 20px); left: 20px; color: #fff; cursor: pointer; font-size: 40px; line-height: 40px; font-weight: bold; z-index: 5;}
.quote-slider .slick-arrow.next {left: auto; right: 20px;}
.quote-slider .slick-dots {display: none !important;}
.quote-slider .author {text-align: right; font-size: 11px; line-height: 14px; text-transform: uppercase; font-weight: 700; margin: 20px 0 0 0;}
ul.dots {margin: 0; padding: 0; list-style-type: none;}
ul.dots li {position: relative; padding: 0 0 0 23px; text-align: left;}
ul.dots li:before {position: absolute; content: ""; top: 11px; left: 0; width: 6px; height: 6px; border-radius: 3px; background: #8bc740;}
/* ul.dots li + li {margin-top: 20px;} */
ul.two-columns {column-count: 2; column-gap: 40px;}
#newsletter-banner {background: #fff url(images/bg-map-2.jpg) no-repeat center center; background-size: cover;}
#newsletter-banner > div {padding-top: 80px; padding-bottom: 80px;}
#newsletter-banner .content {display: flex; align-items: center; max-width: 1000px; margin: 0 auto;}
#newsletter-banner .left {width: 47%; padding: 0 30px 0 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 36px; line-height: 40px; color: #454545;}
#newsletter-banner .right {width: 53%;}
#newsletter-banner form {position: relative; padding: 0 160px 0 0; background: rgba(215,215,215,0.55);}
#newsletter-banner form [type="email"] {width: 100%; border: none; font-size: 18px; line-height: 22px; padding: 20px; background: none;}
#newsletter-banner form button {position: absolute; top: 0; right: 0; bottom: 0; width: 160px;}
#news-banner {background: #6ea6d9; position: relative; margin: 0 -100px; font-size: 18px; line-height: 22px; font-weight: 300; color: #fff;}
#news-banner h1 {margin: 0; font-size: 44px; line-height: 54px; font-weight: 100;}
#news-banner a {color: #fff;}
#news-banner .left {float: left; width: calc(50% - 305px); font-size: 18px; line-height: 20px;}
#news-banner .left > div {float: right; width: 280px; padding: 0 50px 0 20px; min-height: 100px; display: flex; align-items: center;}
#news-banner .right {float: right; width: calc(50% + 305px); transform: skewX(-27deg); overflow: hidden;}
#news-banner .right > div {background: #5c8fbc; min-height: 100px; transform: skewX(27deg); margin: 0 -100px; padding: 0 90px; display: flex; align-items: center;}
#news-banner .right > div > div {padding: 0 0 0 50px; max-width: 880px; width: 100%;}
#news-banner .news {display: flex; align-items: center; width: 100%;}
#news-banner .news .heading {width: 28%; top: 4px; white-space: nowrap; position: relative;}
#news-banner .news h5 {margin: 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 19px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; position: relative;}
#news-banner .news h5:before {display: inline-block; content: ""; vertical-align: middle; width: 37px; height: 39px; background: url(images/bullhorn.svg) no-repeat; position: relative; top: 2px; margin: 0 10px 0 0;}
#news-banner .news .headlines {width: 72%;}
.news-tiles {margin: 0 -15px 10px -15px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 18px; line-height: 28px; color: #595959;}
.news-tiles > li {width: 50%; padding: 0 15px 30px 15px; display: flex;}
.news-tiles > li > div {background: #ebebeb; padding: 40px; min-height: 320px;}
.news-tiles h2 {margin: 0; font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-size: 28px; line-height: 38px;}
.news-tiles h2 a {color: #4f8bc1; text-decoration: none;}
.news-tiles h2 a:hover {color: #000;}
.news-tiles .meta {font-style: italic; margin: 0 0 20px 0;}
.news-ticker {position: relative; text-align: left; padding: 0 40px 0 0;}
.news-ticker .slick-arrow {position: absolute; top: 50%; right: 15px; margin-top: -10px; font-size: 20px; line-height: 20px; cursor: pointer;}
.news-ticker .slick-arrow.next {right: 0;}
.news-ticker .slick-track {display: flex; align-items: center;}
.news-ticker .slick-dots {display: none !important;}
.news-ticker a {text-decoration: none;}
a.doc {text-decoration: none; position: relative; display: inline-block; padding: 0 0 0 40px;}
a.doc:before {display: inline-block; content: ""; vertical-align: middle; width: 36px; height: 33px; background: url(images/document.svg) no-repeat; margin-right: 10px; position: absolute; top: 50%; margin: -12px 0 0 0; left: 0;}
#page-header {background: #6ea6d9; position: relative; margin: 0 -100px; font-size: 18px; line-height: 28px; font-weight: 300; color: #fff;}
#page-header h1 {margin: 0; font-size: 44px; line-height: 54px; font-weight: 100;}
#page-header .back {font-size: 11px; line-height: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
#page-header .back a {text-decoration: none; color: #fff;}
#page-header .left {float: left; width: calc(50% - 200px);}
#page-header .left > div {float: right; width: 395px; padding: 0 20px 30px 20px; min-height: 210px; display: flex; align-items: center;}
#page-header .right {float: right; width: calc(50% + 200px); transform: skewX(-27deg); overflow: hidden; background: #ebebeb;}
#page-header .right > div {background: url(images/bg-working.jpg) no-repeat center center; background-size: cover; min-height: 180px; transform: skewX(27deg); margin: 0 -100px; margin-bottom: 30px; padding: 0 160px 0 160px; display: flex; align-items: center;}
#page-header .right > div > div {padding: 0 0 0 50px; max-width: 600px;}
#page-header.right-offset .left > div {padding-bottom: 0;}
#page-header.right-offset .right {margin-bottom: -30px;}
#page-header.right-offset .right > div {min-height: 240px; margin-bottom: 0;}
#page-header.no-offset .left > div {min-height: 180px; padding-bottom: 0;}
#page-header.no-offset .right > div {margin-bottom: 0;}
#page-header.wide-right .left {width: calc(50% - 300px);}
#page-header.wide-right .left > div {width: 295px;}
#page-header.wide-right .right {width: calc(50% + 300px);}
#page-header.wide-right .right > div > div {max-width: 815px;}
#page-header.study .right {text-align: right; background: #fff;}
#page-header.study h2 {margin: 0 0 5px 0; font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-size: 56px; line-height: 60px; color: #6ea6d9; font-weight: 100;}
#page-header.study .right > div {background-color: #0d293f;}
#page-header.study .right > div > div {max-width: 705px; width: 100%;}
#page-header.news-header .right > div > div {width: 100%; max-width: 715px;}
#page-header .newsletter {float: right; font-size: 19px; line-height: 23px; width: 100%; max-width: 520px;}
#page-header .newsletter p {margin: 0 0 10px 0;}
#page-header .newsletter form {position: relative; padding: 0 160px 0 0; background: #fff;}
#page-header .newsletter form [type="email"] {width: 100%; border: none; font-size: 18px; line-height: 22px; padding: 20px; background: none;}
#page-header .newsletter form button {position: absolute; top: 0; right: 0; bottom: 0; width: 160px;}
.header-filters {display: flex; flex-wrap: wrap; margin: 0 -15px; align-items: flex-start;}
.header-filters > div {width: 33.3333%; padding: 0 15px 15px 15px;}
.header-filters label {display: block; font-size: 18px; line-height: 22px; color: #6ea6d9; margin: 0 0 3px 0;}
.header-filters select {width: 100%;}
.header-filters .btn {padding: 10px 15px; font-size: 18px;}
.header-filters .btn:after {display: none;}
.header-filters .actions {align-self: flex-end;}
.studies {margin: 0 -6px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 13px; line-height: 18px; color: #383838; text-align: center;}
.studies > li {display: flex; padding: 0 6px 12px 6px; width: 20%;}
.studies > li > div {display: flex; flex-direction: column; padding: 20px; background: #fff;}
.studies .logo {display: flex; align-items: center; height: 65px;}
.studies .logo img {display: block; margin: 0 auto; max-height: 65px; width: auto;}
.studies .summary {flex-grow: 1; padding: 15px 0;}
.studies a {color: #6ea6d9;}
.studies a:hover {color: #232e6c;}
.studies.four-wide > li {width: 25%;}
.studies.alt > li > div {border: solid 1px #d2d2d2; border-radius: 10px;}
.videos {margin: 0 -40px; padding: 0; list-style-type: none; display: flex; font-size: 18px; line-height: 28px;}
.videos > li {width: 33.3333%; padding: 0 40px;}
.videos img {display: block; width: 100%; margin: 0 0 20px 0;}
.videos a {color: #6ea6d9; text-decoration: none;}
.videos a:hover {color: #232e6c;}
.videos h3 {margin: 0; padding: 0 0 0 25px; position: relative; font-size: 18px; line-height: 28px; font-weight: 300;}
.videos h3:before {position: absolute; top: 0; left: 0; font-family: 'FontAwesome'; content: "\f26c"; font-size: 15px;}
#testimonials-banner {background: #415776 url(images/bg-1energy-testimonial.jpg) no-repeat center center; background-size: cover; font-size: 29px; line-height: 46px; color: #fff; font-weight: 300; font-style: italic;}
#testimonials-banner h2 {color: #fff; font-style: normal;}
#testimonials-banner .slider {position: relative;}
#testimonials-banner .slick-track {display: flex;}
#testimonials-banner .slick-slide {display: flex; height: auto; float: none;}
#testimonials-banner .slide {background: no-repeat center center; background-size: cover; width: 100%;}
#testimonials-banner .slide > div {padding-top: 70px; padding-bottom: 70px;}
#testimonials-banner .container {display: flex; align-items: center;}
#testimonials-banner .container .logo {width: 34%; padding: 0 80px 0 0;}
#testimonials-banner .container .logo > div {min-height: 215px; display: flex; align-items: center; background: #fff;}
#testimonials-banner .container .logo img {display: block; margin: 0 auto;}
#testimonials-banner .container .content {width: 66%;}
#testimonials-banner .author {font-size: 19px; line-height: 30px; margin-top: 20px; font-style: normal;}
#testimonials-banner .author .name {text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #6ea6d9;}
#testimonials-banner .slick-dots {position: absolute; bottom: 70px; right: calc(50% - 575px); margin: 0; padding: 0; list-style-type: none;}
#testimonials-banner .slick-dots li {float: left; margin-left: 10px;}
#testimonials-banner .slick-dots button {display: block; background: #6e7f97; width: 12px; height: 12px; border: none; border-radius: 6px; font-size: 0px; text-indent: -10000px; padding: 0; margin: 0;}
#testimonials-banner .slick-dots .slick-active button {background: #8bc740;}
.expertise {margin: 0 -7px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 13px; line-height: 18px; color: #383838; text-align: center;}
.expertise > li {display: flex; width: 20%; padding: 0 7px 14px 7px;}
.expertise > li > div {display: flex; align-items: center; background: no-repeat center center; background-size: cover; position: relative; min-height: 215px; width: 100%;}
.expertise > li > div:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(31,29,29,0.8); transition: 0.25s ease;}
.expertise > li > div:hover:before {opacity: 1;}
.expertise > li > div:hover .front {opacity: 0;}
.expertise > li > div:hover .back {opacity: 1;}
.expertise > li.dark-blue > div:before {background: rgba(0,23,49,0.8);}
.expertise > li.blue > div:before {background: rgba(71,140,202,0.8);}
.expertise div {transition: opacity 0.25s ease;}
.expertise p:not(:last-child) {margin: 0 0 10px 0;}
.expertise .front {position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); font-size: 29px; line-height: 39px; color: #fff; font-weight: 100; padding: 15px;}
.expertise .back {padding: 15px; width: 100%; position: relative; z-index: 2; opacity: 0; font-weight: normal;}
.expertise .btn {background: rgba(113,171,42,0.8); font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; padding: 10px 30px;}
.expertise > li > div:hover:before {background: rgba(223,223,223,0.8);}
.left-sidebar-layout {display: flex; flex-direction: row-reverse;}
.left-sidebar-layout .left {width: 33%; padding: 0 50px 0 0;}
.left-sidebar-layout .right {width: 67%;}
.right-sidebar-layout {display: flex; flex-wrap: wrap;}
.right-sidebar-layout .left {width: 70%; padding: 0 40px 0 0;}
.right-sidebar-layout .right {width: 30%; padding: 0 0 0 40px;}
.right-sidebar-layout.with-separator {position: relative;}
.right-sidebar-layout.with-separator:before {position: absolute; content: ""; top: 0; bottom: 0; left: 70%; width: 1px; background: #70a9d6;}
.story-banner-photo {background: no-repeat center center; background-size: cover; height: 320px;}
.story-banner-photo img {display: none;}
.deal-badge {background: #fff; border-radius: 10px; max-width: 255px; font-size: 16px; text-align: center; color: #686868; line-height: normal; border: solid 1px #d2d2d2; display: block; text-decoration: none; margin: 0 auto;}
.deal-badge:hover {color: inherit;}
.deal-badge img {display: block; margin: 0 auto;}
.deal-badge .a {margin: 0 0 10px 0;}
.deal-badge .b {margin: 10px 0 5px 0;}
.deal-badge .date {font-size: 13px;}
.deal-badge .body {padding: 15px 15px 10px 15px;}
.deal-badge .foot {font-weight: 900; color: #fff; font-size: 16px; background: #d2d2d2; padding: 5px 15px; border-radius: 0 0 10px 10px;}
hr {font-size: 0px; line-height: 0px; height: 2px; margin: 40px 0; background: #ebebeb; border: none;}
.deals {margin: 40px -15px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap;}
.deals > li {display: flex; width: 25%; padding: 0 15px 15px 15px;}
.deals > li > div,
.deals > li > a {width: 100%; display: flex; flex-direction: column;}
.deals .body {flex: 1 0 auto;}
#resources-banner .content {display: flex; margin: 0 -30px; flex-wrap: wrap;}
#resources-banner .content > div {width: 33.3333%; padding: 0 30px;}
#resources-banner + #deal-callout-banner {border-top: solid 7px #fff;}
ul.links {margin: 20px 0 30px 0; padding: 0; list-style-type: none;}
ul.links:last-child {margin-bottom: 0;}
ul.links li + li {margin-top: 5px;}
ul.links a {padding-left: 25px; position: relative; display: inline-block; color: #6ea6d9; text-decoration: none;}
ul.links a:hover {color: #415776;}
ul.links a:before {position: absolute; font-family: 'FontAwesome'; content: "\f0f6"; top: 1px; left: 0; font-size: 14px;}
ul.links .resource-link a:before,
ul.links .resource-event_link a:before {content: "\f0c1";}
ul.links .resource-video a:before {content: "\f26c";}
ul.links .resource-gallery a:before {content: "\f03e";}
ul.links .resource-publication a:before {content: "\f1ea";}
ul.links .resource-powerpoint a:before {content: "\f26c";}
.articles {margin: 0; padding: 0; list-style-type: none; max-width: 1000px;}
.articles h2 {margin: 0; font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-size: 29px; line-height: 33px;}
.articles li {display: flex; padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: solid 1px #ebebeb;}
.articles a {color: #4f8bc1; text-decoration: none;}
.articles a:hover {color: #415776;}
.articles .logo {flex: 0 0 auto; width: 200px; padding: 10px 20px 0 20px;}
.articles .logo img {display: block; margin: 0 auto;}
.articles .content {padding: 0 0 0 20px;}
.articles .date {font-style: italic; margin: 0 0 10px 0;}
.tabs-banner {font-size: 15px; line-height: 19px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}
.tabs-banner > div {padding-top: 30px;}
.tabs-banner ul {margin: 0; padding: 0; list-style-type: none;}
.tabs-banner li {float: left;}
.tabs-banner a {color: #4f8bc1; text-decoration: none; display: block; padding: 20px 30px;}
.tabs-banner a:hover {color: #415776;}
.tabs-banner .active a {background: #fff; color: #415776;}
.profiles {margin: 0 -5px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 18px;}
.profiles > li {padding: 0 5px 20px 5px; width: 25%;}
.profiles h3 {margin: 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 24px; line-height: 28px; font-weight: normal;}
.profiles a {text-decoration: none;}
.profiles .photo {display: block; width: 100%; margin: 0 0 10px 0;}
.profiles .photo img {display: block; width: 100%;}
.profiles .title {font-size: 13px; text-transform: uppercase; font-weight: 500;}
.profiles .areas {margin: 0; padding: 0; list-style-type: none; font-weight: normal; color: #828282;}
.search-results > div {margin: 0 0 30px 0;}
.search-results h3 {margin: 0;}
.three-cols {display: flex; flex-wrap: wrap; margin: 0 -20px;}
.three-cols > div {width: 33.3333%; padding: 0 20px;}
.pagination {text-align: center;}
.pagination .page-numbers {margin: 0 5px;}
.action-heading {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
/*
.resource-gallery .slick-dots {margin: 20px 0; padding: 0; list-style-type: none;}
.resource-gallery .slick-dots li {display: inline-block;}
.resource-gallery .slick-dots button {display: block; border: solid 1px #6ea6d9; color: #6ea6d9; background: #fff; text-align: center; min-width: 20px; line-height: 20px; font-size: 14px; margin: 0 10px 0 0;}
.resource-gallery .slick-dots li.slick-active button {background: #ebebeb;}
*/
div.resource-gallery {display: flex; flex-wrap: wrap; margin: 0 -10px; align-items: center;}
div.resource-gallery > a {width: 20%; padding: 0 10px 20px 10px;}
div.resource-gallery img {display: block;}
.content-grid {display: flex; flex-wrap: wrap; margin: 0 -20px; clear: both;}
.content-grid > div {width: 50%; padding: 0 20px 20px 20px;}
.content-grid img {display: block;}
.content-grid.x3 > div {width: 33.3333%;}
.content-grid.x4 > div {width: 25%;}
/**
* Home page
*/
#hero {position: relative;}
#hero > div {display: none;}
#hero > div.slick-list {display: block;}
#hero .slide {min-height: 540px; position: relative; display: flex; align-items: center; font-size: 18px; line-height: 28px; color: #fff; padding: 40px 0 80px 0; background: no-repeat left center; background-size: cover; font-weight: 300;}
#hero .slide > div {width: 100%;}
#hero .slide h1 {margin: 0 0 20px 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 52px; line-height: 52px; font-weight: 300;}
#hero .slide .author {font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 0 0 60px 0;}
#hero .content {margin: 0 0 0 550px; max-width: 620px;}
#hero .btn {padding: 15px 30px;}
#hero .photo {display: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: no-repeat left center; background-size: cover; padding-bottom: 50%;}
#hero .slick-dots {margin: 0; padding: 0; list-style-type: none; position: absolute; bottom: 60px; right: calc(50% - 575px);}
#hero .slick-dots li {float: left; margin: 0 0 0 10px;}
#hero .slick-dots button {background: #565656; width: 12px; height: 12px; font-size: 0px; line-height: 0px; text-indent: -10000px; border-radius: 6px; display: block; padding: 0; border: none;}
#hero .slick-dots .slick-active button {background: #8bc740;}
#home-intro {background: #6ea6d9; position: relative; margin: 0 -100px; font-size: 18px; line-height: 28px; font-weight: 300; color: #fff;}
#home-intro h1 {margin: 0; font-size: 44px; line-height: 54px; font-weight: 100;}
#home-intro a {color: #fff;}
#home-intro .left {float: left; width: calc(50% - 200px);}
#home-intro .left > div {float: right; width: 395px; padding: 0 0 0 20px; min-height: 220px; display: flex; align-items: center;}
#home-intro .right {float: right; width: calc(50% + 200px); margin-top: -30px; transform: skewX(-27deg); overflow: hidden;}
#home-intro .right > div {background: url(images/bg-office.jpg) no-repeat center center; background-size: cover; min-height: 250px; transform: skewX(27deg); margin: 0 -100px; padding: 30px 160px 0 160px; display: flex; align-items: center;}
#home-intro .right > div > div {padding: 0 0 0 50px; max-width: 600px;}
#why-cascadia {position: relative; margin-top: -35px; overflow: hidden; color: #fff; font-size: 15px; line-height: 19px;}
#why-cascadia:before {position: absolute; content: ""; top: 35px; right: 0; bottom: 35px; left: 0; background: url(images/bg-seattle-buildings.jpg) no-repeat center center; background-size: cover;}
#why-cascadia .headline {position: relative;}
#why-cascadia .headline:before {position: absolute; content: ""; top: 0; right: calc(50% + 400px); bottom: 0; left: -10000px; background: #6ea6d9;}
#why-cascadia .headline > div > div {transform: skewX(-27deg); background: #6ea6d9; display: inline-block;}
#why-cascadia .headline > div > div > div {transform: skewX(+27deg); padding: 30px 120px 25px 0;}
#why-cascadia .headline h2 {margin: 0; font-size: 44px; line-height: 48px; color: #fff; font-weight: 300;}
#why-cascadia .body {position: relative;}
#why-cascadia .body:before {position: absolute; content: ""; top: 0; right: 50%; bottom: 0; left: -10000px; background: #283c54;}
#why-cascadia .body > div > div {transform: skewX(-27deg); background: #283c54;}
#why-cascadia .body > div > div > div {transform: skewX(+27deg); padding: 50px 100px 0 0;}
#why-cascadia .cols {display: flex; flex-wrap: wrap; margin: 0 -20px;}
#why-cascadia .cols > div {width: 25%; padding: 0 20px 50px 20px; display: flex; flex-direction: column;}
#why-cascadia .cols h3 {margin: 0 0 10px 0; padding: 0 0 20px 0; font-size: 27px; line-height: 33px; font-weight: 300; border-bottom: solid 1px #8bc740; flex-grow: 1; color: #fff;}
#why-cascadia .cols a {text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
#why-cascadia .cols a:hover {color: #8bc740;}
/**
* Case study
*/
#case-study > div {padding-top: 60px; padding-bottom: 90px;}
#case-study .logo img {display: block; margin: 0 auto 40px auto;}
#case-study .left ul.dots li + li {margin-top: 5px;}
#case-study .study-deal + .study-deal {margin-top: 30px;}
/**
* Deals
*/
/*
.filters div.label {display: none; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 21px; text-transform: uppercase; color: #3b5880; letter-spacing: 1px; vertical-align: middle; text-align: center; margin: 0 0 10px 0;}
*/
.filters {display: flex; flex-wrap: wrap; margin: 0 -5px;}
.filters > div {padding: 0 5px 10px 5px; width: 280px; max-width: 280px;}
.filters > div:last-child {align-self: flex-end;}
.filters label {margin: 0 0 5px 0; font-size: 19px; line-height: 23px; color: #5c8fbc; display: block;}
.filters select {font-size: 18px; line-height: 22px; color: #595959; border: none; width: 100%; background: #ebebeb; padding: 10px;}
.filters .btn {padding: 11px 20px;}
.filters .btn.icon {padding: 11px 20px 11px 40px;}
.filter-table {display: table; width: 100%;}
.filter-table > div {display: table-row;}
.filter-table > div > div {display: table-cell; padding: 0 10px; vertical-align: top;}
.filter-table > div > div:first-child {padding: 0;}
.filter-table > div > div:last-child {padding-right: 0;}
.filter-table > div > div.label {display: block; text-align: left; margin: 5px 0 0 0;}
.filter-table div.filter {width: 180px;}
.filter-table .selectricWrapper {max-width: 180px;}
#deal-map-container {position: relative; padding: 15px; background: #fff;}
#deal-map {width: 100%; padding-bottom: 58.82%;}
.dialog {margin: 0 auto; position: relative;}
.dialog .mfp-close {width: 31px; height: 33px; background: url(images/close-icon.png) no-repeat center center; font-size: 1px; line-height: 1px; text-indent: -10000px; top: -15px; right: -15px; opacity: 1;}
#deal-dialog {background: #e4e4e4; padding: 20px; max-width: 680px; font-size: 17px; color: #4a4a4a; line-height: 24px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
#deal-dialog .deal-badge {margin: 0 0 10px 0;}
#deal-dialog .left {float: left; width: 255px; text-align: center; position: relative;}
#deal-dialog .right {float: right; width: 100%; margin-left: -255px;}
#deal-dialog .right > div {margin-left: 275px;}
#deal-dialog .aquired-by-label {color: #787878; display: block; margin: 0 0 5px 0;}
#deal-dialog .company {font-size: 21px; color: #4a4a4a; font-weight: bold; margin: 0 0 5px 0;}
#deal-dialog .callout-heading {margin: 0; font-size: 14px; font-weight: bold;}
#deal-dialog .meta {border-top: solid 1px #c5c5c5; padding: 20px 0 0 0;}
#deal-dialog .meta .more {font-size: 14px; color: #598fe1;}
#deal-dialog .meta .more:hover {color: #8db25b;}
#deal-dialog .meta .industry {float: left; width: 50%; padding: 0 20px 0 0;}
#deal-dialog .meta .location {float: right; width: 50%; padding: 0 0 0 20px;}
#deal-dialog .notes {margin: 20px 0 0 0; font-style: italic;}
#deal-dialog .request-case-study {margin: 10px 0 0 0;}
#deal .deal-case-study-request_wrapper {margin: 0 !important; position: relative;}
#deal .deal-case-study-request {position: relative; padding: 0 100px 0 0;}
#deal .deal-case-study-request label {display: none;}
#deal .deal-case-study-request input[type="text"] {width: 100% !important; padding: 9px 8px 9px 8px !important;}
#deal .deal-case-study-request .btn {font-size: 16px !important; padding: 10px 15px; margin: 0 !important; display: block; float: right; width: 90px; position: absolute; top: 0; right: 0;}
#deal .deal-case-study-request .gform_footer {margin: 0; padding: 0;}
#deal .deal-case-study-request .gfield {padding-right: 0 !important; margin: 0 !important;}
#deal .deal-case-study-request .top_label div.ginput_container {margin: 0 !important;}
/**
* Team
*/
.profile-banner {background: #445d80;}
.profile-banner > div {max-width: 1600px; margin: 0 auto; position: relative; overflow: hidden;}
.profile-banner > div > div {height: 470px;}
.profile-banner > div > div:before {height: 470px; display: inline-block; vertical-align: middle; content: "";}
.profile-banner .content {display: inline-block; vertical-align: middle; font-size: 22px; line-height: normal; color: #d1d1d1; width: 500px; position: relative;}
.profile-banner .content h1 {margin: 0; font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 48px; color: #fff; text-transform: none;}
.profile-banner .content .title {font-size: 18px; text-transform: uppercase; letter-spacing: 1px; color: #90bfff;}
.profile-banner .content .contact {border-top: solid 1px rgba(255,255,255,0.25); margin: 15px 0 30px 0; padding: 15px 0 0 0; font-size: 18px; color: #fff; width: 100%;}
.profile-banner .content .contact > div {display: flex; justify-content: space-between;}
.profile-banner .content .contact a {text-decoration: none; color: #fff;}
.profile-banner .content .contact .fa {width: 32px; height: 32px; background: #6ea6d9; border-radius: 50%; text-align: center; line-height: 32px; color: #fff; margin-right: 5px;}
/*
.profile-banner .content .contact > div {display: table-row;}
.profile-banner .content .contact > div > div {display: table-cell; vertical-align: top;}
.profile-banner .content .contact a {color: #fff;}
.profile-banner .content .contact a:hover {color: #fff;}
.profile-banner .content .contact .email {text-align: center;}
.profile-banner .content .contact .social {text-align: right;}
.profile-banner .content .contact .social a {display: inline-block; font-size: 18px; line-height: 30px; text-align: center; width: 30px; height: 30px; margin-left: 10px; background: #4790D3; border-radius: 15px; color: #223448;}
*/
.profile-banner .content .areas {font-family: 'StempelGaramondLTPro-Roman', Georgia, Serif; font-size: 22px; color: #d1d1d1;}
.profile-banner .content .areas ul {float: left; width: 50%; margin: 0; padding: 0 20px 0 0; list-style-type: none;}
.profile-banner .content .areas a {color: #d1d1d1;}
.profile-banner .content .areas a:hover {color: #fff;}
.profile-banner .photo {position: absolute; width: 1600px; right: -250px; bottom: 0; top: 0; transition: 0.5s ease;}
.profile-banner .photo img {display: block; height: 100%; position: absolute; top: 0; right: 0;}
.profile-banner .small-photo {display: none; border: solid 3px #fff; max-width: 230px;}
.profile-banner .small-photo img {display: block; width: 100%;}
.profile-details .content {float: left; width: 100%; margin-right: -325px;}
.profile-details .content > div {margin-right: 325px;}
.profile-details .content .quote {font-size: 21px; line-height: 32px; font-weight: 300; color: #434343; margin: 0 0 30px 0;}
.profile-details aside {float: right; width: 265px; color: #a1a0a0; font-style: italic;}
.profile-details aside .callout-heading {margin: 0 0 20px 0; padding: 11px 0; border-bottom: solid 1px #d3d6d9; font-style: normal; font-size: 29px; line-height: 33px; color: #4f8bc1; font-weight: 300;}
.profile-details aside h4 {margin: 0 0 10px 0; font-family: 'Lato', Arial, Verdana, Sans-Serif; font-size: 14px; color: #95a87e; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
.profile-details aside a {color: #a1a0a0; text-decoration: underline;}
.profile-details aside a:hover {color: #8db25b;}
.profile-details .highlights {margin: 0 0 30px 0; padding: 0; list-style-type: none;}
.profile-details .highlights li {margin: 0 0 5px 0;}
.tabs > ul {margin: 0 0 30px 0; padding: 0 20px; list-style-type: none; font-size: 15px; line-height: 19px; color: #4f8bc1; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; border-bottom: solid 1px #d3d6d9;}
.tabs > ul li {float: left; margin-bottom: -1px; margin-right: -2px;}
.tabs > ul a {display: block; padding: 15px 30px; border: solid 1px transparent; color: #345684; position: relative; text-decoration: none;}
.tabs > ul a:hover {color: #000;}
.tabs > ul a:after {position: absolute; display: block; content: ""; width: 1px; height: 20px; background: #dee1e3; top: 50%; margin-top: -10px; right: 0;}
.tabs > ul .on a {background: #fff; color: #415776; border-color: #d3d6d9 #d3d6d9 transparent #d3d6d9;}
.tabs > ul li:last-child a:after,
.tabs > ul .on a:after {display: none;}
.tabs .panel-heading {display: none;}
.tabs .panels {position: relative; transition: height 0.25s ease;}
.tabs .panels > div {display: none;}
.tabs .panels > div:first-child {display: block;}
/*
.tabs .panels > div {position: absolute; top: 0;}
.tabs.stacked .panels > div {position: relative;}
*/
.qa {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
.qa > li {padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: solid 1px #e3e3e3;}
.qa > li:last-child {border-bottom-width: 0; padding: 0;}
.qa .question {margin: 0 0 10px 0; font-weight: bold;}
.qa .accent {font-weight: bold; color: #92bdf8;}
.qa .answer p:first-of-type {display: inline;}
.qa .answer p:nth-of-type(2) {margin-top: 20px;}
.qa .answer p:last-child {margin: 0;}
ul.squares {margin: 20px 0; padding: 0; list-style-type: none; font-style: normal; font-size: 16px; line-height: 22px;}
ul.squares li {position: relative; padding: 0 0 0 20px;}
ul.squares li:before {position: absolute; content: ""; top: 9px; left: 0; width: 8px; height: 8px; background: #6ea6d9;}
ul.squares li + li {margin-top: 10px;}
.dialog {background: #fff; padding: 20px; max-width: 600px; margin: 0 auto; position: relative;}
/**
* Services
*/
.services {margin: 0 -25px; display: flex; flex-wrap: wrap;}
.services > div {width: 50%; padding: 0 25px 30px 25px;}
.services h2 {margin: 0 0 20px 0; line-height: 40px; border-bottom: solid 5px #aac7ef; padding: 20px 0 20px 60px; background: url(images/handshake-icon.svg) no-repeat left center; background-size: 40px auto;}
#services-banner {background: #1e2b3c url(images/bg-blue-logo-grid.jpg) no-repeat center center; background-size: contain;}
.services-graph {background: url(images/services-graph.png) no-repeat center center; font-size: 16px; line-height: 24px; color: #fff; position: relative; min-height: 750px;}
.services-graph a {text-decoration: none; color: #fff; display: block;}
.services-graph a:hover h2 {color: #fff;}
.services-graph a:hover .more {color: #fff;}
.services-graph p:not(:last-child) {margin: 0 0 5px 0;}
.services-graph h2 {margin: 0; font-size: 36px; line-height: 40px; color: #66a6d6; font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-weight: 300; transition: 0.25s ease;}
.services-graph > h2 {position: absolute; top: 330px; width: 315px; text-align: center; color: #fff; left: 418px;}
.services-graph .more {color: #8bc740; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; font-size: 15px; transition: 0.25s ease;}
.services-graph .more:after {content: " >";}
.services-graph > div {position: absolute; top: 70px; left: 150px; max-width: 330px;}
.services-graph .service-2 {left: 710px;}
.services-graph .service-3 {left: 820px; top: 325px; max-width: 350px; width: 350px;}
.services-graph .service-4 {left: 710px; top: 570px;}
.services-graph .service-5 {left: 150px; top: 570px;}
.services-graph .service-6 {left: 0; top: 325px;}
/**
* Contact
*/
#contact {position: relative; font-size: 18px; line-height: normal;}
#contact:before {position: absolute; display: block; content: ""; top: 0; left: 50%; bottom: 0; width: 1px; background: #e0e0e0;}
#contact .left {float: left; width: 50%; padding: 0 50px 0 0;}
#contact .right {float: left; width: 50%; padding: 0 0 0 50px;}
/**
* Forms
*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 20px;}
input[type="submit"] {cursor: pointer; border-radius: 0;}
button {cursor: pointer; font-family: 'Source Sans Pro', Arial, Verdana, Sans-Serif;}
@media only screen and (max-width: 1600px) {
/* .profile-banner .photo {right: -100px;} */
}
@media only screen and (max-width: 1320px) {
#why-cascadia .body > div {padding-right: 100px;}
}
@media only screen and (max-width: 1200px) {
#header .primary {right: 5px;}
#header .primary > ul > li > a {padding: 12px 15px;}
.profile-banner .photo {right: -200px;}
#services-banner {background-image: none;}
.services-graph {background: none; display: flex; flex-wrap: wrap; align-items: flex-start; min-height: 1px; max-width: 800px; margin: 0 auto;}
.services-graph > h2 {position: static; width: 100%; margin: 0;}
.services-graph > div,
.services-graph .service-1,
.services-graph .service-2,
.services-graph .service-3,
.services-graph .service-4,
.services-graph .service-5,
.services-graph .service-6 {position: static; max-width: 100%; width: 50%;}
.services-graph > div {padding: 0 20px; margin-top: 40px;}
}
@media only screen and (max-width: 1190px) {
#footer .contact .left,
#footer .contact .right {float: none;}
#footer .contact .left {margin: 0 0 20px 0;}
#page-header {margin: 0;}
#page-header .right,
#page-header .right > div {transform: none;}
#page-header .left,
#page-header .right,
#page-header .left > div,
#page-header .right > div,
#page-header.right-offset .right > div,
#page-header.no-offset .left > div,
#page-header.wide-right .left,
#page-header.wide-right .left > div,
#page-header.wide-right .right {float: none; width: 100%; min-height: 1px; padding: 0; display: block; margin: 0;}
#page-header .left > div,
#page-header.no-offset .left > div,
#page-header.wide-right .left > div {text-align: center; padding: 20px;}
#page-header .right {margin: 0 -100px; padding: 0 100px; width: auto;}
#page-header .right > div,
#page-header.right-offset .right > div,
#page-header.no-offset .right > div {padding: 40px 20px; text-align: center;}
#page-header .right > div > div,
#page-header.right-offset .right > div > div,
#page-header.no-offset .right > div > div {max-width: 800px; padding: 0; margin: 0 auto;}
#page-header.right-offset .left > div {padding-bottom: 20px;}
#page-header .newsletter {float: none; margin: 0 auto;}
#hero .slick-dots {right: 20px;}
#home-intro {margin: 0;}
#home-intro .left,
#home-intro .right,
#home-intro .left > div,
#home-intro .right > div {float: none; width: 100%; min-height: 1px; padding: 0; display: block; margin: 0;}
#home-intro .left > div {text-align: center; padding: 30px 20px;}
#home-intro .right {margin: 0 -100px; padding: 0 100px; width: auto;}
#home-intro .right > div {padding: 30px 20px; text-align: center;}
#home-intro .right > div > div {max-width: 800px; padding: 0; margin: 0 auto;}
#experts-banner {margin: 0;}
#experts-banner .left,
#experts-banner .right,
#experts-banner .left > div,
#experts-banner .right > div {float: none; width: 100%; min-height: 1px; padding: 0; display: block; margin: 0;}
#experts-banner .left > div {text-align: center; padding: 30px 20px;}
#experts-banner .right {margin: 0 -100px; padding: 0 100px; width: auto;}
#experts-banner .right > div {padding: 30px 20px; text-align: center;}
#experts-banner .right > div > div {max-width: 800px; padding: 0; margin: 0 auto;}
#news-banner {margin: 0;}
#news-banner .left,
#news-banner .right,
#news-banner .left > div,
#news-banner .right > div {float: none; width: 100%; min-height: 1px; padding: 0; display: block; margin: 0;}
#news-banner .left > div {text-align: center; padding: 30px 20px;}
#news-banner .right {margin: 0 -100px; padding: 0 100px; width: auto;}
#news-banner .right > div {padding: 30px 20px; text-align: center;}
#news-banner .right > div > div {max-width: 800px; padding: 0; margin: 0 auto;}
#testimonials-banner .slick-dots {right: 20px;}
.studies > li {width: 25%;}
.expertise > li {width: 25%;}
.deals > li {width: 33.3333%;}
}
@media only screen and (max-width: 1050px) {
#header > div {height: 75px;}
#header .primary,
#header .secondary {display: none;}
#header .toggle-menu {display: block;}
#header .logo {width: 215px; top: 15px;}
#header .toggle-menu {top: 25px;}
.mobile-menu #page {right: 260px;}
.mobile-menu #mobile-menu {right: 0;}
}
@media only screen and (max-width: 1000px) {
.profile-banner > div > div,
.profile-banner > div > div:before {height: 300px;}
}
@media only screen and (max-width: 950px) {
#footer > div {display: block;}
#footer > div > .left,
#footer > div > .right {float: none; width: 100%; padding: 0;}
#footer > div > .left {margin: 0 0 40px 0;}
#footer .contact {margin: 0 auto; max-width: 400px;}
#footer .contact .left {float: left;}
#footer .contact .right {float: right;}
#footer .press-contact {text-align: center;}
#hero {background: #212121;}
#hero .slide {background: #212121 !important; padding: 0; display: block;}
#hero .photo {display: block; position: static;}
#hero .content {margin: 0; max-width: 100%; padding: 40px 0;}
#newsletter-banner .content {display: block;}
#newsletter-banner .left {width: 100%; padding: 0; margin: 0 0 20px 0;}
#newsletter-banner .right {width: 100%;}
#deal-callout-banner .left,
#deal-callout-banner .right {float: none; width: 100%; padding: 0;}
#deal-callout-banner .left {margin: 0 0 40px 0;}
#news-banner .news {display: block; text-align: center;}
#news-banner .news .heading {position: static; width: 100%;}
#news-banner .news .headlines {width: 100%;}
.news-ticker {padding: 0 0 30px 0; text-align: center;}
.news-ticker .slick-arrow {right: calc(50% + 10px); top: auto; bottom: 0;}
.news-ticker .slick-arrow.next {right: calc(50% - 10px);}
.studies > li {width: 33.3333%;}
.videos {margin: 0 -10px;}
.videos > li {padding: 0 10px;}
.left-sidebar-layout {display: block;}
.left-sidebar-layout .left,
.left-sidebar-layout .right {width: 100%; padding: 0;}
.left-sidebar-layout .right {margin: 0 0 40px 0;}
#resources-banner .content > div {width: 50%;}
#resources-banner .content > div:first-child {width: 100%; margin: 0 0 40px 0;}
.profiles > li {width: 33.3333%;}
div.resource-gallery > a {width: 25%;}
#why-cascadia {margin: 0;}
#why-cascadia .headline {background: #6ea6d9;}
#why-cascadia .headline > div > div {display: block; transform: none;}
#why-cascadia .headline > div > div > div {padding: 30px 0 25px 0; text-align: center; transform: none;}
#why-cascadia .body {background: #283c54;}
#why-cascadia .body > div {padding-right: 20px;}
#why-cascadia .body > div > div > div {padding: 50px 0 0 0;}
.right-sidebar-layout .left,
.right-sidebar-layout .right {width: 100%; padding: 0;}
.right-sidebar-layout .right {margin-top: 40px;}
.right-sidebar-layout.with-separator:before {display: none;}
.right-sidebar-layout.with-separator .right {padding-top: 40px; border-top: solid 1px #70a9d6;}
}
@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 850px) {
.expertise > li {width: 33.3333%;}
.profile-details .content,
.profile-details .content > div,
.profile-details aside {float: none; width: 100%; margin: 0;}
.services > div {width: 100%;}
.content-grid.x3 > div,
.content-grid.x4 > div {width: 50%;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 750px) {
.studies > li {width: 50%;}
.videos {margin: 0; display: block;}
.videos > li {width: 100%; padding: 0;}
.videos > li + li {margin-top: 40px;}
#testimonials-banner {font-size: 21px; line-height: 33px;}
#testimonials-banner .container {display: block;}
#testimonials-banner .container .logo,
#testimonials-banner .container .content {width: 100%; padding: 0;}
#testimonials-banner .container .logo img {margin: 0 auto 40px auto;}
.expertise > li {width: 50%;}
#resources-banner .content > div {width: 100%;}
.profile-banner > div > div {height: auto; padding-top: 20px;}
.profile-banner > div > div:before {display: none;}
.profile-banner .content {display: block; padding: 20px 0; width: auto;}
.profile-banner .content .contact,
.profile-banner .content .contact > div,
.profile-banner .content .contact > div > div {display: block; text-align: left !important; margin: 0 0 5px 0;}
.profile-banner .content .contact .social a {margin: 0 10px 0 0;}
.profile-banner .photo {display: none;}
.profile-banner .small-photo {display: block;}
#contact:before {display: none;}
#contact .left,
#contact .right {float: none; width: 100%; padding: 0;}
#contact .left {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: solid 1px #ebebeb;}
.news-tiles > li {width: 100%;}
.news-tiles > li > div {min-height: 1px;}
.header-filters > div {width: 50%;}
div.resource-gallery > a {width: 33.3333%;}
#why-cascadia .cols > div {width: 50%;}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 650px) {
.tabs-banner > div {padding-bottom: 30px;}
.tabs-banner li {float: none;}
.articles li {display: block;}
.articles .logo,
.articles .content {width: 100%; padding: 0;}
.articles .logo img {margin: 0 0 20px 0;}
.profiles > li {width: 50%;}
.services-graph > div,
.services-graph .service-1,
.services-graph .service-2,
.services-graph .service-3,
.services-graph .service-4,
.services-graph .service-5,
.services-graph .service-6 {width: 100%;}
}
@media only screen and (max-width: 600px) {
#footer nav > ul {float: none; width: 100%; padding: 0; text-align: center;}
#footer nav > ul + ul {margin-top: 40px;}
#footer .contact {text-align: center;}
#footer .contact .left,
#footer .contact .right {float: none;}
#footer .linkedin {margin: 0 auto;}
#footer .press-contact {margin: 20px 0 0 0;}
#footer .press-contact .label {display: block; margin: 20px 0 0 0;}
#master-footer {text-align: center;}
#master-footer span {display: block;}
#master-footer .left,
#master-footer .right {float: none;}
#master-footer .legal {display: block; margin: 0;}
#experts-banner .right {text-align: center;}
#hero .slick-dots {position: relative; right: 0; bottom: 20px; margin: 0 0 0 20px;}
#hero .slick-dots li {float: none; display: inline-block; margin: 0 10px 0 0;}
ul.two-columns {column-count: 1; column-gap: normal;}
.studies {margin: 0; display: block;}
.studies > li {width: 100%; padding: 0;}
.studies > li + li {margin-top: 12px;}
.expertise > li {width: 100%;}
div.resource-gallery > a {width: 50%;}
#deal-dialog .left,
#deal-dialog .right,
#deal-dialog .right > div {float: none; margin: 0; width: 100%;}
#deal-dialog .left {margin: 0 0 20px 0;}
.content-grid > div,
.content-grid.x3 > div,
.content-grid.x4 > div {width: 100%;}
}
@media only screen and (max-width: 550px) {
}
@media only screen and (max-width: 500px) {
/*
#header > div {height: 75px;}
#header .logo {width: 215px;}
#header .toggle-menu {top: 25px;}
*/
.quote-slider .slide:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2);}
.quote-slider .slide > div {position: relative; padding-left: 50px; z-index: 5;}
.header-filters > div {width: 100%;}
#why-cascadia .cols > div {width: 100%;}
}
@media only screen and (max-width: 450px) {
.profiles > li {width: 100%;}
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 350px) {
}
@media only screen and (max-width: 300px) {
}