@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,900');

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
}
html,
body {
	color: #535353;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	overflow-x: hidden;
}
img {
	max-width: 100%;
}
p {
	color: #535353;
	font-size: 18px;
	margin-bottom: 25px;
}
p:last-of-type {
	margin-bottom: 0;
}
a {
	color: #002a5c;
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	transition: 0.3s ease;
}
a:hover {
	color: #4dbd33;
	transition: 0.3s ease;
}
h1,
h2,
h3,
h4,
h5 {
	margin-bottom: 0;
}
.t-1,
.t-1 h1,
.t-1 h2 {
	font-size: 30px;
	font-weight: 600;
}
.t-2,
.t-2 p {
	font-size: 30px;
	line-height: normal;
	font-weight: 400;
}
.t-2 strong {
	color: #4dbd33;
	font-weight: inherit;
}
h3 {
	font-size: 60px;
	color: #4dbd33;
}
.t-3,
h5 {
	font-size: 25px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.t-1,
	.t-1 h1,
	.t-1 h2,
	.t-2,
	.t-2 p {
		font-size: 25px;
	}
}
.l-w {
	position: relative;
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
}
.l-w:before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	width: 50%;
	height: 2px;
	background-color: #535353;
}
.l-w.l-l:before {
	left: 0;
}
.l-w.l-r:before {
	right: 0;
}
.l-w > * {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 25px;
	max-width: 850px;
}
.l-w > *:before {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	width: 10px;
	height: 10px;
	border: 2px solid #535353;
	border-radius: 50%;
}
.l-w.l-l > *:before {
	left: 0;
}
.l-w.l-r > *:before {
	right: 0;
}
.bg-white .l-w > * {
	background-color: #fff;
}
.bg-grey .l-w > * {
    background-color: #F7F8FA;
}
.bg-green .l-w > * {
	background-color: #4dbd33;
}
.bg-navy .l-w > * {
	background-color: #002a5c;
}
@media screen and (max-width: 767px) {
	.l-w {
		margin-top: 50px;
		margin-bottom: 70px;
	}
	.l-w > * {
		max-width: 300px;
	}
}

.bg-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s ease;
}
.bg-white {
	background-color: #fff;
}
.bg-grey {
    background-color: #F7F8FA;
    color: #535353;
}
.bg-green {
	background-color: #4dbd33;
	color: #ffffff;
}
.bg-navy {
    background-color: #002a5c;
    color: #ffffff;
}

.stripe {
    padding: 25px 0;
    margin: 70px 0;
    text-align: center;
}
.stripe > * {
    display: inline-block;
    text-align: left;
}

.btn-link {
    display: block;
    padding: 20px 25px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 600;
    border: 3px solid #F7F8FA;
    background-color: #F7F8FA;
}
.btn-link.bg-green {
    border-color: #4dbd33;
    background-color: #4dbd33;
}
.btn-link.bg-grey {
    border-color: #F7F8FA;
    background-color: #F7F8FA;
}
.btn-link.bg-navy {
    border-color: #002a5c;
    background-color: #002a5c;
}
.btn-link:hover {
    background-color: transparent;
}
.btn-link.bg-green:hover {
    color: #4dbd33;
}
.btn-link.bg-navy:hover {
    color: #002a5c;
}
.btn-link.bg-grey:hover {
    border-color: #535353;
    color: #535353;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .btn-link {
        padding: 20px 12px;
        text-align: center;
    }
}
.container {
    max-width: 930px;
}
.cms-content {
    padding-left: 15px;
    padding-right: 15px;
}
.cms-content h1,
.cms-content h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 70px;
    font-size: 60px;
    color: #4dbd33;
}
.cms-content h3 + h4 {
    margin-top: -55px;
    margin-bottom: 70px;
    text-align: center;
    color: #929292;
}
.cms-content h5 {
    color: #4dbd33;
    margin-bottom: 25px;
}
.cms-content ul {
    list-style: none;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
}
.cms-content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 18px;
}
.cms-content ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid #4dbd33;
    border-radius: 50%;
}
@media screen and (max-width: 767px) {
    .cms-content h1,
    .cms-content h3 {
        font-size: 50px;
    }
}

