/*

	Main stylesheet for Hevasure
	author: CFRONT (SABN)
	date: 02.09.2020

*/

* {
    box-sizing: border-box;
}

html {
	overflow-y:scroll;
}

html.noscroll {
	overflow-y:hidden;
}

html, body {
	padding:0;
	min-height: 100%;
	height:100%;
	margin:0;
    font-size:16px;
    font-family: lato, sans-serif;
	color: #31363E;
}

body.hide_scroll {
    overflow-y: hidden;
}

h1, h2, h3, h4, h5 {
    font-family: lato, sans-serif;
    font-weight: normal;
}

h1 span.normal {
    font-weight:200;
}

h1 {
    font-size:3rem;
    font-weight:600;
}

.page-intro h1 {
    max-width:60%;
    color:#00405e;
}

h2 {
    font-size:2.4rem;
    font-weight:600;
}

h2 strong {font-weight:800;}

h3 {
    font-size:2rem;
    font-weight:600;
}

h4 {
    font-size:1.6rem;
    font-weight:600;
}

h5 {
    font-size:1.2rem;
    font-weight:600;
}

p {
    line-height: 1.7rem;
}

.flex-container {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
}

.inner {
    width: 90%;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
}

.inner .flex-container {
    padding: 2rem 0;
}

.dashboard-page .inner .flex-container,
.inner .news-item.flex-container {
    padding:0;
}

.under-hero .inner .flex-container {
    padding:0 0 2rem 0;
}

.col-1-1 {
    width: 100%;
}

.col-1-1 p {
    width:100%;
}

.col-1-2 {
    width: 50%;
}

.col-2-3 {
    width: 66.667%;
}

.col-1-3 {
    width: 27.5%;
}

.topics h2 {
    margin: 3.5rem 0 0rem 0;
}

.topic.col-1-3 {
    width:calc(33.333% - 2rem);
    margin:1rem;
}

.col-3-4 {
    width:75%;
}

.col-1-4 {
    width:25%;
}

.topic-feature {
    position:relative;
}

.news-item {
    border-bottom: 3px solid #00405e;
    box-shadow: 0 8px 8px rgba(0,0,0,.05), 0 0 30px 0 rgba(0,0,0,.05);
}

.more-news .news-item.col-1-4 {
    width:calc(25% - 2rem);
    margin:1rem;
    text-decoration:none;
}
.more-news .news-item.col-1-4 h4 {
    color: #00405E;
    margin: 0;
    line-height: 1.7rem;
    font-size:1.2rem;
}

.news-text {
    padding:2rem 2rem 1rem 2rem;
}

.news-image {
    position: relative;
}

.wp-name::before,
.doc-download .cs-image::before,
.news-image::before,
.topic-feature::before {
    content: "";
    display: block;
    background: #FFFFFF;
    position: absolute;
    bottom: 0px;
    height: 20px;
    left: 50%;
    width: 50%;
}

.wp-name::after,
.doc-download .cs-image::after,
.news-image::after,
.topic-feature::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -20px;
}

.wp-name::before,
.doc-download .cs-image::before {
    background:#00405e;
}

.wp-name::after,
.doc-download .cs-image::after {
    border-color: transparent transparent #00405e transparent;
}

.topic {
    border-bottom: 3px solid #00405e;
    box-shadow: 0 8px 8px rgba(0,0,0,.05), 0 0 30px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
}

.topic-content {
    padding:2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.topic-content h4 {
    margin:0 0 1rem 0;
}

.topic-feature img {
    display:block;
    width:100%;
}

a.link-button {
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin: 2rem 0 1rem auto;
    color: #009CA7;
    width: auto;
    transition: 0.5s;
    text-align: right;
}

a.link-button svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 2px;
    position: relative;
    top: 5px;
    fill:#009CA7;
    transition:0.5s;
}

a.link-button:hover {
    color:#00405e;
}

a.link-button:hover svg {
    left: 5px;
    fill:#00405e;
}

.case-study a.link-button:hover svg {
    left: 5px;
    fill:#FFFFFF;
}

.in-page-image img {
    display:block;
    width:100%;
    border-radius:50%;
}

.no-circle-image .in-page-image img {
    border-radius:0;
}

.in-page-image {
    float: right;
    margin: 4rem;
    display: block;
    width: 40%;
    max-width: 480px;
}

.case-study a.link-button:hover,
.top-case-study a.link-button:hover {
    color:#FFFFFF;
}

.case-study a.link-button {
    margin: 2rem 1rem 1rem auto;
}

.case-study .doc-content {
    padding: 2rem;
    font-weight:600;
    font-size:1.2rem;
}

.top-case-study a.link-button:hover svg {
    fill:#FFFFFF;
}

.related-content .inner.flex-container,
.topic .inner.flex-container {
    align-items:center;
    justify-content:space-between;
}

.topic .inner.flex-container .col-1-2 {
    padding:4rem;
}

.flex-container.tech-detail .col-1-2:nth-of-type(1) {
    padding-right:4rem;
}

.flex-container.tech-detail .col-1-2:nth-of-type(2) {
    padding-left:4rem;
    position:relative;
}

.flex-container.tech-detail .col-1-2:nth-of-type(2)::after {
    content: "";
    height: 50%;
    width: 2px;
    display: block;
    background: #9f9f9f;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -25%;
}

.row.related-content {
    background:#ededed;
    padding:4rem 0;
    text-align:center;
}

.row.tech-docs {
    padding:4rem 0;
}

a.tech-doc {
    background:#009CA7;
    text-decoration:none;
    color:#FFFFFF;
    padding:2rem;
}

a.tech-doc h5 {
    margin:0 0 1rem 0;
}

a.tech-doc.col-1-4 {
    width:calc(25% - 2rem);
    margin:1rem;
}

.country-header {
    display:flex;
    align-items:center;
}

