/*
Theme Name: Aurigo
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Aurigo.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a> on behalf of <a href="http://www.the-medium.net" target="_blank">The Medium</a>
Version: 1.1
*/

@import url(default.css);

/**
 * 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: 'Roboto', Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 20px; color: #383838; 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;}

b,
strong {font-weight: bold;}

a {transition: 0.25s ease; color: #015f74;} /* #232e6c */
a:focus,
a:hover {color: #000;}

h2 {margin: 0; font-size: 24px; line-height: 28px; color: #182e34;}
h2.line {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 27px; line-height: 31px; text-transform: uppercase; border-bottom: solid 4px #e6e7e7;}
h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #015f74;}
h3:not(:first-child) {margin-top: 40px;}

/**
 * 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,
.visually-hidden {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

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 {top: 0; left: 0; width: auto; height: auto; z-index: 1000;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#header {position: fixed; top: 12px; left: 0; right: 0; z-index: 100; background: #fff; transition: 0.5s ease;}
#header > div {position: relative; height: 70px; max-width: 1580px;}
#header .logo {position: absolute; top: 15px; left: 40px; z-index: 10;}
#header .logo img {display: block;}
#header .toggle-menu {position: absolute; top: 25px; right: 40px; display: none;}
#header .secondary-nav {position: absolute; top: 25px; right: 40px; font-size: 13px; line-height: 20px; color: #ccd0d1; z-index: 10; font-weight: 400;}
#header .secondary-nav li {float: left;}
#header .secondary-nav li + li {margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: solid 1px #ccd0d1;}
#header .secondary-nav a {color: #505050; text-decoration: none;}
#header .secondary-nav .toggle-search a:before {font-family: 'Font Awesome 5 Pro'; content: "\f002"; margin: 0 7px 0 0; font-weight: bold;}
#header .search {background: #f0f2f3; position: absolute; top: 70px; left: 175px; right: 175px; padding: 30px; display: -webkit-flex; display: flex; justify-content: space-between; transition: 0.5s ease; opacity: 0; visibility: hidden;}
#header .search [type="text"] {width: calc(100% - 130px); font-size: 20px; line-height: 24px; border: none; background: none; border-bottom: solid 1px #dadbdb;}
#header .search .close {font-weight: 300; position: absolute; top: 10px; right: 10px;}
#header.display-search .search {opacity: 1; visibility: visible;}
body.admin-bar #header {top: 44px;}

#nav {position: absolute; top: 0; left: 175px; right: 175px; z-index: 5; font-weight: 400;}
#nav a {color: #002a2f; text-decoration: none;}
#nav a:focus,
#nav a:hover {color: #015f74; text-decoration: underline;}
#nav > ul {padding: 0 0 0 120px;}
#nav > ul > li {float: left; margin: 0 30px 0 0;}
#nav > ul > li > a {font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight: 900; position: relative; display: block; padding: 25px 30px 25px 0; text-decoration: none;}
#nav > ul > li > a:focus,
#nav > ul > li > a:hover {text-decoration: none;}
#nav > ul > li.menu-item-has-children > a:before {position: absolute; top: 25px; right: 10px; font-family: 'Font Awesome 5 Pro'; content: "\f107"; color: #ee3135;}
#nav > ul > li.active > a:after {position: absolute; content: ""; bottom: 0; left: 0; right: 30px; height: 6px; background: #ee3135;}
#nav > ul > li.active > ul {opacity: 1; visibility: visible; z-index: 5;}
#nav > ul > li > ul {background: #f0f2f3; display: -webkit-flex; display: flex; padding: 0 0 0 40px; position: absolute; left: 0; right: 0; transition: 0.5s ease; opacity: 0; visibility: hidden; z-index: 1;}
#nav > ul > li > ul > li {width: 20%; padding: 25px 25px 45px 25px; position: relative;}
#nav > ul > li > ul > li > a {font-size: 15px; line-height: 17px; font-weight: bold; padding: 0 50px 0 0; display: inline-block;}
#nav > ul > li > ul > li > ul > li {margin: 8px 0 0 0;}
#nav > ul > li.products > ul > li > a {position: relative; margin: 0 0 5px 0;}
#nav > ul > li.products > ul > li > a:before {position: absolute; content: ""; top: calc(50% - 12px); right: 0; width: 40px; height: 23px; background: url() no-repeat center center; background-size: 100% auto;}
#nav > ul > li.products > ul > li:first-child {background: #d6dde1; padding-bottom: 20px;}
#nav > ul > li.products > ul > li:first-child > a {font-size: 17px; line-height: 19px;}
#nav > ul > li.products > ul > li:nth-child(2) > a:before {background-image: url(images/product-line-plan.svg);}
#nav > ul > li.products > ul > li:nth-child(3) > a:before {background-image: url(images/product-line-build.svg);}
#nav > ul > li.products > ul > li:nth-child(4) > a:before {background-image: url(images/product-line-maintain.svg);}
#nav > ul > li.products > ul > li:nth-child(5) > a:before {background-image: url(images/product-line-operate.svg);}
#nav > ul > li.products > ul > li:nth-child(n+2):after {position: absolute; content: ""; top: 25px; right: 0; bottom: 25px; width: 1px; background: #dadbdb;}
#nav > ul > li.products > ul > li.masterworks > a {display: none;}
#nav > ul > li.products ul ul ul li {margin-top: 5px;}
#nav > ul > li.products li.icon-item > a {position: relative; margin: 0 0 5px 0; font-size: 17px; line-height: 19px; display: inline-block; font-weight: bold; text-decoration: none; padding: 0 50px 0 0; color: #002a2f;}
#nav > ul > li.products li.icon-item > a:before {position: absolute; content: ""; top: calc(50% - 12px); right: 0; width: 40px; height: 23px; background-size: 100% auto;}
#nav > ul > li.products li.icon-item > a:focus,
#nav > ul > li.products li.icon-item > a:hover {color: #015f74; text-decoration: underline;}
#nav > ul > li.products li.masterworks-cloud {margin: 20px 0;}
#nav > ul > li.products li.masterworks-cloud > a:before {background-image: url(images/icon-masterworks.svg?a);}
#nav > ul > li.products li.masterworks-2021 > a:before {background-image: url(images/product-line-masterworks-2021.svg);}
#nav > ul > li.products li.essentials-cloud > a:before {background-image: url(images/product-line-essentials.svg?a);}
#nav > ul > li.products li.enterprise-cloud > a:before {background-image: url(images/product-line-enterprise.svg?a);}

#nav > ul > li.products > ul > li.essentials-callout,
#nav > ul > li.products .pricing {display: none;}
#nav > ul > li.industries > ul {padding: 0;}
#nav > ul > li.industries > ul > li {width: 25%;}
#nav > ul > li.industries > ul > li:nth-child(n+1):after {position: absolute; content: ""; top: 25px; right: 0; bottom: 25px; width: 1px; background: #dadbdb;}
#nav > ul > li.industries > ul > li > a {pointer-events: none;}
#nav > ul > li.single {position: relative;}
#nav > ul > li.single > ul {left: -20px; right: auto; width: 200px; display: block; padding: 20px;}
#nav > ul > li.single > ul > li {width: 100%; padding: 0;}
#nav > ul > li.single > ul > li > a {font-weight: normal; font-size: 13px; line-height: 14px; padding: 0; display: inline;}
#nav > ul > li.single > ul > li + li {margin-top: 5px;}
#nav li:not(.button) + li.button {margin-top: 20px;}
#nav .button a {display: block; text-align: center; border: solid 1px #8ab3bc; background: #f0f2f3; padding: 10px; font-weight: bold; text-transform: uppercase;}
#nav .button a:focus,
#nav .button a:hover {background: #015f74; color: #fff; text-decoration: none;}
#nav .essentials-callout {margin: 15px 0 0 0;}
#nav .essentials-callout a {display: block; width: 100%; font-size: 0; line-height: 0; text-indent: -10000px; padding-bottom: 32%; background: url(images/masterworks-2021-menu-callout.svg) no-repeat center center; background-size: cover; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
#nav ul ul ul {font-size: 13px; line-height: 14px;}
#nav ul ul ul a {color: #3b3b3b;}
#nav ul ul ul a:focus,
#nav ul ul ul a:hover {color: #015f74;}

#page {min-width: 320px; transition: right 0.5s ease; position: relative; right: 0; overflow: hidden;}

#footer .upper {font-size: 15px; line-height: 22px; font-weight: normal;}
#footer .upper > div {padding-top: 75px; padding-bottom: 75px;}
#footer .upper a {color: #015f74; text-decoration: none;}
#footer .upper a:focus,
#footer .upper a:hover {color: #000; text-decoration: underline;}
#footer .upper .container {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#footer .upper .contact {width: 20%;}
#footer .upper .contact > div {max-width: 160px;}
#footer .upper .contact .logo img {display: block; margin: 0 0 20px 0;}
#footer .upper .contact .details {padding: 20px 0; margin: 0 0 20px 0; border-top: solid 1px #bec5c7; border-bottom: solid 1px #bec5c7;}
#footer .upper .contact .details span {display: block;}
#footer .upper .social ul {margin: 0; padding: 0; list-style-type: none; font-size: 26px; line-height: 26px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;}
#footer .upper .social a {color: #ee3135;}
#footer .upper nav {width: 80%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#footer .upper nav .general {width: 60%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#footer .upper nav .general .left {width: 35%;}
#footer .upper nav .general .right {width: 55%;}
#footer .upper nav .general .right > ul {max-width: 285px;}
#footer .upper nav .industries {width: 40%;}
#footer .upper nav ul.links > li > a {color: #2a2d2e; text-transform: uppercase; font-weight: bold;}
#footer .upper nav ul.links > li > ul {margin: 0 0 30px 0;}
#footer .upper nav ul.links ul li {margin-top: 7px;}
#footer .upper nav ul.links ul li.separator {border-top: solid 1px #bdc5c7; padding-top: 12px; margin-top: 12px;}
#footer .upper nav .industries ul.links > li > ul {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#footer .upper nav .industries ul.links > li > ul > li {width: 50%; margin-bottom: 30px;}
#footer .upper nav .industries ul.links > li > ul > li > a {text-transform: uppercase; pointer-events: none;}
#footer .lower {font-size: 14px; line-height: 18px; font-weight: normal;}
#footer .lower > div {padding-top: 25px; padding-bottom: 25px;}
#footer .lower a {color: #1b4866; text-decoration: none;}
#footer .lower a:focus,
#footer .lower a:hover {color: #000; text-decoration: underline;}

#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; font-size: 14px; line-height: 18px; background: #f1f2f4; overflow: auto; transition: right 0.5s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
#mobile-menu a {color: #002a2f; text-decoration: none; display: block;}
#mobile-menu a:focus,
#mobile-menu a:hover {text-decoration: underline;}
#mobile-menu .main {padding: 20px 0 0 20px;}
#mobile-menu .main > li {margin: 0 0 10px 0;}
#mobile-menu .main > li > a {font-size: 16px; line-height: 20px; font-weight: 900; text-transform: uppercase; padding: 5px 20px; position: relative;}
#mobile-menu .main > li > a:before {position: absolute; top: 5px; left: 0; font-family: 'Font Awesome 5 Pro'; content: "\f105"; color: #ee3135;}
#mobile-menu .main > li.active > a:before {content: "\f107";}
#mobile-menu .main ul {display: none; padding: 0 20px;}
#mobile-menu .main ul ul {padding: 0; margin: 0 0 10px 0;}
#mobile-menu .main ul a {padding: 4px 0;}
#mobile-menu .main .products > ul > li > a {font-size: 16px; line-height: 20px; font-weight: bold; padding: 4px 50px 4px 0; position: relative;}
#mobile-menu .main .products > ul > li > a:after {position: absolute; content: ""; top: calc(50% - 12px); right: 0; width: 40px; height: 23px; background: url(images/product-line-plan.svg) no-repeat center center; background-size: 100% auto;}
#mobile-menu .main .products > ul > li.build-line > a:after {background-image: url(images/product-line-build.svg);}
#mobile-menu .main .products > ul > li.maintain-line > a:after {background-image: url(images/product-line-maintain.svg);}
#mobile-menu .main .products > ul > li.operate-line > a:after {background-image: url(images/product-line-operate.svg);}
#mobile-menu .main .products > ul > li.masterworks > a:after {background-image: url(images/icon-masterworks.svg);}
#mobile-menu .main .products > ul > li.masterworks .essentials-callout {display: none;}
#mobile-menu .main .products > ul > li.pricing {margin: 15px 0;}
#mobile-menu .main .products > ul > li.pricing > a {border: solid 1px #88b4bd; padding: 10px 20px; text-transform: uppercase; background: #f6f8f7;}
#mobile-menu .main .products > ul > li.pricing > a:after {display: none;}
#mobile-menu .main .products > ul > li.pricing > a:focus,
#mobile-menu .main .products > ul > li.pricing > a:hover {background: #015f74; color: #fff; text-decoration: none;}
#mobile-menu .main .products .icon-item > a {font-size: 16px; line-height: 20px; font-weight: bold; padding: 4px 50px 4px 0; position: relative;}
#mobile-menu .main .products .icon-item > a:after {position: absolute; content: ""; top: calc(50% - 12px); right: 0; width: 40px; height: 23px; background: url(images/product-line-plan.svg) no-repeat center center; background-size: 100% auto;}
#mobile-menu .main .products li.masterworks-cloud {margin: 20px 0;}
#mobile-menu .main .products li.masterworks-2021 > a:after {background-image: url(images/product-line-masterworks-2021.svg);}
#mobile-menu .main .products li.essentials-cloud > a:after {background-image: url(images/product-line-essentials.svg);}
#mobile-menu .main .products li.enterprise-cloud > a:after {background-image: url(images/product-line-enterprise.svg);}

#mobile-menu .main .products li.masterworks > a {display: none;}
#mobile-menu .main .industries > ul > li > a {font-size: 16px; line-height: 20px; font-weight: bold; padding: 4px 50px 4px 0; position: relative; pointer-events: none;}
#mobile-menu .secondary {padding: 0 0 0 40px;}
#mobile-menu .secondary a {padding: 3px 0;}
#mobile-menu .search {margin: 20px; position: relative;}
#mobile-menu .search:after {position: absolute; content: "\f002"; font-family: 'Font Awesome 5 Pro'; color: #545454; top: 12px; left: 17px; font-weight: bold;}
#mobile-menu .search [type="text"] {width: 100%; font-size: 16px; line-height: 20px; padding: 10px 10px 10px 40px; background: #f6f8f7; border: solid 1px #87b3be;}
#mobile-menu .search .btn {position: absolute; right: 1000px;}
#mobile-menu .contact {margin: 20px 20px 0 40px;}
#mobile-menu .contact a {display: inline; color: #015f74;}
#mobile-menu .social {font-size: 26px; line-height: 26px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-top: solid 1px #c1c5c6; padding: 20px 0;}
#mobile-menu .social li + li {margin-left: 15px;}
#mobile-menu .social a {color: #ee3135;}
#mobile-menu .essentials-callout {margin: 15px 0 0 0;}
#mobile-menu .essentials-callout a {display: block; width: 200px; height: 66px; font-size: 0; line-height: 0; text-indent: -10000px; background: url(images/masterworks-2021-menu-callout.svg) no-repeat center center; background-size: cover; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
#mobile-menu .essentials-callout a:after {display: none;}

body.scrolled #header {top: 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
body.scrolled.admin-bar #header {top: 32px;}

.section > div {max-width: 1410px; margin: 0 auto; padding: 0 40px; position: relative;}
.section header {text-align: center; font-size: 20px; line-height: 28px; margin: 0 auto 40px auto;}
.section header h2 {margin: 0 0 10px 0; font-size: 28px; line-height: 36px; color: #015f74; font-weight: bold;}
.section header.wide {max-width: 1100px;}
.section footer {text-align: center; margin: 40px auto 0 auto;}
.section footer .btn {margin: 0;}
.section.grey {background: #f0f2f3;}
.section.gutter > div {padding-top: 50px; padding-bottom: 50px;}
.section.medium-gutter > div {padding-top: 70px; padding-bottom: 70px;}
.section.large-gutter > div {padding-top: 90px; padding-bottom: 90px;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #002a2f; font-size: 18px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-size: 16px; line-height: 20px; text-decoration: none;}
.toggle-menu > span {display: inline-block; vertical-align: middle; margin-right: 5px;}
.toggle-menu > div {display: inline-block; width: 22px; height: 18px; vertical-align: middle;}
.toggle-menu > div span {display: block; width: 22px; height: 3px; margin-bottom: 4px; background: #002a2f; transition: .3s ease; position: relative;}
.toggle-menu.active {color: #002a2f;}
.toggle-menu.active > div {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #002a2f;}
.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); top: 6px;}

.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}

.default-copy {font-size: 16px; line-height: 26px;}

.btn {display: inline-block; cursor: pointer; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 10px 30px; background: #ee3135; text-decoration: none; text-align: center; border: solid 1px #ee3135; font-weight: bold; transition: 0.25s ease; margin: 15px 15px 0 0;}
.btn.alt {border-color: #8ab3bc; background: #f0f2f3; color: #383838;}
.btn.alt-2 {border-color: #015f74; background: #015f74;}
.btn.arrow:after {font-family: 'Font Awesome 5 Pro'; content: "\f105"; margin-left: 15px; font-weight: normal;}
.btn.hollow {background: none;}
.btn:focus,
.btn:hover {background: #fff; color: #ee3135;}
.btn.alt:focus,
.btn.alt:hover {background: #015f74; color: #fff;}
.btn.alt-2:focus,
.btn.alt-2:hover {color: #015f74;}
.btn.alt-3 {background: #f0f2f3; color: #383838; border-color: #8ab3bc;}
.btn.alt-3:focus,
.btn.alt-3:hover {background: #383838; color: #f0f2f3;}

a.download {font-size: 16px; line-height: 20px; display: inline-block; font-weight: bold; color: #2a2d2e; text-transform: uppercase; text-decoration: none;}
a.download:before {font-family: 'Font Awesome 5 Pro'; content: "\f33d"; color: #015f74; margin-right: 5px;}

a.video {position: relative; display: inline-block; margin: 0 auto;}
a.video img {display: block; margin: 0 auto;}
a.video:before {position: absolute; width: 80px; height: 80px; content: ""; left: calc(50% - 40px); top: calc(50% - 40px); border-radius: 50%; background: #fff; opacity: 0.8; transition: 0.25s ease;}
a.video:after {position: absolute; width: 80px; height: 80px; font-family: 'Font Awesome 5 Pro'; content: "\f04b"; font-weight: bold; left: calc(50% - 40px); top: calc(50% - 40px); font-size: 35px; line-height: 80px; color: #000; opacity: 0.6; text-align: center; text-indent: 5px; transition: 0.25s ease;}
a.video:focus:before,
a.video:hover:before,
a.video:focus:after,
a.video:hover:after {opacity: 1;}

.box-call-to-action {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; background: #fff url(images/bg-tech.jpg) no-repeat right top; font-size: 20px; line-height: 28px; padding: 45px 80px 45px 50px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);}
.box-call-to-action > .content {width: calc(100% - 230px); padding: 0 115px 0 0;}
.box-call-to-action > .actions {width: 230px;}
.box-call-to-action strong {font-size: 28px; line-height: 36px; color: #015f74; font-weight: bold;}
.box-call-to-action .btn {width: 230px; margin: 0;}
.box-call-to-action .btn + .btn {margin-top: 20px;}

.intro-banner .box-call-to-action {position: relative; top: -70px;}
.intro-banner .stats {margin-top: -70px;}
.intro-banner .btn + .btn {margin-left: 0;}

.stats {font-size: 17px; line-height: 21px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 55px 375px 45px 0;}
.stats:before {position: absolute; content: ""; top: 20px; right: 0; width: 335px; height: 225px; background: url(images/tablet.png) no-repeat center center;}
.stats > div {width: 33.3333%; padding: 0 50px;}
.stats > div + div {border-left: solid 1px #b4b5b6;}
.stats .stat {font-size: 64px; line-height: 64px; color: #ee3135; display: block; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0;}
.stats .stat small {display: block; font-size: 22px; line-height: 22px; font-weight: bold;}
.stats.no-photo {padding: 0; margin: 60px 0;}
.stats.no-photo:before {display: none;}
.stats.span-4 > div {width: 25%;}

.resource-boxes {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -25px -40px -25px;}
.resource-boxes > div {width: 33.3333%; padding: 0 25px 40px 25px; display: -webkit-flex; display: flex;}
.resource-boxes.x-2 {margin: 0 -15px -40px -15px;}
.resource-boxes.x-2 > div {width: 50%; padding: 0 15px 40px 15px;}

.resource-box {background: #f0f2f3; border: solid 1px #d6dde1; font-size: 17px; line-height: 23px; width: 100%; position: relative;}
.resource-box img {display: block; width: 100%;}
.resource-box h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 27px; color: #015f74;}
.resource-box h3 a {color: #015f74; text-decoration: none;}
.resource-box h3 + p > .btn {margin-top: 30px;}
.resource-box a.download {margin-top: 30px;}
.resource-box .head {margin: -1px -1px 0 -1px;}
.resource-box .category {padding: 13px 30px; font-size: 15px; line-height: 19px; color: #fff; text-transform: uppercase; background: #011e2d url(images/bg-box-category-wide.png) no-repeat right center; font-weight: bold;}
.resource-box .body {padding: 20px 30px;}
.resource-box .content {padding-bottom: 50px;}
/* .resource-box .footer {display: -webkit-flex; display: flex; flex-direction: row-reverse; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 0 30px 20px 30px;}
.resource-box .footer .logo {padding: 0 0 0 20px;}
.resource-box .footer .logo img {display: block; max-width: 140px;} */
.resource-box .btn {margin: 0; position: absolute; left: 30px; bottom: 20px; max-width: calc(100% - 60px);}
.resource-box .logo {margin: 0 0 15px 0; position: absolute; right: 30px; bottom: 5px; max-width: 140px; height: 70px; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end;}
.resource-box .logo img {display: block; max-height: 100%;}
.resource-box.has-logo .btn {max-width: calc(100% - 220px);}
.resource-box.brochure.has-thumbnail .body {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; -webkit-align-items: flex-start; align-items: flex-start;}
.resource-box.brochure.has-thumbnail .body > .content {width: 71%; padding-right: 20px;}
.resource-box.brochure.has-thumbnail .body > .thumb {width: 29%; padding-bottom: 50px;}
.resource-box.brochure.has-thumbnail .body > .thumb img {display: block;}

.call-to-action-banner {background: #011a22 url(images/bg-highways.jpg) no-repeat center center; background-size: cover; text-align: center;}
.call-to-action-banner h2 {margin: 0 0 20px 0; font-size: 28px; line-height: 32px; font-weight: bodl; color: #fff;}
.call-to-action-banner .btn {min-width: 225px; margin: 10px 10px 0 10px;}

.subnav {background: #f0f2f3; font-size: 13px; line-height: 17px; font-weight: normal;}
.subnav ul {margin: 0; padding: 0; list-style-type: none;}
.subnav ul.menu a {color: #3b3b3b; text-decoration: none;}
.subnav ul.menu a:focus,
.subnav ul.menu a:hover {text-decoration: underline;}
.subnav > ul.menu {padding: 0 0 20px 0;}
.subnav > ul.menu > li {display: none;}
.subnav > ul.menu > li.current-menu-item,
.subnav > ul.menu > li.current-menu-ancestor,
.subnav > ul.menu > li.current-page-ancestor {display: block;}
.subnav > ul.menu > li > a {display: block; padding: 20px 25px; color: #002a2f; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 15px; background: #d6dde1; margin: 0 0 15px 0;}
.subnav > ul.menu > li > ul > li {border-left: solid 5px transparent; position: relative;}
.subnav > ul.menu > li > ul > li.plan-line.current-menu-ancestor {border-color: #5e862d;}
.subnav > ul.menu > li > ul > li.build-line.current-menu-ancestor {border-color: #cb7525;}
.subnav > ul.menu > li > ul > li.maintain-line.current-menu-ancestor {border-color: #015f74;}
.subnav > ul.menu > li > ul > li.operate-line.current-menu-ancestor {border-color: #38949f;}
.subnav > ul.menu > li > ul > li + li {margin: 5px 0 0 0;}
.subnav > ul.menu > li.products > ul > li + li {margin: 26px 0 0 0;}
.subnav > ul.menu > li.products > ul > li + li:before {position: absolute; content: ""; top: -13px; left: 17px; right: 17px; height: 1px; background: #d6dde1;}
.subnav > ul.menu > li.products > ul > li:nth-child(1) + li {margin: 0;}
.subnav > ul.menu > li.products > ul > li:nth-child(1) + li:before {display: none;}
.subnav > ul.menu > li > ul > li > a {font-weight: bold; display: block; padding: 10px 20px; font-size: 15px; line-height: 17px;}
.subnav > ul.menu > li:not(.products) > ul > li.current-menu-item {border-color: #e42a2d; background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.12);}
.subnav > ul.menu > li.products > ul > li.current-menu-item > a {background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.12); padding: 10px 20px; margin: 0 0 5px 0;}
.subnav > ul.menu > li.products > ul > li > ul > li > a,
.subnav > ul.menu > li.products > ul > li > ul > li.current-menu-item > a {padding-left: 20px;}
.subnav > ul.menu > li > ul > li.masterworks {display: none;}
.subnav > ul.menu > li > ul > li > ul > li > a {display: block; padding: 3px 20px 3px 15px;}
.subnav > ul.menu > li > ul > li > ul > li.overview {display: none;}
.subnav > ul.menu > li > ul > li > ul > li.current-menu-item > a {background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.12); padding: 6px 20px 6px 15px; margin: 4px 0;}
.subnav > ul.menu > li.industries > ul > li {border-left: none;}
.subnav > ul.menu > li:not(.products) > ul > li > ul > li > a {border-left: solid 5px transparent;}
.subnav > ul.menu > li:not(.products) > ul > li > ul > li.current-menu-item > a {border-left: solid 5px #e42a2d;}
.subnav > ul.menu > li.products .pricing {display: none;}
.subnav .line {position: relative; padding: 3px 80px 3px 20px; font-size: 26px; line-height: 30px; color: #5e862d; font-weight: 300; margin: 0 0 10px 0; text-transform: uppercase;}
.subnav .line:before {position: absolute; content: ""; top: 4px; right: 20px; width: 49px; height: 28px; display: block; background: url(images/product-line-plan.svg) no-repeat center center; background-size: 49px 28px;}
.subnav .build-line .line {color: #cb7525;}
.subnav .build-line .line:before {background-image: url(images/product-line-build.svg);}
.subnav .maintain-line .line {color: #015f74;}
.subnav .maintain-line .line:before {background-image: url(images/product-line-maintain.svg);}
.subnav .operate-line .line {color: #38949f;}
.subnav .operate-line .line:before {background-image: url(images/product-line-operate.svg);}
.subnav .other-products {margin: 0; padding: 15px 0; background: #d6dde1; font-size: 17px; line-height: 19px; font-weight: bold;}
.subnav .other-products ul {margin: 0; padding: 0; list-style-type: none;}
.subnav .other-products ul ul {margin-top: 10px; font-size: 13px; line-height: 14px; font-weight: normal;}
.subnav .other-products ul ul a {display: inline-block; min-height: auto; background: none;}
.subnav .other-products li + li {margin-top: 10px;}
.subnav .other-products a {color: #002a2f; text-decoration: none; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 45px; padding: 0 80px 0 20px; background: url(images/icon-masterworks.svg) no-repeat calc(100% - 20px) center; background-size: 49px 28px; border-left: solid 5px transparent;}
.subnav .other-products a:focus,
.subnav .other-products a:hover {text-decoration: underline;}
.subnav .other-products .masterworks-2021 a {background-image: url(images/product-line-masterworks-2021.svg);}
.subnav .other-products .essentials a {background-image: url(images/product-line-essentials.svg?a);}
.subnav .other-products .configuration-toolkit a {background-image: none;}
.subnav .other-products .active a {border-color: #e42a2d; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.12); padding: 10px 80px 10px 20px;}
.subnav .other-links {padding: 20px 0; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: bold;}
.subnav .other-links a {display: block; padding: 10px 20px; border-left: solid 5px transparent; position: relative; color: #002a2f; text-decoration: none;}
.subnav .other-links a:after {position: absolute; content: "\f105"; font-family: 'Font Awesome 5 Pro'; top: 10px; right: 20px; font-weight: 300; font-size: 20px;}
.subnav .other-links a:focus,
.subnav .other-links a:hover {text-decoration: underline;}
.subnav .other-links .active a {border-color: #e42a2d; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.12);}
.subnav .products .essentials-callout {display: none;}
.subnav .essentials-callout {padding: 20px;}
.subnav .essentials-callout img {display: block; width: 100%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
.subnav .action {padding: 25px 30px; text-align: center;}
.subnav .industries > ul > li > a {pointer-events: none;}
.subnav.alt {border-top: solid 8px #ee3135; padding: 20px 0 0 0;}
.subnav.alt > ul.menu > li > a {font-size: 15px; font-weight: bold; text-transform: none; letter-spacing: normal; background: none; margin: 0 0 5px 0; padding: 10px 25px;}
.subnav.alt > ul.menu > li > ul > li > a {font-size: 13px; line-height: 14px; font-weight: normal;}
.subnav.alt > ul.menu > li > ul > li.current-menu-item > a {font-weight: bold;}
.subnav.alt > ul.menu > li > ul > li:before {position: absolute; content: ""; top: 0; left: 20px; right: 20px; height: 1px; background: #d6dde1;}
.subnav.alt > ul.menu > li > ul > li.current-menu-item:before,
.subnav.alt > ul.menu > li > ul > li.current-menu-item + li:before {display: none;}
.subnav.alt .line {color: #ee3135;}
.subnav.alt .line:before {background-image: url(images/product-line-essentials.svg);}
.subnav.alt .enterpriseline:before {background-image: url(images/product-line-enterprise.svg);}



.sidebar-layout {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; font-size: 20px; line-height: 28px;}
.sidebar-layout > .content {width: calc(100% - 300px);}
.sidebar-layout > .content > .intro {max-width: 950px; margin: 0 0 30px 0;}
.sidebar-layout > .content > .intro h2 {margin: 0 0 30px 0; font-size: 40px; line-height: 44px; color: #182e34;}
.sidebar-layout > aside {width: 300px; padding: 0 60px 0 0;}
.sidebar-layout > aside.negative {margin-top: -180px;}
.sidebar-layout > aside.medium-negative {margin-top: -220px;}
.sidebar-layout > aside.extra-negative {margin-top: -430px;}

.right-sidebar-layout {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.right-sidebar-layout > .content {width: 65%; padding: 0 70px 0 0;}
.right-sidebar-layout > .sidebar {width: 35%;}

.highlights-box {font-size: 14px; line-height: 20px; font-weight: bold;}
.highlights-box .head {margin: 0 0 3px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 18px; line-height: 22px; font-weight: bold; text-transform: uppercase; padding: 15px 50px; background: rgb(243,245,247); background: -moz-linear-gradient(top, rgba(243,245,247,1) 0%, rgba(224,231,235,1) 100%); background: -webkit-linear-gradient(top, rgba(243,245,247,1) 0%,rgba(224,231,235,1) 100%); background: linear-gradient(to bottom, rgba(243,245,247,1) 0%,rgba(224,231,235,1) 100%);}
.highlights-box .head > span {margin-right: 15px; width: calc(100% - 95px);}
.highlights-box .head:after {content: ""; width: 80px; height: 45px; background: url(images/icon-masterworks.svg) no-repeat center center; background-size: 100% auto;}
.highlights-box ul {margin: 0; padding: 10px 20px; list-style-type: none; background: #d6dee4; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.highlights-box li {padding: 10px 0;}
.highlights-box li + li {border-top: solid 2px #fff;}

blockquote {margin: 60px auto; max-width: 800px; padding:  35px 80px 0 80px; font-size: 32px; line-height: 1.5em; color: #015f74; font-style: italic; position: relative; background: url(images/quote-mark.svg) no-repeat left top;}
blockquote .author {text-align: right; font-size: 15px; line-height: 19px; font-style: normal;}
blockquote .author strong {text-transform: uppercase;}
.grey blockquote {background-image: url(images/quote-mark-dark.svg);}

hr {height: 4px; border: none; background: #f1f3f4; margin: 60px 0; font-size: 0; line-height: 0;}

.basic-list {margin: 30px 0; padding: 0 0 0 20px;}
.basic-list li {margin: 0 0 20px 0;}

.profiles {font-size: 20px; line-height: 28px;}
.profiles > div {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.profiles > div + div {margin-top: 40px; padding-top: 40px; border-top: solid 4px #f0f2f3;}
.profiles h2 {margin: 0 0 40px 0; padding: 0 0 20px 0; font-size: 27px; line-height: 31px; color: #2a2d2e; font-weight: bold; text-transform: uppercase; border-bottom: solid 4px #f0f2f3;}
.profiles h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #182e34; font-weight: bold; text-transform: uppercase;}
.profiles h3 .title {font-weight: normal; text-transform: none;}
.profiles .photo {width: 20%;}
.profiles .content {width: 80%; padding: 0 0 0 50px;}
.grey .profiles h2 {border-bottom-color: #e6e7e7;}
.grey .profiles > div + div {border-top-color: #e6e7e7;}

.client-logos {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -30px -15px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.client-logos > div {padding: 0 15px 30px 15px;}
.client-logos img {display: block; max-width: 80px; margin: 0 auto;}
.client-logos.alt {justify-content: space-around;}
.client-logos.alt img {max-width: 100px;}

.generic-content {margin: 0 0 40px 0; font-size: 22px; line-height: 32px;}
.generic-content h2 {margin: 0 0 30px 0; font-size: 24px; line-height: 32px; color: #182e34;}

.generic-content-2 {font-size: 17px; line-height: 23px;}
.generic-content-2 h2 {margin: 0 0 20px 0; font-size: 24px; line-height: 32px; color: #015f74;}
.generic-content-2 h3 {margin: 0; font-size: 22px; line-height: 32px; color: #182e34;}

/* .about-content {font-size: 24px; line-height: 32px;} */
.about-content {font-size: 20px; line-height: 28px;}
.about-content h2 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 27px; line-height: 31px; font-weight: bold; text-transform: uppercase; border-bottom: solid 4px #f0f2f3;}
.about-content h2 span {text-transform: none;}
.about-content .grey h2 {border-bottom-color: #e6e7e7;}

.hanging-sidebar-layout {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.hanging-sidebar-layout > .content {width: 76%; padding: 0 50px 0 0;}
.hanging-sidebar-layout > aside {width: 24%; position: relative; z-index: 5; padding: 50px 0;}
.hanging-sidebar-layout .content-section {padding: 50px 0; position: relative;}
.hanging-sidebar-layout .content-section > div {position: relative;}
.hanging-sidebar-layout .content-section.grey:before {position: absolute; content: ""; top: 0; right: -10000px; bottom: 0; left: -10000px; background: #f0f2f3;}

.sidebar-block {font-size: 17px; line-height: 25px; background: #fff; border: solid 1px #e6e7e7;}
.sidebar-block .head {background: url(images/bg-sidebar-block-header.png) no-repeat center center; background-size: cover; padding: 20px 20px;}
.sidebar-block .head h3 {margin: 0; font-size: 18px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #fff;}
.sidebar-block .body {padding: 30px;}
.sidebar-block .btn {width: 100%;}
.sidebar-block img {display: block; width: 100%;}

.photo-list > div {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; -webkit-align-items: flex-start; align-items: flex-start; margin: 0 0 30px 0;}
.photo-list .photo {width: 35%; padding: 5px 0 0 0;}
.photo-list .photo img {display: block;}
.photo-list .content {width: 65%; padding: 0 40px 0 0;}
h2 + .photo-list {margin-top: 30px;}

body.page-template-template-configuration-toolkit .product-line-header > div:before,
body.page-template-template-configuration-toolkit .product-line-header > div:after {display: none;}

.accent {color: #015f74;}

hr {margin: 60px 0; height: 4px; background: #f0f2f3; font-size: 0; line-height: 0; border: none;}

.alignright,
img.alignright,
.alignleft,
img.alignleft {max-width: 50%;}

.generic-page-header {background: url(images/bg-page-header.jpg) no-repeat center center; background-size: cover; font-size: 44px; line-height: 48px; font-weight: 300; color: #fff;}
.generic-page-header > div {padding-top: 80px;}
.generic-page-header h1 {margin: 0; font-size: 46px; line-height: 56px; color: #fff; font-weight: bold;}
.generic-page-header .content {min-height: 250px; padding: 50px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}

.jobs-iframe {position: relative; padding-bottom: 50%; overflow: hidden;}
.jobs-iframe iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.boxes {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 40px -10px 30px -10px; font-size: 17px; line-height: 23px; color: #383838;}
.boxes > div {width: 33.3333%; display: -webkit-flex; display: flex; padding: 0 10px 20px 10px;}
.boxes > div > div {padding: 35px 25px 30px 25px; background: #f0f2f3; border: solid 1px #d6dde1; position: relative;}
.boxes > div > div:before {position: absolute; content: ""; top: -1px; left: -1px; right: -1px; height: 10px; background: rgb(30,135,151); background: -moz-linear-gradient(left, rgba(30,135,151,1) 0%, rgba(64,176,188,1) 100%); background: -webkit-linear-gradient(left, rgba(30,135,151,1) 0%,rgba(64,176,188,1) 100%); background: linear-gradient(to right, rgba(30,135,151,1) 0%,rgba(64,176,188,1) 100%);}
.boxes > div:nth-child(2n) > div:before {background: rgb(193,33,38); background: -moz-linear-gradient(left, rgba(193,33,38,1) 0%, rgba(237,49,52,1) 100%); background: -webkit-linear-gradient(left, rgba(193,33,38,1) 0%,rgba(237,49,52,1) 100%); background: linear-gradient(to right, rgba(193,33,38,1) 0%,rgba(237,49,52,1) 100%);}
.boxes > div:nth-child(3n) > div:before {background: rgb(12,34,49); background: -moz-linear-gradient(left, rgba(12,34,49,1) 0%, rgba(5,96,117,1) 100%); background: -webkit-linear-gradient(left, rgba(12,34,49,1) 0%,rgba(5,96,117,1) 100%); background: linear-gradient(to right, rgba(12,34,49,1) 0%,rgba(5,96,117,1) 100%);}

.quote-sidebar-layout {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start;}
.quote-sidebar-layout > .content {width: 66.6666%; padding: 0 70px 0 0;}
.quote-sidebar-layout > .quote-sidebar {width: 33.3333%; font-size: 26px; line-height: 36px; color: #015f74; font-style: italic;}

.arrow-list {margin: 0; padding: 0; list-style-type: none;}
.arrow-list > li {padding: 0 0 30px 30px;background: url(images/arrow-square.png) no-repeat left 5px;}

.icon-list {margin: 30px 0 0 0; padding: 0; list-style-type: none;}
.icon-list > div {padding: 0 0 0 170px; margin: 0 0 30px 0; min-height: 150px; position: relative;}
.icon-list > div:before {position: absolute; content: ""; top: 0; left: 5px; width: 115px; height: 128px; background: url(images/hex-gray.png) no-repeat center center;}
.icon-list > div:after {position: absolute; content: ""; top: 0; left: 5px; width: 115px; height: 128px; background: no-repeat center center;}
.icon-list h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 32px; color: #015f74; font-weight: bold;}
.icon-list h3 {margin: 0 0 5px 0; font-size: 20px; line-height: 24px; color: #015f74; font-weight: bold;}
.icon-list .icon-access:after {background-image: url(images/icon-access.svg);}
.icon-list .icon-config:after {background-image: url(images/icon-config.svg);}
.icon-list .icon-data:after {background-image: url(images/icon-data.svg);}
.icon-list .icon-organizational:after {background-image: url(images/icon-organizational.svg);}
.icon-list .icon-security:after {background-image: url(images/icon-security.svg);}
.icon-list .icon-support:after {background-image: url(images/icon-support.svg);}
.icon-list .icon-systems:after {background-image: url(images/icon-systems.svg);}
.icon-list .icon-training:after {background-image: url(images/icon-training.svg);}
.icon-list .icon-cog-dial:after {background-image: url(images/icon-cog-dial.svg);}
.icon-list .icon-down-chart:after {background-image: url(images/icon-down-chart.svg);}
.icon-list .icon-flag:after {background-image: url(images/icon-flag.svg);}
.icon-list.cols {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -30px 0 -30px;}
.icon-list.cols > div {width: 50%; padding: 0 30px 0 200px;}
.icon-list.cols > div:before {left: 35px;}
.icon-list.cols > div:after {left: 35px;}

.icon-screenshot-list > div {display: flex; flex-wrap: wrap;}
.icon-screenshot-list > div + div {margin-top: 40px;}
.icon-screenshot-list .icon {width: 15%; padding: 0 40px 0 0;}
.icon-screenshot-list .content {width: 50%; padding: 0 60px 0 0;}
.icon-screenshot-list .screenshot {width: 35%;}

ol.hexes {margin: 0; padding: 0; list-style-type: none; counter-reset: custom-counter;}
ol.hexes > li {padding: 8px 0 0 70px; margin: 0 0 20px 0; min-height: 50px; position: relative;}
ol.hexes > li:before {position: absolute; content: ""; top: 0; left: 0; width: 44px; height: 49px; background: url(images/hex-dark.png) no-repeat center center;}
ol.hexes > li:after {position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-size: 20px; line-height: 50px; font-weight: bold; text-align: center; color: #fff; width: 44px;}
ol.hexes h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 32px; color: #015f74; font-weight: bold;}

ul.two-cols {margin: 30px 0; padding: 0 0 0 20px; column-count: 2; column-gap: 40px; font-size: 17px; line-height: 23px;}
ul.two-cols li + li {margin-top: 10px;}

.intro-copy {font-size: 24px; line-height: 32px;}

.news {margin: 40px -20px -60px -20px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; line-height: 28px;}
.news > div {width: 50%; padding: 0 20px 60px 20px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.news h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; font-weight: bold;}
.news h3 a {color: #182e34; text-decoration: none;}
.news h3 a:focus,
.news h3 a:hover {text-decoration: underline;}
.news p:not(:last-child) {margin: 0 0 20px 0;}
.news .date {margin: 0;}
.news .thumb {width: 30%;}
.news .thumb img {display: block; width: 100%;}
.news .content {width: 70%; padding: 0 0 0 40px;}
.news .btn {margin: 0;}

.pagination {margin: 60px 0; text-align: center;}
.pagination .page-numbers {margin: 0 5px;}
.pagination:last-child {margin-bottom: 0;}

/**
 * Home
 */
/*#hero {background: #061529 url(images/bg-bridge.jpg) no-repeat center center; background-size: cover;}*/
#hero {overflow: hidden; position: relative;}
#hero > div {display: -webkit-flex; display: flex; min-height: 495px; -webkit-align-items: center; align-items: center;}
#hero h1 {margin: 0; font-size: 49px; line-height: 56px; font-weight: 300; color: #fff;}
#hero h1 strong {font-size: 66px; line-height: 70px; display: block; font-weight: 900;}
#hero .content {padding: 100px 0; max-width: 600px;}

.software-overview header {max-width: 950px;}
.software-overview > div {padding-top: 50px;}
.software-overview .products-box-2 {margin-bottom: -160px;}

/*
.products-box {background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); padding: 19px; font-size: 15px; line-height: 17px; font-weight: normal; position: relative; z-index: 10;}
.products-box > div {border: solid 2px #5c5c5c; background: #f0f2f3;}
.products-box h2 {margin: 0; font-size: 28px; line-height: 32px; color: #2a2d2e; font-weight: bold;}
.products-box .header {background: #eaedf0 url(images/bg-stack.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 24px 40px; font-size: 17px; line-height: 23px;}
.products-box .body ul {margin: 0; padding: 0; list-style-type: none;}
.products-box .body > ul {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.products-box .body > ul > li {width: 25%;}
.products-box .body > ul > li + li {border-left: solid 2px #fff;}
.products-box .body > ul > li > a {font-weight: bold; border-top: solid 2px #76181b; border-bottom: solid 2px #76181b; color: #182e34; text-decoration: none; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 15px 60px; position: relative; min-height: 68px; background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box .body > ul > li > a:before {position: absolute; content: ""; left: 10px; top: calc(50% - 18px); background: url(images/icon-product-capital-planning.svg) no-repeat center center; width: 36px; height: 36px;}
.products-box .body > ul > li > a:focus,
.products-box .body > ul > li > a:hover {background: #fff;}
.products-box .body > ul > li > a:after {position: absolute; top: 50%; right: 25px; margin-top: -9px; color: #76181b; font-family: 'Font Awesome 5 Pro'; content: "\f105";}
.products-box .body > ul > li:nth-child(2) > a {border-color: #ee393d;}
.products-box .body > ul > li:nth-child(2) > a:before {background-image: url(images/icon-product-construction-management.svg);}
.products-box .body > ul > li:nth-child(2) a:after {color: #ee393d;}
.products-box .body > ul > li:nth-child(3) > a {border-color: #0a6479;}
.products-box .body > ul > li:nth-child(3) > a:before {background-image: url(images/icon-product-safety.svg);}
.products-box .body > ul > li:nth-child(3) a:after {color: #0a6479;}
.products-box .body > ul > li:nth-child(4) > a {border-color: #46b2be;}
.products-box .body > ul > li:nth-child(3) > a:before {background-image: url(images/icon-product-operattions.svg);}
.products-box .body > ul > li:nth-child(4) a:after {color: #46b2be;}
.products-box .body ul ul {padding: 10px 0 20px 0;}
.products-box .body ul ul > li:first-child {display: none;}
.products-box .body ul ul a {display: block; padding: 9px 40px 9px 20px; position: relative; color: #3b3b3b; text-decoration: none;}
.products-box .body ul ul a:after {position: absolute; top: 50%; right: 25px; margin-top: -9px; color: #76181b; font-family: 'Font Awesome 5 Pro'; content: "\f105";}
.products-box .body ul ul a:focus,
.products-box .body ul ul a:hover {background: #fff; color: #015f74;}
.products-box .footer {padding: 30px 60px 30px 25px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; justify-content: space-around; border-top: solid 2px #fff; background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box .footer .content {width: calc(100% - 190px); position: relative; padding: 0 40px 0 65px;}
.products-box .footer .content:before {position: absolute; content: ""; left: 0; top: calc(50% - 20px); background: url(images/icon-product-masterworks.svg) no-repeat center center; width: 40px; height: 40px;}
.products-box .footer h3 {margin: 0 0 5px 0; font-size: 20px; line-height: 24px; color: #182e34; font-weight: bold;}
.products-box .footer ul {margin: 0; padding: 0; list-style-type: none;}
.products-box .footer ul li {display: inline;}
.products-box .footer ul li:before {content: "\00B7"; margin: 0 5px; font-weight: bold;}
.products-box.interior {padding: 11px;}
.products-box.interior > div {background: #d8d9da;}
.products-box.interior h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px;}
.products-box.interior .header {text-align: left; background: url(images/bg-stack-2.png) no-repeat center center; background-size: cover;}
.products-box.interior .header > div {max-width: 820px;}
.products-box.interior .body > ul > li {border-color: #e5e5e5;}
.products-box.interior .body > ul > li > a {padding-right: 10px; background: rgb(216,217,218); background: -moz-linear-gradient(top, rgba(216,217,218,1) 0%, rgba(192,198,202,1) 100%); background: -webkit-linear-gradient(top, rgba(216,217,218,1) 0%,rgba(192,198,202,1) 100%); background: linear-gradient(to bottom, rgba(216,217,218,1) 0%,rgba(192,198,202,1) 100%);}
.products-box.interior .body > ul > li > a::after {display: none;}
.products-box.interior .body > ul > li.current-menu-ancestor > a {background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box.interior .body > ul > li.current-menu-ancestor {background: #f0f2f3; border-bottom: solid 2px #650d0f;}
.products-box.interior .body > ul > li.current-menu-ancestor.build {border-bottom-color: #ed383c;}
.products-box.interior .footer {border-top-color: #e5e5e5; background: rgb(216,217,218); background: -moz-linear-gradient(top, rgba(216,217,218,1) 0%, rgba(193,199,203,1) 100%); background: -webkit-linear-gradient(top, rgba(216,217,218,1) 0%,rgba(193,199,203,1) 100%); background: linear-gradient(to bottom, rgba(216,217,218,1) 0%,rgba(193,199,203,1) 100%);}
.products-box.interior .footer .content {width: 100%;}
.products-box.interior .footer .action {display: none;}
.products-box.interior .body ul ul a {padding: 5px 20px;}
.products-box.interior .body ul ul a:after {display: none;}
*/

.products-box-2 {background: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); padding: 19px; font-size: 14px; line-height: 17px; font-weight: normal; position: relative; z-index: 10;}
.products-box-2 > div {border: solid 2px #5c5c5c; background: #f0f2f3;}
.products-box-2 h2 {margin: 0 0 5px 0; font-size: 28px; line-height: 32px; color: #2a2d2e; font-weight: 500;}
.products-box-2 h3 {margin: 0 0 10px 0; font-size: 34px; line-height: 38px; color: #5e862d; font-weight: 300; position: relative;}
.products-box-2 .btn {margin: 0;}
.products-box-2 .header {background: #eaedf0 url(images/bg-stack-large.png) no-repeat center center; background-size: cover; text-align: center; font-size: 20px; line-height: 28px; font-weight: 300; padding: 30px;}
.products-box-2 .header h2:after {display: inline-block; vertical-align: middle; content: ""; position: relative; top: -3px; width: 62px; height: 34px; background: url(images/icon-masterworks-grey.svg) no-repeat center center; background-size: 100% auto; margin: 0 0 0 20px;}
.products-box-2 .header > div {max-width: 920px; margin: 0 auto;}
.products-box-2 .header .container {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-align-items: center; align-items: center; max-width: 850px;}
.products-box-2 .header .container .logo {width: 25%;}
.products-box-2 .header .container .content {width: 75%; padding: 0 0 0 20px;}
.products-box-2 .body {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #f0f2f3;}
.products-box-2 .body > div {width: 25%;}
.products-box-2 .body > div + div {border-left: solid 2px #fff;}
.products-box-2 .body > div > div {border-top: solid 2px #759e3d; border-bottom: solid 2px #759e3d; color: #182e34; padding: 15px 20px; position: relative; min-height: 180px; font-weight: 300; background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box-2 .body > div > div > h3 {text-transform: uppercase;}
.products-box-2 .body > div > div > h3:before {position: absolute; content: ""; right: 10px; top: calc(50% - 14px); background: url(images/product-line-plan.svg) no-repeat center center; width: 49px; height: 28px; background-size: 49px 28px;}
.products-box-2 .body > div > div > a {font-weight: bold; color: #182e34; text-decoration: none; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 80px 0 0; position: relative; margin: 0 0 10px 0; min-height: 34px;}
.products-box-2.default .body > div > div > a:after {position: absolute; top: 50%; right: 0; margin-top: -9px; color: #759e3d; font-family: 'Font Awesome 5 Pro'; content: "\f105"; font-size: 20px; font-weight: 300;}
.products-box-2 .body > div > div p {font-size: 14px; line-height: 19px; font-style: italic; min-height: 60px;}
.products-box-2 .body > div > div strong {color: #5e862d; font-weight: bold;}
.products-box-2 .body > div:nth-child(2) > div {border-color: #e28a30;}
.products-box-2 .body > div:nth-child(2) > div > h3:before {background-image: url(images/product-line-build.svg);}
.products-box-2 .body > div:nth-child(2) > div > a:after {color: #e28a30;}
.products-box-2 .body > div:nth-child(2) > div h3,
.products-box-2 .body > div:nth-child(2) > div strong {color: #cb7525;}
.products-box-2 .body > div:nth-child(3) > div {border-color: #0a6479;}
.products-box-2 .body > div:nth-child(3) > div > h3:before {background-image: url(images/product-line-maintain.svg);}
.products-box-2 .body > div:nth-child(3) > div > a:after {color: #0a6479;}
.products-box-2 .body > div:nth-child(3) > div h3,
.products-box-2 .body > div:nth-child(3) > div strong {color: #015f74;}
.products-box-2 .body > div:nth-child(4) > div {border-color: #46b2be;}
.products-box-2 .body > div:nth-child(4) > div > h3:before {background-image: url(images/product-line-operate.svg);}
.products-box-2 .body > div:nth-child(4) > div > a:after {color: #46b2be;}
.products-box-2 .body > div:nth-child(4) > div h3,
.products-box-2 .body > div:nth-child(4) > div strong {color: #34a1af;}
.products-box-2 .body > div:nth-child(1) > ul a:after {color: #739d3c;}
.products-box-2 .body > div:nth-child(2) > ul a:after {color: #e1892f;}
.products-box-2 .body > div:nth-child(3) > ul a:after {color: #0a6479;}
.products-box-2 .body > div:nth-child(4) > ul a:after {color: #46b2be;}
.products-box-2 .body ul {margin: 0; padding: 10px 0 20px 0; list-style-type: none;}
.products-box-2 .body ul li {position: relative;}
.products-box-2 .body ul a {display: block; padding: 9px 40px 9px 20px; position: relative; color: #3b3b3b; text-decoration: none;}
.products-box-2 .body ul a:after {position: absolute; top: 50%; right: 20px; margin-top: -9px; color: #76181b; font-family: 'Font Awesome 5 Pro'; content: "\f105"; font-weight: 300; font-size: 20px;}
.products-box-2 .body ul a:focus,
.products-box-2 .body ul a:hover,
.products-box-2 .body ul li.on a {background: #fff; color: #015f74;}
.products-box-2 .body ul li.on:before {position: absolute; content: ""; top: 9px; left: 0; border: solid 4px transparent; border-left-color: #759e3d; border-width: 4px 5px; z-index: 5;}
.products-box-2 .body .build-line ul li.on:before {border-left-color: #e28a30;}
.products-box-2 .body .maintain-line ul li.on:before {border-left-color: #095a6d;}
.products-box-2 .body .operate-line ul li.on:before {border-left-color: #40a0ab;}
.products-box-2 .footer {padding: 30px; position: relative; border-top: solid 2px #fff; background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box-2 .footer h3 {margin: 0 0 5px 0; font-size: 20px; line-height: 24px; color: #182e34; font-weight: bold;}
.products-box-2 .footer h3 a {color: #182e34; text-decoration: none;}
.products-box-2 .footer h3 a:focus,
.products-box-2 .footer h3 a:hover {color: #000; text-decoration: underline;}
.products-box-2 .footer h3:after {display: inline-block; content: ""; width: 53px; height: 29px; background: url(images/icon-masterworks.svg) no-repeat center center; background-size: 100% auto; margin: 0 0 0 20px; vertical-align: middle; position: relative; top: -3px;}
.products-box-2 .footer ul {margin: 0; padding: 0; list-style-type: none;}
.products-box-2 .footer ul li {display: inline;}
.products-box-2 .footer ul li + li:before {content: "\00B7"; margin: 0 5px; font-weight: bold;}
.products-box-2 .footer .btn {font-style: normal;}
.products-box-2 .footer .intro {font-size: 17px; line-height: 22px; font-weight: 300; margin: 0 auto 30px auto; max-width: 1000px; text-align: center;}
.products-box-2 .footer .content {width: calc(100% - 190px); position: relative; padding: 0 40px 0 85px;}
.products-box-2 .footer .content:before {position: absolute; content: ""; left: 0; top: calc(50% - 16px); background: url(images/icon-masterworks.svg) no-repeat center center; width: 60px; height: 33px;}
.products-box-2 .footer .columns-content {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; line-height: 22px; font-style: italic; font-weight: 300;}
.products-box-2 .footer .columns-content h4 {margin: 0 0 10px 0; font-size: 20px; line-height: 24px; color: #182e34; font-weight: bold; font-style: normal;}
.products-box-2 .footer .columns-content strong {font-weight: bold;}
.products-box-2 .footer .columns-content > div {width: 50%; padding: 10px 60px 50px 60px;}
/* .products-box-2 .footer .columns-content > div:before {position: absolute; content: ""; top: 0; left: 0; width: 44px; height: 44px; background: url(images/icon-product-masterworks.svg) no-repeat center center;} */
.products-box-2 .footer .columns-content > div + div {border-left: solid 1px #c6cacc;}
.products-box-2 .footer .columns-content > .right {padding-left: 90px;}
.products-box-2 .footer .columns-content > .right .button-wrapper {left: calc(50% + 90px);}
.products-box-2 .footer .columns-content .button-wrapper {position: absolute; left: 90px; bottom: 30px;}
/* .products-box-2 .footer .columns-content > .right:before {left: 30px; background-image: url(images/icon-product-configuration-toolkit.svg);} */
.products-box-2.home {margin-top: auto;}
.products-box-2.home .body h3 {display: none;}
.products-box-2.home .body > div > div {min-height: 1px; padding: 0;}
.products-box-2.home .body > div > div p {display: none;}
.products-box-2.home .body > div > div > a {min-height: 64px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 11px 85px 11px 20px; margin: 0;}
.products-box-2.home .body > div > div > a:focus,
.products-box-2.home .body > div > div > a:hover {background: #fff;}
.products-box-2.home .body > div > div > a:before {position: absolute; content: ""; right: 10px; top: calc(50% - 14px); background: url(images/product-line-plan.svg) no-repeat center center; width: 49px; height: 28px; background-size: 49px 28px;}
.products-box-2.home .body > div:nth-child(2) > div > a:before {background-image: url(images/product-line-build.svg);}
.products-box-2.home .body > div:nth-child(3) > div > a:before {background-image: url(images/product-line-maintain.svg);}
.products-box-2.home .body > div:nth-child(4) > div > a:before {background-image: url(images/product-line-operate.svg);}
.products-box-2.home .footer {padding: 30px 60px 30px 25px;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; justify-content: space-around; border-top: solid 2px #fff; background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box-2.home .footer h3:after {display: none;}
.products-box-2.home .footer .content {width: calc(100% - 190px); position: relative; font-style: normal; font-weight: normal; padding: 0 40px 0 85px;}
.products-box-2.home .footer .content:before {position: absolute; content: ""; left: 0; top: calc(50% - 17px); background: url(images/icon-masterworks.svg) no-repeat center center; width: 60px; height: 33px; background-size: 60px 33px;}
.products-box-2.line {padding: 11px;}
.products-box-2.line:not(.industry) > div {background: #d8d9da;}
.products-box-2.line h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px;}
.products-box-2.line .header {text-align: left; background: url(images/bg-stack-2.png) no-repeat center center; background-size: cover; font-size: 17px; line-height: 23px;}
.products-box-2.line .header > div {max-width: 820px; margin: 0;}
.products-box-2.line .body {background: none;}
.products-box-2.line .body h3 {display: none;}
.products-box-2.line .body > div + div {border-left-color: #e5e5e5;}
.products-box-2.line .body > div > div {min-height: 1px; padding: 0;}
.products-box-2.line .body > div > div p {display: none;}
.products-box-2.line .body > div > div > a {min-height: 64px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 11px 20px; margin: 0;}
.products-box-2.line .body > div > div > a:before {position: absolute; content: ""; right: 10px; top: calc(50% - 14px); background: url(images/product-line-plan.svg) no-repeat center center; width: 49px; height: 28px; background-size: 49px 28px;}
.products-box-2.line .body > div:nth-child(2) {width: 27%;}
.products-box-2.line .body > div:nth-child(4) {width: 23%;}
.products-box-2.line .body > div:nth-child(2) > div > a:before {background-image: url(images/product-line-build.svg);}
.products-box-2.line .body > div:nth-child(3) > div > a:before {background-image: url(images/product-line-maintain.svg);}
.products-box-2.line .body > div:nth-child(4) > div > a:before {background-image: url(images/product-line-operate.svg);}
.products-box-2.line .body > div > div > a:focus,
.products-box-2.line .body > div > div > a:hover {background: #fff;}
.products-box-2.line .body > div > div > a:before {}
.products-box-2.line .body > div > div > a:after {right: 25px;}
.products-box-2.line:not(.industry) .body > div > div {background: rgb(216,217,218); background: -moz-linear-gradient(top, rgba(216,217,218,1) 0%, rgba(192,198,202,1) 100%); background: -webkit-linear-gradient(top, rgba(216,217,218,1) 0%,rgba(192,198,202,1) 100%); background: linear-gradient(to bottom, rgba(216,217,218,1) 0%,rgba(192,198,202,1) 100%);}
.products-box-2.line .body > div > div > a {padding-right: 80px;}
.products-box-2.line .body > div > div > a:after {display: none;}
.products-box-2.line .body > div.active {background: #f0f2f3; border-bottom: solid 2px #759e3d;}
.products-box-2.line .body > div.active.build-line {border-bottom-color: #e28a30;}
.products-box-2.line .body > div.active.maintain-line {border-bottom-color: #0a6479;}
.products-box-2.line .body > div.active.operate-line {border-bottom-color: #46b2be;}
.products-box-2.line .body > div.active > div {background: rgb(240,242,243); background: -moz-linear-gradient(top, rgba(240,242,243,1) 0%, rgba(214,221,225,1) 100%); background: -webkit-linear-gradient(top, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%); background: linear-gradient(to bottom, rgba(240,242,243,1) 0%,rgba(214,221,225,1) 100%);}
.products-box-2.line .body ul a {padding: 5px 20px;}
.products-box-2.line .body ul a:after {display: none;}
.products-box-2.line .footer {border-top-color: #e5e5e5;}
.products-box-2.line:not(.industry) .footer {background: rgb(216,217,218); background: -moz-linear-gradient(top, rgba(216,217,218,1) 0%, rgba(193,199,203,1) 100%); background: -webkit-linear-gradient(top, rgba(216,217,218,1) 0%,rgba(193,199,203,1) 100%); background: linear-gradient(to bottom, rgba(216,217,218,1) 0%,rgba(193,199,203,1) 100%);}
.products-box-2.line .footer h3:after {display: none;}
.products-box-2.line .footer .content {width: 100%;}
.products-box-2.line .footer .action {display: none;}

.resource-boxes + .products-box-2 {margin-top: 60px;}

.overview-products .products-box-2 {margin-top: -275px;}

.products-box.interior .body ul ul a {padding: 5px 20px;}
.products-box.interior .body ul ul a:after {display: none;}

.why-banner {background: #060d10 url(images/bg-spacial.jpg) no-repeat center center; background-size: cover;}
.why-banner > div {padding-top: 200px; padding-bottom: 60px;}

.why {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; line-height: 19px; font-weight: normal; color: #fff; text-align: center;}
.why > div {width: 33.3333%; padding: 0 70px;}
.why > div + div {border-left: solid 1px #fff;}
.why h2 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; font-weight: bold; color: #fff; padding: 100px 0 0 0; position: relative;}
.why h2:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100px; background: url(images/icon-levels.svg) no-repeat center center;}
.why > div:nth-child(2) h2:before {background-image: url(images/icon-checkmark.svg);}
.why > div:nth-child(3) h2:before {background-image: url(images/icon-configure.svg);}

.photo-with-quote {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; font-size: 32px; line-height: 48px; color: #015f74; font-style: italic;}
.photo-with-quote img {display: block;}
.photo-with-quote .photo {width: 45%;}
.photo-with-quote .photo img {width: 100%;}
.photo-with-quote .quote {width: 55%; padding: 0 0 0 100px; position: relative;}
.photo-with-quote .quote:before {position: absolute; content: ""; background: url(images/bg-quotemark.png) no-repeat; width: 103px; height: 81px; top: -25px; left: 25px;}
.photo-with-quote .quote p {position: relative;}
.photo-with-quote .author {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; justify-content: space-between; font-size: 15px; line-height: 19px; font-style: normal;}
.photo-with-quote .author .name {text-align: right;}

.generic-grid-intro h2 {margin: 0 0 40px 0; padding: 0 0 20px 0; font-size: 27px; line-height: 31px; color: #2a2d2e; text-transform: uppercase; border-bottom: solid 4px #e6e7e7;}

.advisors {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px -40px -20px; font-size: 20px; line-height: 24px; text-align: center;}
.advisors > div {width: 33.3333%; padding: 0 20px 40px 20px;}
.advisors h3 {margin: 0 0 10px 0; font-size: 24px; line-height: 28px; font-weight: bold;}
.advisors .photo img {display: block; width: 100%; border: solid 6px #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); margin: 0 0 25px 0;}

.partners {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px -40px -20px; font-size: 20px; line-height: 24px; text-align: center;}
.partners > div {width: 33.3333%; padding: 0 20px 40px 20px;}
.partners h3 {margin: 0 0 10px 0; font-size: 24px; line-height: 28px; font-weight: bold;}
.partners .logo {background: #fff; padding: 20px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); margin: 0 0 25px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-height: 200px;}
.partners .logo img {display: block; margin: 0 auto;}

/**
 * Products
 */
.page-intro {background: url(images/bg-city.jpg) no-repeat center center; background-size: cover;}
.page-intro > div {padding-top: 130px; padding-bottom: 50px;}
.page-intro.tall > div {padding-top: 215px; min-height: 500px;}
.page-intro.case-study-page-intro {background-image: url(images/bg-spacial.jpg);}

.page-intro-content {color: #fff; font-size: 40px; line-height: 44px; font-weight: bold;}
.page-intro-content h1 {margin: 0 0 5px 0; font-size: 20px; line-height: 24px; font-weight: 300;}
.page-intro-content.narrow {max-width: 900px;}
.page-intro-content.offset {padding-left: 300px;}
.page-intro-content.dark-text {color: #383838;}
.page-template-template-products .page-intro > div {padding-bottom: 100px;}

.page-intro-with-actions {display: -webkit-flex; display: flex; justify-content: space-between; -webkit-align-items: center; align-items: center; font-size: 24px; line-height: 32px; color: #fff; font-weight: 300;}
.page-intro-with-actions h1 {margin: 0 0 10px 0; font-size: 40px; line-height: 44px; color: #fff;}
.page-intro-with-actions h1:last-child {margin: 0;}
.page-intro-with-actions .content > div {max-width: 840px; padding: 0 40px 0 0;}
.page-intro-with-actions .actions {width: 225px;}
.page-intro-with-actions .btn {display: block; width: 225px; margin: 0;}
.page-intro-with-actions .btn + .btn {margin: 20px 0 0 0;}

.product-line-header > div:before,
.product-line-header > div:after {position: absolute; content: ""; right: 40px; bottom: -22px; width: 106px; height: 56px; background: url(images/bg-cloud-notch.svg) no-repeat center center;}
.product-line-header > div:after {background-image: url(images/product-line-plan.svg); background-size: 71px auto; right: 43px; bottom: -25px;}
.overview-benefits-banner > div {padding-bottom: 260px;}
body.page-id-30 .product-line-header > div:after,
body.parent-pageid-30 .product-line-header > div:after {background-image: url(images/product-line-build.svg);}
body.page-id-44 .product-line-header > div:after,
body.parent-pageid-44 .product-line-header > div:after {background-image: url(images/product-line-maintain.svg);}
body.page-id-54 .product-line-header > div:after,
body.parent-pageid-54 .product-line-header > div:after {background-image: url(images/product-line-operate.svg);}
body.page-template-template-masterworks .product-line-header > div:before,
body.page-template-template-masterworks .product-line-header > div:after {display: none;}

.overview-benefits {padding: 70px 0 40px 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; font-size: 17px; line-height: 21px; font-weight: 300;}
.overview-benefits h3 {margin: 0 0 10px 0; font-size: 28px; line-height: 32px; color: #ee3135; font-weight: 500;}
.overview-benefits .graphic {width: 36%;}
.overview-benefits .graphic img {margin: -120px 0 0 0; display: block;}
.overview-benefits .benefits {width: 64%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.overview-benefits .benefits > div {width: 33.3333%; padding: 0 6%;}
.overview-benefits .benefits > div + div {border-left: solid 1px #b4b5b6;}

div.products {margin: 50px 0;}
div.products h2 {margin: 0 0 20px 0; padding: 7px 0; position: relative; font-size: 18px; line-height: 22px; font-weight: bold; color: #2a2d2e; text-transform: uppercase;}
/* div.products h2:before {position: absolute; content: ""; top: calc(50% - 18px); left: 0; width: 36px; height: 36px; display: block; background: url(images/icon-product-capital-planning.svg) no-repeat center center;} */
div.products h3 {margin: 0 0 10px 0; font-size: 24px; line-height: 28px; color: #182e34; font-weight: bold;}
div.products > div {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: solid 4px #f0f2f3;}
div.products > div:first-of-type {padding-top: 30px; border-top: solid 4px #f0f2f3;}
div.products .content {width: 67%; padding: 10px 80px 0 0;}
div.products .image {width: 33%;}
div.products .image img {display: block;}
body.page-id-30 div.products h2:before {background-image: url(images/icon-product-construction-management.svg);}
body.page-id-44 div.products h2:before {background-image: url(images/icon-product-safety.svg);}
body.page-id-54 div.products h2:before {background-image: url(images/icon-product-operattions.svg);}

.line-benefits {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; line-height: 19px; text-align: center; margin: 60px -30px; font-weight: 400;}
.line-benefits > div {width: 33.3333%; padding: 0 30px;}
.line-benefits > div + div {border-left: solid 1px #b4b5b6;}
.line-benefits h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #015f74; font-weight: bold; position: relative; padding: 100px 0 0 0; background: url(images/icon-comprehensive.svg) no-repeat center top;}
.line-benefits .icon-modern h2 {background-image: url(images/icon-modern.svg);}
.line-benefits .icon-intuitive h2 {background-image: url(images/icon-intuitive.svg);}

.page-detail-page-intro {background: url(images/bg-page-header.jpg) no-repeat center center; background-size: cover;}
.page-detail-page-intro > div {padding-top: 100px; padding-bottom: 20px;}
.page-detail-page-intro h1 {margin: 0; font-size: 18px; line-height: 22px; color: #fff; font-weight: 300;}

.product-features {box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); border: solid 10px #fff; background: #f0f2f3; margin: 60px 0; padding: 30px;}
.product-features h2 {margin: 0 0 30px 0; padding: 0 0 15px 0; font-size: 18px; line-height: 22px; color: #2a2d2e; border-bottom: solid 1px #b4b5b6;}
.product-features .content {margin: 0 -30px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.product-features .content > div {width: 33.3333%; padding: 0 30px;}
.product-features ul {margin: 0; padding: 0; list-style-type: none; font-weight: bold; font-size: 15px; line-height: 19px;}
.product-features ul > li {padding: 0 0 0 35px; margin: 0 0 30px 0; background: url(images/checkmark.png) no-repeat;}
.product-features ul > li > ul {font-weight: 300;}
.product-features ul > li > ul > li {position: relative; padding: 0 0 0 15px; margin: 5px 0 0 0; background: none;}
.product-features ul > li > ul > li:before {position: absolute; content: "\00b7"; top: 0; left: 0; font-size: 30px;}

/**
 * Industries
 */
#landing-header {background: url(images/bg-structures.jpg) no-repeat center center; background-size: cover; font-size: 40px; line-height: 44px; color: #fff;}
#landing-header > div {padding-top: 120px; padding-bottom: 40px;}
#landing-header h1 {margin: 0; font-size: 20px; line-height: 24px; font-weight: 300; color: #fff;}

.landing-intro {font-size: 24px; line-height: 32px; margin: 0 0 40px 0;}
.landing-intro h2 {margin: 0; font-size: 28px; line-height: 32px; color: #015f74; font-weight: bold;}

.industry-groups h2 {margin: 0 0 10px 0; font-size: 17px; line-height: 21px; font-weight: bold; text-transform: uppercase; color: #002a2f;}

.industry-tiles {margin: 0 -20px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 28px; line-height: 32px; color: #fff; font-weight: bold;}
.industry-tiles > div {width: 25%; padding: 0 20px 20px 20px; display: -webkit-flex; display: flex;}
.industry-tiles > div > a {display: -webkit-flex; display: flex; width: 100%; min-height: 180px; text-decoration: none; color: #fff; -webkit-align-items: flex-end; align-items: flex-end; border: solid 6px #fff; padding: 20px; background: no-repeat center center; background-size: cover; box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);}
.industry-tiles + h2 {margin-top: 20px;}

.industry-bullets {font-size: 17px; line-height: 23px;}
.industry-bullets h2 {margin: 60px 0 40px 0; font-size: 32px; line-height: 36px; color: #015f74; text-align: center;}
.industry-bullets > div {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px;}
.industry-bullets > div > div {width: 50%; padding: 0 20px;}
.industry-bullets .basic-list {margin: 0;}

.industry-lower-content h2 {margin: 60px 0 40px 0; font-size: 32px; line-height: 36px; color: #015f74; text-align: center;}

/**
 * Pricing
 */
.pricing {font-size: 15px; line-height: 19px; text-align: center; font-weight: normal; margin: 50px 0;}
.pricing .header {padding: 0 0 0 22%;}
.pricing .header h2 {margin: 0 0 4px 0; padding: 14px 20px; font-size: 15px; line-height: 20px; color: #fff; text-transform: uppercase; background: url(images/bg-diagonals-wide.png) no-repeat center center; background-size: cover;}
.pricing .header h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; font-weight: bold; color: #015f74;}
.pricing .header .editions > div {display: -webkit-flex; display: flex;}
.pricing .header .editions > div > div {display: -webkit-flex; display: flex; padding: 20px; width: 33.3333%; position: relative;}
.pricing .header .editions > div > div > div {width: 100%;}
.pricing .header .editions > div > div + div {border-left: solid 6px #fff;}
.pricing .header .editions > div > div:nth-child(1) {background: #e6ebed;}
.pricing .header .editions > div > div:nth-child(1) h3 {color: #383838;}
.pricing .header .editions > div > div:nth-child(2) {background: #dfeef0;}
.pricing .header .editions > div > div:nth-child(3) {background: #cde4e7;}
.pricing .header .editions > div:nth-child(2) {font-size: 16px;}
.pricing .header .editions > div:nth-child(2) > div:before {position: absolute; content: ""; top: 0; left: 0; right: 0; height: 4px; background: #011e2d;}
.pricing .header .editions > div:nth-child(2) > div:after {position: absolute; content: ""; bottom: 0; left: 0; right: 0; height: 4px; background: #011e2d;}
.pricing .body h4 {margin: 10px 0; font-size: 15px; line-height: 19px; text-transform: uppercase; width: 22%; padding: 0 16px 0 0; text-align: right;}
.pricing .body > div {display: -webkit-flex; display: flex; border-bottom: solid 1px #fff;}
.pricing .body > div > div {width: 26%; padding: 7px 10px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.pricing .body > div > div:nth-child(3) {border-left: solid 6px #fff;}
.pricing .body > div > div:nth-child(4) {border-left: solid 6px #fff;}
.pricing .body > div > div:first-child {width: 22%; text-align: right; border-right: solid 6px #fff;}
.pricing .body > div > div > div {width: 100%;}
.pricing .body > div:nth-child(even) > div:nth-child(1) {background: #f0f2f3;}
.pricing .body > div:nth-child(even) > div:nth-child(2) {background: #e6ebed;}
.pricing .body > div:nth-child(even) > div:nth-child(3) {background: #dfeef0;}
.pricing .body > div:nth-child(even) > div:nth-child(4) {background: #cde4e7;}
.pricing .body > div:nth-child(odd) > div:nth-child(1) {background: #f6f7f8;}
.pricing .body > div:nth-child(odd) > div:nth-child(2) {background: #f0f3f4;}
.pricing .body > div:nth-child(odd) > div:nth-child(3) {background: #ecf5f6;}
.pricing .body > div:nth-child(odd) > div:nth-child(4) {background: #e1eff1;}
.pricing .footer {padding: 15px 0 0 22%; font-size: 15px; line-height: 21px; font-style: italic; font-weight: 300; text-align: left;}

.pricing-mobile {font-size: 15px; line-height: 19px; font-weight: normal; margin: 50px 0; text-align: center; display: none;}
.pricing-mobile h3 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; font-weight: bold; color: #015f74;}
.pricing-mobile h4 {margin: 10px 0; font-size: 15px; line-height: 19px; text-transform: uppercase;}
.pricing-mobile .edition .intro {background: #e6ebed; padding: 20px;}
.pricing-mobile .edition .users {background: #e6ebed; padding: 16px 20px; text-align: center; border-top: solid 4px #011e2d; border-bottom: solid 4px #011e2d;}
.pricing-mobile .edition-features > div > div {padding: 10px;}
.pricing-mobile .edition-features > div > div + div {border-top: solid 1px #fff;}
.pricing-mobile .edition-features > div > div:nth-child(even) {background: #f0f2f3;}
.pricing-mobile .edition-features > div > div:nth-child(odd) {background: #f6f7f8;}
.pricing-mobile .edition + .edition {margin-top: 30px;}

body.page-template-template-pricing .product-line-header > div:before,
body.page-template-template-pricing .product-line-header > div:after {display: none;}

/**
 * Contact
 */
.locations {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -25px -40px -25px; font-size: 17px; line-height: 23px; text-align: center;}
.locations > div {width: 33.3333%; padding: 0 25px 40px 25px; display: -webkit-flex; display: flex;}
.locations > div > div {background: #f0f2f3; border: solid 1px #d6dde1;}
.locations .photo {margin: -1px -1px 0 -1px;}
.locations .photo img {display: block; width: 100%;}
.locations .title {background: url(images/bg-box-category.png) no-repeat center center; background-size: cover; padding: 15px 30px; text-align: left;}
.locations .title h3 {margin: 0; font-size: 15px; line-height: 20px; font-weight: bold; color: #fff; text-transform: uppercase;}
.locations .body {padding: 30px;}

.contact-banner {background: url(images/bg-contact-banner.jpg) no-repeat center center; background-size: cover; border-top: solid 3px #f2f3f4; font-size: 20px; line-height: 24px; color: #fff; text-align: center;}
.contact-banner > div {padding-top: 25px; padding-bottom: 25px;}
.contact-banner > div > div {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px;}
.contact-banner > div > div > div {width: 33.3333%; padding: 5px 30px;}
.contact-banner > div > div > div + div {border-left: solid 1px #b4b5b6;}
.contact-banner h2,
.contact-banner h3 {margin: 0; font-size: 23px; line-height: 27px; font-weight: bold; text-transform: uppercase; color: #fff;}
.contact-banner a {color: #fff; text-decoration: none;}
.contact-banner a:focus,
.contact-banner a:hover {text-decoration: underline;}

.contact-layout {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.contact-layout > .left {width: 50%; padding: 0 60px 0 0;}
.contact-layout > .right {width: 50%;}

.contact-form-wrapper {border: solid 1px #d6dde1; background: #f0f2f3; padding: 30px;}
.contact-form-wrapper h3 {margin: 0 0 20px 0; font-size: 27px; line-height: 31px; color: #ee3135; font-weight: bold; text-transform: uppercase; text-align: center;}

.gform_wrapper .contact-form .gfield_label {display: none;}
.gform_wrapper .contact-form input[type="text"],
.gform_wrapper .contact-form input[type="email"],
.gform_wrapper .contact-form textarea {width: 100% !important; font-size: 18px !important; line-height: 22px !important; padding: 10px !important; border: solid 1px #d6dde1;}
.gform_wrapper .contact-form .gform_body > ul {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px !important;}
.gform_wrapper .contact-form .gform_body > ul > li {width: 50%; padding: 0 10px !important;}
.gform_wrapper .contact-form .top_label div.ginput_container {margin: 0;}
.gform_wrapper .contact-form #field_1_6,
.gform_wrapper .contact-form #field_2_6,
.gform_wrapper .contact-form #field_3_6 {width: 100%;}
.gform_wrapper .contact-form .gform_footer {text-align: center;}
.gform_wrapper .contact-form .btn {font-size: 16px !important; line-height: 20px !important;}

/**
 * Case Studies
 */
.case-study-intro {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; font-size: 32px; line-height: 40px; font-weight: bold; color: #015f74;}
.case-study-intro > .logo {width: 260px;}
.case-study-intro > .logo img {display: block;}
.case-study-intro > .content {max-width: 650px; padding: 0 0 0 60px; width: calc(100% - 260px);}
.case-study-intro.alt-1 {font-size: 30px; line-height: 34px; font-weight: 300;}
.case-study-intro.alt-1 h2 {margin: 0; font-size: 32px; line-height: 36px; color: #005F74;}
.case-study-intro.alt-1 > .content {max-width: 100%;}

.case-study-overview {margin: 0 -20px 70px -20px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; line-height: 28px; font-weight: 300;}
.case-study-overview h2 {margin: 0 0 10px 0; font-size: 20px; line-height: 24px;}
.case-study-overview > .photo {width: 33.3333%; padding: 0 20px;}
.case-study-overview > .photo img {display: block; width: 100%; border: solid 6px #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.case-study-overview > .photo + .content {width: 66.6666%;}
.case-study-overview > .content {padding: 20px;}
.case-study-overview a.video {border: solid 10px #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); margin: 0 auto 30px auto;}
.case-study-overview a.video img {display: block; width: 100%;}
.case-study-overview .customer {display: flex; align-items: center; justify-content: space-between;}
.case-study-overview .customer .photo {width: 130px;}
.case-study-overview .customer .photo img {display: block; border: solid 5px #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.case-study-overview .customer .content {width: calc(100% - 170px);}
.case-study-overview .customer .name {font-size: 24px; font-weight: bold; margin: 0 0 10px 0;}
.case-study-overview .customer .title {font-style: italic;}
.case-study-overview > .left {width: 30%;}
.case-study-overview > .right {width: 70%; padding: 0 0 0 40px;}
.case-study-overview .lead-form {background: #f0f2f3; padding: 30px; border: solid 1px #e9ecee;}
.case-study-overview .lead-form h2 {margin: 0; font-size: 27px; line-height: 31px; color: #ee3135; text-transform: uppercase; text-align: center;}
.case-study-overview .lead-form .gform_wrapper .contact-form .gform_body > ul > li {width: 100%;}
.case-study-overview .lead-form .gform_wrapper .contact-form.ocp-lead-form #field_2_6 {width: 100%;}
.case-study-overview.swap {flex-direction: row-reverse;}
.case-study-overview.pardot-version > .left {width: 70%;}
.case-study-overview.pardot-version > .right {display: flex; width: 30%; padding: 0 0 0 40px;}
.case-study-overview.pardot-version > .right > div {width: 100%;}
.case-study-overview.pardot-version a.video {margin: 0; display: block;}
body.page-id-2484 .case-study-overview .left {display: none;}
body.page-id-2484 .case-study-overview .right {width: 100%; padding: 0;}

body.page-template-template-customer-spotlight .case-study-overview h2 {margin: 0 0 40px 0; font-size: 30px; line-height: 40px;}

.case-study-deets {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; line-height: 28px; margin: 0 -20px -60px -20px;}
.case-study-deets h2 {margin: 0 0 20px 0; padding: 0 0 15px 0; font-size: 27px; line-height: 31px; text-transform: uppercase; border-bottom: solid 4px #e6e7e7;}
.case-study-deets > div {width: 33.3333%; padding: 0 20px 60px 20px;}

/**
 * Customers
 */
.customers .row > div {width: 33.3333%; padding: 0 20px 40px 20px; display: -webkit-flex; display: flex;}
.customers .row {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -20px;}
.customers .row.flip {flex-direction: row-reverse;}
.customers .row-1x1 > .col-1 {width: 66.6666%;}
.customers .row-1x4 > .col-1 .tile {padding-bottom: 150%;}
.customers .row-1x4 > .col-2 {width: 66.6666%;}
.customers .row-1x4 > .col-2 > div {width: calc(100% + 40px); margin: -20px; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.customers .row-1x4 > .col-2 > div > div {height: 50%; width: 50%; display: -webkit-flex; display: flex; padding: 20px;}
.customers .row-1x4 > .col-2 .tile {padding-bottom: 0;}
.customers .row-1x1x1 .tile {padding-bottom: 73%;}
.customers .tile {border: solid 6px #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background: #666 no-repeat center center; background-size: cover; position: relative; width: 100%; padding: 0 0 35% 0;}
.customers .tile .btn {position: absolute; right: 25px; bottom: 25px;}
.customers .tile:focus .btn,
.customers .tile:hover .btn {background: #383838; color: #f0f2f3;}

/**
 * How to Buy
 */
body.page-template-template-how-to-buy .page-intro h1 {margin: 0; font-size: 40px; line-height: 44px; font-weight: bold;}
body.page-template-template-how-to-buy .page-intro > div {padding-bottom: 70px;}
body.page-template-template-how-to-buy .product-line-header > div:before,
body.page-template-template-how-to-buy .product-line-header > div:after {display: none;}

.action-columns {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; line-height: 19px; margin: 30px -30px 0 -30px; text-align: center; font-weight: 400;}
.action-columns > div {width: 25%; padding: 10px 30px 80px 30px; position: relative; border-right: solid 1px #b4b5b6; margin: 0 0 30px 0;}
.action-columns > div:nth-child(4n) {border-right: none;}
.action-columns h3 {margin: 0 0 10px 0;}
.action-columns .btn {position: absolute; left: 30px; right: 30px; bottom: 30px; margin: 0;}

.callout {padding: 30px 40px; background: #f0f2f3; margin: 30px 0;}

/**
 * Search
 */
.search-results-content {line-height: 26px;}
.search-results-content > div {margin: 0 0 40px 0;}

.pagination {text-align: center;}
.pagination .page-numbers {margin: 0 5px;}

/**
 * Careers
 */
.career-benefits {font-size: 20px; line-height: 28px; text-align: center; margin: 0 -60px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.career-benefits > div {width: 33.3333%; padding: 140px 60px 0 60px; background: url(images/icon-globe.png) no-repeat center top;}
.career-benefits > div:nth-child(2) {background-image: url(images/icon-thumbs-up.png); background-position: center 10px;}
.career-benefits > div:nth-child(3) {background-image: url(images/icon-lightbulb.png);}
.career-benefits > div + div {border-left: solid 1px #b4b5b6;}
.career-benefits h2 {margin: 0 0 10px 0; font-size: 32px; line-height: 36px; color: #015f74;}

/**
 * AASHTO
 */
body.page-template-template-aashto .call-to-action-banner {display: none;}

body.page-template-template-aashto .section-1 .right-sidebar-layout {align-items: center;}
body.page-template-template-aashto .section-1 .right-sidebar-layout .sidebar p:not(:last-child) {margin: 0 0 20px 0;}
body.page-template-template-aashto .section-1 .right-sidebar-layout .sidebar .btn {margin: 0; min-width: 230px;}

/**
 * Aurigo Essentials
 */
.aurigo-essentials-chart {font-size: 17px; line-height: 24px;}
.aurigo-essentials-chart h3 {margin: 0 0 5px 0; font-size: 20px; line-height: 24px; transition: 0.25s ease;}
.aurigo-essentials-chart svg {position: absolute; z-index: 5; bottom: 50px; right: 50px;}
.aurigo-essentials-chart > div {display: flex; flex-wrap: wrap;}
.aurigo-essentials-chart > div:first-child {position: relative;}
.aurigo-essentials-chart > div:first-child:before {position: absolute; content: ""; left: calc(50% - 205px); bottom: -205px; width: 410px; height: 410px; z-index: 2; background: url(images/aurigo-essentials-wheel.svg) no-repeat center center; background-size: contain;}
.aurigo-essentials-chart > div > .item {width: 50%; padding: 20px; display: block; color: #383838; text-decoration: none; position: relative;}
.aurigo-essentials-chart > div > .item:before {position: absolute; opacity: 0; content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #f3f5f7; background: -moz-linear-gradient(-45deg, #f3f5f7 0%, #e6ebef 100%); background: -webkit-linear-gradient(-45deg, #f3f5f7 0%,#e6ebef 100%); background: linear-gradient(135deg, #f3f5f7 0%,#e6ebef 100%); transition: 0.25s ease;}
.aurigo-essentials-chart > div > .item > div {position: relative; z-index: 2;}
.aurigo-essentials-chart > div > .item:first-child {padding-right: 230px;}
.aurigo-essentials-chart > div > .item:last-child {padding-left: 230px;}
.aurigo-essentials-chart > div > .item > a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: block;}
.aurigo-essentials-chart > div > .item.hover:before {opacity: 1;}
.aurigo-essentials-chart > div > .item.hover h3 {color: #ee3135;}
.aurigo-essentials-chart > div > .item.hover svg .st0,
.aurigo-essentials-chart > div > .item.hover svg .st1 {fill: #ee3135;}
.aurigo-essentials-chart > div > .item:last-child > svg {right: auto; left: 50px;}
.aurigo-essentials-chart > div:last-child > .item > svg {bottom: auto; top: 50px;}


/**
 * Aurigo Enterprise
 */
 .aurigo-essentials-chart.aurigo-enterprise-chart > div:first-child:before {
    background:url(images/aurigo-enterprise-wheel.svg) no-repeat center center;
    }



.box-callout {margin: 60px 0; padding: 40px 10px 40px 10px; text-align: center; border: solid 12px #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); background: #f0f2f3; background: -moz-linear-gradient(top, #f0f2f3 0%, #d6dde1 100%); background: -webkit-linear-gradient(top, #f0f2f3 0%,#d6dde1 100%); background: linear-gradient(to bottom, #f0f2f3 0%,#d6dde1 100%);}
.box-callout h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #182e34; font-weight: 400;}
.box-callout .head {margin: 0 0 50px 0;}
.box-callout .cols {display: flex; flex-wrap: wrap; font-size: 17px; line-height: 24px;}
.box-callout .cols > div {width: 33.3333%; padding: 0 30px;}
.box-callout .cols > div:not(:last-child) {border-right: solid 1px #b4b5b6;}

.essentials-pricing {margin: 60px 0; padding: 40px; font-size: 17px; line-height: 24px; border: solid 12px #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); background: #f0f2f3; background: -moz-linear-gradient(top, #f0f2f3 0%, #d6dde1 100%); background: -webkit-linear-gradient(top, #f0f2f3 0%,#d6dde1 100%); background: linear-gradient(to bottom, #f0f2f3 0%,#d6dde1 100%);}
.essentials-pricing h2 {margin: 0 0 5px 0; font-size: 24px; line-height: 28px; color: #182e34;}
.essentials-pricing h3 {margin: 0 0 20px 0; font-size: 20px; line-height: 24px; color: #383838;}
.essentials-pricing h4 {margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 20px; line-height: 24px; color: #383838; border-bottom: solid 1px #b4b5b6; font-weight: 300;}
.essentials-pricing small {font-size: 15px;}
.essentials-pricing .head {text-align: center; max-width: 700px; margin: 0 auto 30px auto; font-size: 20px; line-height: 28px;}
.essentials-pricing .body {border-top: solid 4px #d6dde1; padding: 30px 0 0 0; display: flex; flex-wrap: wrap;}
.essentials-pricing .body > .left {width: 35%; padding: 0 60px 0 0; font-style: italic;}
.essentials-pricing .body > .right {width: 65%;}
.essentials-pricing ul.two-cols {margin-top: 10px;}

.checkmarks {margin: 0; padding: 0; list-style-type: none;}
.checkmarks li {padding: 0 0 0 25px; position: relative;}
.checkmarks li:before {position: absolute; top: 0; left: 0; font-family: 'Font Awesome 5 Pro'; content: "\f00c"; color: #ee2e38; font-weight: bold; font-size: 13px;}

.get-essentials .head {margin: 0 auto 40px auto; max-width: 700px; text-align: center;}

.step-boxes {display: flex; flex-wrap: wrap; margin: 0 -10px -30px -10px; font-size: 17px; line-height: 24px; text-align: center;}
.step-boxes h3 span {display: block; font-size: 16px; line-height: 20px; color: #182e34; text-transform: uppercase;}
.step-boxes > div {width: 33.3333%; display: flex; padding: 0 10px 30px 10px;}
.step-boxes > div > div {border: solid 12px #fff; position: relative; padding: 30px 30px 100px 30px; width: 100%; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); border-radius: 10px; background: #f0f2f3; background: -moz-linear-gradient(top, #f0f2f3 0%, #d6dde1 100%); background: -webkit-linear-gradient(top, #f0f2f3 0%,#d6dde1 100%); background: linear-gradient(to bottom, #f0f2f3 0%,#d6dde1 100%);}
.step-boxes ol {margin: 0; padding: 0;}
.step-boxes p + ol {margin-top: -30px;}
.step-boxes .btn {position: absolute; left: 50px; right: 50px; bottom: 30px; margin: 0;}

.study-grid-callout {display: flex; flex-wrap: wrap; margin: 0 -10px -20px -10px;}
.study-grid-callout > div {width: 25%; padding: 0 10px 20px 10px; display: flex; min-height: 300px;}
.study-grid-callout > div.two {flex-direction: column; justify-content: space-between; margin: -10px 0;}
.study-grid-callout > div.two .item {height: 50%; margin: 10px 0;}
.study-grid-callout .item {display: block; position: relative; width: 100%; background: url(https://www.aurigo.com/wp-content/uploads/2019/02/fargo_square_2x.jpg) no-repeat center center; background-size: cover; border: solid 6px #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
.study-grid-callout .item:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4);}
.study-grid-callout .item .label {position: absolute; left: 10px; bottom: 10px; right: 10%; font-size: 15px; line-height: 18px; color: #fff; font-weight: bold; text-decoration: none; z-index: 2;}

.essentials-text-with-photo-block {display: flex; flex-wrap: wrap; align-items: center;}
.essentials-text-with-photo-block h3 {margin: 0; font-size: 20px; line-height: 24px;}
.essentials-text-with-photo-block > .content {width: 50%; padding: 0 0 0 50px;}
.essentials-text-with-photo-block > .photo {width: 50%; padding: 0 50px 0 0;}
.essentials-text-with-photo-block > .photo img {display: block;}
.essentials-text-with-photo-block.swap {flex-direction: row-reverse;}
.essentials-text-with-photo-block.swap > .content {padding: 0 50px 0 0;}
.essentials-text-with-photo-block.swap > .photo {padding: 0 0 0 50px;}

.essentials-feature-block .head {text-align: center; margin: 0 0 40px 0;}
.essentials-feature-block .photo img {display: block; width: 100%; margin: 0 auto 40px auto;}
.essentials-feature-block .footer {text-align: center; margin: 40px 0 0 0;}

.essentials-three-cols {display: flex; flex-wrap: wrap; margin: 0 -30px; font-size: 17px; line-height: 24px; text-align: center; justify-content: center;}
.essentials-three-cols > div {width: 33.3333%; padding: 0 30px;}
.essentials-three-cols > div + div {border-left: solid 1px #b4b5b6;}

.essentials-nav {padding: 30px; font-size: 17px; line-height: 21px; display: flex; flex-wrap: wrap; border: solid 1px #e0e1e2; border-radius: 10px; background: #f0f2f3; background: -moz-linear-gradient(top, #f0f2f3 0%, #d6dde1 100%); background: -webkit-linear-gradient(top, #f0f2f3 0%,#d6dde1 100%); background: linear-gradient(to bottom, #f0f2f3 0%,#d6dde1 100%);}
.essentials-nav p:not(:last-child) {margin: 0 0 20px 0;}
.essentials-nav > .left {width: 30%; padding: 0 30px 0 0; font-style: italic; margin-top: -10px;}
.essentials-nav > .right {width: 70%;}
.essentials-nav .items {display: flex; flex-wrap: wrap; margin: 0 -3px;}
.essentials-nav .items > div {display: flex; padding: 0 3px; width: 25%;}
.essentials-nav .items > div > a {width: 100%; padding: 20px; display: flex; align-items: center; background: #fff; border-top: solid 5px #146075; text-align: center; font-weight: bold; text-decoration: none;}
.essentials-nav .items > div.active > a,
.essentials-nav .items > div > a:focus,
.essentials-nav .items > div > a:hover {border-top-color: #ee3339; color: #ee3339;}
.essentials-nav .integrations {margin: 30px 0 0 0; text-align: center;}
.essentials-nav .integrations strong {text-transform: uppercase;}
.essentials-nav .integrations ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
.essentials-nav .integrations ul li {display: inline;}
.essentials-nav .integrations ul li:before {margin: 0 10px 0 5px; display: inline-block; vertical-align: middle; width: 5px; height: 5px; content: ""; background: #ee3339; border-radius: 50%; position: relative; top: -2px;}
.essentials-nav .integrations ul li:first-child:before {display: none;}

.essentials-callout-block {background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); position: relative; display: flex; flex-wrap: wrap; padding: 25px 50px; align-items: center; font-size: 20px; line-height: 28px; margin: 0 auto; max-width: 1050px;}
.essentials-callout-block:before {position: absolute; content: ""; top: 0; left: 0; width: 91px; height: 63px; background: url(images/new-ribbon.png) no-repeat;}
.essentials-callout-block .logo {width: 60%; padding: 0 40px 0 20px;}
.essentials-callout-block .content {width: 40%; padding: 0 0 0 50px; border-left: solid 1px #b4b5b6;}
.essentials-callout-block .headline {display: block; margin: 0 0 5px 0; font-size: 18px; line-height: 22px; color: #ee3135; font-weight: bold; text-transform: uppercase;}

.read-more {font-size: 16px; line-height: 20px; color: #383838; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.read-more:after {font-family: 'Font Awesome 5 Pro'; content: "\f105"; margin-left: 5px; font-weight: normal;}
.read-more:focus,
.read-more:hover {text-decoration: underline;}

/**
 * Open Collaboration Program template
 */
.ocp-screenshot {padding: 0 0 0 calc(50% + 60px); margin: -170px 0 70px 0;}
.ocp-screenshot img {display: block; margin: 0 auto;}

.ocp-intro {display: flex; flex-wrap: wrap; margin: 0 -30px 10px -30px; font-size: 24px; line-height: 34px;}
.ocp-intro > div {width: 50%; padding: 0 30px 60px 30px;}
.ocp-intro .lead-form {background: #f0f2f3; padding: 30px; border: solid 1px #e9ecee;}
.ocp-intro .lead-form h2 {font-size: 27px; line-height: 31px; color: #ee3135; text-align: center; text-transform: uppercase;}

.callout-box {font-size: 20px; line-height: 28px; background: #f0f2f3; margin: 0 0 70px 0;}
.callout-box .head {padding: 20px 40px; font-size: 17px; line-height: 21px; color: #fff; text-transform: uppercase; background: #011e2d url(images/bg-box-category-wide.png) no-repeat right center; font-weight: bold;}
.callout-box .body {padding: 50px 40px;}
.callout-box .cols {display: flex; flex-wrap: wrap;}
.callout-box .cols > div:first-child {width: 70%; padding: 0 130px 0 0 ;}
.callout-box .cols > div:last-child {width: 30%;}
.callout-box .cols ul {margin: 0;}

.ocp-quote {border-top: solid 4px #F0F2F3; border-bottom: solid 4px #F0F2F3; margin: 0 0 70px 0;}
.ocp-quote blockquote {max-width: 100%;}

.ocp-benefits {display: flex; flex-wrap: wrap; font-size: 24px; line-height: 32px;}
.ocp-benefits h2 {font-size: 28px; line-height: 32px;}
.ocp-benefits > div:first-child {width: 60%; padding: 0 80px 0 0;}
.ocp-benefits > div:last-child {width: 40%;}
.ocp-benefits ul li + li {margin-top: 20px;}

.ocp-section .essentials-customers {margin: 0 0 70px 0;}

.gform_wrapper .contact-form.ocp-lead-form #field_2_6 {width: 50%;}
.gform_wrapper .contact-form.ocp-lead-form input.button {width: 100%; margin: 0;}

/**
 * Customer Spotlight
 */
.spotlight-blocks {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.spotlight-blocks > div {width: 50%; padding: 0 15px;}

.spotlight-block {padding: 70px; background: #f0f2f3; font-size: 20px; line-height: 28px; font-weight: 300; margin: 0 0 30px 0;}
.spotlight-block:focus,
.spotlight-block:hover {cursor: pointer;}
.spotlight-block h2 {margin: 0 0 20px 0; font-size: 30px; line-height: 40px; color: #383838;}
.spotlight-block h3 {margin: 0; font-size: 30px; line-height: 40px;}
.spotlight-block h3 a {text-decoration: none;}
.spotlight-block .logo img {display: block; margin: 0 0 40px 0;}
.spotlight-block .intro {font-size: 28px; line-height: 38px; color: #005F74; border-bottom: solid 4px #D6DDE1; margin: 0 0 40px 0; padding: 0 0 40px 0;}
.spotlight-block .thumb {position: relative;}
.spotlight-block .thumb img {display: block; border: solid 10px #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);}
.spotlight-block .thumb:before {position: absolute; width: 80px; height: 80px; content: ""; left: calc(50% - 40px); top: calc(50% - 40px); border-radius: 50%; background: #fff; opacity: 0.8; transition: 0.25s ease;}
.spotlight-block .thumb:after {position: absolute; width: 80px; height: 80px; font-family: 'Font Awesome 5 Pro'; content: "\f04b"; font-weight: bold; left: calc(50% - 40px); top: calc(50% - 40px); font-size: 35px; line-height: 80px; color: #000; opacity: 0.6; text-align: center; text-indent: 5px; transition: 0.25s ease;}

.spotlight-blocks-v2 {display: flex; flex-wrap: wrap; margin: 0 -25px;}
.spotlight-blocks-v2 > div {width: 50%; padding: 0 25px 50px 25px; display: flex;}

.spotlight-block-v2 {width: 100%; display: flex; padding: 10px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); font-size: 23px; line-height: 30px; color: #fff;}
.spotlight-block-v2 > div {width: 100%; padding: 40px 40px 120px 40px; background: no-repeat center center; background-size: cover; position: relative; min-height: 500px;}
.spotlight-block-v2 h2 {margin: 0 0 30px 0; font-size: 35px; line-height: 43px; color: #fff;}
.spotlight-block-v2 .btn {position: absolute; bottom: 30px; right: 30px; min-width: 210px; text-align: center; background: #fff; color: #002A2F; border: none;}
.spotlight-block-v2 .btn:focus,
.spotlight-block-v2 .btn:hover {background: #ee3135; color: #fff;}
.spotlight-block-v2 .logo img {display: block; margin: 0 0 20px 0;}

/**
 * Masterworks Connector
 */
body.page-template-template-masterworks-connector .page-intro-with-actions .content {max-width: 750px;}

.masterworks-connector-layout > .upper {display: flex; flex-wrap: wrap;}
.masterworks-connector-layout > .upper > .left {width: 65%; padding: 0 50px 0 0;}
.masterworks-connector-layout > .upper > .left h2:first-of-type {color: #015f74; text-transform: uppercase;}
.masterworks-connector-layout > .upper > .left em {font-size: 24px; line-height: 28px; color: #015f74; font-weight: 300;}
.masterworks-connector-layout > .upper > .left .video {border: solid 10px #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); margin: 0 0 40px 0;}
.masterworks-connector-layout > .upper > .right {width: 35%;}
.masterworks-connector-layout > .upper > .right blockquote {font-size: 26px; line-height: 38px; padding: 20px 0 0 40px; background-size: 60px auto;}
.masterworks-connector-layout > .upper > .right blockquote .author strong {display: block;}
.masterworks-connector-layout > .upper > .right blockquote .title-separator {display: none;}
.masterworks-connector-layout .lower .intro {text-align: center; margin: 0 0 40px 0;}
.masterworks-connector-layout .lower .intro h2 {margin: 0 0 20px 0;}
.masterworks-connector-layout .box {background: #f0f2f3; padding: 40px; margin: 0 0 40px 0;}
.masterworks-connector-layout .box h2 {margin: 0 0 20px 0; text-align: center; color: #ec343c; text-transform: uppercase;}
.masterworks-connector-layout .box .btn {margin: 0; width: 100%;}
.masterworks-connector-layout .datasheet img {display: block; margin: 0 auto 10px auto;}
.masterworks-connector-layout .gform_wrapper .contact-form .gform_body > ul > li {width: 100%; padding: 0 !important;}

/**
 * Partners Program
 */
.partners-program .intro + .page-section {margin-top: 50px;}
.partners-program .page-section + .page-section {margin-top: 70px; padding-top: 70px; border-top: solid 4px #F0F2F3;}
.partners-program .sidebar-section .block + .block {margin-top: 25px;}
.partners-program .sidebar-section .container {display: flex; flex-wrap: wrap;}
.partners-program .sidebar-section .container > .left {width: 65%; padding: 0 25px 0 0;}
.partners-program .sidebar-section .container > .left .block {padding: 30px 40px; background: #f0f2f3;}
.partners-program .sidebar-section .container > .left .block h2 {margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 28px; line-height: 32px; color: #005F74; font-weight: bold; border-bottom: solid 2px #D6DDE1;}
.partners-program .sidebar-section .container > .right {width: 35%;}
.partners-program .sidebar-section .container > .right .block {padding: 30px; background: #f0f2f3;}
.partners-program .sidebar-section .container > .right .block h2 {margin: -30px -30px 30px -30px; padding: 30px; font-size: 20px; line-height: 27px; letter-spacing: 1.2px; text-transform: uppercase; color: #fff; font-weight: bold; background: #01303f url(images/bg-lines.png) no-repeat center center; background-size: cover;}
.partners-program .blocks-section .section-intro {margin: 0 0 60px 0;}
.partners-program .blocks-section .section-intro h2 {margin: 0 0 40px 0;}
.partners-program .blocks-section .container {display: flex; flex-wrap: wrap; margin: 0 -10px -20px -10px;}
.partners-program .blocks-section .container > div {padding: 0 10px 20px 10px; width: 50%; display: flex;}
.partners-program .blocks-section .container .block {padding: 30px 70px; background: #f0f2f3;}
.partners-program .blocks-section .container .block ul {font-size: 18px; line-height: 26px;}
.partners-program .blocks-section .container .logo {display: flex; align-items: center; min-height: 120px; padding: 0 0 30px 0; margin: 0 0 40px 0; border-bottom: solid 4px #D6DDE1; justify-content: center;}
.partners-program .blocks-section .container .logo img {display: block; margin: 0 auto; width: auto; max-width: 220px; max-height: 90px;}
.partners-program .blocks-section .container .logo h3 {margin: 0;}

/**
 * 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-size: 18px; line-height: 22px; padding: 10px;}

input[type="submit"] {cursor: pointer; border-radius: 0px;}

button {cursor: pointer;}

@media only screen and (max-width: 1500px) {

    #nav {left: 100px; right: 250px;}

}

@media only screen and (max-width: 1400px) {

    #header .toggle-menu {display: block;}
    #header .secondary-nav {display: none;}

    #nav {display: none;}

    #mobile-menu .button {display: none;}

    .mobile-menu #header {left: -260px; right: 260px;}
    .mobile-menu #page {right: 260px;}
    .mobile-menu #mobile-menu {right: 0;}

    .ocp-screenshot {padding: 0; margin-top: -40px;}

}

@media only screen and (max-width: 1280px) {

    .resource-box .logo {position: static; -webkit-display: block; display: block; height: auto;}
    .resource-box.has-logo .btn {max-width: calc(100% - 60px);}

}

@media only screen and (max-width: 1200px) {

    .stats {padding: 55px 0 285px 0;}
    .stats:before {right: calc(50% - 168px); top: auto; bottom: 20px;}

    .action-columns > div {width: 50%; border-right: none;}
    .action-columns > div:nth-child(odd) {border-right: solid 1px #b4b5b6;}

    .aurigo-essentials-chart > div > .item,
    .aurigo-essentials-chart > div > .item:first-child,
    .aurigo-essentials-chart > div > .item:last-child {width: 100%; padding: 0 0 0 120px;}
    .aurigo-essentials-chart > div > .item {margin: 0 0 40px 0; min-height: 90px;}
    .aurigo-essentials-chart > div > .item:before {display: none;}
    .aurigo-essentials-chart > div:first-child:before {display: none;}
    .aurigo-essentials-chart svg,
    .aurigo-essentials-chart > div > .item:last-child > svg,
    .aurigo-essentials-chart > div:last-child > .item > svg {top: 0; left: 0; bottom: auto; right: auto;}


}



@media only screen and (max-width: 1150px) {
}

@media only screen and (max-width: 1100px) {
}

@media only screen and (max-width: 1050px) {

    .sidebar-layout > .content,
    .sidebar-layout > aside {width: 100%; padding: 0;}
    .sidebar-layout > aside.negative,
    .sidebar-layout > aside.medium-negative,
    .sidebar-layout > aside.extra-negative {margin-top: 0;}
    .sidebar-layout > .content {margin: 0 0 60px 0;}

    .subnav {display: none;}

    .page-intro-content.offset {padding-left: 0;}

    .industry-tiles {font-size: 20px; line-height: 24px;}

    .jobs-iframe {padding-bottom: 200%;}

}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 980px) {

    #footer .upper .contact {width: 35%;}
    #footer .upper nav {width: 65%;}
    #footer .upper nav .general,
    #footer .upper nav .industries {width: 100%;}
    #footer .upper nav .general .left,
    #footer .upper nav .general .right {width: 50%;}

    .box-call-to-action {background-size: 400px; auto; padding-right: 50px;}
    .box-call-to-action > .content {width: 100%; padding: 0;}
    .box-call-to-action > .actions {width: 100%;}
    .box-call-to-action .btn {margin: 20px 15px 0 0;}

    .products-box .body > ul > li {width: 100%;}
    .products-box .footer {justify-content: flex-start; padding-right: 30px;}
    .products-box .footer .content {width: 100%; padding-right: 0;}
    .products-box .footer .content:before {top: 5px;}
    .products-box .footer .action {padding: 20px 0 0 65px;}

    .products-box-2 .header .container .logo,
    .products-box-2 .header .container .content {width: 100%; padding: 0;}
    .products-box-2 .header .container .logo img {display: block; margin: 0 auto 20px auto;}
    .products-box-2 .body > div {width: 100%;}
    .products-box-2 .body > div > div {min-height: 1px;}
    .products-box-2 .body > div > div p {min-height: 1px;}
    .products-box-2 .body > div + div {border-left: none;}
    .products-box-2 .footer .intro {text-align: left;}
    .products-box-2 .footer .content > div {width: 100%;}
    .products-box-2 .footer .content > .right {padding: 30px 60px 0 60px; border-top: solid 1px #c6cacc; border-left: none; margin: 30px 0 0 0;}
    .products-box-2 .footer .content > .right:before {top: 30px; left: 0;}
    .products-box-2 .footer .columns-content > .left {padding-left: 0;}
    .products-box-2 .footer .columns-content > .right {padding-left: 60px;}
    .products-box-2.home .footer {display: block;}
    .products-box-2.home .footer .content {width: 100%; padding-right: 0;}
    .products-box-2.home .footer .action {padding: 20px 0 0 85px;}
    .products-box-2.line .body > div.active {border-bottom: none;}
    .products-box-2.line .body > div:nth-child(2),
    .products-box-2.line .body > div:nth-child(4) {width: 100%;}
    .products-box-2 .footer .columns-content .button-wrapper {left: 30px;}
    .products-box-2 .footer .columns-content > .right .button-wrapper {left: calc(50% + 60px);}

    .why {max-width: 400px; margin: 0 auto;}
    .why > div {width: 100%; padding: 0;}
    .why > div + div {border-left: none; border-top: solid 1px #fff; padding-top: 30px; margin-top: 30px;}

    .stats > div,
    .stats.span-4 > div {width: 100%; padding: 0; text-align: center;}
    .stats > div + div {border: none; margin-top: 30px;}

    .photo-with-quote .photo {width: 100%; margin: 0 0 30px 0;}
    .photo-with-quote .quote {width: 100%; padding: 0;}
    .photo-with-quote .quote:before {top: -15px; left: -40px;}

    .resource-boxes > div {width: 100%;}

    .page-intro-with-actions {display: block;}
    .page-intro-with-actions .content,
    .page-intro-with-actions .actions {width: 100%; padding: 0;}
    .page-intro-with-actions .content {margin: 0 0 30px 0;}
    .page-intro-with-actions .btn {display: inline-block; width: auto;}
    .page-intro-with-actions .btn + .btn {margin: 0 0 0 15px;}

    .overview-benefits {display: block;}
    .overview-benefits .graphic,
    .overview-benefits .benefits {width: 100%; padding: 0;}
    .overview-benefits .graphic img {margin: -120px auto 30px auto;}

    .industry-tiles > div {width: 50%;}

    .assets > div {width: 100%;}

    .profiles .photo {width: 30%;}
    .profiles .content {width: 70%;}

    .product-features .content > div {width: 50%;}

    .advisors > div {width: 50%;}

    .partners > div {width: 50%;}

    .hanging-sidebar-layout > .content,
    .hanging-sidebar-layout > aside {width: 100%;}
    .hanging-sidebar-layout > .content {padding: 0;}

    .locations > div {width: 100%;}

    .contact-banner > div > div > div {width: 100%;}
    .contact-banner > div > div > div + div {border-left: none; margin-top: 30px;}

    .contact-layout > .left,
    .contact-layout > .right {width: 100%; padding: 0;}
    .contact-layout > .left {margin: 0 0 30px 0;}

    .case-study-intro > .logo,
    .case-study-intro > .content {width: 100%;}
    .case-study-intro > .content {padding: 20px 0 0 0;}

    .case-study-deets > div {width: 100%;}

    .career-benefits {margin: 0 auto; max-width: 600px;}
    .career-benefits > div {width: 100%; padding-left: 0; padding-right: 0;}
    .career-benefits > div + div {border-left: none; margin-top: 60px;}

    .news > div {width: 100%;}

    .box-callout {padding-left: 40px; padding-right: 40px;}
    .box-callout .cols > div {width: 100%; padding: 0;}
    .box-callout .cols > div:not(:last-child) {border-right: none; border-bottom: solid 1px #b4b5b6; padding-bottom: 30px; margin-bottom: 30px;}

    .step-boxes > div {width: 100%;}
    .step-boxes > div > div {padding-bottom: 30px;}
    .step-boxes ol {margin: 0 0 30px 0;}
    .step-boxes .btn {position: static; min-width: 200px;}

    .essentials-pricing .body > .left,
    .essentials-pricing .body > .right {width: 100%; padding: 0;}
    .essentials-pricing .body > .left {margin: 0 0 40px 0;}

    .ocp-intro > div {width: 100%;}

    .callout-box .cols > div:first-child,
    .callout-box .cols > div:last-child {width: 100%; padding: 0;}
    .callout-box .cols > div:first-child {margin: 0 0 40px 0;}

    .ocp-benefits > div:first-child,
    .ocp-benefits > div:last-child {width: 100%; padding: 0;}
    .ocp-benefits > div:first-child {margin: 0 0 40px 0;}

    .spotlight-blocks > div {width: 100%;}

    .spotlight-blocks-v2 > div {width: 100%;}

    .case-study-overview > .left {width: 100%;},
    .case-study-overview > .right {width: 100%; padding: 0 0 40px 0;}
    .case-study-overview.pardot-version > .left {width: 100%; padding: 0 0 40px 0;}
    .case-study-overview.pardot-version > .right {width: 100%; padding: 0;}

    .masterworks-connector-layout > .upper > .left {width: 100%; padding: 0; margin: 0 0 40px 0;}
    .masterworks-connector-layout > .upper > .right {width: 100%;}

    .icon-screenshot-list {display: block;}
    .icon-screenshot-list .icon {width: 115px; margin: 0 0 20px 0;}
    .icon-screenshot-list .content {width: 100%; padding: 0; margin: 0 0 20px 0;}
    .icon-screenshot-list .screenshot {width: 100%;}

    .partners-program .sidebar-section .container > .left {width: 100%; padding: 0 0 25px; 0;}
    .partners-program .sidebar-section .container > .right {width: 100%;}
    .partners-program .blocks-section .container > div {width: 100%;}

}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 850px) {

    .boxes > div {width: 100%;}

    .quote-sidebar-layout > .content,
    .quote-sidebar-layout > .quote-sidebar {width: 100%; padding: 0;}
    .quote-sidebar-layout > .content {margin: 0 0 30px 0;}

    div.pricing {display: none;}

    .pricing-mobile {display: block;}

    .customers .row > div,
    .customers .row-1x1 > .col-1,
    .customers .row-1x4 > div {width: 100%;}
    .customers .row-1x4 > .col-2 {width: 100%;}
    .customers .row-1x4 > .col-2 .tile {padding-bottom: 35%;}

    .right-sidebar-layout > .content,
    .right-sidebar-layout > .sidebar {width: 100%; padding: 0;}
    .right-sidebar-layout > .content {margin: 0 0 40px 0;}

    .icon-list.cols > div {width: 100%;}

    .products-box-2 .footer .columns-content > .left,
    .products-box-2 .footer .columns-content > .right {width: 100%; padding: 0; border: none;}
    .products-box-2 .footer .columns-content > .right {border-top: solid 1px #c6cacc; margin: 40px 0 0 0; padding: 40px 0 0 0;}
    .products-box-2 .footer .columns-content .button-wrapper {position: static;}

    .resource-boxes.x-2 > div {width: 100%;}

    .essentials-nav > .left,
    .essentials-nav > .right {width: 100%;}
    .essentials-nav > .left {padding: 0; margin: 0 0 30px 0;}
    .essentials-nav > .left img {max-width: 200px;}

    .essentials-callout-block {text-align: center;}
    .essentials-callout-block .logo,
    .essentials-callout-block .content {width: 100%; padding: 0;}
    .essentials-callout-block .logo img {max-width: 200px; margin: 0 auto 30px auto; display: block;}
    .essentials-callout-block .content {border-top: solid 1px #b4b5b6; border-left: none; padding: 30px 0 0 0;}

}

@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 750px) {

    #footer .upper .contact,
    #footer .upper nav {width: 100%;}
    #footer .upper .contact {margin: 0 0 30px 0;}

    #hero h1 {font-size: 30px; line-height: 40px;}
    #hero h1 strong {font-size: 50px; line-height: 54px;}

    .products-box .footer ul li {display: block;}

    .products-box-2 .footer ul li {display: block;}
    .products-box-2 .footer ul li + li:before {margin-left: 0;}
    .products-box-2 .footer ul li:first-child:before {content: "\00B7"; margin-right: 5px; font-weight: bold;}

    .box-call-to-action .btn {width: auto;}

    .overview-benefits .benefits > div {width: 100%; padding: 0;}
    .overview-benefits .benefits > div + div {margin-top: 30px; padding: 30px 0 0 0; border-top: solid 1px #b4b5b6; border-left: none;}

    div.products .content,
    div.products .image {width: 100%; padding: 0;}
    div.products .image {margin: 0 0 30px 0;}

    .line-benefits {max-width: 500px; margin: 60px auto;}
    .line-benefits > div {width: 100%;}
    .line-benefits > div + div {border-left: none; border-top: solid 1px #b4b5b6; margin-top: 30px; padding-top: 30px;}

    blockquote {font-size: 20px;}
    blockquote .author {font-size: 12px; line-height: 16px;}

    .industry-bullets > div > div {width: 100%;}

    .product-features .content > div {width: 100%;}

    .sidebar-layout > .content > .intro h2 {font-size: 30px; line-height: 34px;}

    .case-study-overview > .photo,
    .case-study-overview > .content,
    .case-study-overview > .photo + .content {width: 100%;}
    .case-study-overview > .photo {margin: 0 0 20px 0;}

    .photo-list .photo,
    .photo-list .content {width: 100%; padding: 0;}
    .photo-list .photo {margin: 0 0 20px 0;}

    .study-grid-callout > div {width: 50%;}

    .essentials-text-with-photo-block > .photo,
    .essentials-text-with-photo-block > .content,
    .essentials-text-with-photo-block.swap > .photo,
    .essentials-text-with-photo-block.swap > .content {width: 100%; padding: 0;}
    .essentials-text-with-photo-block > .photo {margin: 0 0 30px 0;}

    .essentials-three-cols {margin: 0;}
    .essentials-three-cols > div {width: 100%;}
    .essentials-three-cols > div + div {border-top: solid 1px #b4b5b6; border-left: none; padding-top: 30px; margin-top: 30px;}

    .essentials-nav .items > div {width: 100%;}
    .essentials-nav .integrations ul {display: block;}
    .essentials-nav .integrations ul li {display: block;}
    .essentials-nav .integrations ul li:first-child:before {display: inline-block;}

}

@media only screen and (max-width: 700px) {
}

@media only screen and (max-width: 650px) {

    .customers .row-1x4 > .col-2 > div {display: block;}
    .customers .row-1x4 > .col-2 > div > div {width: 100%; height: auto;}
    .customers .row-1x1 > .col-2 .tile,
    .customers .row-1x4 > .col-2 .tile {padding-bottom: 73%;}

}

@media only screen and (max-width: 600px) {

    #footer .upper nav ul.links > li > ul {display: none;}
    #footer .upper nav .general .left,
    #footer .upper nav .general .right,
    #footer .upper nav .industries ul.links > li > ul > li {width: 100%;}
    #footer .upper nav .industries ul.links > li > ul {display: none;}
    #footer .upper .links li {margin: 0 0 5px 0;}
    #footer .upper .left .links li {margin: 0;}
    #footer .lower span {display: block; margin: 5px 0 0 0;}

    .btn {padding: 10px 20px; font-size: 12px; line-height: 16px;}

    .box-call-to-action {padding: 30px; font-size: 16px; line-height: 26px;}
    .box-call-to-action strong {font-size: 22px; line-height: 26px;}

    .call-to-action-banner .btn {min-width: 150px;}

    #hero > div {min-height: 400px;}
    #hero h1 {font-size: 20px; line-height: 30px;}
    #hero h1 strong {font-size: 26px; line-height: 30px;}

    .photo-with-quote {font-size: 18px; line-height: 28px;}
    .photo-with-quote .author {display: block;}
    .photo-with-quote .author .logo img {margin: 0 auto 20px auto;}
    .photo-with-quote .author .name {text-align: center;}

    .products-box-2 .footer .content > .left,
    .products-box-2 .footer .content > .right {padding-right: 0;}
    .products-box-2.home .footer .content {padding: 50px 0 0 0;}
    .products-box-2.home .footer .content:before {top: 0;}
    .products-box-2.home .footer .action {padding-left: 0;}
    .products-box-2.line .footer .content {padding: 50px 0 0 0;}
    .products-box-2.line .footer .content:before {top: 0;}
    .products-box-2.line .footer .action {padding-left: 0;}

    .page-intro.tall > div {padding-top: 120px; padding-bottom: 50px; min-height: 1px;}

    .page-intro-content {font-size: 26px; line-height: 30px;}
    .page-intro-content h1 {font-size: 16px; line-height: 20px;}

    .landing-intro {font-size: 16px; line-height: 21px;}
    .landing-intro h2 {font-size: 26px; line-height: 30px;}

    .generic-page-header {font-size: 16px; line-height: 21px;}
    .generic-page-header h1 {font-size: 26px; line-height: 30px;}
    .generic-page-header .content {min-height: 1px;}

    .industry-tiles > div {width: 100%;}

    .asset .footer {display: block;}
    .asset .footer .logo {margin: 0 0 20px 0;}
    .asset.brochure .body > .thumb,
    .asset.brochure .body > .content {width: 100%; padding: 0;}
    .asset.brochure .body > .thumb {margin: 0 0 20px 0;}

    blockquote {padding: 25px 30px 0 30px; background-size: 50px auto;}

    .profiles .photo,
    .profiles .content {width: 100%; padding: 0;}
    .profiles .photo {margin: 0 0 20px 0;}

    .product-line-header > div:before {background-size: 50px auto; right: 20px;}
    .product-line-header > div:after {background-size: 30px auto; right: 20px;}

    .sidebar-layout {font-size: 16px; line-height: 26px;}

    .advisors > div {width: 100%;}

    .partners > div {width: 100%;}

    .gform_wrapper .contact-form .gform_body > ul > li {width: 100%;}

    .customers .tile .btn {right: 15px; bottom: 15px;}

    .icon-list > div {padding-left: 130px;}
    .icon-list > div:before {width: 80px; background-size: 80px auto; height: 90px;}
    .icon-list > div:after {width: 80px; background-size: 40px auto; height: 90px;}
    .icon-list.cols > div {padding-left: 150px;}

    .action-columns > div {width: 100%; border-right: none;}

    .news .thumb,
    .news .content {width: 100%; padding: 0;}
    .news .thumb {margin:  0 0 20px 0;}

    .study-grid-callout > div {width: 100%;}

    .essentials-pricing ul.two-cols {column-count: 1;}

    .essentials-callout-block {padding: 25px;}

    .gform_wrapper .contact-form.ocp-lead-form #field_2_6 {width: 100%;}

    .spotlight-block-v2 {font-size: 18px; line-height: 22px;}
    .spotlight-block-v2 > div {padding: 20px 20px 120px 20px;}
    .spotlight-block-v2 h2 {margin: 0 0 20px 0; font-size: 28px; line-height: 32px;}
    .spotlight-block-v2 .btn {min-width: 150px;}

    .partners-program .blocks-section .container .block {padding: 30px;}

}

@media only screen and (max-width: 550px) {
}

@media only screen and (max-width: 500px) {

    .alignleft,
    img.alignleft,
    .alignright,
    img.alignright {float: none; margin: 0 0 20px 0; display: block; max-width: 100%;}

    .resource-box .footer {display: block;}
    .resource-box .footer .logo {padding: 0 0 20px 0;}

    .aurigo-essentials-chart > div > .item,
    .aurigo-essentials-chart > div > .item:first-child,
    .aurigo-essentials-chart > div > .item:last-child {padding: 100px 0 0 0;}

    
}

@media only screen and (max-width: 450px) {

    .stats {padding-bottom: 210px;}
    .stats:before {width: 240px; height: 160px; left: calc(50% - 120px); background-size: 100% auto;}

    .highlights-box .head {display: block; padding: 75px 50px 15px 50px;}
    .highlights-box .head:after {position: absolute; top: 20px; left: 50px; display: block;}

}

@media only screen and (max-width: 400px) {

    .products-box .footer .content {padding: 60px 0 0 0;}
    .products-box .footer .content:before {top: 0; left: calc(50% - 20px);}

    .icon-list > div {padding: 100px 0 0 0;}
    .icon-list.cols > div {padding: 100px 30px 0 30px;}
    .icon-list > div:before,
    .icon-list > div:after {top: 0; left: 0;}
    .icon-list.cols > div:before,
    .icon-list.cols > div:after {top: 0; left: 30px;}

}

@media only screen and (max-width: 350px) {
}

@media only screen and (max-width: 300px) {
}

@media only screen and (min-width: 751px) {

    .products-box .footer ul li:first-child:before {display: none;}

}