.tab .tab-control {
    display: inline-block;
    margin: 0;
    padding: 0;
    max-width: 440px;
    list-style: none;
}
.tab .tab-control li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    font-size: 25px;
    font-weight: 600;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 15px;
    min-height: 64px;
    cursor: pointer;
}
.tab .tab-control li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 3px;
    height: 100%;
    background-color: #535353;
}
.tab .tab-control li.is-active {
    text-decoration: underline;
}
.tab .tab-control li.is-active:after {
    background-color: #4dbd33;
}
.tab .tab-control li h5 {
    font-weight: 600;
}
.tab .tab-control li .item {
    display: none;
}
.tab .tab-content .item {
    display: none;
    text-align: right;
}
.tab .tab-content .item.is-active {
    display: block;
}
.tab .tab-content .item > * {
    margin-left: auto;
    text-align: left;
}
.tab .tab-content .item .image {
    position: relative;
}
.tab .tab-content .item .image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 100%;
    max-height: 350px;
    background-color: #4dbd33;
}
.tab .tab-content .item .image-caption {
    position: relative;
    width: 80%;
    background-color: #fff;
    padding: 25px;
    margin-top: -40px;
    margin-bottom: 0;
    z-index: 2;
}
.tab .tab-content .item .image-caption .t-2 {
    color: #4dbd33;
    margin-bottom: 15px;
}
.tab .tab-content .item .cms-content {
    position: relative;
    background-color: #fff;
    padding: 25px;
    min-height: 300px;
}
.tab .tab-content .item .cms-content:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 15px;
    height: 100%;
    max-height: 300px;
    background-color: #4dbd33;
}
.tab .tab-content .item .cms-content h3 {
    font-size: 30px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 40px;
}
.tab .tab-content .item .cms-content h3 i {
    font-weight: 400;
}
.tab.tab-large {
    margin-top: 100px;
}
.tab.tab-large > .col-auto {
    width: 100%;
}
.tab.tab-large > .col-auto:nth-of-type(1) {
    max-width: 250px;
}
.tab.tab-large > .col-auto:nth-of-type(2) {
    max-width: 600px;
}
.tab.tab-large .tab-control li {
    text-decoration: underline;
}
.tab.tab-large .tab-control li i {
    font-weight: 400;
}
@media screen and (max-width: 767px) {
    .tab .tab-control {
        width: 100%;
        max-width: 100%;
    }
    .tab .tab-control li {
        padding-right: 0;
    }
    .tab .tab-control li.is-active {
        text-decoration: none;
    }
    .tab .tab-control li:after {
        display: none;
    }
    .tab .tab-control li h5 {
        padding-right: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-right: 4px solid #535353;
    }
    .tab .tab-control li.is-active h5 {
        text-decoration: underline;
        border-color: #4dbd33;
    }
    .tab .tab-control li.is-active .item {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .tab .tab-control li .item .image-caption {
        background-color: #ffffff;
        padding: 20px;
        text-align: left;
    }
}

/* header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
}
.header .brand,
.header .primary-nav ul {
    padding: 15px 0;
}
.header .primary-nav {
    position: absolute;
    right: 15px;
    background-color: #F7F8FA;
    padding: 10px 25px;
}
.header.with-primary-nav .primary-nav,
.header.force-primary-nav .primary-nav {
    position: relative;
    top: unset !important;
    right: unset;
    background-color: transparent;
}
.header .primary-nav ul {
    position: relative;
    margin: 0;
    list-style: none;
    z-index: 2;
}
.header .primary-nav ul li {
    display: inline-block;
    margin-right: 50px;
}
.header .primary-nav ul li:last-of-type {
    margin-right: 0;
}
.header .primary-nav ul li a {
    color: inherit;
    text-decoration: none;
}
.header .primary-nav ul li a:hover,
.header .primary-nav ul li a:hover strong {
    color: #4dbd33;
}
.header .primary-nav ul li span {
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
.header .primary-nav ul li.has-child-nav {
    position: relative;
}
.header .primary-nav .child-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 50px 40px 20px;
    background-color: #fff;
    width: 220px;
}
.header .primary-nav .child-nav.large {
    width: 910px;
    left: -380px;
}
.header .primary-nav .child-nav strong {
    color: #002a5c;
    font-weight: 600;
}
.header .primary-nav ul li.has-child-nav:hover .child-nav {
    display: block;
}
.header .primary-nav .child-nav li {
    display: block;
    color: #929292;
    margin-bottom: 5px;
    margin-right: 0;
}
.header .primary-nav .child-nav li:last-of-type {
    margin-bottom: 0;
}
.header .toggle-nav {
    display: none;
    cursor: pointer;
}
.header .toggle-nav img {
    width: 35px;
}

/* banner */
.banner {
    position: relative;
    margin-top: 80px;
    max-height: 340px;
    overflow: hidden;
}
.banner.large {
    min-height: 320px;
    max-height: 500px;
}
.banner:after {
    content: '';
    display: block;
    padding-top: 30%;
}
.banner.large:after {
    padding-top: 40%;
}
.banner .bg-holder video {
    top: 50%;
    left: 50%;
    position: relative;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.banner > .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.banner h3 {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .banner h3 {
        font-size: 45px;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .header {
        box-shadow: 0px 0px 10px -5px #535353;
    }
    .header .brand img {
        height: 30px;
    }
    .header .toggle-nav {
        display: block;
    }
    .header .primary-nav {
        display: none;
    }
    .banner {
        margin-top: 60px;
    }
}

/* contact */
#contact {
    border-top: 1px solid #F7F8FA;
    margin-top: 60px;
    padding-bottom: 45px;
}
#contact .l-w {
    margin-top: 60px;
}

/* footer */
.footer {
    padding: 60px 0 0;
    border-top: 1px solid #F7F8FA;
}
.footer .col-md-auto {
    margin-bottom: 25px;
    margin-right: 40px;
}
.footer .container {
    max-width: 1300px;
}
.footer p {
    margin-bottom: 10px !important;
}
.footer a {
    text-decoration: none;
}
.footer strong {
    color: #002a5c;
    font-weight: 600;
}
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer ul + ul {
    margin-top: 25px;
}
.footer ul li {
    margin-bottom: 3px;
}
.footer p + ul li a {
    color: #535353;
    font-weight: 400;
}
.footer a:hover,
.footer a:hover strong {
    color: #4dbd33;
}
.footer .social {
    color: #4dbd33;
    display: inline-block;
    width: 18px;
    line-height: 0;
    margin-top: 5px;
}
.footer .social:hover {
    color: #002a5c;
}
@media screen and (max-width: 767px) {
    .footer .col-md-auto {
        margin-bottom: 25px;
    }
    .footer .col-md-auto:last-of-type {
        margin-bottom: 0;
    }
}

.copyright {
    color: #929292;
    text-align: center;
    padding: 50px 15px;
}
.copyright a {
    color: inherit;
    text-decoration: none;
}


/**
 * HOME
 */
#intro {
    padding-top: 180px;
    padding-bottom: 180px;
}
#intro > .container {
    max-width: 800px;
}
@media screen and (max-width: 767px) {
    #intro {
        padding-top: 60px;
        padding-bottom: 90px;
    }
}