a.country-flag,
.country-header .country-flag {
    text-decoration:none;
    display:block;
    margin-right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

a.country-flag img,
.country-header .country-flag img {
    display:block;
    opacity:0;
    width:32px;
    height:32px;
    border-radius:50%;
}
.top-bar a.country-flag {
    margin-right:18px;
}

.top-bar a.country-flag,
.top-bar a.country-flag img {
    width: auto;
    height: 16px;
    border-radius:0;
}

.top-bar {
    background-color: #00405E;
    color: #FFFFFF;
    padding: 0.5rem 2rem;
    justify-content: space-between;
    align-items: center;
}

.top-bar a {
    color:#FFFFFF;
    font-weight:600;
    text-decoration:none;
    transition:0.7s;
}

.top-bar a:hover {
    opacity:0.8;
}

.top-bar .healthcheck-link a,
.top-bar .dashboard-link a {
    color:#FFFFFF;
    font-weight:500;
    font-size:0.75rem;
    letter-spacing:1px;
}

.top-bar .healthcheck-link a {
    margin-right:1rem;
}

.top-bar a.tel {
    display:inline-block;
    margin-left:6px;
    letter-spacing:1px;
}

.healthcheck-link a,
.dashboard-link a {
    display: flex;
    align-items: center;
}

.healthcheck-link svg,
.dashboard-link svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

header > .inner > .flex-container {
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0 0 0;
}

.logo {}

.logo img,
.logo svg { 
    display:block;
    width:100%;
}

header nav {
    display:flex;
    align-items:center;
}

nav > div {
    margin:0 1rem;
}

.hc-icon {
    display: block;
    width: 24px;
    position: absolute;
    top: 14px;
    right: 14px;
    height: 24px;
    z-index: 2;
}

nav a,
nav span.ni-sub-link {
    display: block;
    text-decoration: none;
    color: #00405e;
    font-weight: 600;
    cursor:pointer;
}

.ni.has-sub {
    position:relative;
}

.nav-sub {
    display:none;
    position: absolute;
    top: calc(100% + 1rem);
    background: #00405e;
    left: 0;
    width: 200px;
    padding: 0;
    border-radius:3px;
}

.nav-sub::before {
content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: 100px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #00405e;
}

.nav-sub:hover::before {
    border-bottom: 13px solid #009CA7;
    transition:0.7s;
}

.ni-sub {
    position:relative;
}

.ni-sub a {
    display:block;
    padding:0.5rem 1rem;
    color:#FFFFFF;
    border-top:1px solid rgb(0 156 167 / 0.3);
}

.ni-sub:first-of-type a {
    border-top:none;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}

.ni-sub:last-of-type a {
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}

.ni-sub a:hover {
    background:#009CA7;
    color:#FFFFFF;
}

span.ni-sub-link:hover,
span.ni-sub-link.active,
nav a:hover {
    transition:0.7s;
    color:#009CA7;
}

.nav-icon {
    width: 36px;
    margin: auto auto auto 10px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 9px 8px 9px 9px;
    justify-content: flex-start;
    flex-wrap: wrap;
    transition: 0.7s;
    background: #00405E;
    border-radius: 50%;
}

.nav-icon:hover {
    background: #009CA7;
    cursor: pointer;
}

.nav-container {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
    background: #00405E;
    color: #FFFFFF;
    padding: 2rem 1rem 1rem 1rem;
    display: none;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transition: 0.7s;
    width: 100%;
    max-width: 400px;
    padding: 3rem;
}

.nav-container nav {
    display:block;
}

nav > div.nav-container {
    margin:0;
}

.nav-container .logo {
    width:180px;
}

.nav-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 32px;
    margin: auto auto auto 10px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 3px 8px 11px 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-radius: 50%;
    transition: 0.7s;
    background: rgba(255,255,255,0.1);
}

.nav-close:hover {
    background:#009CA7;
    cursor:pointer;
}

body {
    /*background-image:url(/images/hevasure-bg-1.svg);
    background-size:100%;
    background-position:0 0;
    background-repeat:repeat-y;
    */
}

.nav-close-bars {
    background: #fff;
    width: 16px;
    height: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 3px 0;
}

.nav-close-bars:nth-of-type(1) {
    transform: rotate(45deg) translate(6px, 6px);
}
.nav-close-bars:nth-of-type(2) {
    transform:rotate(-45deg);
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
}

header .logo img,
header .logo {
    transition:0.7s;
}

header .logo {
    width:300px;
}

header.fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.07);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.07);
}

header.fix > .inner > .flex-container {
    padding: 1rem 0;
}

header.fix .logo {
    width: 200px;
}

header.fix .nav-icon {
    background:none;
}

header.fix .nav-icon:hover {
    background:none;
}

.nav-icon-bars {
    background: #FFF;
    width: 18px;
    height: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2px 0;
}

header.fix .nav-icon-bars {
    background: #00405E;
}

.nav-icon:hover .nav-icon-bars {
    background: #FFFFFF;
}

header.fix .nav-icon:hover .nav-icon-bars {
    background: #009CA7;
}

.nav-container {
    display:none;
}

.nav-container nav span {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.nav-container nav a {
    margin:0.25rem 0;
    font-weight:400;
    font-size:1rem;
    color:#FFFFFF;
    text-decoration:none;
    padding:0.25rem 0;
    border-bottom:1px solid rgba(255,255,255,0.1);
    transition:0.7s;
}

.partners-grid h2 {
    color:#00405e;
    margin:1rem 0 0 0;
}

.nav-container nav a:hover {
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,1);
}

.nav-container .nav-contact > *,
.nav-container .nav-contact a {
    display:inline-block;
    font-weight:400;
    font-size:1.2rem;
    color:#009CA7;
    text-decoration:none;
    padding:0.5rem 0;
}

.hero-section {
    height:90vh;
    position:relative;
    background-image:url(/images/home-hero.svg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% bottom;
}

.hero-section::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
}

.hero-feature h1 {
    font-size:2.6rem;
    color:#00405e;
    margin:3rem 0 0 0;
}
.hero-feature h2 {
    font-size:1.8rem;
    color:#00405e;
    margin:0.25rem 0 1rem 0;
}

