/*
Theme Name: Innasol
Author: Dragonfire Marketing
Author URI: https://www.dragonfiremarketing.com/
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700,900&display=swap');

* {
    outline: none !important;
    font-family: 'Lato', sans-serif;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

p,
li {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #000;
}

.grecaptcha-badge {
    z-index: 999 !important;
}

article,
details,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

b,
strong {
    font-weight: 700;
}

h1 {
    font-size: 38px;
    margin: 0 0 30px 0;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    /*color: #273D05;*/
}

h2 {
    font-size: 26px;
    margin: 0 0 30px 0;
    font-weight: 700;
    line-height: 1.2;
}

h3 {
    font-size: 21px;
    margin: 0 0 30px 0;
    font-weight: 500;
    line-height: 1.2;
}

h4 {
    font-size: 20px;
    margin: 0 0 30px 0;
    font-weight: 400;
    line-height: 1.2;
}

h5 {
    font-size: 18px;
    margin: 0 0 30px 0;
    font-weight: 800;
    line-height: 1.2;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

pre {
    overflow: auto;
}

code,
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    padding: 0;
}

/**
 * Swiper 3.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: April 25, 2015
 */

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-vertical > .swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-horizontal > .swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

* {
    box-sizing: border-box;
}

.table {
    display: table;
    height: 100%;
}