#news {
    padding-top: 25px;
    padding-bottom: 25px;
}
#news > .container {
    position: relative;
}
#news > .container:before {
    content: 'News';
    position: absolute;
    bottom: calc(100% + 35px);
    left: 15px;
    color: #4dbd33;
    font-size: 18px;
    font-weight: 600;
}
#news h5 {
    display: none;
}
#news h5.is-active {
    display: block;
}
#news h5 a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
    font-weight: inherit;
}

#services {
    position: relative;
    padding-top: 20px;
    padding-bottom: 160px;
    margin-bottom: 50px;
}
#services .l-w {
    margin-bottom: 100px;
}
#services > .container {
    max-width: 980px;
}
#services .item,
.box-nav-with-ico {
    height: 100%;
    overflow: hidden;
}
#services .item > .inner,
.box-nav-with-ico > .inner {
    background-color: #fff;
    padding: 40px 20px 50px;
    height: 100%;
}
#services .item .ico-block,
.box-nav-with-ico .ico-block {
    position: relative;
    text-align: center;
    line-height: 0;
}
#services .item .ico-block:after,
.box-nav-with-ico .ico-block:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
}
.box-nav-with-ico.grey > .inner,
.box-nav-with-ico .ico-block:after {
    background-color: #F7F8FA;
}
#services .item .ico-block .ico,
.box-nav-with-ico .ico-block .ico {
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #002a5c;
    z-index: 2;
}
#services .item ul,
.box-nav-with-ico ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#services .item ul li,
.box-nav-with-ico ul li {
    margin-bottom: 15px;
}
#services .item ul li:last-of-type,
.box-nav-with-ico ul li:last-of-type {
    margin-bottom: 0;
}
#services .item h5,
.box-nav-with-ico h5 {
    display: inline-block;
    vertical-align: text-top;
    font-weight: 600;
}
#services .item a,
.box-nav-with-ico a {
    position: relative;
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
}
#services .item a:after,
.box-nav-with-ico a:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background-image: url('../img/arrow-green.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: margin 0.4s;
    transition: margin 0.4s;
}
#services .item a:hover,
.box-nav-with-ico a:hover {
    color: #002a5c;
}
#services .item a:hover:after,
.box-nav-with-ico a:hover:after {
    margin-left: 10px;
}
@media screen and (max-width: 991px) {
    #services .l-w {
        margin-top: 70px;
        margin-bottom: 50px;
    }
    #services .item {
        max-width: 350px;
        margin: 0 auto;
    }
    #services .item .ico-block {
        margin-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    #services {
        padding-bottom: 50px;
    }
}
.BuildingPerformanceSub #services {
    margin-bottom: 0;
    padding-bottom: 100px;
}