.hero-section svg {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.hero-section > .content > .inner > .flex-container {
    align-items:center;
    height:100%;
    padding-top: 6rem;
}



.hero-section .col-1-2:first-of-type {
    padding: 2rem 4rem 2rem 0;
}

.hero-section .col-1-2:last-of-type {
    padding: 2rem 0 2rem 4rem;
}

.hero-section .content {
    width:100%;
    height:100%;
    position: relative;
    z-index: 1;
}

.water-drop {
    box-sizing: border-box;
    max-width: 480px;
    transform: translateY(25%);
    width: 100%;
}

.water-drop-inner {
    background: #009CA7;
    border-radius: 50%;
    height: 0;
    padding-bottom: 100%;
    width: 100%;
    transform: rotate(45deg);
}

.water-drop-text {
    padding: 4rem;
    transform: rotate(-45deg) translate(-19px, 7px);
    color: #FFFFFF;
    text-align: center;
}

.water-drop-text h1 {
    width:100%;
}


a.button {
    padding: 0.5rem 1rem;
    border-radius: 3px;
    text-decoration: none;
    background: #00405e;
    color: #FFFFFF;
    transition: 0.7s;
    margin: 18px 0;
    display: flex;
    width: fit-content;
    align-items: center;
    font-weight: 600;
    border-radius: 20px;
    font-size: 0.9rem;
    letter-spacing: 1px;
    line-height: 1.1rem;
}

a.button:hover {
    background:#009CA7;
}

a.button.country {
    width: 44px;
    height: 44px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    border: 3px solid #11405f;
}

a.button.country img {
    display: inline;
    margin: auto auto auto -15%;
    height: 100%;
    width: auto;
} 

a.button.standard {
    flex-basis:100%;

}

.water-drop a.button {
    background: #ffffff;
    color: #00405e;
}

.button {
    display:flex;
}

.downloads {
    margin-top:32px;
}

.downloads.tech-page,
.tech-detail .downloads {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    max-width: 400px;
}

.downloads.tech-page > a,
.tech-detail .downloads > a {
    margin-right:12px;
}

.button .icon {
    display: flex;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    align-items: center;
    border-radius: 50%;
    background: #FFFFFF;
    justify-content: center;
    flex-shrink: 0;
}

.button .icon svg {
    display:block;
    width:16px;
    height:16px;
    color:#00405e;
    fill:#00405e;
}

a.button.l-blue {
    background:#009CA7;
}

.water-drop a.button:hover {
    background:#00405E;
    color:#FFFFFF;
}

a.button.l-blue:hover {
    background:#a3bdbf;
    color:#00405e;
    transition: 0.7s;
}

.ilc-partners a.button {
    background:none;
    border:2px solid #FFFFFF;
}

.ilc-partners a.button:hover {
    background:#009CA7;
    border:2px solid #009CA7;
}

.page-intro {
    min-height:50vh;
    margin: 4rem 0 4rem 0;
}

.has-breadcrumb .page-intro {
    margin: 2rem 0 4rem 0;
}

.page-first p {
    font-size:1.2rem;
    line-height:2rem;
    font-weight:600;
}

.page-intro.home {
    min-height: 50vh;
    margin: 0;
    color: #ffffff;
    padding: 4rem 0;
    overflow: hidden;
}

.home.page-intro-text,
.home.page-intro h2 {
    width:66.667%;
}

.page-intro-text,
.page-intro h2 {
    width:90%;
}

.home .page-intro-text,
.page-intro.home h2 {
    color: #FFFFFF;
}

.page-intro .col-2-3 {
    padding-right:4rem;
}

.page-intro-text p:first-of-type {
    font-size:1.3rem;
    line-height:2rem;
}

.page-intro-std {
    margin: 2rem 0;
}

.stat-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.stat {
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 2rem;
    position: relative;
    z-index: 2;
    color: #01a1b0;
    max-width: 600px;
    width: 400px;
    height: 400px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.stat img {
    display:block;
    width:100%;
    margin:auto;
}

.fig {
    display: block;
    font-size: 5rem;
    font-weight: 900;
}

/* CARDS */

.flipping-cards {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.flipping-cards .card {
    width: calc(25% - 4rem);
    margin: 2rem;
    border-radius:8px;
    overflow:hidden;
    min-height:360px;
}

.flipping-cards .front, .flipping-cards .back {
    border: 0;
    padding: 2rem;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.flipping-cards .front {
    background-color: #00405E;
    color:#FFFFFF;
    flex-direction:column;
}

.flipping-cards .front  h4 {
    margin:1rem 0;
}

.flipping-cards .front img {
    width:60%;
    margin: 0 auto;
}

.flipping-cards .back {
    background-color: #FFFFFF;
    color:#00405E;
    border-top: 10px solid #009CA7;
}

.flipping-cards .back h5 {
    margin:0 0 1rem 0;
}


.hero-audience-grid {
    display:flex;
    flex-wrap:wrap;
    margin-top:2rem;
}

.hero-audience-grid a.disc {
    display: block;
    width: calc(50% - 2rem);
    margin: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    transition:0.7s;
    overflow:hidden;
}

.hero-audience-grid svg {
    display:block;
    width:100%;
}

.hero-audience-grid a.disc svg .circle {
    fill:#009CA7;
    transition:0.7s;
}

.hero-audience-grid a.disc:hover svg .circle {
    fill:#a3bdbf;
    transition:0.7s;
}

.disc .front {
    border: 0;
    text-align:center;
    cursor:pointer;
    background:none;
    padding:0;
    top: 0px;
    left: 0px;
    padding:2rem;
}

.disc .back {
    border: 0;
    text-align:center;
    cursor:pointer;
    padding:2rem;
}


/* GRID SECTION STYLES */

.grid-section .container {
    width: 90%;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
}
.why-monitor .grid-section > div:nth-of-type(1) {
    text-align:center;
    padding-bottom:2rem;
}

.why-monitor .grid-section > div:nth-of-type(1) .col-md-12 {
    width:60%;
    margin:1rem auto 2rem auto;
}

.why-monitor .grid-section > div:nth-of-type(2) {
    background: #00405e;
    color: #FFFFFF;
    padding:4rem 0;
}

.why-monitor .grid-section > div:nth-of-type(3) {
    padding: 2rem 0 3rem 0;
}

.why-monitor .grid-section > div:nth-of-type(4) {
    background: #e9f0f1;
    color: #00405E;
    padding:4rem 0;
}
.why-monitor .grid-section > div:nth-of-type(5) {
    padding:4rem 0;
}


.corrosion-item img {
    display:block;
    width:100%;
    margin:1rem auto;
    max-width:260px;
}

.related-content .col-1-2 {
    width:40%;
}

.related-item {
    color:#FFFFFF;
}

.related-item a {
    text-decoration:none;
    color:#FFFFFF;

}

.grid-section .centered h3 {
    width:60%;
    margin:2rem auto;
}

.corrosion-items {
    margin-top:2rem;
}

.corrosion-item {
    text-align:center;
    padding:2rem;
}

.corrosion-item .image img {
    border-radius:50%;
    margin-bottom:2rem;
}

.circle-image img {
    display: block;
    width: 100%;
    border-radius: 50%;
    margin: 4rem auto;
    max-width: 480px;
}

.product-link-title {
    display:flex;
    align-items:center;
}

a.product-link-title {
    color:#009CA7;
    text-decoration:none;
}

a.product-link-title:hover {
    color:#00405e;
}

.product-link-title .circle-image img {
    display: block;
    width: 100%;
    border-radius: 50%;
    margin: 2rem auto;
    max-width: 160px;
}

.product-link-title h4 {
    margin-left:1rem;
}

.owl-item svg {
    display:block;
    width:100%;
}

.intro-side,
.benefits {
    margin:3rem 0 2rem 0;
    padding:0 0 0 4rem;
    position:relative;
}

.intro-side {
    margin:0 0 2rem 0;
}

.intro-side::before,
.benefits:before {
    content:"";
    display:block;
    width:3px;
    height:50%;
    position:absolute;
    top:0;
    left:-3px;
    background:#009CA7;
}

.image-link {
    position:relative;
}

.image-link img {
    display:block;
    width:100%;
}

.image-link-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
}

.image-link::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background:rgba(0,0,0,0.2);
}

.image-link-content > div {
    text-align:center;
}

.image-link-content h4 {
    margin:1rem 0 0 0;
}

.benefits h4 {
    color:#009CA7;
    margin:0;
}

.intro-side h4,
.benefits p {
    margin: 1rem 0;
    font-size: 1.3rem;
    line-height: 2rem;
}

.health-check img {
    display:inline-block;
    width:24px;
    height:24px;
    margin-right:0.5rem;
    position:relative;
    top:4px;
}

.intro-side h4 {
    color:#00405e;
}

.intro-side p {
    margin: 1rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
}

ul {
    list-style-type: none;
    margin:0 0 1rem 0;
    padding:0 0 0 1rem;
    max-width:70%;
}

ul li {
    padding-left: 25px;
    position: relative;
    margin:0.5rem 0;
}

/*
ul li:before {
    background-color: #009CA7;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 8px;
}
*/

ul.breadcrumb li {
    padding-left:0;
}

ul.breadcrumb li:before {
    display:none;
}

ol li {
    margin:0.4rem 0;
}

 .building-lifecycle {
    margin:0;
    padding:2rem 0;
    background:#00405e;
    text-align:unset;
    color:#FFFFFF;
    text-transform: unset;
}

 .home .building-lifecycle {
     color:#00405e;
     background:#FFFFFF;
 }

.building-lifecycle .col-1-2 {
    display:flex;
    align-items:center;
}

.building-lifecycle .col-1-2 {
    padding:2rem;
}

.building-lifecycle .col-1-2.img-container img,
.building-lifecycle .col-1-2.img-container svg {
    display:block;
    width:100%;
    max-width:400px;
    margin:0 auto;
}

.no-hero table {
    margin: 2rem 0;
    border-collapse: collapse;
    width: 100%;
}

.no-hero table td {
    border: 1px solid #CCCCCC;
    padding: 1rem;
}

.no-hero table th {
    white-space: nowrap;
    text-align: left;
    padding: 1rem;
    border: 1px solid #CCCCCC;
    background: #EDEDED;
    color: var(--header-color);
    font-family: 'Larsseit Bold', sans-serif;
}

.no-menu header,
.no-footer footer {
    display:none;
}

.pnf {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    height: 100%;
    background: #00405e;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    color:#FFFFFF;
}

.owl-stage {
    display:flex;
    align-items:center;
}

.bl-specifiers {
    background-image: url(/images/bl-specifiers.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.bl-owners {
    background-image: url(/images/bl-specifiers.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.bl-construction {
    background-image: url(/images/bl-specifiers.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.bl-facilities {
    background-image: url(/images/bl-specifiers.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.centered {
    text-align:center;
}

.splitter {
    display: block;
    width: 60%;
    margin: 4rem auto;
    position: relative;
    height:1px;
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,119,138,1) 25%, rgba(255,255,255,1) 50%, rgba(0,156,167,1) 75%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,119,138,1) 25%, rgba(255,255,255,1) 50%, rgba(0,156,167,1) 75%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,119,138,1) 25%, rgba(255,255,255,1) 50%, rgba(0,156,167,1) 75%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.splitter::after {
    content: url(/images/H.svg);
    display: block;
    width: 14px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: -13px;
    background: #FFFFFF;
    padding: 0 10px;
}

ul.breadcrumb {
    list-style-type:none;
    display:flex;
    margin:0;
    padding:0;
    font-size: 0.9rem;
}

ul.breadcrumb li {
    margin:0 0.25rem;
    color:#999999;
}

ul.breadcrumb li a,
ul.breadcrumb li a:visited { 
    color:#009CA7;
    transition:0.7s;
}

ul.breadcrumb li a:hover { 
    color:#00405E;
}

.breaker {
    display:inline-block;
    margin:0 0.5rem;
}

/* NEWS */

.news-page-image {
    float: right;
    width: 40%;
    padding: 0 0 2rem 2rem;
}

.news-page-image img {
    display: block;
    width: 100%;
}

.news-grid {
    width:100%;
    margin: 4rem 0;
}

.grid-sizer,
.news-grid-item {
    width: 25%;
}

.news-grid-item {
    padding:0;
    line-height: 1.35;
    display:block;
}

a.news-grid-item {
    text-decoration:none;  
}

.news-grid-image {
    display: block;
    width: 100%;
}

.news-grid h4 {
    color:#00405E;
    margin:0;
    line-height: 2rem;
}

.ngi-inner {
    position: relative;
    display: block;
    margin: 0.5rem;
    overflow: hidden;
    background-color: #fff;
    min-height: 360px;
    border-radius: 3px;
    box-shadow:0 0 12px 1px rgba(0,0,0,0.15);
}

.ngi-title .ngi-inner {
    position: relative;
    display: flex;
    margin: 4px 5px;
    overflow: hidden;
    background-color: #ededed;
    min-height: 360px;
    padding: 4rem 2rem;
}

.h-section,
.page-hero,
.news-hero {
    background:#f90055;
    color:#FFFFFF;
    padding: 180px 0 3rem 0;
    position:relative;
    text-align:center;
    margin-bottom: 60px;
}

.h-section {
    text-align:left;
}

.h-section::before,
.news-hero::before,
.page-hero::before {
    content:"";
    display:block;
    background:#f90055;
    position:absolute;
    bottom:-40px;
    height:40px;
    left:0;
    width:50%;
}

.h-section::after,
.news-hero::after,
.page-hero::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -40px;
}

.page-hero,
.page-hero::before {
    background-color:#9f9f9f;
}

.page-hero.grey1,
.page-hero.grey1::before {
    background-color:#9f9f9f;
}

.page-hero.grey2,
.page-hero.grey2::before {
    background-color:#9f9f9f;
}

.page-hero.grey3,
.page-hero.grey3::before {
    background-color:#9f9f9f;
}

.page-hero h2 {
    width: 90%;
    margin: 0 auto;
    padding-bottom:2rem;
    max-width: 640px;
}

.big-first p:first-of-type,
.col-1-1 p:first-of-type {
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 600;
    color: #00405e;
}

.under-hero .big-first > div {
    padding-right:0rem;
}

.under-hero .big-first > div p:first-of-type {
    margin-top:6rem;
}

.under-hero .big-first {
    display:flex;
    align-items:center;
}

.news-hero,
.news-hero::before {
    background:#c7d3d4;
}

.case-study-hero-content {
    position:relative;
    width:100%;
    margin-bottom:4rem;
}

.case-study-hero-content h2 {
    color: #FFFFFF;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    font-size: 1.8rem;
    padding: 2rem 0;
    max-width: 680px;
}

.case-study-hero-content h2 .normal {
    font-weight:300;
}

.case-study-hero-content,
.case-study-hero::before {
    background:#00405E;
}

.h-section,
.h-section::before {
    background:#00405e;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00405e",GradientType=1);
}

.page-hero {
    margin-bottom:100px !important;
    background-image:url(/images/hero-pipes-1.svg);
    background-size:cover;
    background-position: 50% bottom;
}

.page-hero.with-under {
    margin-bottom:0;
}

article {
    padding:2rem 0;
}

.article-content p:first-of-type {
    font-size:1.3rem;
    line-height: 1.7rem;
}

article a {
    color:#009CA7;
}

.ngi-precis {
    margin: 0.5rem 0;
    color:#4f4f4f;
}

.precis-container .row {
    padding:2rem 0;
}

.precis-container .row:nth-of-type(2n+0) .flex-container.precis {
    flex-direction:row-reverse;

}

.row-index-1 {
    background:#00405e;
    color:#FFFFFF;
    position:relative;
}

.precis-container .row.row-index-1 {
    padding:2rem 0 4rem 0;
}

.row-index-1 a.button {
    background:#009CA7;
}

.row-index-1::before {
    content: "";
    display: block;
    background: #FFFFFF;
    position: absolute;
    bottom: 0px;
    height: 20px;
    left: 50%;
    width: 50%;
}
.row-index-1::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -20px;
}

.flex-container.precis .precis-image {
    display:flex;
    align-items:center;
}

.flex-container.precis .precis-image img {
    display: block;
    height: 400px;
    width: 400px;
    border-radius: 50%;
}

.precis-container .row:nth-of-type(2n+1) .flex-container.precis .precis-image {
    padding:0 0 0 2rem;
    justify-content:flex-end;
}

.precis-container .row:nth-of-type(2n+0) .flex-container.precis .precis-image {
    padding:0 2rem 0 0;  
    justify-content:flex-start;
}

.share {
    margin:2rem 0;
}

.ngi-title .ngi-inner .text-content {
    font-size:3rem;
    font-weight:600;
    display:flex;
    align-items:center;   
}

.ngi-inner .item-label {
    position:absolute;
    top:0;
    left:0;
    background:#00405E;
    color:#FFFFFF;
    font-size: 0.8rem;
    padding: 0.35rem 1rem 0.3rem 1rem;
    line-height: 0.8rem;
    letter-spacing: 1px;
}

.item-label::after {
    content:"";
    position:absolute;
    top:0;
    right:-20px;
    width: 0;
    height: 0;
    border-top: 22px solid #00405E;
    border-right: 20px solid transparent;
}

.ngi-inner .item-label.it-NEWS {
    background:#009CA7;
}

.item-label.it-NEWS::after {
    border-top: 22px solid #009CA7;
}

a.news-grid-item .ngi-inner {
    transition:0.7s;
}

a.news-grid-item:hover .ngi-inner {
    box-shadow:0 0 10px 2px rgba(0,0,0,0.25);
    background: #ededed;
}


.more-news .copy,
.ngi-inner .copy {
    padding:1rem 2rem;
}

.more-news .news-date,
.ngi-date {
    padding:0.5rem 0;
    color:#999999;
    margin:0;
}

.case-study-feature {
    background: #009CA7;
    color: #FFFFFF;
    min-height: 50vh;
    position:relative;
}

.case-study-feature img {
    display: block;
    width: calc(100% - 8rem);
    position: relative;
    z-index: 3;
    margin: 0 4rem;
}

.case-study-hero {
    background-size: cover;
    height: 80vh;
    position: relative;
}

.cs-download {
    width:600px;
    margin:2rem auto;
}

.cs-download .flex-container {
    flex-wrap:nowrap;
}

.cs-download h4 {
    width:100%;
}

.cs-download .col-1-2 {
    padding:2rem;
}

.cs-download .col-1-2.cs-image {
    padding-right:4rem;
}

.cs-image {
    width:200px;
    padding-right:2rem;
}

.cs-text {
    padding-left:2rem;
}

a.cs-download {
    color:#009CA7;
    text-decoration:none;
    font-weight:600;
}

a.cs-download svg {
    display:inline-block;
    width:16px;
    color:#009CA7;
    padding-right:0.25rem;
    position: relative;
    top: 2px;
    transition:0.7s;
}

a.cs-download:hover {
    color:#00405E;
}

a.cs-download:hover svg {
    top:4px;
    color:#00405E;
}

.cs-image img {
    display:block;
    width:100%;
}

a#drippy {
    display: none;
    width: 120px;
    position: fixed;
    bottom: 60px;
    left: 60px;
    text-decoration: none;
    z-index: 10;
    padding-right: 80px;
    box-sizing: border-box;
    transition:0.7s;
}

a#drippy svg {
    display:block;
    width:100%;
}

.drippy {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.why {
position: absolute;
    left: 70px;
    top: -5px;
    background: #00405E;
    color: #FFFFFF;
    padding: 1rem;
    border-radius: 18px;
    font-size: 0.9rem;
    width: 170px;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    transition: 1.4s;
}

.why::after {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 14px solid #00405E;
    border-bottom: 10px solid transparent;
    border-radius: 0px;
}

a#drippy:hover .why {
    opacity:1;
}

.case-study-image {
    position:relative;
}

.case-study-image .image-cover a {
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
    position: relative;
    padding: 0.4rem 1rem;
    border-radius: 25px;
    letter-spacing: 1px;
    border: 2px solid #FFFFFF;
    font-weight: 600;
    transition:0.7s;
}

.case-study-image .image-cover a:hover {
    background:#009CA7;
}

.case-study-image .image-cover {
    background:rgba(1,156,167,0.7);
    display:flex;
    position:absolute;
    height:100%;
    width:calc(50% - 4rem);
    right:4rem;
    top:0;
    z-index:4;
    justify-content:center;
    align-items:center;
    transition:0.7s;
} 

.case-study-image .image-cover:hover {
     background:rgba(1,156,167,0.9);

}

.faqs-container {
    margin:4rem 0;
}

.faqs {
    margin:2rem 0;
}

.faq:hover,
 faq.active {
    transition:0.7s;
}

.faq h4 {
    cursor:pointer;
    margin:0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c7d3d4;
    padding-bottom: 1rem;
    font-weight:600;
    font-size:1.4rem;
    padding: 1.5rem 1rem;
    transition:background 0.7s;
    color:#00405E;
}

.faq h4:hover {
    transition:background 0.7s;
    background:#e9f0f1;
}

.faq.active h4 {
    border: none;
    color: #FFFFFF;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,156,167,1) 0%, rgba(0,64,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00405e",GradientType=1);
}

.faq.active {
    border-bottom: 2px solid #009CA7;
}

.faq h4 .fal {
    margin-left:1rem;
}

.faq h4 .minus-circle,
.faq h4 .plus-circle {
    display:inline-block;
    margin: 0 1rem 0 0;
}

.faq h4 .minus-circle {
    display:none;
}

.faq.active h4 .plus-circle {
    display: none;
}

.faq.active h4 .minus-circle {
    display: inline-block;
}

.minus-circle svg,
.plus-circle svg {
    pointer-events:none;
}

.minus-circle circle,
.plus-circle circle {
    transition:0.7s;
}

h4 .minus-circle svg circle,
h4 .plus-circle svg circle {
    fill: #00405E;
}

h4:hover .minus-circle svg circle,
h4:hover .plus-circle svg circle {
    fill: #009CA7;
}

.faq_answer ul {
    width:70%;
}

.answer-content {
    width:100%;
    padding: 1.5rem;
}

.faq h4 svg {
    display: block;
    width: 30px;
    height: 30px;
}

.row.faqs {
    padding:4rem 0;
}

.no-hero {
    padding-top:200px;
}

.faq h4:hover svg circle {
    fill:#009CA7;
    transition:0.7s;
}

.faq-answer p {
    line-height: 1.5rem;
}

.inner .faq_answer .flex-container {
    padding:0;
}

.expandable_content {
    display:none;
}


.section-label {
    font-weight:600;
    padding:4rem 4rem 0 4rem;
}

.case-study-feature .section-content {
    margin: 0 4rem 4rem 4rem;
    padding: 0 4rem;
    width: 60%;
    border-left: 3px solid #FFFFFF;
}


.case-study-feature .section-content h3 {
    letter-spacing: 1px;
}

.case-study-feature .section-content div {
    line-height: 1.8rem;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 1px;
}

.case-study-feature:after {
    content:"";
    background:#FFFFFF;
    display:block;
    position:absolute;
    height:25%;
    width:100%;
    left:0;
    bottom:0;
    z-index:1;
}

.news-feature {
    background: #FFFFFF;
    min-height: 50vh;
    padding: 2rem 0;
}

.tech-docs h3,
.news-feature h3 {
    padding: 0 4rem;
    margin: 0 0 1rem 0rem;
    color: #009ca7;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.tech-docs h3 {
    padding:0;
}

.inner .flex-container.news-items {
    justify-content:space-between;
    padding:1rem 4rem;
}

.flex-container.news-items > .col-1-2 {
    width:calc(50% - 2rem);
}

.flex-container.news-items > .col-1-2 > div {
    margin-bottom:4rem;
}

.news-date {
    margin-right: 2rem;
    color: #677f80;
    font-weight: 500;
    font-size: 0.9rem;
    margin: 0 0 1rem 0;
}

.page-hero .news-date,
.news-hero .news-date {
    border-top: 3px solid #ffffff;
    font-weight: 500;
    width: 200px;
    color: #ffffff;
    margin: 0rem auto;
    padding: 1.5rem 0;
    font-size:1rem;
}

.page-hero .news-date .news-type,
.news-hero .news-date .news-type {
    font-weight:600;
    letter-spacing: 1px;
    text-transform:uppercase;
}

.news-page h1 {
    margin:2rem 0;
}

.more-news .news-date,
.news-page .news-date {
    width:auto;
    border:none;
}

.news-image img {
    display:block;
    width:100%;
}

.news-content a {
    color:#009CA7;
    transition:0.7s;
}

.news-content a:hover {
    color:#00405E;
}

.news-item h4 {
    margin:1rem 0 0.25rem 0;
    color: #00405e;
}

.case-study-item {
    text-decoration:none;
    color:#31363E;
    display:block;
}

.top-case-study {
    margin:2rem 0;
}

.top-case-study .case-study-item {
    display:flex;
    position:relative;
    padding:0;
    margin:0;
    border-bottom: solid 25px #009CA7;
}

.top-case-study .case-study-item .case-study-text.col-1-2 {
    padding: 2rem 6rem 0 4rem;
    background: #00405e;
    color: #ffffff;
}

.top-case-study .case-study-item::before {
    content: "";
    display: block;
    background: #009CA7;
    position: absolute;
    bottom: 0px;
    height: 40px;
    left: 75%;
    width: 25%;
    z-index: 1;
}

.top-case-study .case-study-item::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #009CA7 transparent;
    position: absolute;
    left: 75%;
    bottom: 0px;
    margin-left: -40px;
}

.case-study-hero-content::before {
    content: "";
    display: block;
    background: #00405e;
    position: absolute;
    top: -40px;
    height: 40px;
    left: 50%;
    width: 50%;
    z-index: 1;
}

.case-study-hero-content::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #00405e transparent;
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
}

.case-study-row.csr-1 .col2 {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.case-study-row.csr-1 .col2 .case-study-item {
    display:flex;
}

.case-study-row.csr-1 .col2 .case-study-item > * {
    width:50%;
}

.case-study-item img {
    display:block;
    width:100%;
}

.top-case-study .case-study-item img {
    opacity:0;
}

.case-studies .case-study-row.csr-1 .col-1-2:first-of-type {
    padding-right:2rem;
}

.case-studies .case-study-row.csr-1 .col-1-2:last-of-type {
    padding-left:2rem;
}

.case-study-row.csr-1 .col2 .case-study-item h4 {
    margin:0 0 1rem 0;
}

.case-study-row.csr-2 .case-study-item {
}

.col2 .news-content  h4,
.col2 .news-precis {
    width:90%;
}

.col2 h4 {
    margin-top:0;
}

.tech-support {
    padding:4rem;
    text-align:center;
}

.partner-row h3 {
    color:#00405e;
}

.partner-row h3,
.tech-support h3 {
    margin: 0.5rem 0;
}

.tech-support > div {
    font-size: 1.4rem;
}

.row.tech-support a {
    color:#FFFFFF;
    transition:0.7s;
    font-weight:600;
}

.row.tech-support a:hover {
    opacity:0.8;
}

.feature-section .inner {
    position:relative;
}

.section-link {
    display:flex;
}

.section-link svg {
    display:block;
    width:18px;
    height:21px;
    margin-left:5px;
    position:relative;
    left:0;
}

.section-link:hover svg {
    left:3px;
}

h3 .section-link,
.news-feature h3 .section-link {
    font-size: 1rem;
    display: block;
    padding: 0.35rem 1rem 0.45rem 1rem;
    background: #00405e;
    color: #FFFFFF;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 25px;
    bottom: 0;
    right: 0;
    transition: background 0.7s;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.tech-docs .section-link {
    text-decoration:none;
}

.feature-section .section-link {
    position:absolute;
    bottom:1rem;
    right:1rem;
    color:#CCCCCC;
    transition:0.7s;
    text-decoration:none;
}

.tech-sup-text {
    font-weight: 300;
    font-size: 1.25rem;
    margin: 0.75rem;
}

.tech-sup-text a {
    font-weight:600;
    text-decoration:underline;
}

.tech-sup-text a:hover {
    transition:0.7s;
    opacity:0.7;
}

.tech-support .col-1-2:first-child {
    border-right:1px solid #FFFFFF;
}

.feature-section .section-link:hover {
    color:#009CA7;
    text-decoration:none;

}

.sps a {
    color:#009CA7;
    transition:0.7s;
}

.sps a:hover {
    color:#00405e;
}

.tech-docs .section-link:hover,
.news-feature h3 .section-link:hover {
    background:#009CA7;
    color:#FFFFFF;
}

.tech-support {
    background:#00405E;
    color:#FFFFFF;
}

/*

    Footer

*/
footer .footer-content {
    background-color: #009CA7;
    color: #FFFFFF;
    padding:4rem 0;
}

.footer-content a {
    color:#FFFFFF;
    text-decoration:none;
}

.footer-content a:hover {
    text-decoration:underline;
}

footer .base {
    background:#FFFFFF;
    padding: 0.5rem 2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:0.9rem;
    color:#999999;
}

footer .base h5 {
    margin:1rem 0;
}

footer .logo img {
    width:100px;
}

footer .base a {
    text-decoration:none;
    color:#999999;
    transition:0.7s;
}

footer .base a:hover {
    color:#009CA7;
}

address {
    font-style:normal;
    margin-bottom:1rem;
}

.base-links {
    margin-left:2rem;
}

.dot {
    display: inline-block;
    margin: 0 1rem;
    font-weight: 600;
    font-size: 1.2rem;
    color: #999999;
    line-height: 0.8rem;
}

.footer-nav a {
    display:block;
    color:#FFFFFF;
    padding:0.5rem 0;
    text-decoration:none;
    width:66.667%;
}

.footer-nav a:hover {
    text-decoration:underline;
}

.footer-nav a:first-of-type {
    padding-top:0;
}

.social a {
    background:#00405e;
    text-decoration: none;
    margin: 1rem 0 0 0;
    transition: 0.5s;
    display: inline-block;
    color: white;
    padding: 11px 12px 10px 12px;
    border-radius: 50%;
    font-size: 1.5rem;
}

.footer-content .tel {letter-spacing:1px; font-weight:600; display:inline-block; margin-left:0.5rem;}
.footer-content .email {font-weight:600;display:inline-block; margin-left:0.5rem;}

.social a:hover {
    background:rgba(0,0,0,0.2);
}

.social a svg {
    display:block;
    width:22px;
    height:22px;
    color:#FFFFFF;
}

.no-scrollbar {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}


/* partners */

.partner-row {
    padding:4rem 0;
    text-align:center;
}

.partner-row .content {
    max-width:960px;
    margin:0 auto;

}

.partners.flex-container {
    justify-content:space-between;
}

.partner-row .content .text {
        font-size:1.5rem;
}

.partner-logo {
    margin: 1rem 0 2rem 0;
    padding: 1rem 0 2rem 0;
    position:relative;
}

.partner-logo img {
    display:block;
    height:80px;
}

.partner-logo::after {
    content:"";
    display:block;
    background:#00405e;
    height:2px;
    width:80px;
    position:absolute;
    bottom:0;
    left:0;
}

.partner-item h4 {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.partner-item.col-1-2 {
	width: calc(50% - 4rem);
    	margin: 1rem 2rem;

}

/*
    Team
*/

.flex-container.team-grid {
    justify-content: space-between;
}

.team-member {
    width: 20%;
    cursor: pointer;
}

.team-member h5 {
    margin:0;
}

.team-detail {
    position:fixed;
    top:0;
    left:100%;
    width:100%;
    z-index:11;
    background:#FFF;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.7s;
}

.team-detail.active {
    left:0;
    transition:0.7s;
    padding-top: 4rem;
}

.team-detail.page {
    position:relative;
    left:0;
    z-index:1;
}

.close-detail {
    position:absolute;
    top:2rem;
    right:2rem;
    font-size:3rem;
    line-height: 3rem;
    transition:0.7s;
    z-index:2;
    color:#00405e
}

.close-detail:hover {
    cursor:pointer;
    color:#009CA7;
}

.team-detail h4 {
    margin:0;
}

.job-role {
    color:#009CA7;
}

.team-detail .job-role {
    color:#009CA7;
    font-family: lato, sans-serif;
    font-size:1.2rem;
}

.team-detail .flex-container {
    justify-content:space-between;
}

.team-photo {
    width:100%;
    margin:1rem 0;
    background-repeat:no-repeat;
    background-size:cover;
    pointer-events:none;
    max-width: 480px;
}

.team-bio {
    padding:2rem 0;    
}

.team-photo img {
    display:block;
    width:100%;
    pointer-events:none;
}

.team-detail .team-photo {
    margin:0 0 1rem 0;
}

.close-detail svg {
    display:block;
    width:36px;
    height:36px;
}

/* contact page */

.contact-details {
    font-size: 1.5rem;
}

.contact-other a, .team-contact a {
    display: block;
    text-decoration: none;
    color: #009CA7;
}

.contact-social a {
    display: block;
    text-decoration: none;
    color: #009CA7;
    width: 32px;
    margin: 1rem 0.5rem 1rem 0;
}

.contact-social svg {
    display:block;
    width:100%;
}


.contact-form-container {
    background:#ededed;
    padding:2rem 0;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    border: none;
    border-bottom: 2px solid #cccccc;
    padding: 10px;
    background: #FFFFFF;
    font-family: lato, sans-serif;
    font-size: 19px;
    font-weight: 300;
    margin: 1rem 0;
    outline: none;
    width: 95%;
    box-sizing: border-box;
    border-radius:2px;
}
.contact-note p,
.address p {
    line-height:2rem;
}

.contact-note {
    font-size:2rem;
    width:66%;
    padding: 2rem 0;
}

.contact-form textarea {
    min-height:200px;
}

.inner .contact-form-container .flex-container {
    padding: 2rem 0;
}

.contact-form input:focus, 
.contact-form textarea:focus {
    transition: all ease 0.7s;
    border-bottom: 2px solid #009CA7;
}

.contact-form label {
    display:block;
    font-family: lato, sans-serif;
    font-size: 1rem;
}

.contact-form input[type="submit"] {
    width: auto;
    border: none;
    background: #009CA7;
    color: #FFFFFF;
    padding: 10px 20px;
    margin: 40px 0;
}

.contact-form input[type="submit"]:hover {
    transition: all ease 0.7s;
    background: #00405e;
    cursor: pointer;
}


#mapCanvas {
    width:100%;
    min-height:360px;
}

#mapContent {
    padding:1rem;
}

.map-info h4 {
    margin:0;
    font-size:1.2rem;
}

.map-info {
    font-size:1rem;
    line-height:1.5rem;
}


.map-placeholder {
    background: #ededed;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:360px;
}


.map-placeholder svg {
    display: block;
    width: 100px;
}

/* tech docs */

.fc-os {
    width: calc(100% + 2rem);
    margin-left: -1rem;
}

.wp-name h5 {
    margin:1rem 0 0.25rem 0;
}

.doc-download {
    display: flex;
    text-decoration: none;
    margin: 1rem;
    width: calc(25% - 2rem);
    background: #00405e;
    color: #FFFFFF;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.doc-download.case-study {
    width: calc(33.333% - 2rem);
}

.technical-support h3 {
    margin:2rem 0 0 0;
}

.technical-support .country-header h3 {
    margin:0;
}

.doc-download .cs-image {
    position:relative;
    width:100%;
    padding:0;
}

.download-text {
    padding:1rem 2rem;
    display:flex;
    align-items:flex-end;
    flex-grow: 0;
}

.download-text svg {
    display: inline-block;
    width: 12px;
    position: relative;
    top: 2px;
    transition: 0.7s;
    margin-right: 0.5rem;
}

.doc-download {
    transition:0.7s;
}

.doc-download.doc-wp:hover .download-text,
.doc-download.doc-wp:hover .wp-name::before {
    background:#009CA7;
    transition:0.7s;
}

.doc-download.doc-wp:hover .wp-name::after {
    border-color: transparent transparent #009CA7 transparent;
    transition:0.7s;
}

.wp-name {
    background: #FFFFFF;
    color: #00405e;
    padding: 2rem 2rem 4rem 2rem;
    position:relative;
    flex-grow: 1;
}

.doc-wp {
    box-shadow: 0 8px 8px rgba(0,0,0,.05), 0 0 30px 0 rgba(0,0,0,.05);
}

.doc-content {
    padding:2rem;
}

.video-item {
    display:block;
    text-decoration:none;
    width:calc(33.333% - 2rem);
    margin:1rem;
    position:relative;
}

.video-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    color:#FFFFFF;
    display:flex;
    padding:2rem;
    align-items:center;
    background: rgba(0,0,0,0.5);
}

.video-text {
    margin-left:1.5rem;
    font-size:1.5rem;
    font-weight:600;
}

.video-item img {
    display:block;
    width:100%;
    position:relative;
    z-index:1;
}

.video-content svg {
    display:block;
    width:60px;
    width:60px;
}

.video-content svg#play-icon .cls-1 {
    fill:#FFFFFF;
}

.video-content svg#play-icon .arrow {
    fill:#009CA7;
}