.table .tableCell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.btn {
    color: #fff;
    display: inline-block;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.btn.btnTrans {
    background: url("images/btn-trans.png") no-repeat right center;
    font-size: 18px;
    height: 45px;
    line-height: 15px;
    margin-top: 40px;
    padding-right: 46px;
}

.btn.btnTrans .text {
    background: url("images/icon-arrow-white.png") no-repeat right center;
    display: inline-block;
    margin: 15px 0 0 18px;
    padding-right: 28px;
}

.btn.btnTrans:hover {
    background-image: url("images/btn-trans-hover.png");
    border-left-color: #8DB528;
    color: #8DB528;
}

.btn.btnTrans:hover .text {
    background-image: url("images/icon-arrow-green.png");
}


.btn.btnGrey .shard,
.btn.btnGrey .shard2 {
    background: url('images/btn-angle-grey.png') no-repeat;
    display: block;
    height: 46px;
    width: 45px;
    margin-left: -1px;
    background-size: auto 100%;
}

.form select {
    background-image: url(images/select.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: right 15px center;
    color: #000 !important;
}

.btn.btnGrey:hover .text {
    background-color: #8DB528;
    color: #fff;
}

.btn.btnGrey:hover .shard,
.btn.btnGrey:hover .shard2 {
    background-image: url("images/btn-angle-green.png");
}

.btnText {
    background-position: right center;
    background-repeat: no-repeat;
    bottom: 25px;

    font-size: 18px;
    left: 0;
    letter-spacing: 0;
    padding: 0 20px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
}

.btnText.btnTextGreen {
    background-image: url("images/icon-arrow-black.png");
    color: #8DB528;
}

.btnText.btnTextLightGreen {
    background-image: url("images/icon-arrow-green.png");
    color: #8DB528;
}

a:hover .btn {
    color: #8DB528 !important;
}

a:hover .btn .text {
    background-image: url("images/icon-arrow-green.png");
}

a:hover .btnText.btnTextGreen {
    background-image: url("images/icon-arrow-green.png");
    color: #8DB528;
}

@media screen and (max-width:1024px) {
    .btn.btnTrans {
        margin-top: 16px;
    }
}

@media screen and (max-width:767px) {
     .btn.btnTrans {
        background-image: url("images/btn-trans-mobile.png");
        font-size: 14px;
        height: 40px;
        line-height: 14px;
    }

    .btn.btnTrans .text {
        margin-top: 13px;
    }

    .btn.btnTrans:hover {
        background-image: url("images/btn-trans-hover-mobile.png");
    }

    .btn.btnGrey .text {
        height: 40px;
        padding-bottom: 11px;
        padding-top: 11px;
    }

    .btn.btnGrey .shard {
        background-image: url("images/btn-angle-grey-mobile.png");
        height: 40px;
        width: 40px;
    }

    .btnText {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

body {
    background-color: #fff;

    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::-moz-selection {
    background: #8DB528;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #8DB528;
    color: #fff;
    text-shadow: none;
}

svg:not(:root) {
    overflow: hidden;
}

img[data-mask] {
    visibility: hidden;
}

.container {
    height: 100%;
    margin: 0 auto;
    width: 1280px;
}

button {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
}

a {
    color: #8DB528;
    text-decoration: none;
}

a:hover {
    color: #8DB528;
}


.c-legend__title {
    top: 270px;
    position: absolute;
    max-width: 790px;
    z-index: 4;
    padding-right: 50px;
}

.partner .pageHeader .titles .c-legend__title {
    width: 990px;
}

.c-legend__title--small {
    top: 80px;
}

.page .container {
    padding: 0 0;
}

.form h4,
.postStyles .form h4,
.genericPromos .promo.form h4,
.contactUsPage .pageContent .form h4 {
    text-transform: uppercase;
    color: #8DB528;
}

.t-heading--xlarge {

    font-size: 68px !important;
    letter-spacing: 0 !important;
    line-height: 1.2em !important;
    text-transform: uppercase !important;
}

.t-heading--large {

    font-size: 38px !important;
    letter-spacing: 0 !important;
    line-height: 1.2em !important;
    text-transform: uppercase !important;
    margin-bottom: 32px !important;
}

.t-heading--medium {

    font-size: 26px !important;
    letter-spacing: 0 !important;
    line-height: 1.2em !important;
    text-transform: uppercase !important;
    margin: 20px 25px !important;
}

.t-heading--thin {}

.t-heading--white {
    color: #fff !important;
}

.t-heading--green {
    color: #8DB528 !important;
}

@media screen and (max-width:767px) {
    .t-heading--xlarge {
        font-size: 31px !important;
    }

    .becomePartnerMap-h2 {
        font-size: 25px;
    }
}

.t-no-margin {
    margin: 0 !important;
}

.topBar {
    background: rgba(0, 0, 0, .5);
    height: 20px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.mainNav {
    background: rgba(0, 0, 0, .7);
    height: 140px;

    letter-spacing: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 2;
}

.mainNav .logo {
    float: left;
    height: 59px;
    width: 250px;
}

.mainNav .logo a {
    background: url("images/innasol_super_power_logo.png") no-repeat center;
    background-size: 100%;
    display: block;
    height: 59px;
    padding: 69px 0 70px;
    width: 250px;
}

.mainNav .logo a.active {
    border-bottom: 1px solid #8DB528;
}

.mainNav .partnersBg {
    border-left: 140px solid transparent;
    border-top: 140px solid rgba(142, 180, 53, .5);
    height: 140px;
    left: 50%;
    margin-left: 436px;
    position: absolute;
    top: 0;
    width: 100%;
}

.mainNav .partnersBg.hover {
    border-top-color: rgba(40, 60, 10, .75);
}

.mainNav .navToggle {
    display: none;
}

.mainNav ul {
    float: left;
    list-style: none;
    margin: 0 0 0 45px;
    padding: 0;
    position: relative;
}

.mainNav ul li {
    float: left;
    font-size: 15px;
    margin-left: 38px;
    text-transform: uppercase;
}

.mainNav ul li:first-child {
    margin-left: 0;
}
/*
.mainNav ul li.partners {
    margin-left: 82px;
}

#menu-main-menu > li:last-child {
    margin-left: 64px;
}
*/
.mainNav ul li.partners.current_page_item a {
    border-bottom: 0;
}

.mainNav ul li a {
    color: #fff;
    display: block;
    padding: 66px 0 55px;
    text-decoration: none;
    font-weight: 500;
}

.mainNav ul li a:hover {
    color: #8DB528;
}

.mainNav ul li.current_page_parent a,
.mainNav ul li.current_page_item a {
    border-bottom: 1px solid #8DB528;
    color: #8DB528;
}

.mainNav ul li.current_page_parent ul li a {
    border-bottom: 0;
    color: #fff;
}

.mainNav ul li.current_page_parent ul li.current-menu-item a {
    border-bottom: 0;
    color: #8DB528;
}

@media screen and (max-width:1279px) {
    .mainNav .partnersBg {
        margin-left: 314px;
    }

    .mainNav ul {
        margin-left: 88px;
    }

    .mainNav ul li {
        font-size: 11px;
        margin-left: 20px;
    }

    .mainNav ul li.partners {
        margin-left: 20px;
    }

    .mainNav ul li a {
        padding: 69px 0 56px;
    }
}

@media screen and (max-width:1024px) {
    .topBar {
        display: none;
    }



    .menu-main-menu-container {
        background-color: transparent;
        height: 100%;
        margin: 0;
        position: fixed;
        right: -100%;
        top: 0;
        -moz-transition: right .2s, background-color .8s;
        -o-transition: right .2s, background-color .8s;
        -webkit-transition: right .2s, background-color .8s;
        transition: right .2s, background-color .8s;
        width: 100%;
    }

    .menu-main-menu-container.open {
        background-color: rgba(0, 0, 0, .4);
        right: 0;
    }

    .mainNav {
        height: 80px;
        position: fixed;
        top: 10px;
        z-index: 10;
    }

    .mainNav .partnersBg {
        display: none;
    }

    .mainNav .navToggle {
        cursor: pointer;
        height: 15px;
        display: block;
        right: 0;
        position: absolute;
        top: 33px;
        width: 20px;
    }

    .mainNav .navToggle.open {
        background: url("images/mobile-nav-open.png") no-repeat;
    }

    .mainNav ul {
        background-color: rgba(0, 0, 0, .8);
        float: right;
        height: 100%;
        margin: 0;
        padding-top: 115px;
        width: 50%;
    }

    .mainNav ul li {
        float: none;
        font-size: 14px;
        margin: 0;
    }

    .mainNav ul li.partners {
        background-color: rgba(142, 180, 53, .5);
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%;
    }

    .mainNav ul li.partners a:hover {
        background-color: none;
        color: #fff;
    }

    .mainNav ul li.partners.current-menu-item a {
        background-color: rgba(40, 60, 10, .75);
    }

    .mainNav ul li a {
        padding: 25px 40px;
    }

    .mainNav .logo {
        height: 35px;
        position: relative;
        width: 169px;
        z-index: 10;
    }

    .mainNav .logo a {
        height: 35px;
        padding: 39px 0 40px;
        width: 169px;
    }
}

@media screen and (max-width:767px) {
    .topBar {
        height: 5px;
    }

    .menu-main-menu-container {
        background-color: none;
    }

    .mainNav {
        height: 45px;
        top: 5px;
    }

    .mainNav .navToggle {
        right: 20px;
    }

    .mainNav .navToggle.open {
        background: url("images/mobile-nav-open.png") no-repeat;
        top: 15px;
    }

    .mainNav ul {
        background-color: rgba(0, 0, 0, .9);
        padding-top: 75px;
        width: 100%;
    }

    .mainNav .logo {
        height: 27px;
        width: 129px;
    }

    .mainNav .logo a {
        height: 27px;
        padding: 22px 0;
        width: 129px;
    }

    .home-whatWeDo .promos .promo h4.promos-title {
        padding: 5px 15px !important;
    }

    .c-legend__title {
        top: 155px;
    }
}

@media screen and (max-height:568px) {
    .mainNav ul li a {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

.form,
.postStyles .form,
.genericPromos .promo.form,
.contactUsPage .pageContent .form {
    background-color: #f9fbfd;
    border-bottom: 0;
    padding: 23px 40px;
}

.form input::-ms-clear,
.postStyles .form input::-ms-clear,
.genericPromos .promo.form input::-ms-clear,
.contactUsPage .pageContent .form input::-ms-clear {
    display: none;
}

.form h3,
.postStyles .form h3,
.genericPromos .promo.form h3,
.contactUsPage .pageContent .form h3 {
    color: #8DB528;

    position: relative;
    margin-bottom: 7px;
}

.form p,
.postStyles .form p,
.genericPromos .promo.form p,
.contactUsPage .pageContent .form p {
    color: #000000;
    margin: 0 0 13px;
    padding: 0;
}

.form .field-wrap,
.genericPromos .promo.form .field-wrap,
.contactUsPage .pageContent .form .field-wrap {
    float: left;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
    position: relative;
    width: 100%;
}

.owl-carousel {
    padding: 50px 50px !important;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    height: 30px;
    width: 30px;
    margin-top: -15px;
    background-image: url('images/DD-left-arrow.png');
    background-size: 9px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #8DB528;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    height: 30px;
    width: 30px;
    margin-top: -15px;
    background-image: url(images/DD-right-arrow.png);
    background-size: 9px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #8DB528;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background-color: #444444;
}

.form .field-wrap.title-wrap {
    height: 40px;
    width: 30%;
}

.form .field-wrap.title-wrap label {
    display: none;
}

.form .field-wrap.title-wrap select {
    background-image: url("images/dropdown-arrow.png");

    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
}

.form label,
.postStyles .form label,
.genericPromos .promo.form label,
.contactUsPage .pageContent .form label,
.contactUsPage .pageContent form label {
    color: #8DB528;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
    float: left;
}

.form input,
.postStyles .form input,
.genericPromos .promo.form input,
.contactUsPage .pageContent .form input,
.contactUsPage .pageContent .form select,
.form select,
.form textarea,
.postStyles .form textarea,
.genericPromos .promo.form textarea,
.contactUsPage .pageContent .form textarea {
    border: 0;
    box-shadow: inset 1px 1px 2px #e3e3e3;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 13px;
    width: 100%;
}

.form input,
.postStyles .form input,
.genericPromos .promo.form input,
.contactUsPage .pageContent .form input,
.contactUsPage .pageContent .form select,
.form select {
    border-radius: 0;
    height: 40px;
}

.form textarea,
.postStyles .form textarea,
.genericPromos .promo.form textarea,
.contactUsPage .pageContent .form textarea {
    height: 80px;
    padding-bottom: 13px;
    padding-top: 13px;
}

.single-certifiedpartners .pageSidebar .partnerDetails {
    background-color: #f7f8f2;
    margin-bottom: 40px;
}

.single-certifiedpartners .pageSidebar .partnerDetails .image {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
    border-bottom: 30px solid #fff;
}

.single-certifiedpartners .pageSidebar .partnerDetails .partnerDetailsContent {
    padding: 32px 40px;
}

.btn.btnGreen {
    margin-top: 8px;
}

.btn.btnGreen .text {
    background: #8DB528 url('images/icon-arrow-white.png') no-repeat right center;
    background-color: #8DB528;
    display: block;
    font-size: 18px;
    height: 45px;
    padding: 12px 22px 14px 20px;
}

.btn.btnGreen:hover .shard {
    background-image: url('images/btn-angle-green.png');

}

.btn.btnGreen span {
    float: left;
    margin-left: 0px;
}

.btn.btnGreen:hover .text {
    background-color: #8DB528;
    color: #fff;
}

.btn.btnGreen .shard {
    background: url('images/btn-angle-dark-green.png') no-repeat;
    display: block;
    height: 45px;
    width: 45px;
}

.single-certifiedpartners .pageSidebar .partnerDetails h4 {
    color: #8DB528;
    margin-bottom: 15px;
    text-transform: none;
}

.single-certifiedpartners .pageSidebar .partnerDetails p.address {
    line-height: 22px;
    margin-bottom: 15px;
}

.single-certifiedpartners .pageSidebar .partnerDetails p.phone {
    background: url('images/icon-phone-dark.png') no-repeat left center;
    background-size: 8px;
    margin-bottom: 3px;
    padding-left: 23px;
}

.single-certifiedpartners .pageSidebar .partnerDetails p.email {
    background: url('images/icon-email-dark.png') no-repeat left center;
    background-size: 15px;
    margin-bottom: 3px;
    padding-left: 30px;
}

.single-certifiedpartners .pageSidebar .partnerDetails p.website {
    background: url('images/icon-website.png') no-repeat left center;
    background-size: 13px;
    margin-bottom: 3px;
    padding-left: 28px;
}

.single-certifiedpartners .pageSidebar .partnerDetails .follow {
    display: inline-block;
    margin-bottom: 12px;
    margin-top: 5px;
    position: relative;
    width: 100%;
}

.single-certifiedpartners .pageSidebar .partnerDetails .follow .followVisitUs {
    display: inline-block;
}

.single-certifiedpartners .pageSidebar .partnerDetails .follow .twitter {
    background: url('images/icon-share-twitter-dark.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 14px;
    margin-left: 20px;
    margin-top: 5px;
    width: 19px;
}

.single-certifiedpartners .pageSidebar .partnerDetails .follow .facebook {
    background: url('images/icon-share-facebook-dark.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 18px;
    margin-left: 20px;
    margin-top: 2px;
    width: 9px;
}

.single-certifiedpartners .pageSidebar .partnerDetails .follow .linkedin {
    background: url('images/icon-share-linkedin-dark.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 18px;
    margin-left: 20px;
    margin-top: 2px;
    width: 9px;
}

.form select::-ms-expand,
.postStyles .form select::-ms-expand,
.genericPromos .promo.form select::-ms-expand,
.contactUsPage .pageContent .form select::-ms-expand {
    display: none;
}

.form .field-wrap.checkbox-wrap input {
    display: none;
}

.form .field-wrap.checkbox-wrap label {
    background: url("images/form-checkbox.jpg") no-repeat;
    background-size: 25px;
    color: #999;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    padding-left: 44px;
    padding-top: 2px;
    text-transform: none;
}

.form .field-wrap.checkbox-wrap input:checked + label {
    background-position: 0 -131px;
}

.form .submit-wrap,
.genericPromos .promo.form .submit-wrap,
.contactUsPage .pageContent .form .submit-wrap {
    color: #fff;
    display: inline-block;
    letter-spacing: 0;
    margin-top: 0;
}

.form .submit-wrap #nf_submit_5,
.form .submit-wrap #nf_processing_5,
.form .submit-wrap #nf_submit_8,
.form .submit-wrap #nf_processing_8,
.form .submit-wrap #nf_submit_29 {
    background: url("images/btn-angle-grey.png") no-repeat right center;
    display: block;
    height: 45px;
    padding-right: 44px;
}

.form .submit-wrap #nf_submit_5:hover,
.form .submit-wrap #nf_processing_5:hover,
.form .submit-wrap #nf_submit_8:hover,
.form .submit-wrap #nf_processing_8:hover,
.form .submit-wrap #nf_submit_29:hover {
    background-image: url("images/btn-angle-green.png");
}

.form .submit-wrap #nf_submit_5:hover input,
.form .submit-wrap #nf_processing_5:hover input,
.form .submit-wrap #nf_submit_8:hover input,
.form .submit-wrap #nf_processing_8:hover input,
.form .submit-wrap #nf_submit_29:hover input {
    background-color: #8DB528;
}

.form .submit-wrap #nf_submit_29 input {
    background: #555 url("images/icon-arrow-white.png") no-repeat 70px center;
}

.form .submit-wrap input,
.genericPromos .promo.form .submit-wrap input,
.contactUsPage .pageContent .form .submit-wrap input {
    background: #555 url("images/icon-arrow-white.png") no-repeat 147px center;
    background-color: #555;
    box-shadow: none;
    color: #fff;
    display: block;

    font-size: 18px;
    height: 45px;
    padding: 14px 22px 14px 20px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.form .submit-wrap #nf_submit_8 input,
.form .submit-wrap #nf_processing_8 input {
    background-position-x: 114px;
    font-size: 19px;
    height: 45px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 125px;
    background-size: 6px 12px;
}

.form .submit-wrap #nf_submit_8#nf_processing_8 input,
.form .submit-wrap #nf_processing_8#nf_processing_8 input {
    background-position-x: 164px;
    width: 175px;
}

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

    .form .submit-wrap input,
    .genericPromos .promo.form .submit-wrap input,
    .contactUsPage .pageContent .form .submit-wrap input {
        width: 100%;
    }
}

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

    .form,
    .postStyles .form,
    .genericPromos .promo.form,
    .contactUsPage .pageContent .form {
        padding: 20px 20px;
    }

    .form label,
    .postStyles .form label,
    .genericPromos .promo.form label,
    .contactUsPage .pageContent .form label {
        font-size: 18px;
    }

    .form .submit-wrap #nf_submit_5,
    .form .submit-wrap #nf_processing_5,
    .form .submit-wrap #nf_submit_8,
    .form .submit-wrap #nf_processing_8,
    .form .submit-wrap #nf_submit_29 {
        background-image: url("images/btn-angle-grey-mobile.png");
        height: 40px;
        padding-right: 40px;
    }

    .form .submit-wrap input,
    .genericPromos .promo.form .submit-wrap input,
    .contactUsPage .pageContent .form .submit-wrap input {
        height: 40px;
        padding-bottom: 12px;
        padding-top: 12px;
        width: 100%;
    }

    .form .submit-wrap #nf_submit_8 input,
    .form .submit-wrap #nf_processing_8 input {
        font-size: 18px;
        height: 40px;
    }

    .form .field-wrap.checkbox-wrap label {
        font-size: 11px;
    }


}

.divider {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.page-template-financing .divider {
    background-image: url('images/header_section_rhi2.jpg') !important;
}

.page-template-eta .divider {
    background-image: url('images/header_section_what_we_do_eta_boilers.jpg') !important;
}

.page-template-kohlbach .divider {
    background-image: url('images/Kohlbach-2-1.jpg') !important;
}

.page-template-sokratherm .divider {
    background-image: url('images/Sokratherm-Manufacturing-plant-1000x476.jpg') !important;
}

.page-template-heatpods .divider {
    background-image: url('images/header_section_what_we_do_heat_pods.jpg') !important;
}

.divider .shard {
    border-top: 40px solid #f1f5f9;
    border-left: 40px solid transparent;
    height: 40px;
    left: 50%;
    margin-left: 627px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.divider .square-left {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 2050px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1637px;
    position: absolute;
    top: -69px;
    z-index: 1;
}

.divider .square-right {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 858px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

@media screen and (max-width:767px) {
    .divider {
        height: 40px;
    }

    .divider .shard {
        display: none;
    }

    .divider .square-right {
        display: none;
    }

    .divider .square-left {
        margin-left: -2236px;
        top: -960px;
    }
}

.pageHeader {
    background-color: #8DB528;
    background-position: top center;
    background-size: cover;
    height: 800px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.single-product .pageHeader {
    background-position: top center;
}

.pageHeader .shard {
    bottom: 0;
    height: 80px;
    margin-left: 45px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 100%;
    z-index: 4;
}

.pageHeader .shard .angle {
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.pageHeader h3 {
    color: #fff;

    margin-bottom: 15px;
    text-transform: uppercase;
    z-index: 4;
}

.pageHeader p.date {
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 4;
}

@media screen and (max-width:1024px) {
    .pageHeader {
        height: 690px;
    }
}

@media screen and (max-width:768px) {
    .pageHeader h2 {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .pageHeader {
        height: 400px;
    }

    .pageHeader h2 {
        top: 170px;
        font-weight: 400;
        font-size: 26px;
        line-height: 1.2;
    }

    .pageHeader .shard {
        height: 40px;
        margin-left: -40px;
    }

    .pageHeader .shard .angle {
        border-bottom-width: 40px;
        border-left-width: 40px;
        height: 40px;
    }
}

.sharing {
    float: right;
    height: 80px;
    margin-right: -640px;
    margin-top: -80px;
    position: relative;
    right: 50%;
    width: 130px;
    z-index: 2;
}

.sharing .container {
    width: 130px;
}

.sharing span {
    color: #999;
    display: block;
    float: left;

    font-size: 18px;
    margin-top: 34px;
    text-transform: uppercase;
}

.sharing .a2a_kit {
    float: right;
    margin: 0;
    padding: 34px 0 0 0;
    width: 55px;
}

.sharing .a2a_kit .a2a_button_twitter,
.sharing .a2a_kit .a2a_button_facebook {
    float: right;
}

.sharing .a2a_button_twitter {
    background: url("images/icon-share-twitter.png") no-repeat 0 0;
    background-size: 100%;
    display: block;
    height: 14px;
    margin-right: 22px;
    margin-top: 2px;
    width: 19px;
}

.sharing .a2a_button_twitter:hover {
    background-position: 0 -20px;
}

.sharing .a2a_button_twitter img {
    display: none;
}

.sharing .a2a_button_facebook {
    background: url("images/icon-share-facebook.png") no-repeat 0 0;
    background-size: 100%;
    display: block;
    height: 18px;
    width: 9px;
}

.sharing .a2a_button_facebook:hover {
    background-position: 0 -20px;
}

.sharing .a2a_button_facebook img {
    display: none;
}

@media screen and (max-width:1279px) {
    .sharing {
        margin-right: -495px;
    }
}

@media screen and (max-width:1024px) {
    .sharing {
        margin-right: -460px;
        width: 130px;
    }

    .sharing .container {
        width: 130px;
    }

    .sharing span {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .sharing {
        margin-right: -380px;
    }
}

@media screen and (max-width:767px) {
    .sharing {
        height: 30px;
        margin-right: 0;
        margin-top: -34px;
        right: 0;
    }

    .sharing .a2a_kit {
        padding-top: 11px;
    }
}

.breadcrumbs {
    border-bottom: 1px solid #8DB528;

    font-size: 18px;
    margin-top: 49px;
    padding-bottom: 12px;
    text-transform: uppercase;
    width: 566px;
}

.breadcrumbs a {
    color: #000000;
    margin-left: 0;
    margin-right: 10px;
    text-decoration: none;
}

.breadcrumbs .breadcrumb_last {
    color: #8DB528;
}

.breadcrumbs a.home {
    margin-left: 0;
}

.breadcrumbs a:hover {
    color: #8DB528;
}

.breadcrumbs span {
    color: #8DB528;
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (max-width:1024px) {
    .breadcrumbs {
        width: 640px;
    }
}

@media screen and (max-width:768px) {
    .breadcrumbs {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .breadcrumbs {
        display: none;
    }
}

.caseStudies {
    height: 440px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.error404 .caseStudies {
    display: none;
}

.caseStudies .container {
    padding: 63px 40px 0;
    position: relative;
    z-index: 2;
}

.caseStudies .swiper-container,
.caseStudies .swiper-wrapper {
    height: 240px;
    width: 100%;
}

.caseStudies .swiper-container .swiper-slide,
.caseStudies .swiper-wrapper .swiper-slide {
    float: left;
    margin-left: 40px;
    width: 270px;
}

.caseStudies .swiper-container .swiper-slide.slide1,
.caseStudies .swiper-wrapper .swiper-slide.slide1 {
    margin-left: 0;
}

.caseStudies .caseStudyGroup {
    float: left;
    letter-spacing: 0;
    width: 100%;
}

.caseStudies .caseStudyGroup h4 {
    color: #8DB528;
    float: left;

    margin-bottom: 24px;
}

.caseStudies .caseStudyGroup .btnText {
    bottom: auto;
    color: #8DB528;
    float: right;
    font-size: 18px;
    line-height: 18px;
    margin-top: 0;
    padding-right: 15px;
    position: relative;
}

.caseStudies .caseStudyGroup .btnText:hover {
    background-image: url("images/icon-arrow-black.png");
    color: #8DB528;
}

.caseStudies .caseStudy {
    float: left;
    height: 240px;
    position: relative;
    width: 270px;
}

.caseStudies .caseStudy .greenBar {
    background-color: #8DB528;
    height: 5px;
    position: absolute;
    top: 160px;
    width: 100%;
}

.caseStudies .caseStudy .btn {
    bottom: 15px;
    font-size: 18px;
    left: 0;
    line-height: 20px;
    padding: 20px 20px;
    position: absolute;
    background: #fff;
}

.caseStudies .caseStudy .btn .title {
    color: #000000;
    display: block;
    text-transform: uppercase;
}

.caseStudies .caseStudy .btn .subtitle {
    color: #000;
    text-transform: none;
}

.caseStudies .caseStudy:hover .btn .subtitle {
    color: #8DB528;
}

.caseStudies .square-left {
    background: #f9fbfd;
    height: 1600px;
    width: 2050px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1636px;
    position: absolute;
    top: -189px;
    z-index: 1;
}

.caseStudies .square-top-right {
    background: #f9fbfd;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 978px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.caseStudies .square-bottom-right {
    background: #f9fbfd;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 672px;
    position: absolute;
    top: 50px;
    z-index: 1;
}

@media screen and (max-width:1279px) {
    .caseStudies {
        width: 100%;
    }

    .caseStudies .swiper-wrapper {
        display: table;
    }

    .caseStudies .swiper-wrapper .swiper-slide {
        display: table-cell;
        text-align: center;
        width: 33.33%;
    }

    .caseStudies .caseStudy {
        margin-left: 0;
        text-align: left;
    }

    .caseStudies .caseStudy.caseStudy2 {
        display: inline-block;
        float: none;
    }

    .caseStudies .caseStudy.caseStudy3 {
        float: right;
    }

    .caseStudies .caseStudy.caseStudy4 {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .caseStudies .caseStudyGroup {
        padding: 0 33px;
    }

    .caseStudies .swiper-wrapper .swiper-slide {
        width: 50%;
    }

    .caseStudies .caseStudy {
        margin-left: 0;
        text-align: left;
    }

    .caseStudies .caseStudy.caseStudy1 {
        float: right;
        margin-right: 40px;
    }

    .caseStudies .caseStudy.caseStudy2 {
        float: left;
        margin-left: 40px;
    }

    .caseStudies .caseStudy.caseStudy3 {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .caseStudies {
        height: 240px;
    }

    .caseStudies .container {
        padding: 0;
    }

    .caseStudies .square-left {
        background-color: #f1f4f9;
        margin-left: -2270px;
        top: -715px;
    }

    .caseStudies .square-top-right {
        background-color: #f1f4f9;
        margin-left: -1057px;
        top: -1636px;
    }

    .caseStudies .caseStudyGroup {
        left: 50%;
        margin-left: -140px;
        padding: 0;
        position: relative;
        width: 280px;
    }

    .caseStudies .caseStudyGroup h4 {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .caseStudies .caseStudyGroup h4 a {
        display: block !important;
        font-size: 15px !important;
        padding-left: 0;
    }

    .caseStudies .caseStudyGroup .btnText {
        display: none;
    }

    .caseStudies .swiper-container {
        height: 140px;
        width: 100%;
    }

    .caseStudies .swiper-container .swiper-wrapper {
        display: block;
        width: 2000px;
    }

    .caseStudies .swiper-container .swiper-wrapper .swiper-slide {
        display: block;
        float: left;
        margin: 0;
        text-align: left;
        width: 100%;
    }

    .caseStudies .caseStudy {
        height: 140px;
        margin-right: 0;
        width: 280px;
    }

    .caseStudies .caseStudy.caseStudy1,
    .caseStudies .caseStudy.caseStudy2,
    .caseStudies .caseStudy.caseStudy3,
    .caseStudies .caseStudy.caseStudy4 {
        display: block;
        float: none;
        left: 50%;
        margin: 0 0 0 -140px;
    }

    .caseStudies .caseStudy .image {
        height: 140px;
        width: 280px;
    }

    .caseStudies .caseStudy .greenBar {
        top: 75px;
    }

    .caseStudies .caseStudy .btn {
        bottom: 15px;
    }

    .caseStudies .tableCell {
        width: 100%;
    }
}

.pagination {
    font-size: 18px;
    height: 80px;
    position: relative;
    text-transform: uppercase;
    width: 640px;
}

.pagination.paginationRight {
    float: right;
    padding-left: 80px;
    padding-right: 44px;
}

.pagination.paginationRight .shard {
    background-image: url("images/pagination-shard-left.png");
    left: 0;
}

.pagination.paginationRight .paginationContent {
    padding-right: 44px;
}

.pagination.paginationLeft {
    float: left;
    padding-right: 80px;
}

.pagination.paginationLeft .shard {
    background-image: url("images/pagination-shard-right.png");
    right: 0;
}

.pagination.paginationLeft .paginationContent {
    padding-left: 0;
}

.pagination .shard {
    background-repeat: no-repeat;
    height: 80px;
    position: absolute;
    top: 0;
    width: 80px;
}

.pagination .paginationContent {
    background: #f9fbfd;
    position: absolute;
    top: 0;
    height: 80px;
    padding: 29px 0 0;
    width: 560px;
}

.pagination a {
    text-decoration: none;
}

.pagination a.inactive:hover {
    color: #8DB528;
    text-decoration: underline;
}

.pagination .showing {
    float: left;
    margin-left: 30px;
}

.pagination .pages {
    float: right;
}

.pagination .pages .arrow {
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 6px;
}

.pagination .pages .arrow.arrowNext {
    background-image: url("images/icon-arrow-black.png");
    margin-left: 16px;
}

.pagination .pages .current,
.pagination .pages .inactive {
    margin: 0 7px;
}

.pagination .pages .current.inactive {
    color: #000000;
}

.pagination .pages .inactive {
    color: #8DB528;
}

@media screen and (max-width:1279px) {
    .pagination {
        width: 450px;
    }

    .pagination.paginationRight {
        margin-top: 40px;
    }

    .pagination .paginationContent {
        width: 370px;
    }
}

@media screen and (max-width:768px) {
    .pagination {
        width: 100%;
    }

    .pagination.paginationRight {
        padding-left: 0;
        padding-right: 0;
    }

    .pagination.paginationRight .paginationContent {
        padding-right: 20px;
    }

    .pagination.paginationLeft {
        padding-left: 0;
        padding-right: 0;
    }

    .pagination.paginationLeft .paginationContent {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pagination .paginationContent {
        padding-left: 20px;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .pagination {
        height: 40px;
        margin-top: 20px !important;
    }

    .pagination.paginationLeft {
        margin-top: 0 !important;
    }

    .pagination .paginationContent {
        height: 40px;
        padding-top: 8px;
        text-align: center;
    }

    .pagination .shard {
        display: none;
    }

    .pagination .showing {
        float: none;
        font-size: 14px;
    }

    .pagination .pages .current,
    .pagination .pages .inactive {
        display: none;
    }

    .pagination .pages .arrow {
        position: absolute;
        top: 15px;
    }

    .pagination .pages .arrow.arrowNext {
        right: 20px;
    }
}

.postStyles h3 {
    margin-bottom: 20px;
    color: #8DB528;
}

.postStyles p {
    margin: 0 0 32px;
}

.postStyles p a {
    color: #8DB528;
    text-decoration: none;
}

.postStyles p strong {}

.postStyles img {
    height: auto;
    width: 100%;
    /*margin-top: 30%;*/
}

.page-template-training .postStyles img {
    margin-top: 0;
}

.postStyles ul {
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}

.postStyles ul li {
    background: url("images/bullet.png") no-repeat left 13px;
    line-height: 30px;
    padding-left: 20px;
}

.postStyles .form,
.postStyles .genericPromos .promo.form,
.genericPromos .postStyles .promo.form,
.postStyles .contactUsPage .pageContent .form,
.contactUsPage .pageContent .postStyles .form {
    margin-bottom: 30px;
}

.postStyles .form h4,
.postStyles .genericPromos .promo.form h4,
.genericPromos .postStyles .promo.form h4,
.postStyles .contactUsPage .pageContent .form h4,
.contactUsPage .pageContent .postStyles .form h4 {
    margin-bottom: 20px;
}

.postStyles .btnText {
    bottom: auto;
    padding: 0 20px 0 0;
    position: relative;
}

.postStyles .btnText.phone {
    background: url("images/icon-phone-dark.png") no-repeat left center;
    background-size: 9px;
    margin-bottom: 10px;
    padding-left: 25px;
}

.postStyles .btnText.email {
    background: url("images/icon-email-dark.png") no-repeat left center;
    background-size: 16px;
    padding-left: 25px;
    text-decoration: none;
}

@media screen and (max-width:767px) {
    .postStyles h3 {
        margin-bottom: 22px;
    }

    .postStyles h4 {
        margin-bottom: 20px;
    }

    .postStyles p {
        margin-bottom: 22px;
    }

    .postStyles ul {
        font-size: 18px;
    }

    .postStyles ul li {
        background-position-y: 9px;
        line-height: 20px;
    }

    .postStyles .btnText {}
}

.genericPromos {
    height: 660px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.genericPromos .container {
    position: relative;
    z-index: 2;
}

.genericPromos .promos {
    padding: 0 40px;
    margin-top: 40px;
}

.genericPromos .promo {
    /*border-bottom: 1px solid #e5e5e5;*/
    float: left;
    height: 240px;
    padding-bottom: 30px;
    position: relative;
    text-decoration: none;
    width: 400px;
}

.genericPromos .promo.form {
    height: auto;
}

.genericPromos .promo.promo2,
.genericPromos .promo.promo3 {
    margin-left: 40px;
}

.genericPromos .promo h3 {
    color: #fff;

    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.genericPromos .promo h3.lightGreen .text {
    background-color: #8DB528;
}

.genericPromos .promo h3.lightGreen .shard {
    background-image: url("images/shard-lightGreen.png");
}

.genericPromos .promo h3.darkGreen .text {
    background-color: #273D05;
}

.genericPromos .promo h3.darkGreen .shard {
    background-image: url("images/shard-darkGreen.png");
}

.genericPromos .promo h3 .text {
    float: left;
    height: 50px;
    padding: 12px 20px 12px 20px;
}

.genericPromos .promo h3 .shard {
    float: left;
    height: 50px;
    width: 50px;
    margin-left: -1px;
}

.genericPromos .promo .btnText {
    bottom: auto;
    left: auto;
    position: relative;
}

.genericPromos .promo p {
    color: #000;
    margin: 0 0 14px 0;
    padding: 0 20px;
}

.genericPromos .promo div.btn {
    color: #8DB528;
    font-size: 23px;
    left: 0;
    letter-spacing: 0;
    line-height: 31px;
    padding: 0 20px;
    /*position: absolute;*/
    text-transform: uppercase;
    top: 176px;
    font-weight: 400;
}

.genericPromos .promo .image {
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    position: relative;
    width: 400px;
}

.genericPromos .promo.latestNews .image {
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTQwMCwxNDAgTDQwMCwwIDAsMCAwLDI0MCAzMjAsMjQwIDM0MCwyMjAgMCwyMjAgMCwxNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik00MDAsMTQwIEw0MDAsMCAwLDAgMCwyNDAgMzIwLDI0MCAzNDAsMjIwIDAsMjIwIDAsMTQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
}

.genericPromos .promo.latestNews .date {
    color: #8DB528;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 10px;
}

.genericPromos .promo.latestNews div.btn {
    top: 150px;
}

.genericPromos .promo.promoSmall {
    width: 320px;
}

.genericPromos .promo.promoSmall .image {
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosTrainingClipDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosTrainingClipDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMyMCwxNjAgTDMyMCwwIDAsMCAwLDI0MCAyNDAsMjQwIDI2MCwyMjAgMCwyMjAgMCwxNjAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0zMjAsMTYwIEwzMjAsMCAwLDAgMCwyNDAgMjQwLDI0MCAyNjAsMjIwIDAsMjIwIDAsMTYwIHoiICAvPgo8L3N2Zz4=) no-repeat;
}

.genericPromos .square-left {
    background: #f1f5f9;
    height: 1600px;
    width: 2050px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1479px;
    position: absolute;
    top: 650px;
    z-index: 1;
}

.genericPromos .square-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 300px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

@media screen and (max-width:1279px) {
    .genericPromos .container {
        padding: 0 40px;
    }

    .genericPromos .promos {
        padding: 0;
    }

    .genericPromos .promo .btnText {
        bottom: 60px;
    }

    .genericPromos .promo {
        border-bottom: none;
    }

    .genericPromos .promo {
        height: 570px;
        width: 300px;
    }

    .genericPromos .promo.promo2,
    .genericPromos .promo.promo3 {
        margin-left: 20px;
    }

    .genericPromos .promo .image {
        height: 240px;
        width: 300px;
    }

    .genericPromos .promo.latestNews .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipDesktopSmall");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipDesktopSmall");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMwMCwxNDAgTDMwMCwwIDAsMCAwLDI0MCAyMjAsMjQwIDI0MCwyMjAgMCwyMjAgMCwxNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0zMDAsMTQwIEwzMDAsMCAwLDAgMCwyNDAgMjIwLDI0MCAyNDAsMjIwIDAsMjIwIDAsMTQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .genericPromos .promo.latestNews div.btn {
        font-size: 20px;
        line-height: 22px;
        top: 147px;
    }

    .genericPromos .promo.promoSmall {
        width: 300px;
    }

    .genericPromos .promo.promoSmall .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosTrainingClipDesktopSmall");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosTrainingClipDesktopSmall");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMwMCwxNDAgTDMwMCwwIDAsMCAwLDI0MCAyMjAsMjQwIDI0MCwyMjAgMCwyMjAgMCwxNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0zMDAsMTQwIEwzMDAsMCAwLDAgMCwyNDAgMjIwLDI0MCAyNDAsMjIwIDAsMjIwIDAsMTQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .genericPromos .promo.promoSmall div.btn {
        font-size: 20px;
        line-height: 22px;
        top: 180px;
    }
}

@media screen and (max-width:1024px) {
    .genericPromos {
        height: 1200px;
    }

    .genericPromos .container {
        padding: 0;
    }

    .genericPromos .square-right {
        margin-left: 618px;
    }

    .genericPromos .square-left {
        margin-left: -1898px;
    }

    .genericPromos .promos {
        display: table;
        text-align: center;
        width: 100%;
    }

    .genericPromos .tableCell {
        display: table-cell;
        float: none;
        text-align: left;
        width: 50%;
    }

    .genericPromos .tableCell.first {
        padding-right: 4%;
    }

    .genericPromos .tableCell.last {
        padding-left: 4%;
    }

    .genericPromos .promo {
        width: 300px;
    }

    .genericPromos .promo.promo1 {
        float: right;
    }

    .genericPromos .promo.promo2 {
        float: none;
        height: 535px;
        left: 50%;
        margin: 0 40px 0 -335px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        text-align: left;
        top: 560px;
        width: 670px;
    }

    .genericPromos .promo.promo3 {
        float: left;
        margin-left: 0;
    }

    .genericPromos .promo .image {
        width: 300px;
    }

    .genericPromos .promo.latestNews .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMyNCwxNDAgTDMyNCwwIDAsMCAwLDI0MCAyNDQsMjQwIDI2NCwyMjAgMCwyMjAgMCwxNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0zMjQsMTQwIEwzMjQsMCAwLDAgMCwyNDAgMjQ0LDI0MCAyNjQsMjIwIDAsMjIwIDAsMTQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .genericPromos .promo.promoSmall .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosNewsClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMyNCwxNDAgTDMyNCwwIDAsMCAwLDI0MCAyNDQsMjQwIDI2NCwyMjAgMCwyMjAgMCwxNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0zMjQsMTQwIEwzMjQsMCAwLDAgMCwyNDAgMjQ0LDI0MCAyNjQsMjIwIDAsMjIwIDAsMTQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }
}

@media screen and (max-width:767px) {
    .genericPromos {
        height: auto;
    }

    .genericPromos .promos {
        display: block;
    }

    .genericPromos .promos .tableCell {
        display: block;
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .genericPromos .promos .promo {
        border: 0;
        float: left;
        height: auto;
        left: 50%;
        margin-left: -140px;
        padding-bottom: 40px;
        width: 280px;
    }

    .genericPromos .promos .promo h3 .text {
        height: 40px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .genericPromos .promos .promo h3 .shard {
        background-position-x: -10px;
        height: 40px;
        width: 40px;
    }

    .genericPromos .promos .promo div.btn {
        font-size: 18px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .genericPromos .promos .promo.latestNews {
        margin-bottom: 40px;
    }

    .genericPromos .promos .promo.latestNews .image {
        height: 140px;
        width: 280px;
    }

    .genericPromos .promos .promo.latestNews div.btn {
        top: 85px;
    }

    .genericPromos .promos .promo.latestNews p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .genericPromos .promos .promo.latestNews p.date {
        font-size: 12px;
        margin-top: -90px;
    }

    .genericPromos .promos .promo.form {
        float: left;
        left: 50%;
        margin-left: -140px;
        margin-bottom: 40px;
        padding-bottom: 15px;
        position: relative;
        top: auto;
        width: 280px;
    }

    .genericPromos .promos .promo.training {
        height: 120px;
        margin-bottom: 40px;
    }

    .genericPromos .promos .promo.training .image {
        height: 120px;
        width: 280px;
    }

    .genericPromos .promos .promo.training div.btn {
        color: #fff;
        display: block;
        font-size: 22px;
        line-height: 24px;
        top: 16px;
    }

    .genericPromos .promos .promo.training .btnText {
        bottom: 19px;
    }

    .genericPromos .promos .promo.training h3,
    .genericPromos .promos .promo.training p {
        display: none;
    }

    .genericPromos .square-left {
        margin-left: -2338px;
        top: -960px;
    }

    .genericPromos .square-right {
        bottom: -800px;
        margin-left: 410px;
        top: auto;
    }
}

.swiper {
    background-color: #8DB528;
    height: 920px;
    position: relative;
    z-index: 1;
}

.swiper .swiper-container,
.swiper .swiper-wrapper,
.swiper .swiper-slide {
    height: 920px;
    width: 100%;
}

.swiper .swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper .swiper-content {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.swiper .swiper-content .content {
    /* bottom: 140px; */
    bottom: 245px;
    color: #fff !important;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 695px;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.swiper .swiper-content .content.hide {
    opacity: 0;
    z-index: 1;
}

.swiper .swiper-content .content.show {
    opacity: 1;
    z-index: 2;
}

.swiper .swiper-content .content h1 {
    font-size: 68px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.swiper .swiper-content .content p {
    color: #fff;
    margin: 0 0 14px;
    padding: 0;
}

.swiper .swiper-content .content .btn {
    margin-top: 20px;
}

.swiper .swiper-pagination {
    bottom: 24px;
    left: 50%;
    margin-left: -21px;
    width: auto;
}

.swiper .swiper-shard {
    bottom: 0;
    height: 80px;
    margin-left: -123px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 100%;
    z-index: 4;
}

.swiper .swiper-shard .angle {
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.swiper .swiper-shard .square-right {
    background: #f1f5f9;
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 330px;
    position: absolute;
    top: 0;
    z-index: 3;
}

.swiper .swiper-square-left {
    background: rgba(0, 0, 0, .5);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1530px;
    position: absolute;
    top: -231px;
    z-index: 3;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    background: url('images/home-swiper-pips.png') no-repeat -15px 0;
    height: 13px;
    margin: 0 11px;
    opacity: 1;
    width: 13px;
}

.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-position: 0 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper .swiper-square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 50px;
    position: absolute;
    top: -1638px;
    z-index: 3;
}

.swiper .swiper-square-center-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 1323px;
    position: absolute;
    top: -365px;
    z-index: 3;
    border: 1px solid rgba(0, 0, 0, .1);
    outline: 1px solid rgba(0, 0, 0, .1);
}

.swiper .swiper-square-bottom-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 94px;
    position: absolute;
    top: 952px;
    z-index: 3;
}

@media screen and (max-width:1279px) {
    .swiper .swiper-square-top-right {
        margin-left: -71px;
    }
}

@media screen and (max-width:1024px) {
    .swiper {
        height: 690px;
    }

    .swiper .swiper-container,
    .swiper .swiper-wrapper,
    .swiper .swiper-slide {
        height: 690px;
    }

    .swiper .swiper-content .content {
        /*bottom: 80px;*/
        bottom: 156px;
        width: 670px;
    }

    .swiper .swiper-content .content h1 {
        font-size: 38px;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .swiper .swiper-content .content p {
        margin: 0 0 14px;
        max-width: 580px;
    }

    .swiper .swiper-pagination {
        margin-left: 119px;
    }

    .swiper .swiper-shard {
        margin-left: 57px;
    }

    .swiper .swiper-square-left {
        top: -280px;
    }

    .swiper .swiper-square-top-right,
    .swiper .swiper-square-center-right,
    .swiper .swiper-square-bottom-right {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .swiper {
        height: 480px;
    }

    .swiper .container {
        padding: 0;
    }

    .swiper .swiper-container,
    .swiper .swiper-wrapper,
    .swiper .swiper-slide {
        height: 480px;
    }

    .swiper .swiper-content .content {
        /*bottom: 120px;*/
        bottom: 180px;
        padding: 0 20px;
        width: 100%;
    }

    .swiper .swiper-content .content h1 {
        font-size: 38px;
        font-weight: 400;
        line-height: 1.2;
    }

    .swiper .swiper-content .content p {
        display: none;
    }

    .swiper .swiper-content .content .btn {
        margin-top: 0;
    }

    .swiper .swiper-pagination {
        bottom: 7px;
        margin-left: -10px;
    }

    .swiper .swiper-shard {
        height: 40px;
        margin-left: -43px;
    }

    .swiper .swiper-shard .angle {
        border-bottom-width: 40px;
        border-left-width: 40px;
    }

    .swiper .swiper-square-left {
        margin-left: -1609px;
        top: -510px;
    }
}

.home-whatWeDo {
    height: 560px;
    overflow: hidden;
    position: relative;
}

.home-whatWeDo .square-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1415px;
    position: absolute;
    top: -1439px;
    z-index: 1;
}

.home-whatWeDo .square-right {
    background: #f1f5f9;
    height: 1500px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 277px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.home-whatWeDo .container {
    position: relative;
    z-index: 2;
}

.home-whatWeDo .content,
.home-whatWeDo .promos {
    float: left;
}

.home-whatWeDo .content {
    padding: 0 40px;
    width: 640px;
}

.home-whatWeDo .content h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 32px;
}

.home-whatWeDo .content p {

    margin: 0 0 14px;
}

.home-whatWeDo .promos {
    padding-top: 0;
    width: 600px;
}

.page-template-gateway .promos {
    padding-top: 0;
    width: 1260px;
    margin: 0 auto 0;
    float: left;
}

.mainNav .super {
    position: absolute;
    top: 100%;
    width: 500px;
}

.mainNav .super > button {
    background-color: #444;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 180px;
    height: 50px;
}

.mainNav .super > ul {
    background-color: #222;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 220px;
    position: absolute;
    left: 180px;
    top: 50px;
    margin: 0;
    float: left;
    display: none;
}

.mainNav .super > ul li {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.mainNav .super > ul li a {
    padding: 10px 0;
    line-height: 1.2;
}

.home-whatWeDo .promos .promo {
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 280px;
}

.page-template-gateway .promos .promo {
    float: left;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 280px;
    margin: 0 70px;
}

.home-whatWeDo .promos .promo.promo2 {
    margin-left: 40px;
}

.home-whatWeDo .promos .promo.findPartner .image {
    background-image: url("images/tree-panel.jpg.webp");
    background-position: center center;
    background-repeat: no-repeat;
    height: 96px;
    width: 100%;
    background-color: #8DB528;
    color: #fff;
    background-size: cover;
}

.home-whatWeDo .promos .promo.findPartner h3 {
    padding: 26px 15px;
}

.home-whatWeDo .promos .promo.findPartner p {
    margin: 15px 0;
    padding: 0 10px;
}

.home-whatWeDo .promos .promo.findPartner a {
    color: #8DB528;
    text-decoration: none;
}

.home-whatWeDo .promos .promo.findPartner .dropdownWrap {
    margin-top: 0;
    width: 100%;
}

.home-whatWeDo .promos .promo h3 {
    color: #fff;

    margin: 0;
    padding: 26px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 280px;
}

.home-whatWeDo .promos .promo .btn {
    background: url("images/icon-arrow-black.png") no-repeat right center;
    bottom: 32px;
    color: #222;

    font-size: 18px;
    left: 0;
    padding: 0 25px;
    position: absolute;
    text-transform: uppercase;
}

.page-template-gateway .promos .promo .btn {
    background: url("images/icon-arrow-black.png") no-repeat right center;
    bottom: 32px;
    color: #222;

    font-size: 18px;
    left: 0;
    padding: 0 25px;
    position: absolute;
    text-transform: uppercase;
}

.home-whatWeDo .promos .promo:hover .btn {
    background-image: url("images/icon-arrow-green.png");
}

@media screen and (max-width:1279px) {
    .home-whatWeDo .content {
        padding-right: 20px;
        width: 390px;
    }

    .home-whatWeDo .content h2 {
        margin-bottom: 12px;
    }

    .home-whatWeDo .promos {
        padding-top: 77px;
        width: 580px;
    }

    .home-whatWeDo .promos .promo.promo2 {
        margin-left: 20px;
    }
}

@media screen and (max-width:1024px) {
    .home-whatWeDo .container {
        padding-left: 80px;
        padding-right: 80px;
    }

    .home-whatWeDo .square-left {
        margin-left: -1374px;
        top: -1300px;
    }

    .home-whatWeDo .square-right {
        margin-left: 595px;
    }

    .home-whatWeDo .content {
        padding: 0;
        width: 60%;
    }

    .home-whatWeDo .promos {
        float: right;
        padding: 0;
        width: 40%;
    }

    .home-whatWeDo .promos .promo {
        float: right;
        height: 200px;
        margin-bottom: 15px;
    }

    .home-whatWeDo .promos .promo.promo2 {
        margin-left: 0;
    }

    .home-whatWeDo .promos .promo.findPartner .image,
    .home-whatWeDo .promos .promo.findPartner h3 {
        display: none;
    }

    .home-whatWeDo .promos .promo.findPartner p {
        margin: 10px 0;
    }

    .home-whatWeDo .promos .promo .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTI2NCwxMzYgTDI4MCwxMjAgMjgwLDAgMCwwIDAsMjAwIDIwMCwyMDAgMjIwLDE3NiAwLDE3NiAwLDEzNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTI2NCwxMzYgTDI4MCwxMjAgMjgwLDAgMCwwIDAsMjAwIDIwMCwyMDAgMjIwLDE3NiAwLDE3NiAwLDEzNiB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .home-whatWeDo .promos .promo h3 {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .home-whatWeDo .promos .promo .btn {
        bottom: 32px;
    }
}

@media screen and (max-width:768px) {
    .home-whatWeDo .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home-whatWeDo .content {
        width: 100%;
    }

    .home-whatWeDo .promos {
        margin-top: 20px;
        width: 100%;
    }

    .home-whatWeDo .promos .promo {
        float: left;
        height: 200px;
        width: 316px;
    }

    .home-whatWeDo .promos .promo.promo2 {
        float: right;
    }

    .home-whatWeDo .promos .promo h3 {
        padding: 17px 25px;
    }

    .home-whatWeDo .promos .promo .image {
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMwMCwxMTYgTDMxNiwxMDAgMzE2LDAgMCwwIDAsMTgwIDIzNiwxODAgMjU2LDE1NiAwLDE1NiAwLDExNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTMwMCwxMTYgTDMxNiwxMDAgMzE2LDAgMCwwIDAsMTgwIDIzNiwxODAgMjU2LDE1NiAwLDE1NiAwLDExNiB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .home-whatWeDo .promos .promo .btn {
        bottom: 52px;
    }
}

@media screen and (max-width:767px) {
    .home-whatWeDo {
        height: auto;
    }

    .home-whatWeDo .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-whatWeDo .table {
        display: block;
    }

    .home-whatWeDo .table .tableCell {
        display: block;
    }

    .home-whatWeDo .content {
        padding: 35px 0 20px;
    }

    .home-whatWeDo .promos .promo {
        clear: both;
        float: left;
        height: 120px;
        left: 50%;
        margin-bottom: 40px;
        margin-left: -140px;
        width: 280px;
    }

    .home-whatWeDo .promos .promo.promo2 {
        float: left;
        margin-left: -140px;
    }

    .home-whatWeDo .promos .promo.findPartner {
        height: 201px;
    }

    .home-whatWeDo .promos .promo h3 {
        padding: 15px 20px;
    }

    .home-whatWeDo .promos .promo .btn {
        bottom: 21px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-whatWeDo .square-left {
        margin-left: -1474px;
    }

    .home-whatWeDo .square-right {
        bottom: -660px;
        margin-left: 148px;
        top: auto;
    }
}

.home-paidForGreen {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.home-paidForGreen .container {
    position: relative;
    z-index: 2;
}

.home-paidForGreen .content {
    color: #fff;
    margin-top: 73px;
    padding-left: 40px;
    width: 485px;
}

.home-paidForGreen .content h2 {
    font-weight: 400;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 31px;
    text-transform: uppercase;
}

.home-paidForGreen .content p {
    color: #fff;
    padding: 0;
    margin: 0 0 14px 0;
    width: 400px;
}

.home-paidForGreen .content .btn {
    margin-top: 28px;
}

.home-paidForGreen .shard {
    border-bottom: 40px solid white;
    border-right: 40px solid transparent;
    bottom: 0;
    height: 40px;
    left: 50%;
    margin-left: -2030px;
    overflow: hidden;
    position: absolute;
    width: 2000px;
    z-index: 4;
}

.home-paidForGreen .square-top-left {
    background: rgba(0, 0, 0, .5);
    height: 1600px;
    width: 1700px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1067px;
    position: absolute;
    top: -1569px;
    z-index: 1;
}

.home-paidForGreen .square-bottom-left {
    background: rgba(0, 0, 0, .5);
    height: 1600px;
    width: 1700px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1961px;
    position: absolute;
    top: -200px;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .08);
    outline: 1px solid rgba(0, 0, 0, .08);
}

@media screen and (max-width:1024px) {
    .home-paidForGreen .content {
        margin-top: 93px;
        padding-left: 0;
    }

    .home-paidForGreen .content h2 {
        margin-bottom: 20px;
    }

    .home-paidForGreen .content .btn {
        margin-top: 18px;
    }

    .home-paidForGreen .shard {
        margin-left: -1713px;
    }

    .home-paidForGreen .square-top-left {
        margin-left: -750px;
    }

    .home-paidForGreen .square-bottom-left {
        margin-left: -1644px;
    }
}

@media screen and (max-width:767px) {
    .home-paidForGreen {
        height: 320px;
    }

    .home-paidForGreen .content {
        margin-top: 34px;
        width: 100%;
    }

    .home-paidForGreen .content p {
        width: auto;
    }

    .home-paidForGreen .shard {
        display: none;
    }

    .home-paidForGreen .square-top-left {
        margin-left: -1744px;
        top: -691px;
    }

    .home-paidForGreen .square-bottom-left {
        display: none;
    }
}

.page .pageHeader {
    background-position: center;
    height: 560px;
}

.page-template-default .pageHeader {
    background-position: center;
    height: 560px;
}

.page-template-gateway .pageHeader {
    background-position: center;
    height: 560px;
}

.page .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1725px;
    position: absolute;
    top: -270px;
    z-index: 3;
}

.page .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.page .pageHeader .shard {
    bottom: 0;
    height: 80px;
    margin-left: 4px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 100%;
    z-index: 4;
}

.page .pageHeader .shard .angle {
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.page .container {
    position: relative;
    z-index: 2;
}

.page .posts {
    overflow: hidden;
    position: relative;
}

.page .single-page {
    border-bottom: 1px solid rgba(142, 180, 53, .3);
    float: left;
    margin-bottom: 80px;
    margin-top: 40px;
    min-height: 100px;
    padding-bottom: 48px;
    width: 800px;
}

.page-template-gateway .page .single-page {
    border-bottom: none;
    margin: 0;
    min-height: 1px;
    padding: 75px 0;
}

.page .single-page p a {
    color: #8DB528;
    text-decoration: none;
}

@media screen and (max-width:1279px) {
    .page .pageHeader .square-top-right {
        margin-left: 660px;
    }
}

@media screen and (max-width:1024px) {
    .page .single-page {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .page .pageHeader {
        height: 360px;
    }

    .page .pageHeader h2 {
        bottom: 130px;
        padding-right: 50px;
    }

    .page .pageHeader .shard {
        height: 40px;
    }

    .page .pageHeader .square-left {
        margin-left: -1651px;
        top: -544px;
    }

    .page .pageHeader .square-bottom-left {
        margin-left: -1573px;
    }

    .page .square-bottom-left {
        margin-left: -1573px;
    }
}

.whoWeArePage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1565px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.whoWeArePage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.whoWeArePage .pageHeader .titles {
    top: 250px;
    position: absolute;
}

.whoWeArePage .page {
    overflow: hidden;
    position: relative;
}

.whoWeArePage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.whoWeArePage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1926px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.whoWeArePage .page .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -2182px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.whoWeArePage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 802px;
    position: absolute;
    bottom: -400px;
    z-index: 1;
}

.whoWeArePage .pageContent {
    float: left;
    margin-bottom: 75px;
    margin-top: 75px;
    width: 640px;
}

.whoWeArePage .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    width: 480px;
}

.whoWeArePage .pageSidebar .promo, .contactUsPage .promo {
    height: 200px;
    margin-bottom: 80px;
    position: relative;
}

.whoWeArePage .pageSidebar .promo a, .contactUsPage .promo a {
    color: #8DB528;
}

.whoWeArePage .pageSidebar .promo .image, .contactUsPage .promo .image {
    height: 200px;
    width: 480px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTQ4MCwxMjAgTDQ4MCwwIDAsMCAwLDIwMCA0MDAsMjAwIDQyMCwxODAgMCwxODAgMCwxMzYgNDY1LDEzNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTQ4MCwxMjAgTDQ4MCwwIDAsMCAwLDIwMCA0MDAsMjAwIDQyMCwxODAgMCwxODAgMCwxMzYgNDY1LDEzNiB6IiAgLz4KPC9zdmc+) no-repeat;
}

.whoWeArePage .pageSidebar .promo h4, .contactUsPage .pageContent .promo h4 {
    color: #fff;
    left: 0;
    margin: 25px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.whoWeArePage .pageSidebar .promo .btnText, .contactUsPage .pageContent .promo .btnText {
    bottom: 32px;

    padding-left: 30px;
}

.contactUsPage .pageContent .promo .btnText {
    bottom: 96px;
    display: inline-block;
    padding: 0 30px;
    position: relative;
}

.whoWeArePage .becomePartnerMap {
    background-position: top center;
    background-repeat: no-repeat;
    height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.whoWeArePage .becomePartnerMap .mapWrap {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.whoWeArePage .becomePartnerMap .container {
    z-index: 2;
}

.whoWeArePage .becomePartnerMap .content {
    color: #fff;
    padding: 180px 0 0;
    position: relative;
    width: 500px;
    z-index: 2;
}

.whoWeArePage .becomePartnerMap .content p {
    color: #fff;
}

.whoWeArePage .becomePartnerMap .content .btn {
    margin-top: 7px;
}

.whoWeArePage .becomePartnerMap .square-left {
    background: rgba(76, 82, 88, .65);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1582px;
    position: absolute;
    top: -200px;
    z-index: 1;
}

.whoWeArePage .becomePartnerMap .square-right {
    background: rgba(76, 82, 88, .65);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 1203px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.whoWeArePage .footer .shard {
    display: none;
}

.whoWeArePage .footer .square-right {
    display: none;
}

@media screen and (max-width:1279px) {
    .whoWeArePage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .whoWeArePage .pageContent {
        width: 550px;
    }

    .whoWeArePage .pageSidebar {
        margin-left: 29px;
        width: 320px;
    }

    .whoWeArePage .pageSidebar .promo .image {
        width: 320px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMyMCwxMjAgTDMyMCwwIDAsMCAwLDIwMCAyNDAsMjAwIDI2MCwxODAgMCwxODAgMCwxMzYgMzA1LDEzNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTMyMCwxMjAgTDMyMCwwIDAsMCAwLDIwMCAyNDAsMjAwIDI2MCwxODAgMCwxODAgMCwxMzYgMzA1LDEzNiB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .whoWeArePage .pageSidebar .promo h4 {
        margin: 20px 25px;
    }

    .whoWeArePage .pageSidebar .promo .btnText {
        padding-left: 25px;
    }
}

@media screen and (max-width:1024px) {
    .whoWeArePage .pageHeader .square-left {
        top: -298px;
    }
}

@media screen and (max-width:768px) {
    .whoWeArePage .pageContent {
        margin-bottom: 25px;
        margin-top: 50px;
        width: 100%;
    }

    .whoWeArePage .pageSidebar {
        margin-bottom: 17px;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .whoWeArePage .pageSidebar .promo {
        float: left;
        margin-bottom: 33px;
        width: 320px;
    }

    .whoWeArePage .pageSidebar .promo.promo2 {
        margin-left: 33px;
    }

    .whoWeArePage .pageSidebar .promo .image {
        width: 320px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whoWeArePromoTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTMyMCwxMjAgTDMyMCwwIDAsMCAwLDIwMCAyNDAsMjAwIDI2MCwxODAgMCwxODAgMCwxMzYgMzA1LDEzNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTMyMCwxMjAgTDMyMCwwIDAsMCAwLDIwMCAyNDAsMjAwIDI2MCwxODAgMCwxODAgMCwxMzYgMzA1LDEzNiB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .whoWeArePage .pageSidebar .promo h4 {
        margin: 20px 25px;
    }

    .whoWeArePage .pageSidebar .promo .btnText {
        padding-left: 25px;
    }
}

@media screen and (max-width:767px) {
    .whoWeArePage .pageHeader .square-left {
        margin-left: -1664px;
        top: -534px;
    }

    .whoWeArePage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whoWeArePage .page .square-top-left {
        margin-left: -1971px;
    }

    .whoWeArePage .page .square-bottom-left {
        margin-left: -1861px;
    }

    .whoWeArePage .page .square-bottom-right {
        bottom: -300px;
        margin-left: 210px;
    }

    .whoWeArePage .pageContent {
        margin-top: 35px;
    }

    .whoWeArePage .pageSidebar {
        margin-bottom: 0;
    }

    .whoWeArePage .pageSidebar .promo {
        clear: both;
        height: 120px;
        left: 50%;
        margin-bottom: 40px;
        margin-left: -140px;
        width: 280px;
    }

    .whoWeArePage .pageSidebar .promo.promo2 {
        margin-left: -140px;
    }

    .whoWeArePage .pageSidebar .promo .image {
        height: 120px;
        width: 280px;
    }

    .whoWeArePage .pageSidebar .promo h4 {
        margin: 14px 15px;
    }

    .whoWeArePage .pageSidebar .promo .btnText {
        bottom: 21px;
        padding-left: 15px;
    }

    .whoWeArePage .becomePartnerMap {
        background-size: auto 360px;
        height: 320px;
    }

    .whoWeArePage .becomePartnerMap .content {
        padding-top: 40px;
        width: 100%;
    }

    .whoWeArePage .becomePartnerMap .square-left {
        margin-left: -1716px;
        top: -654px;
    }

    .whoWeArePage .becomePartnerMap .square-right {
        display: none;
    }
}

.whatWeDoPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1600px;
    width: 962px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1141px;
    position: absolute;
    top: -15px;
    z-index: 3;
}

.whatWeDoPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.whatWeDoPage .page {
    overflow: hidden;
    position: relative;
}

.whatWeDoPage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.whatWeDoPage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1926px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.whatWeDoPage .page .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -2621px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.whatWeDoPage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 364px;
    position: absolute;
    bottom: -402px;
    z-index: 1;
}

.whatWeDoPage .pageContent,
.single .single-post {
    float: left;
    margin-bottom: 0;
    margin-top: 75px;
    width: 640px;
}

.whatWeDoPage .pageSidebar,
.single .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    width: 480px;
}

.whatWeDoPage .pageSidebar .form input {
    height: 45px;
}

.whatWeDoPage .productList {
    float: left;
    margin-bottom: 80px;
    width: 100%;
}

.whatWeDoPage .productList .product {
    display: table;
    margin-top: 80px;
    position: relative;
    width: 100%;
}

.whatWeDoPage .productList .product .imageWrap,
.whatWeDoPage .productList .product .benefits,
.whatWeDoPage .productList .product .graph {
    display: table-cell;
    vertical-align: top;
}

.whatWeDoPage .productList .product .imageWrap {
    position: relative;
    width: 400px;
}

.whatWeDoPage .productList .product .imageWrap .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 280px;
    width: 400px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTQwMCw0MCBMNDAwLDAgMCwwIDAsMjgwIDI0MCwyODAgNDAwLDEyMCAwLDEyMCAwLDQwIHoiLz4KICA8L2NsaXBQYXRoPgogIDxwYXRoIGlkPSJzdmdNYXNrIiBkPSJNNDAwLDQwIEw0MDAsMCAwLDAgMCwyODAgMjQwLDI4MCA0MDAsMTIwIDAsMTIwIDAsNDAgeiIgIC8+Cjwvc3ZnPg==) no-repeat;
}

.whatWeDoPage .productList .product .imageWrap .titles {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 52px;
}

.whatWeDoPage .productList .product .imageWrap h3 {
    color: #273D05;
    text-transform: uppercase;
    margin: 7px 0 0 0;
    line-height: 1;
    font-size: 17px;
}

.whatWeDoPage .productList .product .imageWrap h4 {
    color: #8DB528;
    text-transform: uppercase;
    margin: 3px 0 0px 0;
    line-height: 1;
    font-size: 17px;
}

.whatWeDoPage .productList .product .benefits {
    padding: 15px 40px 65px 40px;
    position: relative;
}

.whatWeDoPage .productList .product .benefits h4 {
    color: #8DB528;

    margin-bottom: 14px;
    text-transform: uppercase;
}

.whatWeDoPage .productList .product .benefits ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.whatWeDoPage .productList .product .benefits ul li {
    background: url("images/bullet.png") no-repeat 0 10px;
    padding-left: 20px;
}

.whatWeDoPage .productList .product .benefits .btnText {
    left: auto;
    padding-left: 0;
}

.whatWeDoPage .productList .product .graph {
    padding-top: 15px;
    width: 320px;
}

.whatWeDoPage .productList .product .line {
    background-color: rgba(142, 180, 53, .25);
    bottom: 0;
    height: 1px;
    position: absolute;
    right: 360px;
    width: 558px;
}

.whatWeDoPage .specialistTraining {
    background-position: center;
    background-size: cover;
    height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.whatWeDoPage .specialistTraining .content {
    color: #fff;
    margin-left: 480px;
    padding: 155px 0 0;
    position: relative;
    width: 500px;
    z-index: 2;
}

.whatWeDoPage .specialistTraining .content h3 {

    text-transform: uppercase;
}

.whatWeDoPage .specialistTraining .content p {
    color: #fff;
}

.whatWeDoPage .specialistTraining .content .btn {
    margin-top: 7px;
}

.whatWeDoPage .specialistTraining .square-top-left {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -930px;
    position: absolute;
    top: -1371px;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .03);
    outline: 1px solid rgba(0, 0, 0, .04);
}

.whatWeDoPage .specialistTraining .square-bottom-right {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -369px;
    position: absolute;
    bottom: -1331px;
    z-index: 1;
}

.whatWeDoPage .specialistTraining .shard {
    bottom: 0;
    height: 40px;
    margin-left: -2091px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 2000px;
    z-index: 4;
}

.whatWeDoPage .specialistTraining .shard .angle {
    border-bottom: 40px solid #f9fbfd;
    border-right: 40px solid transparent;
    bottom: 0;
    height: 40px;
    position: absolute;
    width: 100%;
}

.whatWeDoPage .caseStudies .square-top-right {
    display: none;
}

@media screen and (max-width:1279px) {
    .whatWeDoPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .whatWeDoPage .pageContent,
    .single .single-post {
        width: 550px;
    }

    .whatWeDoPage .pageSidebar,
    .single .pageSidebar {
        float: right;
        margin-left: 29px;
        width: 320px;
    }

    .whatWeDoPage .productList {
        float: left;
        margin-bottom: 80px;
        width: 100%;
    }

    .whatWeDoPage .productList .product {
        display: block;
    }

    .whatWeDoPage .productList .product .benefits {
        padding-left: 40px;
    }

    .whatWeDoPage .productList .product .graph {
        display: block;
        padding-top: 35px;
        width: 100%;
    }

    .whatWeDoPage .productList .product .line {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .whatWeDoPage .pageHeader .square-left {
        top: -127px;
    }

    .whatWeDoPage .productList .product .imageWrap {
        float: left;
        overflow: hidden;
        width: 250px;
    }

    .whatWeDoPage .productList .product .imageWrap .image {
        width: 250px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#whatWeDoPromoClipTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTI1MCw0MCBMMjUwLDAgMCwwIDAsMjgwIDkwLDI4MCAyNTAsMTIwIDAsMTIwIDAsNDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0yNTAsNDAgTDI1MCwwIDAsMCAwLDI4MCA5MCwyODAgMjUwLDEyMCAwLDEyMCAwLDQwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .whatWeDoPage .productList .product .imageWrap .titles {
        padding-left: 15px;
        padding-right: 15px;
        top: 60px;
    }

    .whatWeDoPage .specialistTraining .content {
        margin-left: 350px;
        padding-top: 190px;
    }
}

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

    .whatWeDoPage .pageContent,
    .single .single-post {
        margin-bottom: 20px;
        margin-top: 50px;
        width: 100%;
    }

    .whatWeDoPage .pageSidebar,
    .single .pageSidebar {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .whatWeDoPage .specialistTraining .content {
        margin-left: 150px;
    }
}

@media screen and (max-width:767px) {
    .whatWeDoPage .pageHeader .square-left {
        margin-left: -1243px;
        top: -358px;
    }

    .whatWeDoPage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whatWeDoPage .page .square-top-left {
        margin-left: -1971px;
    }

    .whatWeDoPage .pageSidebar .form input {
        height: 40px;
    }

    .whatWeDoPage .productList .product {
        display: block;
        left: 50%;
        margin-left: -140px;
        margin-top: 40px;
        width: 280px;
    }

    .whatWeDoPage .productList .product .imageWrap {
        height: 220px;
        margin-bottom: 20px;
        width: 280px;
    }

    .whatWeDoPage .productList .product .imageWrap .image {
        height: 220px;
        width: 280px;
    }

    .whatWeDoPage .productList .product .benefits {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .whatWeDoPage .productList .product .benefits ul {
        font-size: 18px;
        line-height: 20px;
    }

    .whatWeDoPage .productList .product .benefits ul li {
        background-position-y: 8px;
    }

    .whatWeDoPage .productList .product .benefits .btnText {}

    .whatWeDoPage .productList .product .graph {
        padding-top: 15px;
        width: 100%;
    }

    .whatWeDoPage .specialistTraining {
        height: 320px;
    }

    .whatWeDoPage .specialistTraining .content {
        margin-left: 0;
        padding-top: 35px;
        width: 100%;
    }

    .whatWeDoPage .specialistTraining .shard {
        margin-left: 80px;
        top: 0;
    }

    .whatWeDoPage .specialistTraining .shard .angle {
        border-bottom: 0;
        border-left: 40px solid transparent;
        border-right: 0;
        border-top: 40px solid #fff;
    }

    .whatWeDoPage .specialistTraining .square-top-left {
        margin-left: -1713px;
        top: -661px;
    }

    .whatWeDoPage .specialistTraining .square-bottom-right {
        display: none;
    }

    .whatWeDoPage .caseStudies .square-top-right {
        display: block;
    }
}

.whatWeDoSubPage .pageHeader {
    height: 560px;
}

.whatWeDoSubPage .pageHeader h2 {
    bottom: 80px;
}

.whatWeDoSubPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1660px;
    position: absolute;
    top: -240px;
    z-index: 3;
}

.whatWeDoSubPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.whatWeDoSubPage .pageHeader .shard {
    display: none;
}

.whatWeDoSubPage .eta {
    border-right: 80px solid transparent;
    border-top: 80px solid #f7b914;
    height: 80px;
    left: 50%;
    margin-left: -1729px;
    position: absolute;
    width: 2000px;
    z-index: 3;
}

.whatWeDoSubPage .eta .etaContent {
    float: right;
    margin-top: -80px;
    width: 830px;
}

.whatWeDoSubPage .eta .etaContent p {
    color: #fff;
    float: left;

    margin: 28px 0;
}

.whatWeDoSubPage .eta .etaContent .etaLogo {
    border: 0;
    display: inline-block;
    float: right;
    height: 52px;
    margin: 12px 67px 12px 0;
    width: 183px;
}

.whatWeDoSubPage .breadcrumbs {
    width: 712px;
}

.whatWeDoSubPage .page {
    overflow: hidden;
    padding-top: 80px;
    position: relative;
}

.whatWeDoSubPage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.whatWeDoSubPage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1209px;
    position: absolute;
    top: -1251px;
    z-index: 1;
}

.whatWeDoSubPage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 643px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.whatWeDoSubPage .pageContent {
    float: left;
    margin-bottom: 0;
    margin-top: 75px;
    width: 640px;
}

.whatWeDoSubPage .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    padding-bottom: 40px;
    width: 480px;
}

.whatWeDoSubPage .pageSidebar .form {
    margin-bottom: 40px;
}

.whatWeDoSubPage .pageSidebar .form input {
    height: 45px;
}

.whatWeDoSubPage .pageSidebar .promo {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.whatWeDoSubPage .pageSidebar .promo .image {
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 480px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTS0xLDIwMCBMNDAwLDIwMCA0MzAsMTcwIC0xLDE3MCAtMSwxMjAgNDgwLDEyMCA0ODAsMCAtMSwwIHoiLz4KICA8L2NsaXBQYXRoPgogIDxwYXRoIGlkPSJzdmdNYXNrIiBkPSJNLTEsMjAwIEw0MDAsMjAwIDQzMCwxNzAgLTEsMTcwIC0xLDEyMCA0ODAsMTIwIDQ4MCwwIC0xLDAgeiIgIC8+Cjwvc3ZnPg==) no-repeat;
}

.whatWeDoSubPage .pageSidebar .promo h4 {
    color: #fff;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.whatWeDoSubPage .pageSidebar .promo h4 .text {
    background-color: #8DB528;
    float: left;
    height: 50px;
    padding: 12px 0 12px 20px;
}

.whatWeDoSubPage .pageSidebar .promo h4 .shard {
    background: url("images/shard-darkGreen.png") no-repeat;
    float: left;
    height: 50px;
    width: 50px;
}

.whatWeDoSubPage .pageSidebar .promo .btn {
    color: #8DB528;

    font-size: 23px;
    left: 0;
    line-height: 28px;
    padding: 0 20px;
    position: absolute;
    top: 133px;
}

.whatWeDoSubPage .pageSidebar .promo p {
    color: #8DB528;
    margin: 0 0 16px;
    padding: 0 20px;
}

.whatWeDoSubPage .pageSidebar .promo .btnText {
    bottom: auto;
    display: inline-block;

    left: auto;
    position: relative;
}

.whatWeDoSubPage .mayAlsoLike {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.whatWeDoSubPage .mayAlsoLike .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.whatWeDoSubPage .mayAlsoLike h2 {
    color: #8DB528;

    margin-bottom: 43px;
    margin-top: 10px;
}

.whatWeDoSubPage .mayAlsoLike .promo {
    float: left;
    position: relative;
    width: 580px;
    margin-bottom: 36px;
}

.whatWeDoSubPage .mayAlsoLike .promo.promo2,
.whatWeDoSubPage .mayAlsoLike .promo.promo4,
.whatWeDoSubPage .mayAlsoLike .promo.promo6,
.whatWeDoSubPage .mayAlsoLike .promo.promo8,
.whatWeDoSubPage .mayAlsoLike .promo.promo10 {
    float: right;
}

.whatWeDoSubPage .mayAlsoLike .promo .image {
    background-position: center;
    background-size: cover;
    height: 280px;
    width: 580px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjgwIEw1MDAsMjgwIDUyMCwyNjAgMCwyNjAgMCwyMTYgNTY1LDIxNiA1ODAsMjAwIDU4MCwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjgwIEw1MDAsMjgwIDUyMCwyNjAgMCwyNjAgMCwyMTYgNTY1LDIxNiA1ODAsMjAwIDU4MCwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
}

.whatWeDoSubPage .mayAlsoLike .promo h3 {
    color: #fff;

    left: 0;
    padding: 25px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.whatWeDoSubPage .mayAlsoLike .promo .btnText {
    bottom: 36px;

}

.whatWeDoSubPage .mayAlsoLike .square-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -800px;
    left: 50%;
    margin-left: -2142px;
    position: absolute;
    z-index: 1;
}

.whatWeDoSubPage .mayAlsoLike .square-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 921px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.whatWeDoSubPage .divider .shard {
    border-top-color: #fff;
    margin-left: -211px;
}

.whatWeDoSubPage .divider .square-left {
    background: rgba(0, 0, 0, .5);
}

.whatWeDoSubPage .divider .square-right {
    display: none;
}

.whatWeDoSubPage .caseStudies .square-top-right {
    display: none;
}

.whatWeDoSubPage .footer .square-left,
.whatWeDoSubPage .footer .square-right {
    background: rgba(0, 0, 0, .5);
}

@media screen and (max-width:1279px) {
    .whatWeDoSubPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .whatWeDoSubPage .eta .etaContent {
        width: 530px;
    }

    .whatWeDoSubPage .eta .etaContent p {
        margin: 18px 0;
        width: 350px;
    }

    .whatWeDoSubPage .eta .etaContent .etaLogo {
        margin-right: -8px;
    }

    .whatWeDoSubPage .pageContent {
        width: 480px;
    }

    .whatWeDoRange .productsList .productItem .btnText {
        top: 268px;
    }

    .whatWeDoSubPage .pageSidebar {
        float: right;
        margin-left: 40px;
        width: 380px;
    }

    .whatWeDoSubPage .pageSidebar .promo .image {
        width: 380px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEwzMDAsMjAwIDMzMCwxNzAgMCwxNzAgMCwxMDAgMzgwLDEwMCAzODAsMCAwLDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0wLDIwMCBMMzAwLDIwMCAzMzAsMTcwIDAsMTcwIDAsMTAwIDM4MCwxMDAgMzgwLDAgMCwwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .whatWeDoSubPage .pageSidebar .promo .btn {
        top: 133px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo {
        width: 440px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo .image {
        width: 440px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjgwIEwzNjAsMjgwIDM4MCwyNjAgMCwyNjAgMCwyMTYgNDI1LDIxNiA0NDAsMjAwIDQ0MCwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjgwIEwzNjAsMjgwIDM4MCwyNjAgMCwyNjAgMCwyMTYgNDI1LDIxNiA0NDAsMjAwIDQ0MCwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }
}

@media screen and (max-width:768px) {
    .whatWeDoSubPage .breadcrumbs {
        width: 100%;
    }

    .whatWeDoSubPage .pageContent {
        width: 100%;
    }

    .whatWeDoSubPage .pageSidebar {
        margin-left: 0;
        width: 100%;
    }

    .whatWeDoSubPage .pageSidebar .promo .image {
        width: 673px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .whatWeDoSubPage .pageSidebar .promo .btn {
        top: 133px;
    }

    .whatWeDoSubPage .mayAlsoLike {
        height: auto;
    }

    .whatWeDoSubPage .mayAlsoLike .promo {
        margin-bottom: 20px;
        margin-left: 7px;
        width: 673px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo.promo2,
    .whatWeDoSubPage .mayAlsoLike .promo.promo4,
    .whatWeDoSubPage .mayAlsoLike .promo.promo6,
    .whatWeDoSubPage .mayAlsoLike .promo.promo8,
    .whatWeDoSubPage .mayAlsoLike .promo.promo10 {
        float: left;
    }

    .whatWeDoSubPage .mayAlsoLike .promo .image {
        height: 200px;
        width: 673px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }

}

@media screen and (max-width:767px) {
    .whatWeDoSubPage .pageHeader {
        height: 360px;
    }

    .whatWeDoSubPage .pageHeader h2 {
        bottom: 112px;
        padding-right: 50px;
    }

    .whatWeDoSubPage .pageHeader .square-left {
        left: -1553px;
        margin-left: 0;
        top: -621px;
    }

    .whatWeDoSubPage .eta {
        background-color: #f7b914;
        border-right: 0;
        border-top: 0;
        height: 40px;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .whatWeDoSubPage .eta .etaContent {
        float: left;
        margin-top: 0;
        width: 100%;
    }

    .whatWeDoSubPage .eta .etaContent p {
        height: 40px;
        margin: 0;
        padding: 11px 20px;
        width: 100%;
    }

    .whatWeDoSubPage .eta .etaContent p .makerName {
        display: none;
    }

    .whatWeDoSubPage .eta .etaContent .etaLogo {
        background: none;
        border-right: 40px solid transparent;
        border-top: 40px solid #f7b914;
        float: left;
        height: 40px;
        margin: 0;
        position: relative;
        width: 160px;
    }

    .whatWeDoSubPage .eta .etaContent .etaLogo img {
        display: inline-block;
        left: 20px;
        position: absolute;
        top: -40px;
        width: 90px;
    }

    .whatWeDoSubPage .page {
        padding-bottom: 40px;
        padding-top: 10px;
        width: 100%;
    }

    .whatWeDoSubPage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whatWeDoSubPage .page .pageContent {
        margin-top: 40px;
    }

    .whatWeDoSubPage .page .pageSidebar {
        margin-top: 40px;
        padding-bottom: 10px;
    }

    .whatWeDoSubPage .page .pageSidebar .form input {
        height: 40px;
    }

    .whatWeDoSubPage .page .pageSidebar .promo {
        border: 0;
        height: 120px;
        left: 50%;
        margin-bottom: 0;
        margin-left: -140px;
        width: 280px;
    }

    .whatWeDoSubPage .page .pageSidebar .promo .image {
        height: 120px;
        width: 280px;
    }

    .whatWeDoSubPage .page .pageSidebar .promo h4,
    .whatWeDoSubPage .page .pageSidebar .promo p {
        display: none;
    }

    .whatWeDoSubPage .page .pageSidebar .promo .btn {
        color: white;
        font-size: 21px;
        padding-left: 15px;
        padding-right: 15px;
        top: 8px;
    }

    .whatWeDoSubPage .page .pageSidebar .promo .btnText {
        position: absolute;
        top: 82px;
    }

    .whatWeDoSubPage .page .square-top-left {
        left: -1352px;
        margin-left: 0;
    }

    .whatWeDoSubPage .page .square-bottom-right {
        margin-left: -1851px;
    }

    .whatWeDoSubPage .mayAlsoLike {
        height: auto;
        padding-bottom: 20px;
    }

    .whatWeDoSubPage .mayAlsoLike .container {
        padding: 0 20px;
    }

    .whatWeDoSubPage .mayAlsoLike h2 {
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo {
        clear: both;
        height: 180px;
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo.promo2,
    .whatWeDoSubPage .mayAlsoLike .promo.promo4,
    .whatWeDoSubPage .mayAlsoLike .promo.promo6,
    .whatWeDoSubPage .mayAlsoLike .promo.promo8,
    .whatWeDoSubPage .mayAlsoLike .promo.promo10 {
        float: left;
    }

    .whatWeDoSubPage .mayAlsoLike .promo .image {
        height: 180px;
        width: 280px;
    }

    .whatWeDoSubPage .mayAlsoLike .promo .btnText {
        bottom: 20px;
    }

    .whatWeDoSubPage .mayAlsoLike .square-left {
        bottom: auto;
        margin-left: -1891px;
        top: -800px;
    }

    .whatWeDoSubPage .mayAlsoLike .square-right {
        bottom: -800px;
        margin-left: 409px;
        top: auto;
    }

    .whatWeDoSubPage .caseStudies .square-top-right {
        display: block;
    }
}

.whatWeDoRange .pageHeader {
    height: 560px;
}

.whatWeDoRange .pageHeader .titles h2,
.whatWeDoRange .pageHeader .titles h3 {
    top: auto;
    position: relative;
}

.whatWeDoRange .pageHeader .titles h2 {
    margin-bottom: -1px;
}

.whatWeDoRange .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1660px;
    position: absolute;
    top: -240px;
    z-index: 3;
}

.whatWeDoRange .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.whatWeDoRange .pageHeader .shard {
    display: none;
}

.whatWeDoRange .eta {
    border-right: 80px solid transparent;
    border-top: 80px solid #f7b914;
    height: 80px;
    left: 50%;
    margin-left: -1729px;
    position: absolute;
    width: 2000px;
    z-index: 3;
}

.whatWeDoRange .eta .etaContent {
    float: right;
    margin-top: -80px;
    width: 830px;
}

.whatWeDoRange .eta .etaContent p {
    color: #fff;
    float: left;

    margin: 28px 0;
}

.whatWeDoRange .eta .etaContent .etaLogo {
    border: 0;
    display: inline-block;
    float: right;
    height: 52px;
    margin: 12px 67px 12px 0;
    width: 183px;
}

.whatWeDoRange .breadcrumbs {
    width: 712px;
}

.whatWeDoRange .page {
    overflow: hidden;
    padding-top: 80px;
    position: relative;
}

.whatWeDoRange .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.whatWeDoRange .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1209px;
    position: absolute;
    top: -1251px;
    z-index: 1;
}

.whatWeDoRange .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 643px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.whatWeDoRange .pageContent {
    float: left;
    margin-bottom: 0;
    margin-top: 75px;
    width: 640px;
}

.whatWeDoRange .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    width: 480px;
}

.whatWeDoRange .pageSidebar .form {
    margin-bottom: 40px;
}

.whatWeDoRange .pageSidebar .form input {
    height: 45px;
}

.whatWeDoRange .pageSidebar .promo {
    color: #8DB528;
    display: block;
    height: 240px;
    margin-bottom: 80px;
    position: relative;
}

.whatWeDoRange .pageSidebar .promo .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 480px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#renewablePromoDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#renewablePromoDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTQ4MCwxMjAgTDQ4MCwwIDAsMCAwLDIwMCA0MDAsMjAwIDQyMCwxODAgMCwxODAgMCwxMzYgNDY1LDEzNiB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTQ4MCwxMjAgTDQ4MCwwIDAsMCAwLDIwMCA0MDAsMjAwIDQyMCwxODAgMCwxODAgMCwxMzYgNDY1LDEzNiB6IiAgLz4KPC9zdmc+) no-repeat;
}

.whatWeDoRange .pageSidebar .promo h4 {
    color: #fff;

    left: 0;
    margin: 25px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.whatWeDoRange .pageSidebar .promo .btnText {
    bottom: 31px;

    padding-left: 30px;
}

.whatWeDoRange .divider {
    height: 160px;
}

.whatWeDoRange .divider .shard {
    border: 0;
    margin-left: -711px;
    overflow: hidden;
    width: 2000px;
}

.whatWeDoRange .divider .shard .angle {
    border-top: 40px solid white;
    border-left: 40px solid transparent;
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.whatWeDoRange .divider .shard .square-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    left: 1314px;
    margin-left: 0;
    position: absolute;
    top: -760px;
    z-index: 1;
}

.whatWeDoRange .divider .shard.shardBottom {
    border-bottom: 40px solid #fff;
    border-left: 0;
    border-right: 40px solid transparent;
    border-top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2552px;
    top: auto;
}

.whatWeDoRange .divider .square-left {
    background: rgba(0, 0, 0, .5);
    margin-left: -2137px;
}

.whatWeDoRange .divider .square-right {
    margin-left: 483px;
    top: -640px;
}

.whatWeDoRange .productsList {
    overflow: hidden;
    padding: 115px 0 70px;
    position: relative;
}

.whatWeDoRange .productsList .container {
    position: relative;
    z-index: 2;
}

.whatWeDoRange .productsList .productItem {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.whatWeDoRange .productsList .productItem h3 {
    color: #8DB528;
    margin: 12px 0 11px 320px;
    text-transform: none;
    width: 960px;
}

.whatWeDoRange .productsList .productItem h3 strong {}

.whatWeDoRange .productsList .productItem .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 320px;
    margin-top: -41px;
    width: 400px;
}

.whatWeDoRange .productsList .productItem .btnText {
    bottom: auto;
    left: 125px;
    top: 277px;
}

.whatWeDoRange .productsList .productItem .content {
    float: left;
    margin-left: -80px;
    margin-right: -80px;
    width: 960px;
}

.whatWeDoRange .productsList .productItem .content h4 {
    color: #8DB528;

    margin: 0 0 9px 0;
    text-transform: uppercase;
}

.whatWeDoRange .productsList .productItem .content p {
    margin: 0 0 14px 0;
}

.whatWeDoRange .productsList .productItem .content ul {
    list-style: none;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

.whatWeDoRange .productsList .productItem .content ul li {
    background: url("images/bullet.png") no-repeat 0 13px;
    padding-left: 20px;
}

.whatWeDoRange .productsList .productItem .contentSide {
    float: right;
    margin-bottom: 40px;
    padding-left: 3%;
    width: 45%;
}

.whatWeDoRange .productsList .productItem .line {
    background-color: #8DB528;
    bottom: 0;
    height: 1px;
    position: absolute;
    right: 0;
    width: 920px;
}

.whatWeDoRange .productsList .square-right {
    background: #f1f5f9;
    height: 1600px;
    width: 2400px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 83px;
    position: absolute;
    top: -234px;
    z-index: 1;
}

.whatWeDoRange .productsList .square-left {
    background: #f1f5f9;
    height: 1600px;
    width: 3200px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -2098px;
    position: absolute;
    bottom: -1084px;
    z-index: 1;
}

.whatWeDoRange .footer .square-right {
    display: none;
}

.whatWeDoRange .footer .square-left {
    background: rgba(0, 0, 0, .5);
}

@media screen and (max-width:1279px) {
    .whatWeDoRange .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .whatWeDoRange .eta .etaContent {
        width: 530px;
    }

    .whatWeDoRange .eta .etaContent p {
        margin: 18px 0;
        width: 350px;
    }

    .whatWeDoRange .eta .etaContent .etaLogo {
        margin-right: -8px;
    }

    .whatWeDoRange .breadcrumbs {
        width: 576px;
    }

    .whatWeDoRange .pageContent {
        width: 480px;
    }

    .whatWeDoRange .pageSidebar {
        margin-left: 20px;
        width: 428px;
    }

    .whatWeDoRange .productsList .productItem h3 {
        width: 624px;
    }

    .whatWeDoRange .productsList .productItem h3 strong {
        display: block;
    }

    .whatWeDoRange .productsList .productItem .image {
        margin-top: -76px;
    }

    .whatWeDoRange .productsList .productItem .content {
        margin-left: 0;
        width: 610px;
    }

    .whatWeDoRange .productsList .productItem .contentSide {
        width: 48%;
    }

    .whatWeDoRange .productsList .productItem .line {
        width: 100%;
    }
}

@media screen and (max-width:1024px) {
    .whatWeDoRange .productsList .productItem .content {
        width: 600px;
    }
}

@media screen and (max-width:768px) {
    .whatWeDoRange .eta .etaContent {
        width: 655px;
    }

    .whatWeDoRange .eta .etaContent p {
        margin: 18px 0;
        width: 350px;
    }

    .whatWeDoRange .eta .etaContent .etaLogo {
        margin-right: -8px;
    }

    .whatWeDoRange .breadcrumbs {
        width: 100%;
    }

    .whatWeDoRange .pageContent {
        width: 100%;
    }

    .whatWeDoRange .pageSidebar {
        margin-left: 0;
        width: 100%;
    }

    .whatWeDoRange .pageSidebar .promo {
        margin-bottom: 0;
    }

    .whatWeDoRange .pageSidebar .promo .image {
        width: 673px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#renewablePromoTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#renewablePromoTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTIsMjAwIDYxMiwxODAgMCwxODAgMCwxNDAgNjU2LDEzNiA2NzIsMTIwIDY3MiwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw1OTIsMjAwIDYxMiwxODAgMCwxODAgMCwxNDAgNjU2LDEzNiA2NzIsMTIwIDY3MiwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .whatWeDoRange .pageSidebar .promo .btnText {
        bottom: 31px;
    }

    .whatWeDoRange .productsList .productItem h3 {
        margin-left: 280px;
        width: 408px;
    }

    .whatWeDoRange .productsList .productItem .image {
        float: none;
        margin: -68px 0 30px;
    }

    .whatWeDoRange .productsList .productItem .content {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .whatWeDoRange .productsList .productItem .contentSide {
        padding-right: 3%;
    }

    .whatWeDoRange .productsList .productItem .line {
        width: 100%;
    }

    .whatWeDoRange .productsList .productItem .btnText {
        left: 50%;
        margin-left: -225px;
        top: 289px;
    }
}

@media screen and (max-width:767px) {
    .whatWeDoRange .pageHeader {
        height: 360px;
    }

    .whatWeDoRange .pageHeader .titles h2 {
        margin-bottom: 0;
        padding-right: 50px;
    }

    .whatWeDoRange .pageHeader .titles h3 {
        margin-bottom: 6px;
    }

    .whatWeDoRange .pageHeader .square-left {
        left: -1585px;
        margin-left: 0;
        top: -595px;
    }

    .whatWeDoRange .eta {
        background-color: #f7b914;
        border-right: 0;
        border-top: 0;
        height: 40px;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .whatWeDoRange .eta .etaContent {
        float: left;
        margin-top: 0;
        width: 100%;
    }

    .whatWeDoRange .eta .etaContent p {
        height: 40px;
        margin: 0;
        padding: 11px 20px;
        width: 100%;
    }

    .whatWeDoRange .eta .etaContent p .makerName {
        display: none;
    }

    .whatWeDoRange .eta .etaContent .etaLogo {
        background: none;
        border-right: 40px solid transparent;
        border-top: 40px solid #f7b914;
        float: left;
        height: 40px;
        margin: 0;
        position: relative;
        width: 160px;
    }

    .whatWeDoRange .eta .etaContent .etaLogo img {
        display: inline-block;
        left: 20px;
        position: absolute;
        top: -40px;
        width: 90px;
    }

    .whatWeDoRange .page {
        padding-bottom: 40px;
        padding-top: 10px;
        width: 100%;
    }

    .whatWeDoRange .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whatWeDoRange .page .pageContent {
        margin-top: 30px;
    }

    .whatWeDoRange .page .pageSidebar {
        margin-top: 40px;
    }

    .whatWeDoRange .page .pageSidebar .form input {
        height: 40px;
    }

    .whatWeDoRange .page .pageSidebar .promo {
        height: 120px;
        left: 50%;
        margin-bottom: 0;
        margin-left: -140px;
        width: 280px;
    }

    .whatWeDoRange .page .pageSidebar .promo .image {
        height: 120px;
        width: 280px;
    }

    .whatWeDoRange .page .pageSidebar .promo h4 {
        margin: 10px 15px;
    }

    .whatWeDoRange .page .pageSidebar .promo .btnText {
        bottom: 20px;
    }

    .whatWeDoRange .page .square-top-left {
        left: -1351px;
        margin-left: 0;
    }

    .whatWeDoRange .page .square-bottom-right {
        bottom: -641px;
        margin-left: 252px;
    }

    .whatWeDoRange .divider {
        height: 80px;
    }

    .whatWeDoRange .divider .shard {
        display: block;
        margin-left: 80px;
    }

    .whatWeDoRange .divider .shard.shardBottom {
        display: none;
    }

    .whatWeDoRange .divider .shard .angle {
        border-top-color: #f1f4f9;
    }

    .whatWeDoRange .divider .square-left {
        margin-left: -2152px;
        top: -875px;
    }

    .whatWeDoRange .productsList {
        padding-bottom: 0;
        padding-top: 40px;
    }

    .whatWeDoRange .productsList .productItem {
        clear: both;
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    .whatWeDoRange .productsList .productItem h3 {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .whatWeDoRange .productsList .productItem h3 strong {
        display: inline;
    }

    .whatWeDoRange .productsList .productItem .image {
        height: 160px;
        margin-top: 0;
        position: relative;
        width: 280px;
    }

    .whatWeDoRange .productsList .productItem .content .contentSide {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    .whatWeDoRange .productsList .productItem .content ul {
        font-size: 18px;
        line-height: 20px;
    }

    .whatWeDoRange .productsList .productItem .content ul li {
        background-position-y: 9px;
    }

    .whatWeDoRange .productsList .productItem .btnText {
        bottom: 19px;
        left: 0;
        margin-left: 0;
        top: auto;
    }

    .whatWeDoRange .productsList .square-left {
        bottom: auto;
        margin-left: -3217px;
        top: -984px;
    }

    .whatWeDoRange .productsList .square-right {
        margin-left: 136px;
        top: 808px;
    }

    .whatWeDoRange .productsList .square-bottom-left {
        background: #f1f5f9;
        height: 1600px;
        width: 1600px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 50%;
        margin-left: -1891px;
        position: absolute;
        bottom: -800px;
        z-index: 1;
    }
}

.specialistTrainingPage .pageHeader {
    height: 560px;
}

.specialistTrainingPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1642px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.specialistTrainingPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.specialistTrainingPage .page {
    overflow: hidden;
    position: relative;
}

.specialistTrainingPage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.specialistTrainingPage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1926px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.specialistTrainingPage .page .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -2142px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.specialistTrainingPage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 650px;
    position: absolute;
    bottom: -120px;
    z-index: 1;
}

.specialistTrainingPage .pageContent {
    float: left;
    margin-bottom: 75px;
    margin-top: 75px;
    width: 800px;
}

.specialistTrainingPage .pageContent .quoteWrap {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.specialistTrainingPage .pageContent .quoteImage {
    width: 100%;
    margin: 0 0 30px;
}

.specialistTrainingPage .pageContent .quoteContent {
    float: left;
    padding-left: 0;
    width: 100%;
    font-size: 18px;
}

.specialistTrainingPage .pageContent .quoteContent .quotersName {
    display: block;
    font-size: 18px;
    margin-top: 20px;
}

.specialistTrainingPage .pageContent .accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

.specialistTrainingPage .pageContent .accordion li {
    background: none;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}

.specialistTrainingPage .pageContent .accordion li h3 {
    background: #f9fbfd;
    cursor: pointer;
    height: 70px;
    margin: 0;
    padding: 20px 30px;
    position: relative;
    text-transform: none;
}

.specialistTrainingPage .pageContent .accordion li h3 span {
    background: url("images/icon-accordion.png") no-repeat;
    display: block;
    height: 21px;
    position: absolute;
    right: 30px;
    top: 31px;
    width: 21px;
}

.specialistTrainingPage .pageContent .accordion li h3:hover {
    background-color: #edf2f7;
    color: #8DB528;
}

.specialistTrainingPage .pageContent .accordion li h4 {
    margin: 0 0 30px;
    padding: 0;
}

.specialistTrainingPage .pageContent .accordion li p {
    margin: 0 0 30px 0;
    padding: 0;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent {
    float: left;
    max-height: 0;
    padding: 0 80px;
    width: 100%;
    -moz-transition: max-height .3s;
    -o-transition: max-height .3s;
    -webkit-transition: max-height .3s;
    transition: max-height .3s;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent ul {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    margin-top: 30px;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent li {
    border-top: 1px solid #e5e5e5;
    padding: 50px 0 0 0;
    margin: 50px 0 0 0;
}

.page-template-care-home .specialistTrainingPage .pageContent .accordion li .accordionContent li {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent li p {
    padding-left: 0;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent li p .title {
    color: #8DB528;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent li ul {
    border-bottom: 0;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-left: 0;
}

.specialistTrainingPage .pageContent .accordion li .accordionContent li ul li {
    background: url("images/bullet.png") no-repeat 0 13px;
    border-top: 0;
    margin-bottom: 5px;
    padding: 0 0 0 20px;
}

.specialistTrainingPage .pageContent .accordion li .accordionItemWrap.open h3 {
    background-color: #e2edcf;
    color: #8DB528;
}

.specialistTrainingPage .pageContent .accordion li .accordionItemWrap.open h3 span {
    background-position: 0 -21px;
}

.specialistTrainingPage .pageContent .accordion li .accordionItemWrap.open .accordionContent {
    max-height: 2500px;
    padding: 30px;
    background-color: #f8f8f8;
}

.specialistTrainingPage .pageContent .accordion li ol {
    margin: 0 0 30px;
    padding: 0;
}

.specialistTrainingPage .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    width: 320px;
}

.specialistTrainingPage .pageSidebar .promo {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.specialistTrainingPage .pageSidebar .promo.courseEnquiry {
    background: #f9fbfd;
    padding: 30px 35px;
}

.specialistTrainingPage .pageSidebar .promo.courseEnquiry h3 {
    color: #8DB528;

    text-transform: uppercase;
}

.specialistTrainingPage .pageSidebar .promo.courseEnquiry a {
    color: #8DB528;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

.specialistTrainingPage .pageSidebar .promo.courseEnquiry a.phone {
    background: url("images/icon-phone-dark.png") no-repeat left center;
    background-size: 10px;
    margin-bottom: 5px;
    padding-left: 24px;
}

.specialistTrainingPage .pageSidebar .promo.courseEnquiry a.email {
    background: url("images/icon-email-dark.png") no-repeat left center;
    background-size: 16px;
    padding-left: 28px;
}

.specialistTrainingPage .pageSidebar .promo.excellence {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 18px;
}

.specialistTrainingPage .pageSidebar .promo.excellence .image {
    background-position: center;
    background-size: cover;
    height: 240px;
    width: 320px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#excellencePromoDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#excellencePromoDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjQwIEwyNDAsMjQwIDI2MCwyMjAgMCwyMjAgMCwxNDAgMzIwLDE0MCAzMjAsMCAwLDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0wLDI0MCBMMjQwLDI0MCAyNjAsMjIwIDAsMjIwIDAsMTQwIDMyMCwxNDAgMzIwLDAgMCwwIHoiICAvPgo8L3N2Zz4=) no-repeat;
}

.specialistTrainingPage .pageSidebar .promo.excellence h4 {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 150px;
    text-transform: uppercase;
}

.specialistTrainingPage .pageSidebar .promo.excellence p {
    margin: 0 0 18px;
    padding: 0 20px;
}

.specialistTrainingPage .pageSidebar .promo.excellence .btnText {
    bottom: auto;
    position: relative;
}

.specialistTrainingPage .pageSidebar .promo.feedback {
    margin-bottom: 80px;
}

.padding100 {
    padding-bottom: 100px;
}

.specialistTrainingPage .pageSidebar .promo.feedback .image {
    background-position: center;
    background-size: cover;
    height: 140px;
    width: 320px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#feedbackPromoDesktop");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#feedbackPromoDesktop");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMTQwIEwyNDAsMTQwIDI2MCwxMjAgMCwxMjAgMCw3MCAzMTAsNzAgMzIwLDYwIDMyMCwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMTQwIEwyNDAsMTQwIDI2MCwxMjAgMCwxMjAgMCw3MCAzMTAsNzAgMzIwLDYwIDMyMCwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
}

.specialistTrainingPage .pageSidebar .promo.feedback h4 {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 80px;
    text-transform: uppercase;
}

.specialistTrainingPage .pageSidebar .promo.feedback .review {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    padding: 20px;
    width: 100%;
}

.specialistTrainingPage .pageSidebar .promo.feedback .review p.quote {
    font-style: italic;
    line-height: 26px;
    margin: 0 0 15px;
    width: 100%;
}

.specialistTrainingPage .pageSidebar .promo.feedback .review p.person {
    float: right;
    font-size: 18px;
    margin: 0;
    text-align: right;
}

.specialistTrainingPage .footer .shard {
    display: none;
}

@media screen and (max-width:1279px) {
    .specialistTrainingPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .specialistTrainingPage .pageContent {
        width: 550px;
    }


    .specialistTrainingPage .pageContent .quoteContent {
        width: 100%;
    }

    .specialistTrainingPage .pageSidebar {
        margin-left: 44px;
        width: 320px;
    }
}

@media screen and (max-width:1024px) {
    .specialistTrainingPage .pageHeader .square-left {
        top: -298px;
    }

    .specialistTrainingPage .pageSidebar {
        margin-left: 29px;
    }
}

@media screen and (max-width:768px) {
    .specialistTrainingPage .pageContent {
        margin-bottom: 25px;
        margin-top: 50px;
        width: 100%;
    }

    .specialistTrainingPage .pageSidebar {
        margin-bottom: 17px;
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence .image {
        height: 210px;
        width: 672px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#excellencePromoTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#excellencePromoTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjEwIEw1OTIsMjEwIDYxNiwxOTAgMCwxOTAgMCwxMzkgNjcyLDEzOSA2NzIsLTEgMCwwIHoiLz4KICA8L2NsaXBQYXRoPgogIDxwYXRoIGlkPSJzdmdNYXNrIiBkPSJNMCwyMTAgTDU5MiwyMTAgNjE2LDE5MCAwLDE5MCAwLDEzOSA2NzIsMTM5IDY3MiwtMSAwLDAgeiIgIC8+Cjwvc3ZnPg==) no-repeat;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence h4 {
        top: 130px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback .image {
        width: 672px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#feedbackPromoDesktop");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#feedbackPromoDesktop");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMTQwIEw1OTIsMTQwIDYxMiwxMjAgMCwxMjAgMCw3MCA2NjIsNzAgNjcyLDYwIDY3MiwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMTQwIEw1OTIsMTQwIDYxMiwxMjAgMCwxMjAgMCw3MCA2NjIsNzAgNjcyLDYwIDY3MiwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }
}

@media screen and (max-width:767px) {
    .specialistTrainingPage .pageHeader {
        height: 360px;
    }

    .specialistTrainingPage .pageHeader h2 {
        bottom: 115px;
        padding-right: 50px;
    }

    .specialistTrainingPage .pageHeader .shard {
        margin-left: 0;
    }

    .specialistTrainingPage .pageHeader .square-left {
        margin-left: -1665px;
        top: -533px;
    }

    .specialistTrainingPage .page {
        padding-bottom: 35px;
    }

    .specialistTrainingPage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .specialistTrainingPage .page .square-top-left {
        margin-left: -1932px;
    }

    .specialistTrainingPage .pageContent .quoteImage {
        margin-bottom: 10px;
        width: 100%;
    }

    .specialistTrainingPage .pageContent .quoteContent {
        font-size: 18px;
        padding-left: 0;
        width: 100%;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap h3 {

        height: 40px;
        padding: 10px 20px;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap h3 span {
        background-size: 100%;
        height: 13px;
        right: 20px;
        top: 14px;
        width: 13px;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap .accordionContent {
        padding-left: 20px;
        padding-right: 20px;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap .accordionContent li h4 {
        margin-bottom: 10px;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap .accordionContent li p {
        padding-left: 0;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap .accordionContent li ul {
        padding-left: 0;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap.open h3 span {
        background-position: 0 -13px;
    }

    .specialistTrainingPage .pageContent .accordion li .accordionItemWrap.open .accordionContent li p {
        padding-left: 0;
    }

    .specialistTrainingPage .pageSidebar .promo {
        clear: both;
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    .specialistTrainingPage .pageSidebar .promo .image {
        height: 120px;
        width: 280px;
    }

    .specialistTrainingPage .pageSidebar .promo.courseEnquiry {
        padding: 20px;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence {
        border: 0;
        padding-bottom: 0;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence .image {
        height: 120px;
        width: 280px;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence h4 {
        padding-left: 10px;
        padding-right: 10px;
        top: 121px;
    }

    .specialistTrainingPage .pageSidebar .promo.excellence .btnText {
        position: absolute;
        top: 122px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback {
        margin-bottom: 0;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback .image {
        height: 120px;
        width: 280px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback h4 {
        padding-left: 10px;
        padding-right: 10px;
        top: 82px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback .review.first {
        margin-top: -20px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback .review p.quote {
        font-size: 18px;
        line-height: 20px;
    }

    .specialistTrainingPage .pageSidebar .promo.feedback .review p.person {
        font-size: 11px;
        line-height: 18px;
    }
}

.rhiFinancingPage .pageContent .quoteWrap {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.rhiFinancingPage .pageContent .quoteImage {
    float: left;
    width: 280px;
}

.rhiFinancingPage .pageContent .quoteContent {
    float: left;
    padding-left: 40px;
    width: 350px;
}

.rhiFinancingPage .pageContent .quoteContent .quotersName {
    display: block;
    font-size: 18px;
    margin-top: 20px;
}

@media screen and (max-width:1024px) {
    .category .pageHeader .titles {
        top: 200px;
    }

    .whatWeDoRange .pageHeader .titles {
        top: 200px;
        position: absolute;
    }
}

@media screen and (max-width:767px) {
    .whatWeDoRange .pageHeader .titles {
        top: 100px;
        padding-right: 50px;
        width: 100%;
    }

    .whatWeDoRange .pageHeader .titles h3 {
        margin-bottom: 3px;
    }
}

.category .pageHeader .titles {
    top: 250px;
    position: absolute;
}

.category .pageHeader .titles h2,
.category .pageHeader .titles h3 {
    top: auto;
    position: relative;
}

.category .pageHeader .titles h2 {
    margin-bottom: -1px;
}

@media screen and (max-width:768px) {
    .category .pageHeader .titles {
        width: 671px;
    }
}

@media screen and (max-width:767px) {
    .category .pageHeader .titles {
        top: 100px;
        padding-right: 50px;
        width: 100%;
    }

    .category .pageHeader .titles h3 {
        margin-bottom: 3px;
    }
}

.rhiFinancingPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1565px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.rhiFinancingPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.rhiFinancingPage .page {
    overflow: hidden;
    position: relative;
}

.rhiFinancingPage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.rhiFinancingPage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1926px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.rhiFinancingPage .page .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -2141px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.rhiFinancingPage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 648px;
    position: absolute;
    bottom: -260px;
    z-index: 1;
}

.rhiFinancingPage .pageContent {
    float: left;
    margin-bottom: 0;
    margin-top: 75px;
    width: 640px;
}

.rhiFinancingPage .pageSidebar {
    float: left;
    margin-left: 80px;
    margin-top: 75px;
    padding-bottom: 40px;
    width: 480px;
}

.rhiFinancingPage .pageSidebar .form {
    margin-bottom: 40px;
    clear: both;
}

.rhiFinancingPage .pageSidebar .form input {
    height: 45px;
}

.rhiFinancingPage .pageSidebar .promo {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.rhiFinancingPage .pageSidebar .promo .image {
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 480px;
}

.rhiFinancingPage .pageSidebar .promo h4 {
    color: #fff;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.rhiFinancingPage .pageSidebar .promo h4 .text {
    background-color: #8DB528;
    float: left;
    height: 50px;
    padding: 12px 0 12px 20px;
}

.rhiFinancingPage .pageSidebar .promo h4 .shard {
    background: url("images/shard-darkGreen.png") no-repeat;
    float: left;
    height: 50px;
    width: 50px;
}

.rhiFinancingPage .pageSidebar .promo .btn {
    color: #8DB528;

    font-size: 23px;
    left: 0;
    line-height: 28px;
    padding: 0 20px;
    position: absolute;
    top: 133px;
}

.rhiFinancingPage .pageSidebar .promo p {
    color: #000000;
    margin: 0 0 16px;
    padding: 0 20px;
}

.rhiFinancingPage .pageSidebar .promo .linksWrap {
    margin-top: 5px;
}

.rhiFinancingPage .pageSidebar .promo .btnText {
    bottom: auto;
    display: inline-block;
    color: #000;
    left: auto;
    margin-bottom: 8px;
    position: relative;
}

.rhiFinancingPage .pageSidebar .promo .btnText.phone {
    background: url("images/icon-phone-dark.png") no-repeat left center;
    background-size: 9px;
    margin-left: 20px;
    padding-left: 25px;
}

.rhiFinancingPage .pageSidebar .promo .btnText.email {
    background: url("images/icon-email-dark.png") no-repeat left center;
    background-size: 16px;
    margin-left: 20px;
    padding-left: 25px;
}

.rhiFinancingPage .divider .shard {
    border: 0;
    margin-left: -211px;
    overflow: hidden;
    width: 2000px;
}

.rhiFinancingPage .divider .shard .angle {
    border-top: 40px solid white;
    border-left: 40px solid transparent;
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.rhiFinancingPage .divider .shard .square-right {
    background: #f1f5f9;
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 438px;
    position: absolute;
    top: -903px;
    z-index: 3;
}

.rhiFinancingPage .divider .square-right {
    margin-left: 1189px;
}

.rhiFinancingPage .caseStudies .square-top-right {
    display: none;
}

@media screen and (max-width:1279px) {
    .rhiFinancingPage .pageHeader .square-left {
        top: -299px;
    }

    .btn.btnGrey .text {
        font-size: 15px;
    }

    .rhiFinancingPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .wpgmaps_mlist_row img {
        display: none;
    }

    .rhiFinancingPage .pageContent {
        width: 480px;
    }

    .rhiFinancingPage .pageSidebar {
        float: right;
        margin-left: 40px;
        width: 380px;
    }

    .rhiFinancingPage .pageSidebar .promo .image {
        width: 380px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletLandscape");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletLandscape");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEwzMDAsMjAwIDMzMCwxNzAgMCwxNzAgMCwxMDAgMzgwLDEwMCAzODAsMCAwLDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0wLDIwMCBMMzAwLDIwMCAzMzAsMTcwIDAsMTcwIDAsMTAwIDM4MCwxMDAgMzgwLDAgMCwwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .rhiFinancingPage .pageSidebar .promo .btn {
        top: 132px;
    }
}

@media screen and (max-width:768px) {
    .rhiFinancingPage .page .square-bottom-right {
        display: none;
    }

    .rhiFinancingPage .pageContent {
        width: 100%;
    }

    .rhiFinancingPage .pageSidebar {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .rhiFinancingPage .pageSidebar .promo .image {
        width: 673px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosMayAlsoLikeClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw1OTMsMjAwIDYxMywxODAgMCwxODAgMCwxMzYgNjU4LDEzNiA2NzMsMTIwIDY3MywwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .rhiFinancingPage .pageSidebar .promo .btn {
        top: 133px;
    }
}

@media screen and (max-width:767px) {
    .rhiFinancingPage .pageHeader h2 {
        padding-right: 50px;
    }

    .rhiFinancingPage .pageHeader .square-left {
        margin-left: -1649px;
        top: -549px;
    }

    .rhiFinancingPage .pageContent {
        margin-top: 40px;
    }

    .rhiFinancingPage .pageSidebar {
        margin-top: 20px;
    }

    .rhiFinancingPage .pageSidebar .promo {
        clear: both;
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    .rhiFinancingPage .pageSidebar .promo .image {
        height: 120px;
        width: 280px;
    }

    .rhiFinancingPage .pageSidebar .promo .btn {
        font-size: 21px;
        line-height: 1.4;
        padding-left: 15px;
        padding-right: 15px;
        top: 81px;
    }

    .rhiFinancingPage .pageSidebar .promo .btnText {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .rhiFinancingPage .pageSidebar .promo p {
        margin-top: -83px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .rhiFinancingPage .pageSidebar .promo .linksWrap {
        margin-top: -68px;
    }

    .rhiFinancingPage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .rhiFinancingPage .page .square-top-left {
        margin-left: -1971px;
    }

    .rhiFinancingPage .caseStudies .square-top-right {
        display: block;
    }
}

.contactUsPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1565px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.contactUsPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.contactUsPage .page {
    overflow: hidden;
    position: relative;
}

.contactUsPage .page .container {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.contactUsPage .page .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1926px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.contactUsPage .page .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1712px;
    position: absolute;
    bottom: -1270px;
    z-index: 1;
}

.contactUsPage .page .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 803px;
    position: absolute;
    bottom: -500px;
    z-index: 1;
}

.contactUsPage .pageContent {
    float: left;
    margin-bottom: 75px;
    margin-top: 75px;
    width: 560px;
}

.contactUsPage .pageContent.pageContentRight {
    float: right;
}

.contactUsPage .pageContent .form {
    padding-bottom: 35px;
    padding-top: 30px;
}

.contactUsPage .pageContent .form .submit-wrap {
    width: 100%;
}

.contactUsPage .pageContent .form .submit-wrap #nf_submit_8,
.contactUsPage .pageContent .form .submit-wrap #nf_processing_8 {
    float: right;
}

.contactUsPage .pageContent h3 {
    margin-bottom: 45px;
    font-size: 38px;
}

.contactUsPage .pageContent h4 {
    color: #8DB528;

    margin-bottom: 5px;
    text-transform: uppercase;
}

.contactUsPage .pageContent .phone {
    background: url("images/icon-phone-dark.png") no-repeat left center;
    font-size: 21px;
    padding-left: 28px;
}

.contactUsPage .pageContent .promo {
    float: left;
    margin-bottom: 40px;
    margin-top: 50px;
    padding-bottom: 20px;
    position: relative;
    text-decoration: none;
    width: 560px;
}

.contactUsPage .pageContent .promo .image {
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 560px;
    -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClip");
    clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClip");
    -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw0ODAsMjAwIDUwMCwxODAgMCwxODAgMCwxNDAgNTQ0LDEzNiA1NjAsMTIwIDU2MCwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw0ODAsMjAwIDUwMCwxODAgMCwxODAgMCwxNDAgNTQ0LDEzNiA1NjAsMTIwIDU2MCwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
}

.contactUsPage .pageContent .promo h3 {
    color: #fff;

    left: 0;
    margin: 0;
    padding: 25px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.contactUsPage .map {
    background-position: top center;
    background-repeat: no-repeat;
    height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.contactUsPage .map .mapWrap {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.contactUsPage .map .container {
    z-index: 2;
}

.contactUsPage .map .content {
    color: #fff;
    padding: 180px 0 0;
    position: relative;
    width: 500px;
    z-index: 2;
}

.contactUsPage .map .content h3 {

    text-transform: uppercase;
}

.contactUsPage .map .content p {
    color: #fff;
    text-transform: uppercase;
}

.contactUsPage .map .content p .bold {

    font-weight: 400;
}

.contactUsPage .map .content .btn {
    margin-top: 7px;
}

.becomePartnerMap-h2 {
    font-size: 46px;
    text-transform: uppercase;
}

.contactUsPage .map .square-left {
    background: rgba(76, 82, 88, .5);
    height: 1600px;
    width: 2200px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1629px;
    position: absolute;
    top: 53px;
    z-index: 1;
}

.contactUsPage .map .square-top-right {
    background: rgba(76, 82, 88, .5);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 260px;
    position: absolute;
    top: -1642px;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .03);
    outline: 1px solid rgba(0, 0, 0, .04);
}

.contactUsPage .map .square-bottom-right {
    background: rgba(76, 82, 88, .5);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 1041px;
    position: absolute;
    top: -160px;
    z-index: 1;
}

.contactUsPage .map .shard {
    height: 40px;
    left: 50%;
    margin-left: -250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 2000px;
    z-index: 4;
}

.contactUsPage .map .shard .angle {
    border-top: 40px solid white;
    border-left: 40px solid transparent;
    bottom: 0;
    height: 40px;
    position: absolute;
    width: 100%;
}

.contactUsPage .map .shard .square-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 353px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.contactUsPage .mapAngleWrap {
    height: 40px;
    margin-bottom: -40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}

.contactUsPage .mapAngle {
    bottom: 0;
    height: 40px;
    left: 50%;
    overflow: hidden;
    margin-bottom: -40px;
    margin-left: 369px;
    position: relative;
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    width: 100%;
    z-index: 3;
}

.contactUsPage .mapAngle .mapAngleImg {
    background-position: -1350px bottom;
    background-repeat: no-repeat;
    height: 40px;
    margin-left: -20px;
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: 100%;
}

.contactUsPage .mapAngle .square-right {
    background: rgba(76, 82, 88, .5);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    margin-left: 401px;
    position: absolute;
    top: -800px;
    transform: skew(-63.5deg, 0deg);
    z-index: 1;
}

.contactUsPage .footer .square-left,
.contactUsPage .footer .square-right {
    background-color: rgba(0, 0, 0, .5);
}

.contactUsPage .footer .shard .square-right {
    display: none;
}

@media screen and (max-width:1279px) {
    .contactUsPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .contactUsPage .pageContent {
        width: 450px;
    }

    .contactUsPage .pageContent .promo {
        width: 450px;
    }

    .contactUsPage .pageContent .promo .image {
        width: 450px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipDesktop");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEwzNzAsMjAwIDM5MCwxODAgMCwxODAgMCwxNDAgNDM0LDEzNiA0NTAsMTIwIDQ1MCwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEwzNzAsMjAwIDM5MCwxODAgMCwxODAgMCwxNDAgNDM0LDEzNiA0NTAsMTIwIDQ1MCwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }
}

@media screen and (max-width:1024px) {
    .contactUsPage .pageHeader .square-left {
        top: -299px;
    }

    .contactUsPage .pageContent {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .contactUsPage .map {
        background-position-x: -630px;
    }

    .contactUsPage .map .content h3 {
        width: 370px;
    }

    .contactUsPage .mapAngle .mapAngleImg {
        background-position-x: -1491px;
    }
}

@media screen and (max-width:768px) {
    .contactUsPage .pageContent {
        width: 100%;
    }

    .contactUsPage .pageContent.pageContentRight {
        margin-top: 0;
    }

    .contactUsPage .pageContent .promo {
        width: 672px;
    }

    .contactUsPage .pageContent .promo .image {
        width: 672px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTIsMjAwIDYxMiwxODAgMCwxODAgMCwxNDAgNjU2LDEzNiA2NzIsMTIwIDY3MiwwIDAsMCB6Ii8+CiAgPC9jbGlwUGF0aD4KICA8cGF0aCBpZD0ic3ZnTWFzayIgZD0iTTAsMjAwIEw1OTIsMjAwIDYxMiwxODAgMCwxODAgMCwxNDAgNjU2LDEzNiA2NzIsMTIwIDY3MiwwIDAsMCB6IiAgLz4KPC9zdmc+) no-repeat;
    }

    .contactUsPage .map {
        background-position-x: -820px;
    }

    .contactUsPage .map .content h3 {
        width: 250px;
    }

    .contactUsPage .mapAngle .mapAngleImg {
        background-position-x: -1552px;
    }
}

@media screen and (max-width:767px) {
    .contactUsPage .pageHeader .square-left {
        margin-left: -1665px;
        top: -533px;
    }

    .contactUsPage .page {
        padding-bottom: 40px;
    }

    .contactUsPage .page .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contactUsPage .page .square-top-left {
        margin-left: -1970px;
    }

    .contactUsPage .page .square-bottom-left {
        bottom: -800px;
        margin-left: -1851px;
    }

    .contactUsPage .pageContent {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .contactUsPage .pageContent.pageContentRight {
        margin-bottom: 0;
    }

    .contactUsPage .pageContent h3 {
        margin-bottom: 25px;
    }

    .contactUsPage .pageContent h4 {
        margin-bottom: 0;
    }

    .contactUsPage .pageContent .phone {
        background-size: 8px;
        font-size: 18px;
        padding-left: 20px;
    }

    .contactUsPage .pageContent .promo {
        height: 120px;
        left: 50%;
        margin-bottom: 0;
        margin-left: -140px;
        margin-top: 20px;
        padding-bottom: 0;
        width: 280px;
    }

    .contactUsPage .pageContent .promo .image {
        height: 120px;
        width: 280px;
    }

    .contactUsPage .pageContent .promo h3 {
        color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        top: 0;
    }

    .contactUsPage .pageContent .promo .btnText {
        bottom: 126px;
        padding: 0 15px;
    }

    .contactUsPage .map {
        background-position-x: -580px;
        background-size: auto 360px;
        height: 320px;
    }

    .contactUsPage .map .content {
        padding-top: 45px;
        width: 100%;
    }

    .contactUsPage .map .shard {
        margin-left: 80px;
    }

    .contactUsPage .map .square-left {
        margin-left: -2224px;
        top: -872px;
    }

    .contactUsPage .map .square-top-right,
    .contactUsPage .map .square-bottom-right {
        display: none;
    }

    .contactUsPage .mapAngle {
        margin-left: 60px;
    }

    .contactUsPage .mapAngle .mapAngleImg {
        background-position-x: -780px;
        background-size: auto 360px;
    }

    .contactUsPage .mapAngle .square-right {
        display: none;
    }
}

.becomeAPartner .pageHeader h2 {
    padding-right: 50px;
}

.becomeAPartner .square-bottom-left {
    margin-left: -1863px;
}

.becomeAPartner .single-page {
    width: 560px;
}

.page-template-gateway .becomeAPartner .single-page,
.page-template-gateway .breadcrumbs {
    width: 100%;
}

.becomeAPartner .sidebar {
    float: right;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 472px;
}

.becomeAPartner .sidebar .partners {
    background-color: #f9fbfd;
    padding: 35px 40px;
    margin-bottom: 40px;
}

.becomeAPartner .sidebar .partners h3 {
    color: #8DB528;
    margin-bottom: 22px;
    text-transform: none;
}

.page-template-partners .sidebar .partners .btn.btnGrey .text {
    background-image: url('images/icon-lock-white.png');
    background-position: right 6px center;
}

.becomeAPartner .sidebar .training {
    height: 200px;
    margin-bottom: 80px;
    position: relative;
}

.becomeAPartner .sidebar .training a {
    color: #8DB528;
}

.becomeAPartner .sidebar .training .image {
    height: 200px;
    width: 480px;
}

.becomeAPartner .sidebar .training h4 {
    color: #fff;

    left: 0;
    margin: 25px 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.becomeAPartner .sidebar .training .btnText {
    bottom: 98px;
    display: inline-block;

    padding-left: 30px;
}

.becomeAPartner .becomePartnerMap {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.becomeAPartner .becomePartnerMap .mapWrap {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.becomeAPartner .becomePartnerMap .container {
    z-index: 2;
}

.becomeAPartner .becomePartnerMap .content {
    color: #fff;
    padding: 180px 0 0;
    position: relative;
    width: 500px;
    z-index: 2;
}

.becomeAPartner .becomePartnerMap .content p {
    color: #fff;
}

.becomeAPartner .becomePartnerMap .content h3 {

    text-transform: uppercase;
}

.becomeAPartner .becomePartnerMap .content .btn {
    margin-top: 7px;
}

.becomeAPartner .becomePartnerMap .square-left {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1582px;
    position: absolute;
    top: -200px;
    z-index: 1;
}

.becomeAPartner .becomePartnerMap .square-right {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 1082px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.becomeAPartner .mapAngleWrap {
    height: 40px;
    margin-bottom: -40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}

.becomeAPartner .mapAngle {
    bottom: 0;
    height: 40px;
    left: 50%;
    overflow: hidden;
    margin-bottom: -40px;
    margin-left: 369px;
    position: relative;
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    width: 100%;
}

.becomeAPartner .mapAngle .mapAngleImg {
    background-position: -1350px bottom;
    background-repeat: no-repeat;
    height: 40px;
    margin-left: -20px;
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: 100%;
}

.becomeAPartner .footer .shard {
    display: none;
}

.becomeAPartner .footer .square-right {
    display: none;
}

.partner .pageHeader .titles {
    top: 250px;
    position: absolute;
    z-index: 4;
}

.partner .pageHeader .titles h2,
.partner .pageHeader .titles h3 {
    top: 0;
    position: relative;
}

@media screen and (max-width:1279px) {
    .becomeAPartner .sidebar {
        width: 420px;
    }

    .becomeAPartner .sidebar .training .image {
        width: 320px;
    }

    .becomeAPartner .sidebar .training h4 {
        margin: 20px 25px;
    }

    .becomeAPartner .sidebar .training .btnText {
        padding-left: 25px;
    }
}

@media screen and (max-width:1024px) {
    .becomeAPartner .single-page {
        width: 500px;
    }

    .becomeAPartner .sidebar {
        width: 400px;
    }

    .partner .pageHeader .titles {
        top: 200px;
        position: absolute;
    }
}

@media screen and (max-width:768px) {
    .becomeAPartner .single-page {
        margin-bottom: 40px;
        width: 100%;
    }

    .becomeAPartner .sidebar {
        width: 100%;
    }

    .becomeAPartner .sidebar .training {
        float: left;
        margin-bottom: 33px;
        width: 320px;
    }

    .becomeAPartner .sidebar .training .image {
        width: 320px;
    }

    .becomeAPartner .sidebar .training h4 {
        margin: 20px 25px;
    }

    .becomeAPartner .sidebar .training .btnText {
        padding-left: 25px;
    }
}

@media screen and (max-width:767px) {
    .becomeAPartner .single-page {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .becomeAPartner .sidebar .partners {
        padding: 25px 30px;
    }

    .becomeAPartner .sidebar .partners .btn .text {
        font-size: 10px;
        padding-top: 13px;
    }

    .becomeAPartner .sidebar .training {
        clear: both;
        height: 120px;
        left: 50%;
        margin-bottom: 40px;
        margin-left: -140px;
        width: 280px;
    }

    .becomeAPartner .sidebar .training .image {
        height: 120px;
        width: 280px;
    }

    .becomeAPartner .sidebar .training h4 {
        margin: 14px 15px;
    }

    .becomeAPartner .sidebar .training .btnText {
        bottom: 165px;
        padding-left: 15px;
    }

    .becomeAPartner .becomePartnerMap {
        background-size: auto 360px;
        background-size: cover;
        height: 320px;
    }

    .becomeAPartner .becomePartnerMap .content {
        padding-top: 40px;
        width: 100%;
    }

    .becomeAPartner .becomePartnerMap .square-left {
        margin-left: -1716px;
        top: -654px;
    }

    .becomeAPartner .becomePartnerMap .square-right {
        display: none;
    }

    .becomeAPartner .mapAngle {
        margin-left: 60px;
    }

    .becomeAPartner .mapAngle .mapAngleImg {
        background-position: -604px bottom;
        background-size: auto 360px;
    }

    .partner .pageHeader .titles {
        top: 100px;
        padding-right: 50px;
        width: 100%;
    }

    .partner .pageHeader .titles h2 {
        margin-bottom: 0;
        padding-right: 50px;
    }
}

.partner .pageHeader {
    height: 640px;
}

.partner .pageHeader .titles h3 {
    margin-bottom: 0;
}

.partner .pageHeader .shard {
    margin-left: 155px;
}

.partner .pageHeader .square-left {
    margin-left: -1574px;
    top: -189px;
}

.partner .breadcrumbs {
    width: 716px;
}

.partner .footer .square-left {
    background-color: rgba(0, 0, 0, .5);
    margin-left: -1774px;
}

.partner .footer .square-right {
    display: none;
}

.partner .footer .shard {
    display: none;
}

@media screen and (max-width:1279px) {
    .partner .breadcrumbs {
        width: 540px;
    }
}

@media screen and (max-width:768px) {
    .partner .breadcrumbs {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .partner .pageHeader {
        height: 400px;
    }

    .partner .pageHeader .titles {
        bottom: 84px;
        padding-right: 50px;
    }

    .partner .pageHeader .titles h3 {
        margin-bottom: 3px;
    }

    .partner .pageHeader .shard {
        margin-left: 5px;
    }

    .partner .pageHeader .square-left {
        margin-left: -1644px;
        top: -509px;
    }
}

.campaign .pageHeader {
    height: 640px;
}

.campaign .pageHeader .titles {
    bottom: 54px;
    position: absolute;
    z-index: 4;
}

.campaign .pageHeader .titles h2 {
    bottom: auto;
    margin-bottom: 20px;
    position: relative;
}

.campaign .pageHeader .titles h3 {
    margin-bottom: 0;
}

.campaign .pageHeader .shard {
    margin-left: 155px;
}

.campaign .pageHeader .square-left {
    margin-left: -1574px;
    top: -189px;
}

.campaign .footer {
    height: 200px;
}

.campaign .footer .square-left {
    background-color: rgba(0, 0, 0, .5);
    margin-left: -1774px;
}

.campaign .footer .square-right {
    display: none;
}

.campaign .footer .shard {
    display: none;
}

@media screen and (max-width:1279px) {
    .campaign .breadcrumbs {
        width: 540px;
    }
}

@media screen and (max-width:768px) {
    .campaign .breadcrumbs {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .campaign .pageHeader {
        height: 400px;
    }

    .campaign .pageHeader .titles {
        bottom: 84px;
        padding-right: 50px;
    }

    .campaign .pageHeader .titles h2 {
        margin-bottom: 10px;
    }

    .campaign .pageHeader .shard {
        margin-left: 5px;
    }

    .campaign .pageHeader .square-left {
        margin-left: -1644px;
        top: -509px;
    }
}

.footer {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.error404 .footer {
    background-image: url("images/header_homepage_forest_1.jpg") !important;
}

.footer .container {
    position: relative;
    z-index: 2;
}

.footer .footerLinks ul {
    list-style: none;
    margin: 0 40px;
    padding: 0 40px;
    text-transform: uppercase;
}

.footer .footerLinks ul li {
    float: left;
    margin-left: 60px;
}

.footer .footerLinks ul li:first-child {
    margin-left: 0;
}

.footer .footerLinks ul li a {
    color: #fff;
    display: block;

    padding: 89px 0 88px;
    text-decoration: none;
    font-weight: 500;
}

.footer .footerLinks ul li.current-page-ancestor a,
.footer .footerLinks ul li.current_page_parent a,
.footer .footerLinks ul li.current_page_item a {
    border-bottom: 3px solid #8DB528;
}

.footer .greenLine {
    background-color: #8DB528;
    bottom: 80px;
    height: 1px;
    left: 50%;
    margin-left: -2450px;
    position: absolute;
    width: 3000px;
}

.footer .copyright {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.footer .copyright p {
    color: #8DB528;
    letter-spacing: 0;
    position: absolute;
    right: 40px;
    text-transform: uppercase;
    top: 10px;
}

.footer .shard {
    height: 40px;
    left: 50%;
    margin-left: 349px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.footer .shard .angle {
    border-top: 40px solid white;
    border-left: 40px solid transparent;
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.footer .shard .square-right {
    background: #f9fbfd;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -67px;
    margin-left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

.footer .square-left {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1381px;
    position: absolute;
    top: -599px;
    z-index: 1;
}

.footer .square-right {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 881px;
    position: absolute;
    top: -599px;
    z-index: 1;
}

.footer .square-bottom {
    background: rgba(0, 0, 0, .3);
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -250px;
    position: absolute;
    top: 533px;
    z-index: 1;
}

@media screen and (max-width:1279px) {
    .footer .footerLinks ul li {
        font-size: 16px;
        margin-left: 50px;
    }

    .blogPage .posts .postContent .allPosts .post .btnText {
        bottom: 0;
    }

    .footer .footerLinks ul li a {
        padding-bottom: 77px;
        padding-top: 97px;
    }
}

@media screen and (max-width:1024px) {
    .footer .footerLinks ul {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    .footer .footerLinks ul li {
        margin-left: 30px;
    }
}

@media screen and (max-width:767px) {
    .footer {
        height: 340px;
    }

    .footer .footerLinks ul {

        margin-top: 40px;
    }

    .footer .footerLinks ul li {
        float: none;
        font-size: 12px;
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .footer .footerLinks ul li:first-child {
        margin-top: 0;
    }

    .footer .footerLinks ul li a {
        display: inline-block;
        padding-bottom: 0;
        padding-top: 0;
    }

    .footer .footerLinks ul li.current_page_parent a,
    .footer .footerLinks ul li.current_page_item a {
        border-bottom-width: 1px;
    }

    .footer .greenLine {
        bottom: 60px;
    }

    .footer .copyright {
        height: 60px;
    }

    .footer .copyright p {
        margin-top: 26px;
        position: relative;
        right: auto;
        top: auto;
    }

    .footer .shard {
        margin-left: 40px;
    }

    .footer .square-left {
        background-color: rgba(0, 0, 0, .5);
        top: -289px;
    }

    .footer .square-right,
    .footer .square-bottom {
        display: none;
    }
}

ul.sub-menu {
    float: none;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #8DB528;
    display: none;
}

ul.sub-menu li {
    float: none;
    margin: 0;
    padding: 0;
    width: 780px;
    clear: both;
}

ul.sub-menu li a {
    margin: 0;
    padding: 15px;
    color: #fff;
    float: left;
}

ul.sub-menu li.sub-menu-item:hover a {
    color: #fff;
    position: relative;
}

ul.sub-menu li.sub-menu-item:focus > .teaser-box {
    display: block;
}

ul.sub-menu .teaser-box {
    width: 430px;
    position: absolute;
    left: 325px;
    top: 20px;
    color: #fff;
}

ul li.current_page_item ul.sub-menu li a {
    color: #fff;
}

.teaser-box {
    display: none;
}

.teaser-box ul {
    margin: 10px;
    list-style: disc;
}

.teaser-box ul li {
    margin: 0;
    width: 100%;
}

#menu-main-menu li:hover > ul.sub-menu {
    display: block;
}

.mainNav {
    z-index: 9;
}

@media screen and (max-width:1024px) {
    .mainNav ul li.partners {
        position: static;
    }
}

.mainNav ul li.partners .main-menu-link:hover {
    border-bottom: 0 !important;
}

@media (min-width:1025px) {
    .mainNav .menu-main-menu-container .menu .main-menu-item .main-menu-link {
        padding: 62px 0 56px;
    }
}

.mainNav .menu-main-menu-container .menu .main-menu-item .main-menu-link:hover {
    border-bottom: 6px solid #273D05;
    padding-bottom: 51px;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu {
    background-color: #273D05;
    width: 100%;
    left: 0;
    top: 140px;
    padding: 30px 0;
    z-index: 999;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu > li {
    display: inline-block;
    width: 600px;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu > li a {
    padding-left: 0;
    width: 325px;
    border-bottom: 0;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu > li a:hover {
    color: #8DB528;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box {
    color: #9e9e9e;
    padding: 0 15px;
    width: 400px;
    top: 36px;
    left: 320px;
    display: none;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box .our-product-teasure-box {
    background-color: #557036;
    padding: 28px 30px;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box .our-product-teasure-box h3 {
    color: #8DB528;
    margin: 0;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box .our-product-teasure-box h4 {
    margin: 0;
    color: #fff;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box p {
    margin: 0;
    font-size: 12px;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box h5 {
    padding-top: 30px;
    color: #8DB528;
    display: inline-block;
    margin-left: 30px;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box ul {
    margin: 22px 10px 22px 32px;
    list-style-type: none;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box ul li {
    line-height: 1.4;
    background: url("images/bullet.png") no-repeat 0 10px;
    padding-left: 20px;
    background-position: left 5px;
    text-transform: none;
    font-size: 15px;
    color: #fff;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box a {
    width: auto;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box .btnTextGreen {
    color: #fff;
    background-color: #97bd3b;
    position: relative;
    padding: 20px 90px 20px 52px;
    margin-top: 13px;
    background-image: url("images/icon-arrow-white.png");
    background-position: 85% 50%;
    top: 0;
}

#myHeader.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 10;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu .teaser-box .btnTextGreen::after {
    content: "";
    border-bottom: 62px solid transparent;
    border-left: 35px solid #97bd3b;
    position: absolute;
    right: -35px;
    top: 0;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu:after,
.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu:before {
    content: '';
    position: absolute;
    width: 5000px;
    height: 100%;
    background-color: #273D05;
    top: 0;
    z-index: -1;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu::before {
    left: -250%;
}

.mainNav .menu-main-menu-container .menu .main-menu-item .sub-menu-arrow {
    display: none;
}

.mainNav ul li.current-page-ancestor li a {
    color: #fff;
}

.mainNav ul li.current-page-ancestor li.current-menu-item a {
    color: #8DB528;
}

@media screen and (max-width:1024px) {
    .mainNav #menu-main-menu {
        overflow: scroll;
    }

    .mainNav #menu-main-menu .main-menu-item {
        width: 100%;
    }

    .mainNav #menu-main-menu .main-menu-item a {
        display: inline-block;
        border-bottom: 0;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu {
        background-color: transparent;
        position: static;
        padding-top: 0;
        padding-bottom: 0;
        display: none;
        border-bottom: 1px solid #8DB528;
        padding-bottom: 15px;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu:after,
    .mainNav #menu-main-menu .main-menu-item .sub-menu:before {
        display: none;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu li {
        padding-left: 65px;
        width: 100%;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu li:hover .teaser-box {
        display: none;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu li a {
        padding: 10px 0;
        width: auto;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu-arrow {
        display: inline-block;
        background-image: url("images/DD.png");
        background-repeat: no-repeat;
        background-position: right center;
        height: 11px;
        width: 31px;
        background-size: 20px;
    }

    .mainNav #menu-main-menu .main-menu-item .sub-menu-arrow.active {
        background-image: url("images/DU.png");
    }

    .mainNav .teaser-box {
        display: none;
    }
}

.mainNav .logo {
    z-index: 999;
}

@media screen and (max-width:1024px) {
    .backToTop {
        z-index: 9 !important;
    }

    .teaser-box {
        display: none !important;
    }
}

.whatWeDoRange .productsList {
    padding: 115px 0 35px;
}

@media screen and (max-width:767px) {
    .whatWeDoRange .productsList {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

.whatWeDoRange .productsList .square-left {
    display: none;
}

.whatWeDoSubPage .mayAlsoLike .square-left {
    background: #f1f5f9 none repeat scroll 0 0;
    bottom: -1314px;
    height: 1373px;
    left: 50%;
    margin-left: -1327px;
    position: absolute;
    transform: rotate(45deg);
    width: 1547px;
    z-index: 1;
}

.whatWeDoSubPage .mayAlsoLike .square-right {
    display: none;
}

.sub-menu li {
    position: static;
}

.sub-menu li a {
    border-bottom: 1px solid #273D05;
}

.teaser-main-box {
    position: absolute;
    left: 324px;
    width: 350px;
    top: 79px;
}

.teaser-main-box .teaser-box-seprator {
    width: 1px;
    background: #8DB528;
    height: 0;
}

.teaser-main-box .teaser-box-seprator-2 {
    background: #273D05;
    width: 1px;
    position: absolute;
    z-index: 999;
    top: 0;
    height: 0;
}

.teaser-main-box .teaser-box {
    left: 10px !important;
    top: 0 !important;
}

@-moz-document url-prefix() {

    .teaser-box-seprator,
    .teaser-box-seprator-2 {
        margin-top: 1px;
    }
}

.whatWeDoPage .page .productList .product {
    width: 50%;
    float: left;
}

.whatWeDoPage .page .productList .product .imageWrap {
    width: 400px;
}

@media (min-width:768px) and (max-width:1024px) {
    .whatWeDoPage .page .productList .product .imageWrap {
        width: 320px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .whatWeDoPage .page .productList .product .imageWrap svg {
        width: 500px;
        height: 335px;
    }
}

.whatWeDoPage .page .productList .product .imageWrap .btnText {
    background-color: #555;
    max-height: 45px;
    padding: 13px 20px;
    color: #fff;
    font-size: 14px;
    margin-left: 15px;
}

@media (min-width:768px) and (max-width:1024px) {
    .whatWeDoPage .page .productList .product .imageWrap .btnText {
        margin-bottom: 62px;
    }
}

.whatWeDoPage .page .productList .product .imageWrap .btnText::after {
    content: '';
    background-image: url("images/btn-angle-grey.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 43px;
    position: absolute;
    right: -44px;
    top: 0;
    width: 45px;
}

.whatWeDoPage .page .productList .product .imageWrap .btnText.btnTextGreen {
    background-image: url("images/right-white-arrow.png");
    background-position: 95% 50%;
}

.whatWeDoPage .page .productList .product .imageWrap .btnText:hover {
    background-color: #8DB528;
}

.whatWeDoPage .page .productList .product .imageWrap .btnText:hover::after {
    background-image: url("images/btn-angle-green.png");
}

.whatWeDoPage .page .productList .product .imageWrap .titles {
    padding: 0 15px;
    background-color: white;
}

.form .submit-wrap #nf_submit_29 {
    padding-right: 44px;
}

@media screen and (max-width:767px) {
    .form .submit-wrap #nf_submit_29 {
        padding-right: 40px !important;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .whatWeDoPage .page .productList .product {
        width: 100%;
        float: none;
        max-width: 420px;
        margin-left: -125px;
    }

    .whatWeDoPage .page .productList .product .imageWrap {
        width: 250px;
    }

}

textarea,
input[type="text"],
input[type="file"],
input[type="email"],
select {
    border-width: 1px 1px 0 2px !important;
    border-color: #e3e3e3 !important;
    border-style: solid !important;
    background-color: #fff !important;
}

.contactUsPage .pageContent .form select,
.form select {
    -webkit-appearance: none;
    appearance: none;
}

.blogPage .pageHeader {
    height: 640px;
}

.blogPage .pageHeader h2 {
    bottom: 122px;
    padding-right: 50px;
    margin-bottom: 0;
    margin-left: 60px;
}

.blogPage .pageHeader .shard {
    bottom: 0;
    height: 80px;
    margin-left: 45px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 100%;
    z-index: 4;
}

.blogPage .pageHeader .shard .angle {
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.blogPage .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1681px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.blogPage .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.blogPage .posts {
    overflow: hidden;
    position: relative;
}

.blogPage .posts .postContent {
    float: left;
    padding: 0 40px 80px;
    position: relative;
    z-index: 2;
}

.blogPage .posts .postContent .allPosts {
    float: left;
    margin-top: 84px;
    width: 920px;
}

.blogPage .posts .postContent .allPosts .post {
    float: left;
    margin-bottom: 80px;
    min-height: 400px;
    position: relative;
    width: 560px;
}

.blogPage .posts .postContent .allPosts .post:nth-child(odd) {
    float: right;
}

.blogPage .posts .postContent .allPosts .post .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    margin-bottom: -11px;
    width: 100%;
}

.blogPage .posts .postContent .allPosts .post h3 {
    color: #8DB528;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.blogPage .posts .postContent .allPosts .post h3 a {
    color: #273D05;
}

.blogPage .posts .postContent .allPosts .post .line {
    background: rgba(142, 180, 53, .3);
    height: 1px;
    position: absolute;
    top: 0;
    width: 480px;
}

.blogPage .posts .postContent .allPosts .post p {
    color: #000000;
}

.blogPage .posts .postContent .allPosts .post p.date {
    color: #8DB528;

    font-size: 14px;
    line-height: 18px;
    margin-bottom: -6px;
}

.blogPage .posts .postContent .allPosts .post .btnText {

    padding-left: 0;
}

.blogPage .posts .postContent .allPosts .post .btnText:hover {
    background-image: url("images/icon-arrow-green.png");
    color: #8DB528;
}

.blogPage .posts .postContent .allPosts .post {
    float: left;
    height: 400px;
    margin-bottom: 80px;
    width: 100%;
}

.blogPage .posts .postContent .allPosts .post .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: right;
    height: 380px;
    width: 380px;
}

.blogPage .posts .postContent .allPosts .post .postContent {
    float: left;
    min-height: 400px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-top: 31px;
    position: relative;
    width: 520px;
}

.blogPage .posts .postContent .allPosts .post h3 {
    color: #273D05;
    margin-bottom: -5px;
}

.blogPage .posts .postContent .allPosts .post p.date {
    margin-bottom: 24px;
}

.blogPage .posts .postContent .allPosts .post .btnText {
    z-index: 2;
}

.blogPage .posts .square-top-left {
    background: #f1f5f9;
    height: 1650px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1806px;
    position: absolute;
    top: -905px;
    z-index: 1;
}

.blogPage .posts .square-top-right {
    background: #f1f5f9;
    height: 2000px;
    width: 2000px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 623px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.blogPage .posts .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 2400px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -520px;
    left: 50%;
    margin-left: -2261px;
    position: absolute;
    z-index: 1;
}

.blogPage .posts .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -800px;
    left: 50%;
    margin-left: 1082px;
    position: absolute;
    z-index: 1;
}

.blogPage .footer .shard .square-right {
    background-color: #f1f5f9;
}

@media screen and (max-width:1279px) {
    .blogPage .pageHeader .square-top-right {
        margin-left: 660px;
    }

    .blogPage .breadcrumbs {
        width: 476px;
        margin-left: 50px;
    }

    .blogPage .pagination.paginationRight {
        width: 464px;
    }

    .blogPage .posts .postContent {
        padding-left: 0;
        padding-right: 0;
    }

    .blogPage .posts .postContent .allPosts {
        width: 740px;
        margin-left: 60px;
    }

    .blogPage .posts .postContent .allPosts .post .image {
        height: 350px;
        width: 350px;
    }

    .blogPage .posts .postContent .allPosts .post .postContent {
        width: 350px;
    }

    .blogPage .posts .postContent .allPosts .post .line {
        width: 350px;
    }
}

@media screen and (max-width:1024px) {
    .blogPage .pageHeader .square-left {
        margin-left: -1681px;
    }

    .mainNav .container {
        position: relative;
    }

    .blogPage .posts .postContent .allPosts {
        width: 635px;
    }

    .blogPage .posts .postContent .allPosts .post {
        margin-bottom: 40px;
        min-height: 1px;
        height: auto;
    }

    .blogPage .posts .postContent .allPosts .post .image {
        height: 200px;
        width: 100%;
    }

    .blogPage .posts .postContent .allPosts .post .postContent {
        min-height: 270px;
        width: 100%;
    }

    .blogPage .posts .postContent .allPosts .post .line {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .blogPage .breadcrumbs {
        width: 100%;
    }

    .blogPage .pagination.paginationRight {
        margin-top: 40px;
        width: 100%;
    }

    .blogPage .posts {
        min-height: 0;
        padding-bottom: 60px;
    }

    .blogPage .posts .dropdownWrap {
        width: 100%;
    }

    .blogPage .posts .postContent {
        padding-left: 0;
        padding-right: 0;
    }

    .blogPage .posts .postContent .allPosts {
        margin-top: 40px;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .blogPage .pageHeader {
        height: 400px;
    }

    .blogPage .pageHeader .shard {
        height: 40px;
        margin-left: -40px;
    }

    .blogPage .pageHeader .square-left {
        margin-left: -1648px;
        top: -550px;
    }

    .blogPage .posts {
        padding-bottom: 40px;
        width: 100%;
    }

    .blogPage .posts .postContent .allPosts .post {
        min-height: 455px;
    }

    .blogPage .posts .postContent .allPosts .post .postContent {
        min-height: 339px;
    }

    .blogPage .posts .postContent .allPosts .post .image {
        height: 120px;
    }

    .blogPage .posts .postContent .allPosts .post p.date {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 14px;
    }

    .blogPage .posts .square-top-left {
        margin-left: -1891px;
    }

    .blogPage .posts .square-top-right {
        margin-left: 353px;
        top: -430px;
    }

    .blogPage .posts .square-bottom-left {
        margin-left: -2574px;
        top: 1933px;
    }

    .blogPage .posts .square-bottom-right {
        margin-left: 252px;
        top: 1406px;
    }

    .blogPage .posts .square-mid-left {
        background: #f1f5f9;
        height: 1600px;
        width: 1600px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 50%;
        margin-left: -1853px;
        position: absolute;
        top: 590px;
        z-index: 1;
    }
}

@media screen and (max-width:767px) {
    .blogPage .pageHeader h2 {
        top: auto;
    }
}

.blogSinglePost .pageHeader {
    height: 640px;
}

.blogSinglePost .pageHeader .titles {
    bottom: 20px;
    position: absolute;
}

.single-product .blogSinglePost .pageHeader .titles {
    bottom: 25%
}

.blogSinglePost .pageHeader .titles h2,
.blogSinglePost .pageHeader .titles h3 {
    bottom: auto;
    position: relative;
}

.blogSinglePost .pageHeader .titles h2 {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 68px;
}

.blogSinglePost .pageHeader .shard {
    bottom: 0;
    height: 80px;
    margin-left: 160px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    width: 100%;
    z-index: 4;
}

.blogSinglePost .pageHeader .shard .angle {
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.blogSinglePost .pageHeader .square-left {
    background: rgba(0, 0, 0, .35);
    height: 1253px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1566px;
    position: absolute;
    top: -187px;
    z-index: 3;
}

.blogSinglePost .pageHeader .square-top-right {
    background: rgba(0, 0, 0, .35);
    height: 1800px;
    width: 1800px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 781px;
    position: absolute;
    top: -907px;
    z-index: 3;
}

.blogSinglePost .breadcrumbs {
    width: 721px;
}

.breadcrumbs > span,
.breadcrumbs > span > span,
.breadcrumbs > span > span > a {
    margin-left: 0;
}

.blogSinglePost .container {
    position: relative;
    z-index: 2;
}

.blogSinglePost .posts {
    overflow: hidden;
    position: relative;
}

.blogSinglePost .postContent {
    padding-left: 40px;
    padding-right: 40px;
}

.blogSinglePost .single-post .single-post-content {
    border-bottom: 1px solid rgba(142, 180, 53, .3);
    padding-bottom: 48px;
    padding-top: 36px;
    width: 100%;
}

.blogSinglePost .single-post .sharing {
    float: right;
    height: auto;
    margin-right: 0;
    margin-top: 0;
    right: 0;
}

.blogSinglePost .square-top-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1771px;
    position: absolute;
    top: -800px;
    z-index: 1;
}

.blogSinglePost .square-bottom-left {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -1263px;
    position: absolute;
    bottom: -1119px;
    z-index: 1;
}

.blogSinglePost .square-bottom-right {
    background: #f1f5f9;
    height: 1600px;
    width: 1600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 1081px;
    position: absolute;
    bottom: -800px;
    z-index: 1;
}

.blogSinglePost .footer .shard .square-right {
    background-color: #f1f5f9;
}

@media screen and (max-width:1024px) {
    .blogSinglePost .pageHeader .titles {
        bottom: 50px;
    }
}

@media screen and (max-width:768px) {
    .blogSinglePost .pageHeader .titles {
        width: 671px;
    }


    .blogSinglePost .breadcrumbs {
        width: 100%;
    }

    .blogSinglePost .sidebar {
        float: none;
        width: 100%;
    }

    .blogSinglePost .sidebar .promo .image {
        height: 200px;
        width: 672px;
        -webkit-clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletPortrait");
        clip-path: url("autoptimize_19e557a63809f09021e09451f4b66f40.css#promosPartnerClipTabletPortrait");
        -webkit-mask: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIwIiBoZWlnaHQ9IjAiPgogIDxjbGlwUGF0aCBpZD0ic3ZnQ2xpcCI+CiAgICA8cGF0aCBpZD0ic3ZnUGF0aCIgZD0iTTAsMjAwIEw1OTIsMjAwIDYxMiwxODAgMCwxODAgMCwxNDAgNjcyLDE0MCA2NzIsMCAwLDAgeiIvPgogIDwvY2xpcFBhdGg+CiAgPHBhdGggaWQ9InN2Z01hc2siIGQ9Ik0wLDIwMCBMNTkyLDIwMCA2MTIsMTgwIDAsMTgwIDAsMTQwIDY3MiwxNDAgNjcyLDAgMCwwIHoiICAvPgo8L3N2Zz4=) no-repeat;
    }

    .blogSinglePost .sidebar .promo .btn {
        top: 133px;
    }
}

@media screen and (max-width:767px) {
    .blogSinglePost .pageHeader {
        height: 360px;
    }

    .blogSinglePost .pageHeader .titles {
        bottom: 26px;
        padding-right: 50px;
        width: 100%;
    }

    .blogSinglePost .pageHeader .titles h2 {
        top: 0;
    }

    .blogSinglePost .pageHeader .titles h3 {
        margin-bottom: 3px;
    }

    .blogSinglePost .pageHeader p.date {
        font-size: 18px;
        line-height: 20px;
    }

    .blogSinglePost .pageHeader .shard {
        height: 40px;
        margin-left: 0;
    }

    .blogSinglePost .pageHeader .square-left {
        margin-left: -1671px;
        top: -526px;
    }

    .blogSinglePost .single-post .single-post-content {
        padding-top: 0;
    }

    .blogSinglePost .postContent {
        padding-left: 0;
        padding-right: 0;
    }

    .blogSinglePost .square-top-left {
        margin-left: -1931px;
    }

    .blogSinglePost .square-bottom-left {
        margin-left: -1572px;
    }
}

.sidebar {
    float: right;
    padding-top: 82px;
    position: relative;
    width: 240px;
}

.sidebar .dropdownWrap {
    margin-top: 0;
    width: 100%;
}

.sidebar .dropdownWrap select {
    font-size: 18px;
}

@media screen and (max-width:1279px) {
    .sidebar {
        margin-right: 14px;
    }
}

@media screen and (max-width:768px) {
    .sidebar {
        margin-right: 0;
        margin-top: 40px;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .sidebar {
        padding-top: 0;
    }
}

.hideOnDesktop {
    display: none;
}

.hideOnMobile {
    display: block;
}

h2.caseStudyHeader {
    float: left;
}

.backToTop {
    background: url("images/btn_back_to_top.png") no-repeat;
    bottom: 20px;
    height: 41px;
    opacity: 0;
    position: fixed;
    left: 20px;
    width: 41px;
    z-index: 999;
    -moz-transition: opacity, .5s;
    -o-transition: opacity, .5s;
    -webkit-transition: opacity, .5s;
    transition: opacity, .5s;
}

.backToTop.show {
    opacity: 1;
}

.backToTop:hover {
    background-position-y: -41px;
}

.hidden {
    height: 0;
    position: absolute;
    text-indent: -9999em;
    width: 0;
}

.promoMask {
    display: block;
}

.home img.promoMask {
    clip-path: polygon(50% 0%, 100% 0%, 99.5% 100%, 56.8% 100%, 42% 90%, 0% 90%, 0% 0%);
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .home .promos p.date {
        margin-top: 0 !important;
    }
}

@media screen and (max-width:1279px) {
    .container {
        width: 1024px;
    }
    
    .promoMask {
        display: none;
    }
    .home img.promoMask {
        display: block;
    }
}

@media screen and (max-width:1024px) {
    .container {
        padding: 0 0;
        width: 90%;
    }

    .promoMask {
        display: none;
    }

    .home img.promoMask {
        display: block;
    }
}

@media screen and (max-width:768px) {
    .promoMask {
        display: none;
    }
    .home img.promoMask {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .container {
        padding: 0 20px;
    }

    .hideOnDesktop {
        display: block;
    }

    .hideOnMobile {
        display: none;
    }

    .backToTop {
        display: none;
    }

    .promoMask {
        display: none;
    }
}

@media screen and (max-width:479px) {
    .promoMask {
        display: none;
    }
}

#locationDD {
    background: transparent;
    height: auto;
}

#locationDD .jcf-select-text {
    line-height: normal;
    margin-right: 56px;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}

.home-whatWeDo .promos .promo h4.promos-title {
    color: #fff;

    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
    padding: 26px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 280px;
}

.page-template-gateway .promos .promo h4.promos-title {
    color: #fff;

    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
    padding: 26px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 280px;
}

@media screen and (max-width:767px) {
    .partner .pageHeader .titles {
        width: 100%;
    }

    .partner .pageHeader .titles .c-legend__title {
        width: 100%;
    }
}

.pageHeader h2 {
    color: #fff;

    position: absolute;
    text-transform: uppercase;
    max-width: 790px;
    z-index: 4;
}

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

.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #777;
    margin: 0 3px 0 0;
    height: 16px;
    width: 16px;
}

.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 4px;
    width: 8px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -6px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

.dropdownWrap {
    background-color: #8DB528;
    float: left;
    height: 50px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 400px;
}

.dropdownWrap label {
    display: none !important;
}

.dropdownWrap select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #8DB528 !important;
    background-image: url("images/dropdown-arrow-wide.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;

    font-size: 21px !important;
    height: 100% !important;
    line-height: 50px !important;
    outline: 0 !important;
    padding: 0 20px !important;
    width: 100% !important;
}

.dropdownWrap select::-ms-expand {
    display: none;
}

@media screen and (max-width:768px) {
    .dropdownWrap select {
        line-height: 40px;
    }
}

@media screen and (max-width:767px) {
    .dropdownWrap {
        height: 40px;
    }

    .dropdownWrap .arrow {
        top: 16px;
    }

    .dropdownWrap select {
        font-size: 16px;
    }
}

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0;
}

.jcf-button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border: 1px solid #777;
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
}

.jcf-file {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #777;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
}

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #777;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin: 0 35px 0 19px;
    width: 205px;
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px;
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #273D05;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

body > .jcf-select-drop {
    position: absolute;
    margin: -2px 0 0;
    z-index: 9999;
}

blockquote {
    margin: 0 0 30px;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100% !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
    line-height: 17px;
}

.jcf-list ul li:first-child {
    display: none;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    overflow: hidden;
    cursor: pointer;
    display: block;
    padding: 5px 19px;
    color: #fff;
    min-height: 14px;
    height: 1%;
    font-size: 20px;
    line-height: 1.2;
}

.jcf-textarea {
    border: 1px solid #b8c3c9;
    box-sizing: content-box;
    display: inline-block;
    position: relative;
}

.jcf-textarea textarea {
    padding: 8px 10px;
    border: 0;
    margin: 0;
}

.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px;
}

.jcf-number input {
    -moz-appearance: textfield;
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.jcf-number input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 3px 27px 3px 7px;
    margin: 0;
    height: 100%;
}

.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px;
}

.jcf-range .jcf-range-wrapper {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0;
}

.jcf-range.jcf-vertical {
    min-width: 0;
    width: auto;
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0;
}

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    min-height: 10px;
    min-width: 10px;
    left: 10px;
    right: 10px;
}

.jcf-range .jcf-range-display {
    border-radius: 5px;
    position: absolute;
    background: #888;
    width: 10px;
    height: 10px;
}

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px;
}

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    left: auto;
    right: auto;
    top: 10px;
    bottom: 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0;
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px;
}

.custom-checkbox {
    text-align: left;
    margin: 0 0 10px 0;
}

.custom-checkbox input[type=checkbox] {
    width: auto !important;
    vertical-align: sub;
    text-align: left;
}

video {
    width: 100% !important;
    height: auto !important;
}

@-webkit-keyframes anim-rotatein {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }
}

@-moz-keyframes anim-rotatein {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }
}

@-ms-keyframes anim-rotatein {
    0% {
        opacity: 0;
        -ms-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }
}

@-o-keyframes anim-rotatein {
    0% {
        opacity: 0;
        -o-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }
}

@keyframes anim-rotatein {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg) translate(0px, 0px);
    }
}

@-webkit-keyframes anim-rotatein-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }
}

@-moz-keyframes anim-rotatein-out {
    0% {
        opacity: 1;
        -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }
}

@-ms-keyframes anim-rotatein-out {
    0% {
        opacity: 1;
        -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }
}

@-o-keyframes anim-rotatein-out {
    0% {
        opacity: 1;
        -o-transform: scale(1) rotate(0deg) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -o-transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }
}

@keyframes anim-rotatein-out {
    0% {
        opacity: 1;
        transform: scale(1) rotate(0deg) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0.5) rotate(90deg) translate(-200px, -100px);
    }
}

@-webkit-keyframes anim-scalein {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-500px, 500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0px, 0px);
    }
}

@-moz-keyframes anim-scalein {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translate(-500px, 500px);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1) translate(0px, 0px);
    }
}

@-ms-keyframes anim-scalein {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translate(-500px, 500px);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1) translate(0px, 0px);
    }
}

@-o-keyframes anim-scalein {
    0% {
        opacity: 0;
        -o-transform: scale(0) translate(-500px, 500px);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1) translate(0px, 0px);
    }
}

@keyframes anim-scalein {
    0% {
        opacity: 0;
        transform: scale(0) translate(-500px, 500px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(0px, 0px);
    }
}

@-webkit-keyframes anim-scalein-out {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-500px, 500px);
    }
}

@-moz-keyframes anim-scalein-out {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0) translate(-500px, 500px);
    }
}

@-ms-keyframes anim-scalein-out {
    0% {
        opacity: 1;
        -ms-transform: scale(1) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -ms-transform: scale(0) translate(-500px, 500px);
    }
}

@-o-keyframes anim-scalein-out {
    0% {
        opacity: 1;
        -o-transform: scale(1) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        -o-transform: scale(0) translate(-500px, 500px);
    }
}

@keyframes anim-scalein-out {
    0% {
        opacity: 1;
        transform: scale(1) translate(0px, 0px);
    }

    100% {
        opacity: 0;
        transform: scale(0) translate(-500px, 500px);
    }
}

.slide {
    -webkit-animation-name: anim-slidein;
    -ms-animation-name: anim-slidein;
    -o-animation-name: anim-slidein;
    -moz-animation-name: anim-slidein;
    animation-name: anim-slidein;
}

@-webkit-keyframes anim-slidein {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes anim-slidein {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes anim-slidein {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes anim-slidein {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@keyframes anim-slidein {
    0% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

.slide-out {
    -webkit-animation-name: anim-slideout;
    -ms-animation-name: anim-slideout;
    -o-animation-name: anim-slideout;
    -moz-animation-name: anim-slideout;
    animation-name: anim-slideout;
}

@-webkit-keyframes anim-slideout {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes anim-slideout {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes anim-slideout {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes anim-slideout {
    0% {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes anim-slideout {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes anim-perspectivein {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg) rotateX(90deg) rotateZ(90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
}

@-moz-keyframes anim-perspectivein {
    0% {
        opacity: 0;
        -moz-transform: rotateY(90deg) rotateX(90deg) rotateZ(90deg);
    }

    100% {
        opacity: 1;
        -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
}

@-ms-keyframes anim-perspectivein {
    0% {
        opacity: 0;
        -ms-transform: rotateY(90deg) rotateX(90deg) rotateZ(90deg);
    }

    100% {
        opacity: 1;
        -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
}

@-o-keyframes anim-perspectivein {
    0% {
        opacity: 0;
        -o-transform: rotateY(90deg) rotateX(90deg) rotateZ(90deg);
    }

    100% {
        opacity: 1;
        -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
}

@keyframes anim-perspectivein {
    0% {
        opacity: 0;
        transform: rotateY(90deg) rotateX(90deg) rotateZ(90deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
}

@-webkit-keyframes anim-perspectivein-out {
    0% {
        opacity: 1;
        -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
    }
}

@-moz-keyframes anim-perspectivein-out {
    0% {
        opacity: 1;
        -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
    }
}

@-ms-keyframes anim-perspectivein-out {
    0% {
        opacity: 1;
        -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
    }
}

@-o-keyframes anim-perspectivein-out {
    0% {
        opacity: 1;
        -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
    }
}

@keyframes anim-perspectivein-out {
    0% {
        opacity: 1;
        transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }

    100% {
        opacity: 0;
        transform: rotateY(-90deg) rotateX(-90deg) rotateZ(-90deg);
    }
}

@-webkit-keyframes warning-anim {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes warning-anim {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-ms-keyframes warning-anim {
    0% {
        opacity: 0;
        -ms-transform: scale(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}

@-o-keyframes warning-anim {
    0% {
        opacity: 0;
        -o-transform: scale(0);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes warning-anim {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.contactUsPage .map .mapWrap {
    pointer-events: none;
}

#container {
    position: relative;
}

.rem-group:before,
.rem-group:after {
    content: "";
    display: table;
}

.rem-group:after {
    clear: both;
}

.rem-group {
    zoom: 1;
}

#mapSearch {
    border-bottom: 1px solid rgba(142, 180, 53, .3);
    clear: both;
    margin-bottom: 80px;
    padding-bottom: 48px;
    position: relative;
}

span.rem-bottom-right-shard,
span.rem-bottom-left-shard,
span.rem-top-right-shard,
span.rem-top-left-shard {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

span.rem-bottom-right-shard,
span.rem-top-right-shard {
    left: auto;
    right: 0;
}

span.rem-bottom-left-shard,
span.rem-bottom-right-shard {
    bottom: 0;
    top: auto;
}

span.rem-bottom-right-shard {
    border-top: 50px solid transparent;
    border-right: 50px solid #fff;
    border-left: 50px solid transparent;
}

span.rem-bottom-left-shard {
    border-top: 50px solid transparent;
    border-right: 50px solid transparent;
    border-left: 50px solid #fff;
}

span.rem-top-right-shard {
    border-right: 50px solid #fff;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
}

span.rem-top-left-shard {
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid #fff;
}

#rem-certified-installers.home-whatWeDo {
    height: auto;
}

#rem-certified-installers.home-whatWeDo .promos {
    float: none;
    padding-top: 0;
}

#rem-certified-installers.home-whatWeDo .promos .promo {
    float: none;
}

.field-wrap {
    margin-bottom: 20px;
}

.field-wrap:after {
    clear: both;
    content: "";
    display: block;
}

.field-wrap.label-right label,
.field-wrap.label-left label {
    display: inline;
}

.label-above label {
    margin-bottom: 5px;
}

.text-wrap.label-left input,
.textarea-wrap.label-left textarea {
    margin-left: 10px;
}

.text-wrap.label-right input,
.textarea-wrap.label-right textarea {
    margin-right: 10px;
}

.text-wrap.label-above label,
.textarea-wrap.label-above label {
    display: block;
    width: 100%;
}

.text-wrap.label-above input,
.text-wrap.label-below input,
.textarea-wrap.label-above textarea,
.textarea-wrap.label-below textarea {
    width: 100%;
}

.textarea-wrap textarea {
    height: 200px;
}

.list-checkbox-wrap span ul li input {
    margin-right: 5px;
}

.list-checkbox-wrap span ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-checkbox-wrap span ul li {
    list-style: none;
}

.list-checkbox-wrap span ul li {
    margin: 0;
    padding: 0;
}

.list-checkbox-wrap.label-left label,
.list-checkbox-wrap.label-left ul,
.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right label,
.list-checkbox-wrap.label-right ul,
.list-checkbox-wrap.label-right ul li {
    float: left;
}

.list-checkbox-wrap.label-left ul li,
.list-checkbox-wrap.label-right ul li {
    padding: 0 8px;
}

.list-checkbox-wrap.label-above ul li,
.list-checkbox-wrap.label-below ul li {
    padding: 0 0 0 10px;
}

.list-multi-wrap.label-left label {
    float: left;
}

.list-multi-wrap.label-right select {
    float: left;
}

.credit_card-wrap div label,
.credit_card-wrap div input {
    display: block;
    width: 100%;
}

.credit_card-wrap div {
    margin-bottom: 10px;
}

.credit_card-wrap div span {
    font-size: .8em;
}

span.wpcf7-not-valid-tip,
.ajax-loader {
    display: none !important;
}

.wpcf7-not-valid,
.form .wpcf7-not-valid {
    border: 2px solid #8DB528 !important;
}

div.wpcf7-response-output {
    margin: 20px 0 !important;
    padding: 20px !important;
    border: none !important;
    background-color: #8DB528 !important;
    color: #fff !important;
    text-align: center !important;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.form input[type="checkbox"] {
    border: 0;
    box-shadow: none;
    color: #000;
    margin: 5px 10px 0px 0;
    padding: 0;
    width: auto;
    float: left;
    height: auto;
}

.gateway-details {
    padding: 250px 0 50px 0;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    background-color: transparent !important;
    display: block;
}

.gateway-details h2 a.add-new {
    float: right;
    font-size: 12px;
    background-color: #444;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
}

.gateway-details .clear {
    display: block;
    clear: both;
    width: 100%;
}

.gateway-details .clear-100 {
    display: block;
    clear: both;
    width: 100%;
    height: 50px;
}

.gateway-details table {
    width: 100%;
}

.gateway-details table thead {
    width: 100%;
    background-color: #666;
}

.gateway-details table th {
    padding: 10px;
    color: #8DB528;
    text-align: left;
    white-space: nowrap;
}

.gateway-details table td {
    padding: 10px;
}

.gateway-details table tbody {
    width: 100%;
    background-color: #f8f8f8;
}

.gateway-details table tbody tr {
    border-bottom: 1px solid #666;
}

.gateway-details table td:last-child {
    text-align: right;
}

.gateway-details table td button {
    padding: 10px 20px;
    background-color: #ddd;
    color: #8DB528;
    transition: 300ms ease all;
    cursor: pointer;
}

.gateway-details table td button:hover {
    background-color: #666;
}

.page-id-8561 table.dataTable,
.page-id-8545 table.dataTable {
    width: 100%;
    border-collapse: collapse;
}

.page-id-8561 table.dataTable thead {
    width: 100%;
    background-color: #666;
}

.page-id-8561 table.dataTable th {
    padding: 10px 20px;
    color: #8DB528;
    text-align: left;
    white-space: nowrap;
}

.page-id-8561 table.dataTable td {
    padding: 20px;
}

.page-id-8561 table.dataTable tbody {
    width: 100%;
    background-color: #f8f8f8;
}

.page-id-8561 table.dataTable tbody tr {
    border-bottom: 1px solid #ddd !important;
}

.page-id-8561 table.dataTable td:last-child {
    text-align: right;
}

.page-id-8561 table.dataTable td button,
.page-id-8561 table.dataTable td a.button,
.page-id-8545 table.dataTable td button,
.page-id-8545 table.dataTable td a.button {
    padding: 10px 20px;
    background-color: #ddd;
    color: #8DB528;
    transition: 300ms ease all;
    cursor: pointer;
}

.page-id-8545 table.dataTable td a.button {
    margin: 0 2px;
}

.page-id-8561 table.dataTable tbody td img,
.page-id-8545 table.dataTable tbody td img {
    height: 30px !important;
    width: auto;
    margin: 0;
}

.page-id-8561 table td button:hover,
.page-id-8561 table td a.button:hover,
.page-id-8545 table td button:hover,
.page-id-8545 table td a.button:hover {
    background-color: #666;
}

.gateway-details form {
    width: 100%;
    float: left;
}

.gateway-details .row {
    width: 100%;
    float: left;
}

.gateway-details .row label {
    float: left;
    width: 20%;
    background-color: #8DB528;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    border-top: 1px solid #8DB528 !important;
}

.gateway-details .row label span {
    color: red;
}

.gateway-details .row input {
    float: left;
    width: 80%;
    background-color: #f8f8f8;
    padding: 10px;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    margin: 0 0 5px 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.gateway-details .row select {
    float: left;
    width: 80%;
    background-color: #f8f8f8;
    padding: 10px;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    margin: 0 0 5px 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.gateway-details .form {
    background-color: transparent;
    padding: 0;
    margin: 10px 0;
    float: left;
}

.gateway-details .form.top {
    margin: 0 0 20px 0;
}

.gateway-details .form.bottom {
    margin: 15px 0 0 0;
}

.gateway-details .media-holder {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: #f8f8f8;
}

.gateway-details .media-holder > form {
    width: 53%;
    float: right;
}

.page-template-gateway-media-add .gateway-details .media-holder > form {
    width: 100%;
}

.gateway-details .media-holder > .img-holder {
    width: 45%;
    float: left;
}

.gateway-details .media-holder > .img-holder > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.featherlight .featherlight-content {
    width: 96%;
    left: 0%;
    top: 0%;
    height: 90%;
    margin: 0 !important;
    padding: 30px !important;
}

.featherlight .featherlight-close-icon {
    top: 30px !important;
    right: 30px !important;
    line-height: 40px;
    width: 40px;
    font-size: 30px;
}

.featherlight .featherlight-content h2 {
    color: #8DB528;

    position: relative;
    margin-bottom: 30px;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}

.featherlight .featherlight-content table {
    width: 100%;
}

.featherlight .featherlight-content table thead {
    width: 100%;
    background-color: #666;
}

.featherlight .featherlight-content table th {
    padding: 10px;
    color: #8DB528;
}

.featherlight .featherlight-content table td {
    padding: 10px;
}

.featherlight .featherlight-content table tbody {
    width: 100%;
    background-color: #f8f8f8;
}

.featherlight .featherlight-content table tbody tr {
    border-bottom: 1px solid #666;
}

.featherlight .featherlight-content table td:last-child {
    text-align: right;
}

.featherlight .featherlight-content table td button {
    padding: 10px 20px;
    background-color: #ddd;
    color: #8DB528;
    transition: 300ms ease all;
    cursor: pointer;
}

.featherlight .featherlight-content table td button:hover {
    background-color: #666;
}

.featherlight .featherlight-content form {
    width: 100%;
    float: left;
}

.featherlight .featherlight-content .row {
    width: 100%;
    float: left;
}

.featherlight .featherlight-content .row label {
    float: left;
    width: 20%;
    background-color: #8DB528;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    border-top: 1px solid #8DB528 !important;
}

.featherlight .featherlight-content .row label span {
    color: red;
}

.featherlight .featherlight-content .row input {
    float: left;
    width: 80%;
    background-color: #f8f8f8;
    padding: 10px;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    margin: 0 0 5px 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.featherlight .featherlight-content .row select {
    float: left;
    width: 80%;
    background-color: #f8f8f8;
    padding: 10px;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    margin: 0 0 5px 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.featherlight .featherlight-content .form {
    background-color: transparent;
    padding: 0;
    margin: 10px 0;
    float: left;
}

.featherlight .featherlight-content .form.top {
    margin: 0 0 20px 0;
}

.featherlight .featherlight-content .form.bottom {
    margin: 15px 0 0 0;
}

.featherlight .featherlight-content .media-holder {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: #f8f8f8;
}

.featherlight .featherlight-content .media-holder > form {
    width: 53%;
    float: right;
}

.featherlight .featherlight-content .media-holder > .img-holder {
    width: 45%;
    float: left;
}

.featherlight .featherlight-content .media-holder > .img-holder > img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.featherlight {
    background: rgba(0, 0, 0, 0.8) !important;
}

#mapsSearchWrap .wpgmza_sl_query_innerdiv2:before,
#mapsSearchWrap .wpgmza_sl_query_innerdiv2:after,
.rem-group:before,
.rem-group:after {
    content: "";
    display: table
}

#mapsSearchWrap .wpgmza_sl_query_innerdiv2:after,
.rem-group:after {
    clear: both
}

#mapsSearchWrap .wpgmza_sl_query_innerdiv2,
.rem-group {
    zoom: 1
}

#mapsSearchWrap .wpgmza_marker_carousel .item {
    height: 289px
}

.certfied-map-img img {
    width: 100px;
    height: 100px
}

.certfied-map-img {
    padding: 0 10px;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 15px !important;
}

.viewlink {
    font-size: 16px
}

.gm-ui-hover-effect {
    top: 5px !important;
    right: 5px !important;
}

.gm-style .gm-style-iw-c {
    padding: 25px !important;
}

.gm-style .gm-style-iw-d {
    overflow: scroll !important;
}

.wpgmza_markerbox .certfied-map-img {
    position: relative;
    text-align: left;
    min-width: 250px;
    display: none;
}

.gm-bundled-control {
    display: none !important
}

#mapSearch .gm-bundled-control {
    display: block !important
}

#mapSearch {
    border-bottom: 1px solid rgba(142, 180, 53, .3);
    clear: both;
    margin-bottom: 80px;
    padding-bottom: 48px;
    position: relative
}

#mapSearchWrap {
    margin-bottom: 40px
}

#mapsSearchWrap .wpgmza_marker_carousel .item {
    border-radius: 0;
    margin: 5px;
    padding: 10px 0 50px 0;
    position: relative;
    text-align: left
}

#mapsSearchWrap .wpgmza_carousel_info_holder p {
    margin: 5px 0 10px 0;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
}

#mapsSearchWrap .wpgmza_carousel_info_holder p a {
    color: #fff;
}

#mapsSearchWrap .wpgmza_carousel_info_holder p span,
#mapsSearchWrap .wpgmza_marker_carousel .item .wpgmza_marker_title,
#mapsSearchWrap .wpgmza_marker_carousel .item .wpgmza_marker_address {
    font-size: 16px
}

#mapsSearchWrap .wpgmza_marker_carousel .item .wpgmza_marker_title {
    background-color: #fff;
    color: #1f1f1f;
    padding: 15px 20px;
    margin: 0 0 20px 0 !important;
}

#mapsSearchWrap .sl_use_loc img {
    width: 15px
}

#mapsSearchWrap .wpgmza_sl_radius_div,
#mapsSearchWrap .wpgmza_sl_query_div {
    display: inline-block;
    height: auto;
    margin: 0 0 20px 0;
    vertical-align: top;
    width: 50%
}

#mapsSearchWrap .wpgmza_sl_radius_innerdiv1,
#mapsSearchWrap .wpgmza_sl_query_innerdiv1 {
    clear: both;
    float: none;
    margin: 5px 0
}

#mapsSearchWrap .wpgmza_sl_radius_innerdiv2,
#mapsSearchWrap .wpgmza_sl_query_innerdiv2 {
    float: none;
    padding: 0 20px 0 0;
    width: 100%
}

#mapsSearchWrap .wpgmza_sl_query_innerdiv2 input[type="text"] {
    height: 45px;
    padding: 5px 10px;
    width: 100% !important
}

#mapsSearchWrap input[type="button"].wpgmza_sl_search_button_1,
#mapsSearchWrap input[type="button"].wpgmza_sl_reset_button_1 {
    background-color: #8DB528;
    border: 0;
    color: #fff;
    outline: 0;
    padding: 5px 20px;
    transition: all .3s;
    vertical-align: top
}

#mapsSearchWrap input[type="button"].wpgmza_sl_search_button_1:hover,
#mapsSearchWrap input[type="button"].wpgmza_sl_reset_button_1:hover {
    background-color: #8db627
}

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

    #mapsSearchWrap .wpgmza_sl_radius_div,
    #mapsSearchWrap .wpgmza_sl_query_div {
        width: 100%
    }
}

#mapsSearchWrap,
#caseStudiesFilter {
    background: transparent;
    height: auto;
    position: relative
}

#mapsSearchWrap .jcf-unselectable,
#caseStudiesFilter .jcf-unselectable {
    background-image: url('images/dd-bg.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    border: 0;
    height: auto;
    margin: 0;
    width: auto;
    min-width: 100%
}

#mapsSearchWrap .jcf-unselectable.jcf-drop-active,
#caseStudiesFilter .jcf-unselectable.jcf-drop-active {
    background-image: url('images/dd-bg-hover.png');
    background-color: #8DB528
}

#mapsSearchWrap .jcf-unselectable:hover,
#caseStudiesFilter .jcf-unselectable:hover {
    background-image: url('images/dd-bg-hover.png')
}

#mapsSearchWrap .jcf-select-text,
#caseStudiesFilter .jcf-select-text {
    line-height: normal;
    margin-right: 56px;
    color: #fff;
    font-size: 20px;
    padding: 10px 0
}

#mapsSearchWrap .jcf-select-opener,
#caseStudiesFilter .jcf-select-opener {
    background: url('images/DD-down-arrow.png') no-repeat center center transparent;
    right: 35px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #aaa;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}

#mapsSearchWrap .jcf-select-opener,
#caseStudiesFilter .jcf-select-opener {
    background: url('images/DD-down-arrow.png') no-repeat center center transparent;
    right: 35px
}

#mapsSearchWrap .jcf-drop-active .jcf-select-opener,
#caseStudiesFilter .jcf-drop-active .jcf-select-opener {
    background-image: url('images/DD-right-arrow.png')
}

span.rem-bottom-right-shard,
span.rem-bottom-left-shard,
span.rem-top-right-shard,
span.rem-top-left-shard {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

span.rem-bottom-right-shard,
span.rem-top-right-shard {
    left: auto;
    right: 0
}

span.rem-bottom-left-shard,
span.rem-bottom-right-shard {
    bottom: 0;
    top: auto
}

span.rem-bottom-right-shard {
    border-top: 50px solid transparent;
    border-right: 50px solid #fff;
    border-left: 50px solid transparent
}

span.rem-bottom-left-shard {
    border-top: 50px solid transparent;
    border-right: 50px solid transparent;
    border-left: 50px solid #fff
}

span.rem-top-right-shard {
    border-right: 50px solid #fff;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent
}

span.rem-top-left-shard {
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid #fff
}

#rem-certified-installers.home-whatWeDo {
    height: auto
}

#rem-certified-installers.home-whatWeDo .promos {
    float: none;
    padding-top: 0
}

#rem-certified-installers.home-whatWeDo .promos .promo {
    float: none
}

.wpgmza_map {
    border: 0
}

.wpgmza_map img {
    border: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important
}

#wpgmza_map img {
    box-shadow: none !important
}

.wpgmza_table img {
    box-shadow: none !important
}

.gm-style div {
    margin-top: 0 !important
}

#wpgmaps_directions_edit {
    padding-top: 20px
}

.wpgmza_markerbox {
    margin: 0;
    padding: 0;
    color: #000 !important
}

.wpgmza_markerbox img {
    margin: 3px !important
}

.wpgmza_markerbox h1,
.wpgmza_markerbox h2,
.wpgmza_markerbox h3,
.wpgmza_markerbox h4,
.wpgmza_markerbox h5,
.wpgmza_markerbox h6,
.wpgmza_markerbox h7,
.wpgmza_markerbox h8,
.wpgmza_markerbox strong,
.wpgmza_markerbox p,
.wpgmza_markerbox br {
    margin: 2px;
    padding: 1px;
    color: #000 !important
}

.wpgmza_markerbox a {
    color: #1982d1 !important
}

.wpgmaps_mlist_table {
    width: 42px
}

.wpgmza_table .wpgmaps_mlist_marker {
    width: 32px;
    height: 32px;
    vertical-align: top;
    padding: 0 !important
}

.wpgmza_table .wpgmaps_mlist_info {
    vertical-align: top;
    text-align: left;
    padding: 0 !important
}

.wpgmza_table .wpgmaps_mlist_row {
    cursor: pointer
}

.wpgmza_table .wpgmaps_mlist_row:hover {
    background-color: #eee
}

.wpgmaps_directions_outer_div {
    padding-top: 5px;
    padding-bottom: 5px
}

.wpgmaps_directions_outer_div table,
wpgmza_marker_list_class {
    margin-bottom: 0 !important
}

.wpgmza_map h2 {
    clear: both
}

.wpgmaps_user_form {
    clear: both
}

.wpgmza_table {
    clear: both
}

.wpgmaps_mlist_row img {
    margin-bottom: 0 !important
}

.wpgmza_table td {
    vertical-align: top !important;
    padding-bottom: 15px !important;
    padding-right: 10px !important;
    border: 0 !important
}

.wpgmza_table tr {
    border: 0 !important
}

.wpgmza_table th {
    text-align: left !important;
    padding-bottom: 15px !important;
    border: 0 !important;
    min-width: 100px
}

.dataTables_filter input[type="text"],
.dataTables_filter select {
    display: inline !important
}

.dataTables_filter label {
    font-weight: bold
}

table.dataTable tr.child ul li {
    white-space: normal !important
}

.adp-placemark img {
    width: 24px !important;
    max-width: none !important
}

.wpgmza_table .sorting {
    background-image: none !important
}

#wpgm_premium {
    display: block;
    overflow: auto;
    margin: 10px;
    margin-left: 0;
    clear: both;
    width: 90%
}

#wpgm_premium h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 2px
}

.wpgm_premium_row {
    margin-top: 20px;
    display: block;
    clear: both;
    width: 100%;
    overflow: auto
}

.wpgm_details p {
    padding-top: 0;
    margin-top: 2px;
    color: #666 !important
}

.wpgm_icon {
    display: block;
    float: left;
    width: 50px;
    height: 70px;
    background-repeat: no-repeat
}

.wpgm_details {
    display: block;
    float: left;
    width: 80%
}

.wpgm_notice_message {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 0 15px;
    padding: 0 .6em;
    background-color: #ffffe0;
    border-color: #e6db55
}

.wpgmza_sl_main_div {
    width: 100%
}

.wpgmza_sl_query_div {
    height: 30px;
    display: block
}

.wpgmza_sl_query_innerdiv1 {
    float: left;
    display: block;
    width: 150px;
    clear: left
}

.wpgmza_sl_query_innerdiv2 {
    display: block;
    float: left
}

.wpgmza_sl_radius_div {
    display: block;
    height: 30px;
    margin-top: 10px;
    clear: both
}

.wpgmza_sl_radius_innerdiv1 {
    float: left;
    display: block;
    width: 150px
}

.wpgmza_sl_radius_innerdiv2 {
    display: block;
    float: left;
    width: 250px
}

.wpgmza_sl_category_div {
    display: block;
    clear: both;
    height: auto;
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.wpgmza_sl_category_innerdiv1 {
    float: left;
    display: block;
    width: 150px
}

.wpgmza_sl_category_innerdiv2 {
    float: left
}

.wpgmza_marker_approval_msg {
    font-weight: bold
}

.scrollFix {
    line-height: 1.35
}

.wpgmza_infowindow_description {
    white-space: normal
}

.wpgmza_infowindow_title {
    white-space: normal
}

.wpgmza_infowindow_address {
    white-space: normal
}

.wpgmza_infowindow_title {
    font-weight: bold
}

.gm-style-iw div {
    overflow: visible !important
}

#wpgmza_marker_list tr {
    vertical-align: middle !important
}

#wpgmza_marker_list td {
    vertical-align: middle !important
}

#wpgmza_marker_list td img {
    vertical-align: middle !important
}

.wpgmza_marker_carousel {
    clear: both
}

.wpgmza-shadow {
    -webkit-box-shadow: 3px 3px 10px 0 rgba(107, 107, 107, 1);
    -moz-box-shadow: 3px 3px 10px 0 rgba(107, 107, 107, 1);
    box-shadow: 3px 3px 10px 0 rgba(107, 107, 107, 1)
}

.wpgmza_innermap_holder {
    padding: 5px;
    background-color: white;
    border 1px solid #ccc;
    border-radius: 5px
}

.wpgmza_small_img {
    max-width: 14px;
    max-height: 14px
}

ul.wpgmza_marker_list_class {
    list-style: none;
    margin-left: 5px;
    padding-left: 0
}

.wpgmza-basic-list-item {
    float: left;
    cursor: pointer
}

.wpgmaps_blist_row {
    clear: both;
    display: block;
    height: auto;
    overflow: hidden
}

.wpgmaps_blist_row:hover {
    background-color: #EEE
}

.wpgmza_div_marker {
    width: 17px;
    height: 17px
}

.wpgmza_div_address {
    padding-left: 2px
}

.wpgmza_basic_row {
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden
}

.wpgmza-basic-listing-image-holder {
    float: right;
    width: 20%
}

.wpgmza-basic-listing-image-holder img {
    border: 1px solid #ccc !important;
    padding: 5px !important;
    float: right !important;
    height: auto !important;
    width: 100% !important
}

.wpgmza-basic-listing-content-holder {
    float: left;
    display: block;
    width: 100%
}

.wpgmza-content-address-holder {
    width: 78%;
    display: block;
    float: left;
    overflow: hidden
}

.wpgmza-content-address-holder img {
    float: left !important;
    margin: 10px !important;
    max-width: 30px !important
}

.wpgmza-address {
    font-style: italic;
    display: block;
    margin-top: 20px
}

.wpgmza_row {
    width: 100%;
    display: block;
    overflow: auto
}

.wpgmza_row_col {
    width: 90%;
    float: left;
    display: block;
    overflow: auto;
    margin: .25%;
    padding: .2%;
    min-height: 360px
}

.wpgmza_row_col ul li {
    margin: .3em 2.5em
}

.wpgmza_row_col ul {
    list-style-type: disc
}

@media only screen and (min-width:480px) {
    .wpgmza_row_col {
        width: 31%;
        float: left;
        display: block;
        overflow: auto;
        margin: .25%;
        padding: .2%;
        min-height: 360px
    }
}

.wpgmza_filter_container {
    display: block;
    float: left;
    width: 400px
}

.addressInput {
    width: inherit !important;
    float: left
}

.sl_use_loc {
    float: left;
    margin-left: 4px
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: 0
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    cursor: pointer;
    cursor: hand;
}

table.dataTable thead .sorting {
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/sort_both.png') no-repeat center right
}

table.dataTable thead .sorting_asc {
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/sort_asc.png') no-repeat center right
}

table.dataTable thead .sorting_desc {
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/sort_desc.png') no-repeat center right
}

table.dataTable thead .sorting_asc_disabled {
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/sort_asc_disabled.png') no-repeat center right
}

table.dataTable thead .sorting_desc_disabled {
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/sort_desc_disabled.png') no-repeat center right
}

table.dataTable tbody tr {
    background-color: white
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: 0
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: 0
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #abb9d3
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: whitesmoke
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
    background-color: #a9b7d1
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd
}

table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce
}

table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0
}

table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb
}

table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd
}

table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6
}

table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
    background-color: #ebebeb
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
    background-color: #eee
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
    background-color: #a1aec7
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
    background-color: #a2afc8
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
    background-color: #a4b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 5px 9px
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 5px 9px 3px 9px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px 5px
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #cacaca;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    background: -webkit-linear-gradient(top, white 0, gainsboro 100%);
    background: -moz-linear-gradient(top, white 0, gainsboro 100%);
    background: -ms-linear-gradient(top, white 0, gainsboro 100%);
    background: -o-linear-gradient(top, white 0, gainsboro 100%);
    background: linear-gradient(to bottom, white 0, gainsboro 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0, #111 100%);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(to bottom, #585858 0, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: 0
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

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

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

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

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/grabbing.png') 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(//innasol.com/wp-content/plugins/wp-google-maps-pro/css/../images/AjaxLoader.gif) no-repeat center center
}

.wpgmza_carousel_image_holder img {
    width: auto;
    margin: 0 auto;
    display: block
}

.wpgmza_carousel_info_holder {
    margin: 5px 0 0
}

.wpgmza_marker_carousel .item {
    padding: 30px 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

.wpgmza_marker_carousel .item .wpgmza_marker_title {
    font-weight: bold;
    font-size: 1.3em
}

.wpgmza_carousel_odd {
    background: #388bd1
}

.wpgmza_carousel_even {
    background: #a1def8
}

#locationDD {
    background: transparent;
    height: auto
}

#locationDD .jcf-unselectable {
    background-image: url('images/dd-bg.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    border: 0;
    height: auto;
    margin: 0;
    width: auto;
    min-width: 100%
}

#locationDD .jcf-unselectable.jcf-drop-active {
    background-image: url('images/dd-bg-hover.png');
    background-color: #8DB528
}

#locationDD .jcf-unselectable:hover {
    background-image: url('images/dd-bg-hover.png')
}

#locationDD .jcf-select-text {
    line-height: normal;
    margin-right: 56px;
    color: #fff;
    font-size: 20px;
    padding: 10px 0
}

#mapsSearchWrap .wpgmza_sl_radius_div,
#mapsSearchWrap .wpgmza_sl_query_div {
    display: inline-block;
    height: auto;
    margin: 0 0 20px 0;
    vertical-align: top;
    width: 49%;
}

#locationDD .jcf-select-opener {
    background: url('images/DD-down-arrow.png') no-repeat center center transparent;
    right: 35px
}

#locationDD .jcf-drop-active .jcf-select-opener {
    background-image: url('images/DD-right-arrow.png')
}

.wpgmza_carousel_even {
    background-color: #1a2707 !important
}

.wpgmza_carousel_odd {
    background-color: #8DB528 !important
}

#finance-calculator {
    padding: 50px;
    background-color: #8DB528;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#finance-calculator * {
    position: relative;
    z-index: 1;
}

#finance-calculator .square-right {
    background: #f1f5f9;
    height: 900px;
    width: 600px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: 107px;
    position: absolute;
    top: 0;
    z-index: 0;
    position: absolute;
    opacity: 0.1;
}

#finance-calculator h2 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    color: #fff;
    text-transform: uppercase;
}

#finance-calculator h3 {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    color: #fff;
    text-transform: none;
}

#finance-calculator h3 span {
    font-weight: 700;
}

#finance-calculator label {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    color: #fff;
    font-weight: 600;
}

#finance-calculator .row {
    float: left;
    width: 100%;
}

#finance-calculator .row .half {
    float: left;
    width: 49%;
    margin: 0 1% 0 0;
}

#finance-calculator .row .half:last-child {
    float: left;
    width: 49%;
    margin: 0 0 0 1%;
}

#finance-calculator input {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    text-align-last: center;
    box-shadow: none !important;
}

#finance-calculator small {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    color: #fff;
}

#finance-calculator p {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    color: #fff;
}

#finance-calculator .space {
    display: block;
    clear: both;
    width: 100%;
    height: 30px;
}

#finance-calculator .clear {
    display: block;
    clear: both;
    width: 100%;
}

#finance-calculator select {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    text-align-last: center;
    box-shadow: none !important;
}

.postStyles #finance-calculator .form {
    background-color: transparent;
    border-bottom: 0;
    padding: 0;
    text-align: left;
}

.postStyles #finance-calculator .form input[type="submit"] {
    background-position-x: 114px;
    height: 45px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 200px;
    border: none !important;
    border-radius: 0;
    font-size: 18px;
    text-align: left;
    background-position: right 20px center !important;
}

.postStyles #finance-calculator .form input:disabled {
    cursor: not-allowed;
}

.dropify-wrapper {
    float: left;
    width: 100%;
    margin: 20px 0;
}

ul.gateway-media-list {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
}

ul.gateway-media-list li {
    margin: 0 10px 20px;
    padding: 0;
    width: 230px;
    display: inline-block;
    list-style: none;
    height: 200px;
    background-color: #f8f8f8;
    position: relative;
    background-image: url(images/gateway-pdf.png);
    background-size: 90px auto;
    background-repeat: no-repeat;
    background-position: center 35px;
    vertical-align: top;
    text-align: center;
}

ul.gateway-media-list li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #8DB528;
    -webkit-transition: 300ms opacity ease;
    transition: 300ms opacity ease;
    content: '';
}

ul.gateway-media-list li:hover:before {
    opacity: 0.8;
}

ul.gateway-media-list li > span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #f8f8f8;
    z-index: 2;
    font-size: 13px;
    text-align: center;
    height: auto;
    color: #8DB528;
    line-height: 1.4;
}

ul.gateway-media-list li a {
    padding: 10px;
    background-color: #444;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin: 0 3px 0;
    position: relative;
    z-index: 3;
    margin-top: 70px;
    opacity: 0;
    -webkit-transition: 300ms opacity ease;
    transition: 300ms opacity ease;
    line-height: 1;
}

ul.gateway-media-list li:hover a {
    opacity: 1;
}

ul.gateway-media-cats {
    margin: 0 0 20px 0;
    text-align: center;
    padding: 0;
    width: 100%;
    display: block;
    clear: both;
}

ul.gateway-media-cats li {
    margin: 0 5px 10px;
    padding: 0;
    width: auto;
    display: inline-block;
    list-style: none;
    background-color: #f8f8f8;
    vertical-align: top;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: none !important;
    line-height: 1 !important;
}

ul.gateway-media-cats li.add-new {
    color: #fff !important;
    background-color: #999 !important;
    margin-right: 50px;
}

ul.gateway-media-cats li a,
ul.gateway-media-cats li a:visited {
    float: left;
    padding: 10px 20px;
    font-size: 13px;
    color: #8DB528;
    text-decoration: none;
    -webkit-transition: 300ms color ease;
    transition: 300ms color ease;
}

ul.gateway-media-cats li a:hover,
ul.gateway-media-cats li a:focus {
    color: #000;
}

ul.gateway-media-cats li.active > a {
    background-color: #8DB528;
    color: #fff;
}

.pdf-holder,
.pdf-holder embed {
    float: left;
    width: 100%;
    height: 433px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111;
    margin: 30px 0;
    float: left;
    width: 100%;
}

table.dataTable thead .sorting_asc {
    background-image: url('images/sort_asc.png') !important;
    background-repeat: no-repeat !important;
}

table.dataTable thead .sorting_desc {
    background-image: url('images/sort_desc.png') !important;
    background-repeat: no-repeat !important;
}

table.dataTable thead .sorting {
    background-image: url('images/sort_both.png') !important;
    background-repeat: no-repeat !important;
}

table.dataTable thead th.no-sort {
    background-image: none !important;
}

div#DataTables_Table_0_wrapper {
    width: 100% !important;
}

.gateway-pagination {
    float: left;
    width: 100%;
    margin: 50px 0 0;
    text-align: center;
}

.gateway-pagination a {
    width: auto;
    padding: 10px 20px;
    background-color: #8DB528;
    color: #fff;
}

.gateway-pagination span {
    width: auto;
    padding: 10px 20px;
    background-color: #999;
    color: #fff;
}

.category-search {
    float: left;
    width: 50%;
    background: #283c0a;
    padding: 20px;
    margin: 0 0 30px 0;
}

.category-search label {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    color: #fff;
    text-transform: none;
    line-height: 1;
    font-size: 15px;
}

table#gateway-users-2.dataTable tbody td {
    padding: 20px;
}

.category-search select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    padding: 10px;
    border: none;
    background-image: url(images/select.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: right 15px center;
}

.dataTables_filter label {
    display: none !important;
}

.col-1 {
    float: left;
    width: 23%;
}

#new-table-holder {
    display: none;
}

.col-1 .category-search {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px 20px 10px 20px;
}

.col-1 .category-search input[type="text"] {
    padding: 10px;
    width: 100%;
    margin: 0 0 20px 0;
}

.col-1 .category-search select {
    margin: 0 0 20px 0;
}

.col-4 {
    float: left;
    width: 75%;
    margin-left: 2%;
}

.cleared{
    position: relative;
}

.cleared:after{
    position: relative;
    content: '';
    display: block;
    clear: both;
}

/* May 2023 Home Page amendments */

.grid-wrapper {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.grid-four-cols {
    grid-template-columns: 1fr;
    grid-template-rows: 4fr;
}
@media all and (min-width:600px) {
    .grid-four-cols {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2fr;
    }
}
@media all and (min-width:768px) {
    .mb-40 {
        margin-bottom: 40px;
    }
    .mb-80 {
        margin-bottom: 80px;
    }
    .mb-100 {
        margin-bottom: 100px;
    }
    .mb-max {
        margin-bottom: 160px;
    }
}

@media all and (min-width:1024px) {
    .grid-two-three {      
        grid-template-columns: 2fr 3fr;
    }
    .grid-three-two {      
        grid-template-columns: 3fr 2fr;
    }
    .grid-two-cols {
        grid-template-columns: 1fr 1fr;
    }
    .grid-three-cols {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /*
    .grid-wrapper.grid-three-cols {
        grid-gap:30px;
    }
    */
    .grid-four-cols {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .grid-two-one {
        grid-template-columns: 2fr 1fr;
    }
    .mt-auto {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: end;
    }
    .mt-auto.align-end {
    flex-direction: row;
    align-items: end;
    justify-content: start;
    }
}
.w-100 {
    width: 100% !important;
}
.pr-40 {
    padding-right: 40px;
}
.mt-0 {
    margin-top: 0 !important;
}
.d-flex {
    display: flex;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
  padding: 8px;
}
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
.h-100 {
    height: 100%;
}
img.h-100 {
    object-fit: cover;
}
.pr-40 p:first-of-type, .pr-40 li:first-of-type {
    margin-top: 0
}
/*
.home ul {
    padding-left: 1rem;
}
*/
.panel, .card {
    padding:1.5rem;
    color: white
}
.panel.bgLightGreen, .card.bgLightGreen {
    background-color: #216000;
 
}
.panel.bgLightGreen li, .panel.bgGrey li, .panel.bgLightGreen h3, .panel.bgGrey h3 {
    color: white
}
.panel.bgGrey, .card.bgGrey  {
    background-color: #555;
}

/* BLOG & NEWS Page grid, filters, etc */

.thirds-grid {
    display: grid; 
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 50px;
 
 }
 
 @media all and (max-width:799px) {
   .thirds-grid {
    display: grid; 
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
    grid-gap: 0;
 }
   .page-template-news .panel, .page-template-blogs .panel {
     padding: 0.5rem
   }
 }
 .filters .pagination, .page-links .pagination {
   width: unset;
   height: unset;
 }
 
 .filters {
   float: none;
   margin: 84px auto;
 }
    
 .filter--wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
 .radio {
   display: flex;
   flex-wrap: wrap;
 }
 
 .filter--wrapper label {
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 10px 15px;
   color: #000;
   background: #eee;
   border-radius: 35px;
   font-size: 15px;
   font-weight: 700;
   -webkit-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
 }
 
 .filter--wrapper label.active, .filter--wrapper label:hover {
   background: #216000;
   color: #fff;
 }
 
 input[type="radio"] {
   display:none
 }
 
 .page-template-news .panel, .page-template-blogs .panel {
   background: #f9fbfd;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center
 }

.blogPage .posts #em-wrapper .postContent .allPosts {
    float: none;
    margin: 84px auto 0;
}
.em.em-item.em-item-single .em-item-image img {
    border-left: 4px solid #8DB528 !important;
}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover,
button:focus {
  background-color: #ccc;
  background: #ccc;
  border: none;
}

/* Style the accordion panel. Note: hidden by default */
.schema-faq-code .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;

}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

 /* Style the tab */
 .tab {
  float: left;
  border-top: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 100%;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-bottom: 1px solid #ccc;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

.tablinks:after {
  content: '\25BA';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0 1.5rem 3rem;
  width: 70%;
  border: none;
  height: 100%;
  background:transparent;
  max-height: 600px;
  overflow: scroll;
  margin-bottom: 4rem;
}

.card {
    padding:1.5rem;
    color: white
}
.page-template-partners .card.bgLightGreen {
    background-color: #8DB528;
 
}
.panel.bgLightGreen li, .panel.bgGrey li, .panel.bgLightGreen h3, .panel.bgGrey h3 {
    color: white
}
.page-template-partners .card.bgDarkGreen  {
    background-color: #1a2707;
}
.services-title {
    background-color: #fff;
    color: #1f1f1f;
    padding: 15px 20px;
    margin: 0 0 20px 0 !important;
    font-size: 16px;
    font-weight: bold;
}
.address {
  margin: 5px 0;
  color: #000;
  font-size: 14px;
  word-break: break-word;
}


.btn.btnNew {
    font-size: 18px;
    height: 45px;
    line-height: 15px;
    margin-top: 40px;
    padding-right: 46px;
}
.btn.btnNew .text {
    background: url("images/icon-arrow-white.png") no-repeat right center;
    display: inline-block;
    margin: 15px 0 0 18px;
    padding-right: 28px;
}
.btnNew.white {
    clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
    color: #15141A !important;
    background: #ffffff;
}

.btnNew.white:hover {
    background: #8DB528;
    color: #fff !important;
}
.btnNew.white .text {
    background: url("images/btn-arrow.png") no-repeat right center;
}
.btnNew.white .text:hover {
    background: url("images/btn-arrow-white.png") no-repeat right center;
}

.btnNew.green {
    clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
    color: #fff !important;
    background: #8DB528;
    border-radius: 0;
}
.btnNew.green:hover, .wp-block-button__link:hover {
    background: #ffffff;
    color: #15141A !important;
}
.wp-block-button__link {
    color: #fff !important;
    background: rgb(255, 144, 22);
    border-radius: 0;
}
a.wp-block-button__link:after {
    background: rgb(255, 144, 22);
}
.btnNew.green .text {
    background: url("images/btn-arrow-white.png") no-repeat right center;
}
.btnNew.green .text:hover {
    background: url("images/btn-arrow.png") no-repeat right center;
}

.btnNew.orange {
    clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
    color: #fff !important;
    background: #FF9016;
}
.btnNew.orange:hover {
    background: #ffffff;
    color: #15141A !important;
}
.btnNew.orange .text {
    background: url("images/btn-arrow-white.png") no-repeat right center;
}
.btnNew.orange .text:hover {
    background: url("images/btn-arrow.png") no-repeat right center;
}

.btn.large {
    clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
}
.polygon {
    position: relative;
    clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
    background-color: #FF9016;
    height: 46px;
}
.polygon.large {
    position: relative;
    clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
    background-color: #FF9016;
    height: 46px;
    width: 313px;
}
.polygon.large.green {
    background-color: #8DB528;
}
.polygon.large.green.transparent {
    background-color: transparent;
}
.btnNew.orange.outline {
    background: #ffffff;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 4.5px;
    bottom: 2px;
    height: 42px;
    color: #15141A !important;
    clip-path: polygon(0 0, 100% 0%, 83% 100%, 0% 100%);
}
.btnNew.orange.outline.large {
    right: 5.5px;
    clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
}
.btnNew.orange.outline:hover {
    background-color: #FF9016;
    color: #fff !important;
}

.btnNew.orange.outline .text {
    background: url("images/btn-arrow.png") no-repeat right center !important;
}
.btnNew.orange.outline .text:hover {
    background: url("images/btn-arrow-white.png") #FF9016 no-repeat right center !important;
}

.btnNew.green.outline {
    background: #ffffff;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 5.5px;
    bottom: 2px;
    height: 42px;
    color: #15141A !important;
    clip-path: polygon(0 0, 100% 0%, 87% 100%, 0% 100%);
}
.btnNew.green.outline:hover {
    background-color: #8DB528;
    color: #fff !important;
}

.btnNew.green.outline .text {
    background: url("images/btn-arrow.png") no-repeat right center !important;
}
.btnNew.green.outline .text:hover {
    background: url("images/btn-arrow-white.png") #8DB528 no-repeat right center !important;
}


.btnNew.green.transparent {
    background: #ffffff;
}
.btn.btnGrey, .btn.btnOrange {
    margin-top: 8px;
}

.btn.btnGrey span, .btn.btnOrange span {
    float: left;
}

.btn.btnOrange {
    background: #fd912a;
    clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
    color: #fff !important;
    height: 46px;
    font-size: inherit;
    height: 46px;
    width: fit-content;
}
.btn.btnGrey .text {
    background: #555 url("images/icon-arrow-white.png") no-repeat right center;
    background-color: #555;
    display: block;
    font-size: 18px;
    height: 45px;
    padding: 12px 22px 14px 20px;
    background-size: 6px 12px;
}

/*Spacing utilties*/
.pe-1 {
    padding-right: 0.5rem;
}
.pe-2 {
    padding-right: 1rem;
}
.pe-3 {
    padding-right: 1.5rem;
}
.pe-4 {
    padding-right: 2rem;
}
.pe-5 {
    padding-right: 2.5rem;
}
.ps-1 {
    padding-left: 0.5rem;
}
.ps-2 {
    padding-left: 1rem;
}
.ps-3 {
    padding-left: 1.5rem;
}
.ps-4 {
    padding-left: 2rem;
}
.ps-5 {
    padding-left: 2.5rem;
}
.pt-1 {
    padding-top: 0.5rem;
}
.pt-2 {
    padding-top: 1rem;
}
.pt-3 {
    padding-top: 1.5rem;
}
.pt-4 {
    padding-top: 2rem;
}
.pt-5 {
    padding-top: 2.5rem;
}
.pb-1 {
    padding-bottom: 0.5rem;
}
.pb-2 {
    padding-bottom: 1rem;
}
.pb-3 {
    padding-bottom: 1.5rem;
}
.pb-4 {
    padding-bottom: 2rem;
}
.pb-5 {
    padding-bottom: 2.5rem;
}
.px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-4 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-2 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-4 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.my-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.mt-1 {
    margin-top: 0.5rem;
}
.mt-2 {
    margin-top: 1rem;
}
.mt-3 {
    margin-top: 1.5rem !important;
}
.mt-4 {
    margin-top: 2rem;
}
.mt-5 {
    margin-top: 2.5rem;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.5rem;
}
.mb-2 {
    margin-bottom: 1rem;
}
.mb-3 {
    margin-bottom: 1.5rem;
}
.mb-4 {
    margin-bottom: 2rem;
}
.mb-5 {
    margin-bottom: 2.5rem;
}
.ms-1 {
    margin-left: 0.5rem;
}
.ms-2 {
    margin-left: 1rem;
}
.ms-3 {
    margin-left: 1.5rem;
}
.ms-4 {
    margin-left: 2rem;
}
.ms-5 {
    margin-left: 2.5rem;
}
.me-1 {
    margin-right: 0.5rem;
}
.me-2 {
    margin-right: 1rem;
}
.me-3 {
    margin-right: 1.5rem;
}
.me-4 {
    margin-right: 2rem;
}
.me-5 {
    margin-right: 2.5rem;
}

.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.text-white, .text-white p {
    color: white;
}
.text-green {
    color: #8DB528;
}
.image-card .text-content {
    width: 80%;
    bottom: 8%;
    margin: auto;
    left: 10%;
}
.image-card .btnTrans.large {
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%) !important;
    margin-top: 20px !important;
}
.btnTrans.large {
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%) !important;
}
.w-auto {
    width: auto;
}
.w-60 {
    width: 60%;
}
.w-40 {
    width: 40%;
}
.w-80 {
    width: 80%;
}
.w-100 {
    width: 100%;
}
.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap:30px;
}
.space-between {
    justify-content: space-between;
}
.h-equal {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.filtered {
    filter: brightness(50%);
}
.clipped {
    clip-path: polygon(100% 0, 100% 100%, 70% 100%, 65% 89%, 0 89%, 0 0);
}
.overset-content {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    max-width: 1280px;
    width: 90%;
    box-sizing: border-box;
}

.button-container {
    top: -48px;
    position: relative;
}
.bg-image-group {
    height: 462px;

}
.bg-image-group .content h2 {
    font-weight: 400;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 31px;
    text-transform: uppercase;
}
.stat-item h3 {
    font-size: 37px;
    font-weight: 600;
}
.one-one-three-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr;
}
.one-one-three-grid .col-one {
    grid-column: 1;
    grid-row: 2;
}
  .one-one-three-grid .col-two {
    grid-column: 1;
    grid-row: 3;
}
.one-one-three-grid .col-three {
    grid-column: 1;
    grid-row: 1;
}
.one-one-three-grid p {
    margin-top: 0;
}
.button-row {
    grid-column: col1-start / col3-start;
    grid-row: row2-start ;
    display: flex;
}
.col-three {
    grid-column: col3-start ;
    grid-row: row1-start / row2-end;
}
.uppercase {
    text-transform: uppercase;
}
.home-whatWeDo {
    background: transparent;
    z-index: 0;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.align-end {
    align-items: flex-end;
}
.align-center {
    align-items: center;
}
.flex-start {
    align-self: flex-start;
}
.text-center {
    text-align: center;
}
.border-1 {
    border: 1px solid;
}
.call-to-action {
    z-index: 3;
    position: relative;
}
.call-to-action .bg-image-group .content h2 {
    font-size: 38px;
}
.call-to-action p {
    font-size: 31px;
    margin:0;
}
.call-to-action .content {
    flex-direction: column;
    align-items: center;
    text-align: center
}
.home-whatWeDo {
    overflow: visible;
    height: unset;
}  
/*
.grid-wrapper {
    justify-items: center; 
}
*/
.wrapper {
    display: grid;
    grid-gap: 37px;
    grid-template-columns: 54% 20% 20%;
}
.a {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
.b {
    grid-column: 2 ;
    grid-row: 1 / 1;
}
.c {
    grid-column: 3 ;
    grid-row: 1 ;
}
.d {
    grid-column: 2;
    grid-row: 2;
}
.e {
    grid-column: 3;
    grid-row: 2;
}

.d-sm-none {
    display: none;
}
.container {
    max-width: 1280px;
    width: 90%;
}
.grid-three-cols h2 {
    font-weight: 500;
}

.d-flex.h-100.flex-column {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.align-base {
    margin-top: auto !important;
    align-self: flex-start;
}
.mb-max {
    margin-bottom: 100px;
}
.postStyles .solar-case-studies ul {
  list-style: none;
  margin: 0px 0 10px;
}
.postStyles .solar-case-studies li {
    background: none
}
.page-template-home h1 {
    color: #15141A;
}
.text-green {
    color: #8DB528;
}
.text-orange {
    color: #FF9016;
}
.decoration-none {
    text-decoration: none;
    color: #15141A;
}
.case-studies-wrapper .case-study-item {
    margin: 0 10px; /* Adjust the margin as needed */
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensure the item takes full height */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}
.slick-list {
    margin: 0 -10px; /* Negative margin to counteract the item margins */
}
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

@media screen and (min-width: 510px) {
    .one-one-three-grid {
        grid-template-columns: 1fr 1fr;
    }
    .one-one-three-grid .col-one {
        grid-column: 1 ;
        grid-row: 2 ;
        min-width: unset;
    }
    .one-one-three-grid .col-two {
        grid-column: 2;
        grid-row: 2;
        min-width: unset;
    }
    .one-one-three-grid .col-three{
        grid-column: 1/3;
        grid-row: 1;
    }
}
@media screen and (min-width: 800px) {
    .call-to-action {
        margin-bottom: -320px;
    }
    .one-one-three-grid {
        grid-template-columns: 1fr 1fr;
    }
    .one-one-three-grid .col-three {
        grid-column: 1 / 3 ;
        grid-row: 1;
    }
    .one-one-three-grid .col-one {
        grid-column: 1 ;
        grid-row: 2 ;
    }
    .one-one-three-grid .col-two {
        grid-column: 2;
        grid-row: 2;
    }
    .d-sm-none {
        display: unset;
    }
    .d-md-none {
        display: none;
    }
    .button-row.d-sm-none {
        display: flex;
    }
    .button-row.d-md-none {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .one-one-three-grid .col-one {
        grid-column: 1;
        grid-row: 1;
        min-width: 215px;
    }
    .one-one-three-grid .col-two {
        grid-column: 2;
        grid-row: 1;
    }
    .one-one-three-grid .col-three {
        grid-column: 3;
        grid-row: 1;
        min-width: 215px;
    }
    .d-md-none {
        display: unset;
    }
    .d-lg-none {
        display: none;
    }
    .justify-lg-end {
        justify-content: flex-end;
    }
    .align-lg-end {
        align-items: flex-end;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1160px) {
   .grid-three-cols .btn.large.w-100 {
        height: 70px;
        line-height: 1.1;
    }
}
@media screen and (max-width: 365px) {
    .btnNew.green.outline.large, .btnNew.orange.outline.large, .btnNew.orange.large {
        height: 61px;
    }
    .polygon.large {
        height: 65px;
        width: 288px !important;
    }
}
@media screen and (max-width: 400px) {
    .slick-dots {
        bottom: -57px !important;
    }
}
@media screen and (min-width: 366px) and (max-width: 383px) {
    .polygon.large {
        width: 343px !important;
    }
}
@media screen and (max-width: 650px) {
    .why-switch-buttons.button-row {
        flex-direction: column;
    }
    .why-switch-buttons.button-row .polygon {
        margin-top: 1rem;
    }
    .call-to-action p {
        font-size: 24px;
    }
}
@media screen and (max-width: 800px) {
    .mb-sm-3 {
        margin-bottom: 1.5rem;
    }
    .mb-sm-5 {
        margin-bottom: 2.5rem;
    }
    .w-sm-100 {
        width: 100% !important;
    }

}



@media screen and (max-width: 1024px) {
    .mb-md-3 {
        margin-bottom: 1.5rem;
    }
    .mb-md-5 {
        margin-bottom: 2.5rem;
    }
    .pb-md-5 {
        padding-bottom: 2.5rem;
    }
    .wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px;
    }
    .bg-image-group {
        height: 662px;
    }
    .a {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .b {
        grid-column: 1 ;
        grid-row: 2 / 3;
    }
    .c {
        grid-column: 2 ;
        grid-row: 2 / 3 ;
    }
    .d {
        grid-column: 1;
        grid-row: 3;
    }
    .e {
        grid-column: 2;
        grid-row: 3;
    }
    .overset-content {
        top: 45%;
    }
    .call-to-action .overset-content {
        top: 50%;
    }
}
@media screen and (max-width: 1130px) {
.clipped {
    clip-path: polygon(100% 0, 100% 100%, 73% 100%, 68% 89%, 0 89%, 0 0);
  }
}