#carousel,
#testimonials {
    position: relative;
    padding-top: 20px;
    text-align: center;
}
#carousel .prev,
#carousel .next,
#testimonials .prev,
#testimonials .next {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #4dbd33;
    cursor: pointer;
    overflow: hidden;
}
#carousel .prev,
#testimonials .prev {
    margin-right: 5px;
}
#carousel .prev .arrow-wrap,
#carousel .next .arrow-wrap,
#testimonials .prev .arrow-wrap,
#testimonials .next .arrow-wrap {
    position: relative;
    width: 200%;
    height: 100%;
    background-size: auto 100%;
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
}
#carousel .next .arrow-wrap,
#carousel .prev:hover .arrow-wrap,
#testimonials .next .arrow-wrap,
#testimonials .prev:hover .arrow-wrap {
    right: 100%;
}
#carousel .next:hover .arrow-wrap,
#carousel .prev .arrow-wrap,
#testimonials .next:hover .arrow-wrap,
#testimonials .prev .arrow-wrap {
    right: 0;
}
#carousel .prev .arrow-wrap,
#testimonials .prev .arrow-wrap {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#carousel .carousel,
#testimonials .carousel {
    margin-top: 60px;
}
#carousel .carousel {
    max-width: 1180px;
    overflow: hidden;
    margin: 60px auto 0;
}
#carousel .carousel .owl-stage {
    margin-left: auto;
    margin-right: auto;
}
#carousel .carousel .owl-item,
#testimonials .carousel .owl-item {
    display: inline-block;
}
#carousel .carousel .item {
    position: relative;
    display: inline-block;
    width: 380px;
}
#testimonials .carousel .item {
    position: relative;
    display: inline-block;
    width: 76vw;
}
#carousel .carousel .item:focus,
#testimonials .carousel .item:focus {
    outline: none;
}
#carousel .carousel .item:after {
    content: '';
    display: block;
    padding-top: 100%;
}
#testimonials .carousel .item:after {
    content: '';
    display: block;
    padding-top: 60%;
}
#carousel .carousel .item > .inner,
#testimonials .carousel .item > .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#carousel .owl-nav.disabled,
#testimonials .owl-nav.disabled {
    display: none;
}
@media screen and (min-width: 768px) {
    #testimonials .carousel .item {
        height: 620px;
    }
    #carousel .carousel .center .item > .inner,
    #testimonials .carousel .center .item > .inner {
        /*-webkit-transform: rotateY(180deg);*/
        /*transform: rotateY(180deg);*/
    }

    #testimonials .carousel .center .item > .inner .front{
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    #testimonials .carousel .center .item > .inner .back{
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@media screen and (min-width: 768px) {
    #carousel .carousel .item:hover > .inner {
        /*-webkit-transform: rotateY(180deg);*/
        /*transform: rotateY(180deg);*/

    }
    #carousel .carousel .item:hover > .inner .front{
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    #carousel .carousel .item:hover > .inner .back{
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@media screen and (max-width: 767px) {
    #testimonials .carousel .item {
        width: 90vw;
    }
    #carousel .carousel .item.is-active > .inner,
    #testimonials .carousel .item.is-active > .inner {
        /*-webkit-transform: rotateY(180deg);*/
        /*transform: rotateY(180deg);*/
    }
}
#carousel .carousel .item > .inner,
#testimonials .carousel .item > .inner {
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 1px solid #F7F8FA;
}

#carousel .carousel .item > .inner,
#testimonials .carousel .item > .inner {
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 1px solid #F7F8FA;
}