.sps h1,
.sps h2,
.sps h3,
.sps h4,
.sps h5 {
    color:#00405e;
}

.sps img,
.dashboard-page img {
    display:block;
    width:95%;
    margin:2rem auto;
    max-width:960px;
}

.circle-name {
    display:flex;
    background:#9f9f9f;
    text-align:center;
    align-items:center;
    justify-content:center;
    font-weight:600;
    font-size:1.6rem;
    letter-spacing:2px;
    color:#FFFFFF;
    width:160px;
    height:160px;
    border-radius:50%;
    margin:2rem auto;
    text-decoration:none;
}

.col-1-2:nth-of-type(1) .circle-name {
    background:#00405e;
}

.col-1-2:nth-of-type(2) .circle-name {
    background:#009CA7;
}

.col-1-2 .circle-name:hover {
    transition:0.7s;
    opacity:0.7;
}

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

    .stat-section::before {
        margin-top: -18px;
    }

    .flipping-cards .card {
        width: calc(33.333% - 4rem);
    }
}

@media screen and (max-width:1280px) {
    .water-drop {
        box-sizing: border-box;
        max-width: 480px;
        transform: translateY(66%);
        width: 100%;
    }

    .water-drop-text{
        transform: rotate(-45deg) translate(5px, -20px);
    }

    .h-section, .page-hero, .news-hero {
        padding-top:140px;
    }

    .case-study-hero .case-study-hero-content h1 {
        font-size:2rem;
        margin:3rem auto;
    }

    .under-hero .big-first > div {
        padding-right:0rem;
    }

    .hero-audience-grid a {
        padding:1rem;
    }

    .ni {
        display:none;
    }

}

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

    .video-item {
        width: calc(50% - 2rem);
    }

    .news-page-image {
        width: 100%;
        padding: 0 0 2rem 0;
    }

    .flex-container {
        flex-wrap:wrap;
    }

    .flex-container.news-items > .col-1-2,
    .col-1-2,
    .col-1-4,
    .col-1-3,
    .col-2-3,
    .topic.col-1-3,
    .related-content .col-1-2,
    .more-news .news-item.col-1-4,
    .partner-item.col-1-2 {
        width:100%;
    }

    .flex-container.tech-detail .col-1-2:nth-of-type(1),
    .flex-container.tech-detail .col-1-2:nth-of-type(2) {
        padding:2rem;
    }

    .flex-container.tech-detail .col-1-2:nth-of-type(2)::after {
        content: "";
        height: 2px;
        width: 50%;
        display: block;
        background: #9f9f9f;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -25%;
        margin-top:0;
    }

    .case-study-image .image-cover {
        width:100%;
        right:0;
    }

    .top-case-study .case-study-item.flex-container {
        flex-direction:column-reverse;
    }
    .top-case-study .case-study-item {
        border:none;
    }

    .top-case-study .case-study-item::after,
    .top-case-study .case-study-item::before {
        display:none;
    }

    .top-case-study .case-study-image::before {
        content: "";
        display: block;
        background: #00405e;
        position: absolute;
        bottom: 0px;
        height: 30px;
        left: 50%;
        width: 50%;
    }

    .top-case-study .case-study-image::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 30px 30px;
        border-color: transparent transparent #00405e transparent;
        position: absolute;
        left: 50%;
        bottom: 0px;
        margin-left: -30px;
    }

    .doc-download {
        width: calc(50% - 2rem);
    }

    .grid-sizer,
    .news-grid-item {
        width: 50%;
    }

    header .logo {
        width: 200px;
    }
    h2 {
        font-size: 2rem;
    }

    .under-hero .big-first > div {
        padding-right:0rem;
    }

    .flipping-cards .card {
        width: calc(50% - 2rem);
        margin:1rem;
    }

    .page-hero h2 { 
        padding-bottom:0;
    }
       
    .why-monitor .grid-section > div:nth-of-type(1) .col-md-12 {
        width:80%;
    }

    .hero-section > .content > .inner > .flex-container {
        align-items: flex-end;
    }

    .case-study-feature img,
    .page-intro-text, .page-intro h2 {
        width:100%;
    }

    .case-study-feature img {
        margin:0;
    }

    .case-study-feature .section-content {
        margin:0;
        padding:0 2rem;
        width:100%;
    }

    .hero-section {
        height: auto;
        min-height:80vh;
    }

    h1,
    .hero-feature h1 {
        font-size:2.5rem;
    }
    
    .hero-section .col-1-2:first-of-type {
        padding:2rem 0;
    }
    
    .hero-section .col-1-2:last-of-type {
        display:none;
    }

    .inner .flex-container.news-items {
        padding:0;
    }

    .page-intro h1 {
        max-width:100%;
        font-size: 2.2rem;
    }

    footer .base {
        padding: 1rem;
    }

    footer .base a {
        display:block;
        margin:1rem 0;
    }

    .dot {
        display:none;
    }

    footer .base {
        flex-wrap:wrap;
    }

    footer .base > div,
    footer .base .flex-container > div {
        width:100%;
    }

    .base-links {
        margin:0;
    }

    .intro-side, .benefits {
        text-align:center;
        margin:2rem 0;
        padding:0;
    }

    .intro-side, .benefits {
        text-align:center;
        margin:2rem 0;
        padding:0;
    }

    .intro-side::before, .benefits:before { 
        display:none;
    }

    .flex-container.precis .col-1-2.precis-image {
        display:none;
    }

    .team-member {
        width: 45%;
        cursor: pointer;
    }

    .team-detail {
        height: 100vh;
        overflow: auto;
    }

    .page-intro .col-2-3 {
        padding-right: 0;
    }

    ul {
        max-width:90%;
    }

    .building-lifecycle h3 {
        margin-top:0;
        font-size: 1.7rem;
    }

    .partner-logo img {
        margin:0 auto;
    }

    .faq_answer ul,
    .doc-download.case-study {
        width: 100%;
    }
}

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



    .ngi-inner { 
        min-height:100px;
    }

    .news-grid-image {
        display: none;
    }

    .video-item {
        width: 100%;
        margin:1rem 0;
    }

    .grid-sizer, .news-grid-item {
        width: 100%;
    }

    ul {
        max-width:100%;
    }

    .building-lifecycle .col-1-2.img-container img, .building-lifecycle .col-1-2.img-container svg {
        max-width:300px;
    }

    .team-member {
        width: 100%;
        cursor: pointer;
    }

    .under-hero .big-first > div {
        padding-right:0rem;
    }

    .fc-os {
        width: 100%;
        margin-left: 0;
    }

    .doc-download {
         width: 100%;
         margin:1rem 0;
    }

    .flipping-cards .card {
        width: 100%;
    }

    h2 { 
        font-size:1.8rem;
    }

    .stat {
        width:280px;
        height:280px;
        font-size: 1rem;
        letter-spacing: 0;
        padding: 1rem;
    }

    .fig {
        font-size: 3rem;
    }

    .stat-section {
        margin:2rem 0;
    }
    .news-feature h3 {
        padding:0;
    }

    .news-feature h3 .section-link {
        letter-spacing:0;
    }
}

@media screen and (max-height: 740px) {
    .nav-container {
        height:100vh;
    }

    .hero-section {
        height: auto;
    }
}

@media screen and (max-height:680px) and (min-width: 1280px)  {
    
    .hero-section {
        height:unset;
    }
}


/* IE HACKS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

.post-container {
        margin-top: 160px !important;
	margin-left: 76px;
	margin-right: 76px;
}

.post {
	border: solid 1px grey;
}

.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

main {
	margin-top: 160px;
}

footer .base {
	display: none;
}