#testimonials .carousel .item > .inner {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#carousel .carousel .item .front,
#carousel .carousel .item .back,
#testimonials .carousel .item .front,
#testimonials .carousel .item .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform
}
#carousel .carousel .item .front,
#testimonials .carousel .item .front {
z-index: 2;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
padding: 20px;
}
#carousel .carousel .item .front:after,
#testimonials .carousel .item .front:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
}
#carousel .carousel .item .front h4,
#testimonials .carousel .item .front h4 {
position: relative;
z-index: 2;
}
#carousel .carousel .item .back,
#testimonials .carousel .item .back {
text-align: left;
background-color: #ffffff;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: 3;
}
#carousel .carousel .center .item .back,
#testimonials .carousel .center .item .back {
-moz-backface-visibility: initial;
}
#testimonials .carousel .item .back {
box-shadow: 0px 25px 0px 0px #002a5c inset;
padding-top: 25px;
}
#carousel .carousel .item .back > .inner,
#testimonials .carousel .item .back > .inner {
padding: 0 25px;
}
#testimonials .carousel .item .back > .inner {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
overflow: scroll;
}
#carousel .carousel .item .back h4 {
color: #4dbd33;
margin-bottom: 25px;
}
#carousel.sub {
padding-top: 100px;
}
@media screen and (max-width: 767px) {
#testimonials .carousel .item:after {
    padding-top: 100%;
}
}

/**
* SOLUTIONS
*/
#provides {
    padding-top: 10px;
    padding-bottom: 100px;
}
#provides .container {
    margin-top: 110px;
}
#provides h5 {
    display: inline-block;
    font-weight: 600;
    padding-bottom: 4px;
    border-bottom: 3px solid #4dbd33;
}
#provides ul {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 40px;
}
#provides ul li {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
#provides .image {
    position: relative;
    display: inline-block;
    max-width: 540px;
}
#provides .image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: #4dbd33;
}

.sub-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.people {
    margin-top: 100px;
}
.people .item {
    max-width: 540px;
    margin-bottom: 20px;
}
.people .item .info {
    position: relative;
    padding: 25px;
    background-color: #fff;
    top: -50px;
    width: 90%;
}
.people .item .info h5 {
    margin-bottom: 15px;
}

/* ArchiveTabItems */
.ArchiveTabItems .section:first-of-type {
    padding-bottom: 100px;
}
.ArchiveTabItems #services .tab {
    margin-top: 120px;
}

.case-study-item {
    max-width: 800px;
    min-height: 400px;
    margin: 0 auto;
}
.case-study-item > div {
    padding: 0;
}
.case-study-item .photo {
    min-height: 240px;
}
.case-study-item .info {
    border: 2px solid #F7F8FA;
}
.case-study-item .info .cms-content {
    padding: 25px;
}
.case-study-item .info .cms-content h5 {
    margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
    .case-study-item {
        min-height: 345px;
    }
}


.ContactUs .cms-content {
    margin-bottom: 100px;
}
.ContactUs table {
    font-size: 18px;
    margin-bottom: 40px;
}
.ContactUs p {
    margin-bottom: 40px;
}
.ContactUs p:last-of-type {
    margin-bottom: 0;
}
.ContactUs strong {
    font-weight: 600;
}
.ContactUs #map {
    width: 100%;
    height: 100%;
    min-height: 300px;
    background-color: #F7F8FA;
}
@media screen and (max-width: 767px) {
    .ContactUs .cms-content {
        margin-bottom: 50px;
    }
    .ContactUs #map {
        margin-top: 35px;
    }
}

.ContactUs .form-wrap {
    padding: 100px 0;
}
.input-field {
    width: 100%;
    margin-bottom: 10px;
}
.input-field input,
.input-field textarea {
    width: 100%;
    border: 0;
    resize: none;
    padding: 15px;
}
.input-field input:focus,
.input-field textarea:focus {
    outline: none;
}
.ajax-form button {
    border: 2px solid #4dbd33;
    background-color: #4dbd33;
    color: #fff;
    font-size: 18px;
    padding: 15px 50px;
    font-weight: 600;
    cursor: pointer;
}
.ajax-form button:hover {
    background-color: transparent;
    color: #4dbd33;
}

.Careers .cms-content {
    margin-bottom: 100px;
}
.Careers section.bg-grey {
    padding: 10px 0 100px;
}

.statistic-boxes .statistic-box {
    width: 300px;
    padding: 45px;
    text-align: center;
}
.statistic-boxes .statistic-box.bg-white {
    border: 2px solid #9e9e9e;
}
.statistic-boxes .statistic-box.bg-white h3 {
    color: #002a5c;
}
.statistic-boxes .statistic-box.bg-green h3,
.statistic-boxes .statistic-box.bg-green p {
    color: #fff;
}
.statistic-boxes .statistic-box h3 {
    font-weight: 600;
}
.statistic-boxes .statistic-box p {
    margin: 0;
    font-size: 20px;
}
.statistic-boxes .statistic-box p + h3 {
    margin-top: 25px;
}
.statistic-boxes .statistic-box h3 + p {
    margin-top: 25px;
}

#products {
    padding-top: 1px;
    padding-bottom: 100px;
    margin-bottom: -60px;
}
#products.no-statistic {
    margin-top: 100px;
}
#products .tabs {
    margin: 120px 0 60px;
    padding: 0;
    list-style: none;
    text-align: center;
}
#products .tabs li {
    display: inline-block;
    margin: 0 25px 20px;
    cursor: pointer;
}
#products .tabs li.is-active {
    color: #4dbd33;
    text-decoration: underline;
}
#products .items .item {
    display: none;
    max-width: 900px;
    margin: 0 auto;
    border-top: 25px solid #002a5c;
    background-color: #fff;
    padding: 50px 25px;
}
#products .items .item.is-active {
    display: block;
}
#products .items .item.cms-content h4 {
    color: #002a5c;
    font-size: 30px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    #products.no-statistic {
        margin-top: 50px;
    }
    #products .tabs {
        margin-top: 50px;
    }
}

#solutions-items {
    position: relative;
    padding-top: 50px;
    margin-bottom: -60px;
}
#solutions-items .nav-container {
    position: relative;
}
#solutions-items .nav-container:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: #F7F8FA;
}
#solutions-items .nav-container > .inner {
    position: relative;
    display: block;
    max-width: 1400px;
    margin: 0 auto;
    z-index: 2;
}
#solutions-items .inline-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#solutions-items .inline-nav li {
    background-color: #4dbd33;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 23px 30px;
    cursor: pointer;
    width: 175px;
    text-align: center;
}
#solutions-items .inline-nav li.is-active,
#solutions-items .inline-nav li:hover {
    background-color: #fff;
    color: #4dbd33;
}
#solutions-items .items .item {
    display: none;
    padding-top: 100px;
    padding-bottom: 80px;
}
#solutions-items .items .item.is-active {
    display: block;
}
#solutions-items .items .item.cms-content h4 {
    color: #002a5c;
    font-size: 30px;
    margin-bottom: 40px;
}

.cms-content img {
    width: 100%;
    height: auto;
}
.cms-content ol {
    display: block;
    max-width: 420px;
    list-style: none;
    padding: 0;
    margin: 60px auto 0;
    counter-reset: ol-counter;
}
.cms-content ol li {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-left: 45px;
}
.cms-content ol li:before {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    position: absolute;
    width: 40px;
    top: 50%;
    left: 0;
    font-size: 160%;
    text-align: center;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.cms-content ol li:nth-of-type(2n):before {
    color: #002a5c;
}
.cms-content ol li:nth-of-type(2n-1):before {
    color: #4dbd33;
}
.cms-content ol + * {
    margin-top: 50px;
}

.StoriesPost h1,
.NewsPost h1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.side-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 380px;
    max-width: 75%;
    height: 100%;
    background-color: #fff;
    padding: 15px;
    box-shadow: -15px 0px 30px 0px #000;
    overflow: scroll;
    z-index: 100;
}
.side-nav.is-active {
    display: block;
}
.side-nav .brand {
    display: block;
    margin-bottom: 50px;
}
.side-nav .brand img {
    height: 30px;
}
.side-nav ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.side-nav ul span strong,
.side-nav ul a strong {
    font-weight: 600;
}
.side-nav ul a,
.side-nav ul span {
    color: #002a5c;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}
.side-nav > ul > li {
    margin-bottom: 25px;
}
.side-nav ul .child-nav {
    display: none;
    padding-top: 20px;
    padding-bottom: 10px;
}
.side-nav ul .child-nav li {
    margin-bottom: 5px;
}
.side-nav ul .is-active .child-nav {
    display: block;
}
.side-nav ul .child-nav a {
    color: #535353;
}
.side-nav ul .child-nav a:hover {
    color: #4dbd33;
}
.side-nav .has-child-nav > span:after {
    content: '+';
    margin-left: 5px;
    font-weight: 600;
}
.side-nav .has-child-nav.is-active > span:after {
    content: '-';
}

@media screen and (min-width: 992px) {
    .side-nav {
        display: none !important;;
    }
}

.input-field input[type=file] {
    display: none;
}
.input-field input[type=file] + label {
    color: #002a5c;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
}