@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,700,900&display=swap");
.local-experts-section .expert-lists .expert-item .expert-right p a{
color: #6E951B;
}
.top-notice{
background-color: #6E951B;
padding: 10px 15px;
text-align: center;
color: #fff;
font-size: 25px;
font-weight: bold;
line-height: 35px;
font-family: 'Roboto Condensed', sans-serif !important;
}
.ays-pb-modal_1 .ays_pb_material_close_icon{
fill: #fff !important;
}
.av_pop_modals_1 .ays-pb-modal_1 .ays_content_box p img{
margin: 0 auto !important;
}
html {
scroll-behavior: smooth;
}
.page-template-tpl-solutions .content-area div.cta div.content-container a.button{
max-width: 200px;
}
.page-template-tpl-solutions .pageCta p{
font-weight: 300 !important;
margin-bottom: 0 !important;
}
header .top-header div.page-container div.site-branding div.logo-div a img{
max-width: 383px;
}
html.js body.page-template.page-template-tpl-content.page-template-tpl-content-php.page.page-id-648.logged-in div#page.hfeed.site div.content-area{
margin-top: -150px;
}
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.mejs-container {
padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
max-width: 100% !important;
}
video.wp-video-shortcode {
position: relative;
}
.mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mejs-controls {
display: none;
}
.mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
.home .featured-insights{
background-color: #F8F9F9 !important;
background-image: unset !important;
}
.featured-news-inner{
padding-left: 15px;
padding-right: 15px;
}
.tns-inner{
position: relative;
left: 35px;
}
.news-shadow{
cursor: pointer;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.news-shadow .news-shadow-inner p,
.news-shadow .news-shadow-inner h4 a{
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.news-shadow .news-shadow-inner p{
font-size: 14px;
color: #96C03D;
font-weight: bold;
line-height: 24px;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.featured-insights h3{
font-weight: bold;
padding-left: 15px;
margin-bottom: 40px;
}
.news-shadow .news-shadow-inner h4{
font-size: 20px;
color: #000;
font-weight: bold;
line-height: 30px;
min-height: 135px;
}
.featured-news .news-shadow{
}
.news-shadow-inner{
padding:  25px;
background-color: white;
}
.news-shadow:hover{
cursor: pointer;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.news-shadow:hover .news-shadow-inner{
background-color: #96C03D;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.news-shadow:hover .news-shadow-inner h4{
color: #fff;
}
.news-shadow:hover .news-shadow-inner p{
color: #fff;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.customize-tools{
margin-top: 30px;
}
.customize-tools #customize-controls div.prev i,
.customize-tools #customize-controls div.next i{
color: #6E951B;
line-height: 50px;
font-size: 20px;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.customize-tools #customize-controls div.prev:hover i,
.customize-tools #customize-controls div.next:hover i{
color: #fff;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.customize-tools #customize-controls div.prev,
.customize-tools #customize-controls div.next{
width: 50px;
cursor: pointer;
height: 50px;
border: 1px solid #6E951B;
text-align: center;
float: left;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.customize-tools #customize-controls div.prev:hover,
.customize-tools #customize-controls div.next:hover{
background-color: #6E951B;
transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
.customize-tools .customize-container{
margin: 0 auto;
}
.customize-tools{
display: flex;
width: 100%;
}
.customize-tools #customize-controls div.prev{
margin-right: 30px;
}
input[type="submit"], input[type="text"], input[type="email"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
html, body, #page{
height: 100%;
margin: 0;
width: 100% !important;
}
body{
margin: 0 auto;
overflow-x: hidden;
}
img{
max-width: 100%;
display: block;
height: auto;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Roboto Condensed', sans-serif !important;
}
p, ul li{
font-family: 'Roboto', sans-serif !important;
}
p, li{
font-size: 16px;
line-height: 26px;
font-weight: 300;
}
h1{
font-size: 60px;
line-height: 70px;
}
h2{
font-size: 40px;
line-height: 50px;
}
h3{
font-size: 24px;
line-height: 34px;
}
h4{
font-size: 18px;
line-height: 28px;
}
#page{
position: relative;
}
.page-container{
display: block;
margin: 0 auto;
max-width: 1360px;
padding-left: 15px;
padding-right: 15px;
}
.inner-container{
display: block;
margin: 0 auto;
max-width: 1150px;
padding-left: 15px;
padding-right: 15px;
}
.small-container{
display: block;
margin: 0 auto;
max-width: 890px;
padding-left: 15px;
padding-right: 15px;
}
.content-container{
display: block;
margin: 0 auto;
max-width: 1150px;
padding-left: 15px;
padding-right: 15px;
}
.site-header {
height: 100%;
position: relative;  }
.home .site-header {
overflow: hidden;
}
.jarallax {
height: 100%;
position: absolute;
z-index: 1;
top: 0;
width: 100%;
}
header .video-content { animation: unset;
animation-delay: unset;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.page-template-tpl-home-2020 header .video-content {
background: rgba(0, 0, 0, 0.2);
animation: unset;
animation-delay: unset;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
ul#primary-menu{
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
display: table-cell;
vertical-align: middle;
}
.site-branding{
width: 35%;
display: block;
float: left;
}
.site-branding a{
display: block;
}
#site-navigation{
width: 65%;
display: block;
float: left;
}
#primary-menu{
list-style-type: none;
display: block;
vertical-align: bottom;
padding-left: 0px;
}
#site-navigation .menu-page-menu-container{
display: table;
float: right;
height: 79px;
}
ul#primary-menu li{
display: inline-block;
float: left;
}
ul#primary-menu li a {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 17px;
font-weight: 400;
line-height: 28px;
color: #FFFFFF;
text-decoration: none;
padding: 10px 15px;
letter-spacing: 0px;
text-transform: capitalize;
}
ul#primary-menu li a:hover{
color: #6E951B;
text-decoration: none;
}
header div.video-content div.page-container h1{
max-width: 585px;
margin: 0 auto;
color: #fff;
text-align: center;
animation: 4s slide-up;
margin-top: 0%;
font-weight: 900;
}
header div.video-content div.page-container{
height: 100%;
display: table;
}
.video-content-inner{
display: table-cell;
vertical-align: middle;
}
.video-content-overflow{
display: block;
width: 100%;
overflow: hidden;
height: 380px;
}
.top-header{
position: relative;
z-index: 9;
padding-top: 45px;
animation: 8s showHeader;
}
.show-header{
animation: unset !important;
opacity: 1 !important;
}
.scroll-text{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 12px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
text-align: center;
position: absolute;
bottom: 10vh;
z-index: 9;
color: white;
left: calc(50% - 54px);
letter-spacing: 1px;
}
.scroll {
position: absolute;
left: calc(50% - 10px);
bottom: 5vh;
width: 20px;
height: 34px;
background: url(//nzcarbonfarming.co.nz/wp-content/uploads/2020/01/Rectangle-34@2x.png) no-repeat 0 0;
background-size: auto;
background-size: 20px 34px;
cursor: pointer;
z-index: 9;
}
.scroll .dot {
position: absolute;
left: 9px;
top: 5px;
width: 2px;
height: 8px;
border-radius: 4px;
background: #fff;
animation: moveAnimation 2.5s infinite;
-ms-animation: moveAnimation 2.5s infinite;
-webkit-animation: moveAnimation 2.5s infinite;
}
.scroll {
cursor: pointer;
}
.video{ opacity: 1;
-webkit-transition: height 100ms ease-in-out;
-ms-transition: height 100ms ease-in-out;
transition: height 100ms ease-in-out;
}
.videoEnd{ opacity: 0;
-webkit-transition: height 100ms ease-in-out;
-ms-transition: height 100ms ease-in-out;
transition: height 100ms ease-in-out;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//nzcarbonfarming.co.nz/wp-content/uploads/2019/11/loading.gif) center no-repeat #fff;
background-size: 150px;
}
@keyframes moveAnimation {
0% {
-ms-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
transition-duration: 2s;
}
100% {
-ms-transform: translate(0px, 15px);
-webkit-transform: translate(0px, 15px);
transform: translate(0px, 15px);
transition-duration: 2s;
}
}
@keyframes slide-up {
0% {
margin-top: 100%;
height: 100%; 
opacity: 0;
}
50%{
margin-top: 50%;
height: 100%; 
opacity: 0;
}
100% {
height: 100%;
opacity: 1 !important;
margin-top: 0%;
}	
}
@keyframes bk-fade {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 0.6);
}
}
@keyframes showHeader {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1 !important;
}
}   .our-value .vertical-section{
max-width: 100% !important;
}
.our-value{
overflow: hidden;
}
.vertical-section{
z-index: 1;
position: relative;
left: 250px;
display: block;
position: relative;
transform: rotate(90deg);
transform-origin: left;
}
.vertical-line{
background:	#000;
position: relative;
top: 8px;
width: 100%;
height: 1px;
}
.vertical-text{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
color: #000000;
font-weight: 300;
text-align: center;
}
.vertical-text span{
width: 100px;
background: #fff; 
position: absolute;
left: calc(50vh - 50px);
top: -5px; 
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.our-value-left h2{
font-weight: 400;
color: #6E951B;
margin-top: 0px;
margin-bottom: 0px;
}
.our-value-left{
width: calc(50% - 50px);
margin-right: 50px;
display: block;
float: left;
}
.our-value-right{
margin-left: 50px;
width: calc(50% - 50px);
float: left;
display: block;
}
.our-value-right ul{
padding-left: 15px;
}
.our-value-right ul li{
font-weight: 300;
font-size: 16px;
line-height: 26px;
color: #000;
padding-bottom: 20px;
}
.our-value .inner-container{
padding-top: 125px;
padding-bottom: 125px;
display: table;
width: 100%;
}
.our-value .page-container{
display: table;
width: 100%;
}
.our-value .button{
margin-top: 30px;
}
.button{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
line-height: 24px;
color: #6E951B;
font-weight: 400;
text-transform: uppercase;
text-align: center;
padding: 15px 30px;
border: 1px solid #6E951B;
letter-spacing: 1px;
max-width: 170px;
display: block;	
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.button:hover, .button:focus{
color: white !important;
background-color: #6E951B;
text-decoration: none !important;;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.our-story .vertical-section{
max-width: 988px;
}
.our-story-left{
width: 50%;
display: block;
float: left; position: relative;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
z-index: 2;
}
.our-story-right{
width: 60%;
float: left;
display: block;
margin-left: -10%;
background-color: white;
padding: 80px 150px;	
margin-top: 90px;
z-index: 1;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.our-story .inner-container {
display: table;
width: 100%;
padding-top: 195px;
padding-bottom: 195px;
position: relative;
z-index: 1;
}
.our-story-right-inner{
max-width: 445px;
}
.our-story-right h2{
color: #000;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.our-story-right p{
color: #000;
margin-top: 25px;
}
.our-story .button{
margin-top: 30px;
}
.our-impact-left{
width: 20%;
display: block;
float: left;
}
.our-impact-right{
width: 80%;
display: block;
float: right;
}
.our-impact-right h2{
color: #fff;
font-weight: 400;
margin-top: 0px;
margin-bottom: 50px;
}
.our-facts{
display: table;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.our-fact{
width: calc((100% / 3) - 30px);
display: block;
float: left;
margin-left: 15px;
min-height: 150px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 15px;
}
.our-fact:nth-of-type(3n+1){
clear: left;
}
.our-fact p.facts-title{
font-size: 40px;
margin: 0 auto;
font-family: 'Roboto Condensed', sans-serif !important;
font-style: italic;
line-height: 60px;
margin-bottom: 15px;
text-align: left;
max-width: 215px;
color: #6E951B;
font-weight: 500;
}
.our-fact p.facts-content{
font-size: 16px;
line-height: 26px;
font-weight: 300;
color: #000;
max-width: 215px;
margin: 0 auto;
}
.our-fact-inner{
padding: 30px 20px;
background-color: white;
margin: 0 auto;
min-height: 223px;
}
.our-impact .inner-container {
display: table;
width: 100%;
padding-top: 170px;
padding-bottom: 170px;
}
.our-impact{
min-height: 990px;
} .our-impact .vertical-section p{
margin-bottom: 0px !important;
}
.our-impact .vertical-section{
max-width: 100%;
}
.our-impact {
overflow: hidden;
}
.our-impact .vertical-text {
color: white;
}
.our-impact .vertical-line{
background: white;
}
.our-impact .vertical-text span{
background: transparent;
top: -3px;
left: calc(60vh - 50px);
}
.our-impact .vertical-line-left{
width: calc(60vh - 50px);
background: white;
height: 1px;
top: 8px;
position: relative;
margin-bottom: 0px;
}
.our-impact .vertical-line-right{
width: calc(60vh - 50px);
background: white;
height: 1px;
transform: rotate(180deg);
transform-origin: right;
position: relative;
left: 100px;
top: 7px;
margin-bottom: 0px;
}
.cta{
background-color: #6E951B;
padding-top: 65px;
padding-bottom: 65px;
}
.cta h2{
color: white;
text-align: center;
margin-top: 0px;
margin-bottom: 35px;
}
.cta p{
font-size: 18px;
line-height: 30px;
color: white;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
max-width: 745px;
margin: 0 auto;
}
.cta .button{
margin: 0 auto;
margin-top: 45px;
}
.cta .button{
background-color: white;
color: #6E951B;
border: 1px solid white;
}
.cta .button:hover{
border: 1px solid white;
border-color: white;
color: white;
background-color: #6E951B;
}
footer{
padding-bottom: 80px;
padding-top: 80px;
}
div.footer-logo a img{
margin: 0 auto;
max-width: 383px;
}
.footer-menu{
padding-top: 45px;
padding-bottom: 45px;
}
.footer-menu ul#footer-menu{
margin: 0 auto;	
display: table;
}
.footer-menu ul#footer-menu li a {
text-decoration: none;
padding: 10px 15px;
letter-spacing: 1px;
text-transform: capitalize;
}
.footer-menu ul#footer-menu li {
display: inline-block;
float: left;
list-style-type: none;
}
.footer-menu ul#footer-menu li a{
font-size: 14px;
line-height: 24px;
color: #000;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif !important;
}
.footer-bottom p, .footer-bottom p a{
color: #AAAAAA;
font-size: 14px;
line-height: 24px;
font-weight: 400;
text-align: center;
margin-bottom: 0px;
font-family: 'Roboto', sans-serif !important;
}
.footer-menu ul#footer-menu li a:hover{
color: #6E951B;
}
.green-bar{
width: 100%;
height: 18px;
background-color: #6E951B;
}
.our-counter{
padding-top: 75px; position: relative;
}
.our-counter:after{ }
div.scroll a{
display: block;
width: 20px;
height: 34px;
}  .fromTopIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromTopOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,-20px);
opacity: 0.0;
}
.fromBottomIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromBottomOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,20px);
opacity: 0.0;
}
.fromLeftIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromLeftOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(-20px,0);
opacity: 0.0;
}
.fromRightIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromRightOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(20px, 0);
opacity: 0.0;
}
.scaleUpIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleUpOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: scale(1.5,1.5);
opacity: 0.0;
}
.scaleDownIn
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: scale(1.0,1.0);
opacity: 1.0;
}
.scaleDownOut
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: scale(0.5,0.5);
opacity: 0.0;
}
.fromLeftInNew
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
}
.fromLeftOutNew
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(-20px,0);
opacity: 0.0;
}
.fromLeftInSlow
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
transition-delay: 1.5s;
}
.fromLeftOutSlow
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(-20px,0);
opacity: 0.0;
transition-delay: 1.5s;
}
.fromRightInSlow
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(0,0);
opacity: 1.0;
transition-delay: 1.5s;
}
.fromRightOutSlow
{
transition: transform 1.5s ease, opacity 1.5s ease;
transform: translate(20px, 0);
opacity: 0.0;
transition-delay: 1.5s;
}
.scaleIn
{
transition: background-size 1.5s ease;
background-size: 100% !important;
opacity: 1.0;
}
.scaleOut
{
transition: background-size 1.5s ease;
background-size: 110% !important;
opacity: 1.0;
}
.our-story  .page-container{
position: relative;
}
.tree1{
position: absolute;
bottom: 0;
left: -100px;
}
.tree2{
position: absolute;
bottom: -20px;
right: -135px;
}
.our-story{
overflow: hidden;
}
.single-post header div.top-header,
.archive header div.top-header,
.blog header div.top-header,
.page-template-tpl-content header div.top-header,
.page-template-tpl-contact header div.top-header,
.page-template-tpl-one-time-content header div.top-header,
.error404 header div.top-header,
.page-template-tpl-solutions header div.top-header,
.page-template-tpl-count-testing header div.top-header{
animation: unset;
}
.single-post ul#primary-menu li a,
.archive ul#primary-menu li a,
.blog ul#primary-menu li a,
.page-template-tpl-content ul#primary-menu li a,
.page-template-tpl-contact ul#primary-menu li a,
.page-template-tpl-one-time-content ul#primary-menu li a,
.error404 ul#primary-menu li a,
.page-template-tpl-solutions ul#primary-menu li a,
.page-template-tpl-count-testing ul#primary-menu li a{
color: #000000;
}
.single-post header ul#primary-menu li.current_page_item > a,
.archive header ul#primary-menu li.current_page_item > a,
.blog header ul#primary-menu li.current_page_item > a,
.page-template-tpl-content header ul#primary-menu li.current_page_item > a,
.page-template-tpl-contact header ul#primary-menu li.current_page_item > a,
.page-template-tpl-one-time-content header ul#primary-menu li.current_page_item > a,
.error404 header ul#primary-menu li.current_page_item > a,
.page-template-tpl-solutions header ul#primary-menu li.current_page_item > a,
.page-template-tpl-count-testing header ul#primary-menu li.current_page_item > a{
color: #6E951B; }
.single-post header ul#primary-menu li.current-page-ancestor > a,
.archive header ul#primary-menu li.current-page-ancestor > a,
.blog header ul#primary-menu li.current-page-ancestor > a,
.page-template-tpl-content header ul#primary-menu li.current-page-ancestor > a,
.page-template-tpl-contact header ul#primary-menu li.current-page-ancestor > a,
.page-template-tpl-one-time-content header ul#primary-menu li.current-page-ancestor > a,
.error404 header ul#primary-menu li.current-page-ancestor > a,
.page-template-tpl-solutions header ul#primary-menu li.current-page-ancestor > a,
.page-template-tpl-count-testing header ul#primary-menu li.current-page-ancestor > a{
color: #6E951B; }
.single-post div#page header.site-header,
.archive div#page header.site-header,
.blog div#page header.site-header,
.page-template-tpl-content div#page header.site-header,
.page-template-tpl-contact div#page header.site-header,
.page-template-tpl-one-time-content div#page header.site-header,
.error404 div#page header.site-header,
.page-template-tpl-solutions div#page header.site-header,
.page-template-tpl-count-testing div#page header.site-header{
height: 147px;
}
.content-heading{
padding-top: 65px;
padding-bottom: 110px;
}
.content-heading .small-text{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
color: #000000;
margin-bottom: 0px;
margin-top: 0px;
}
.content-heading h2{
color: #000000;
margin-top: 25px;
margin-bottom: 40px;
text-transform: capitalize;
}
.under-line{
width: 80px;
height: 2px;
background: #E7EBEA;
}
.intro-left-inner{
display: table-cell;
padding-right: 15px;
padding-left: 15px;
vertical-align: middle;
}
.content-intro{
display: table;
width: 100%;
background-color: #6E951B;
overflow-x: hidden;
}
.intro-left{
width: 50%;
display: table;
float: left;
height: 530px; padding-right: 60px;
}
.intro-left .intro-left-inside-inner{
max-width: 515px;
float: right;
}
.intro-left h3{
font-weight: bold;
color: white;
margin-top: 0px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
max-width: 515px;
float: right;
}
.intro-left h3:last-child{
margin-bottom: 0px;
}
.intro-right{
width: 50%;
display: block;
float: left;
}
.one-third-and-two-third-column{
display: table;
width: 100%;
padding-top: 75px;
padding-bottom: 75px;
}
.one-third-column{
width: calc((100% / 3) - 60px);
display: block;
float: left;
margin-right: 60px;
}
.one-third-column h3{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 25px;
max-width: 290px;
text-transform: uppercase;
}
.one-third-column h4{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
max-width: 290px;
text-transform: uppercase;
}
.two-third-column{
width: calc(((100% / 3) * 2) - 60px);
display: block;
float: left;
margin-left: 60px;
}
.two-third-column p{
color: #000000;
margin-bottom: 20px;
}
.two-third-column ul{
padding-left: 20px;
}
.two-third-column ul li{
color: #000000;
margin-bottom: 20px;
}
.two-third-column a{
font-weight: bold;
color: #6E951B;
}
.two-third-column a:hover{
text-decoration: underline;
color: #6E951B;
}
.two-columns{
display: table;
width: 100%;
padding-top: 75px;
padding-bottom: 75px;
}
.left-column{
width: calc(50% - 60px);
float: left;
display: block;
margin-right: 60px;
}
.right-column{
width: calc(50% - 60px);
float: left;
display: block;
margin-left: 60px;
}
.left-column h2{
color: #6E951B;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.left-column h3{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
max-width: 475px;
text-transform: uppercase;
}
.our-value{
width: 100%;
display: table;
}
.value-icon{
width: 150px;
float: left;
display: block;
margin-right: 35px;
display: table;
width: 115px;
height: 115px;
border: 1px solid #6E951B;
border-radius: 50%;
}
.value-icon-inner{
display: table-cell;
vertical-align: middle;
margin: 0 auto;
}
.value-icon-inner img{
margin: 0 auto;
}
.value-text{
width: calc(100% - 150px);
float: left;
display: table;
height: 115px;
}
.value-text p{
display: table-cell;
vertical-align: middle;
}
.vl{
border-left: 1px solid #6E951B;
height: 65px;
position: relative;
top: 0px;
width: 1px;
left: 58px;
}
.our-value-inner{
display: table;
overflow-x: hidden;
width: 100%;
}
.our-value:last-child .vl{
display: none;
}
.full-width{
padding-top: 75px;
padding-bottom: 75px;
}
.full-width p{
color: #000000;
margin-bottom: 20px;
}
.full-width ul{
padding-left: 20px;
}
.full-width ul li{
color: #000000;
margin-bottom: 20px;
}
.full-width a{
font-weight: bold;
color: #6E951B;
}
.full-width a:hover{
text-decoration: underline;
color: #6E951B;
}
.content-area{
padding-bottom: 75px; }
.half-with-background-and-half-with-image-column{
margin-top: 75px;
margin-bottom: 75px;
position: relative;
height: 575px;
}
.half-with-background-and-half-with-video-column{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 130px;
padding-bottom: 130px;
position: relative;
height: auto;
display: table;
width: 100%;
}
.half-with-background-and-half-with-image-column .inner-container{
display: table;
width: 100%;
height: 100%;
}
.half-with-background-and-half-with-video-column .inner-container{
display: table;
width: 100%;
height: 100%;
}
.half-with-background-and-half-with-video-column .half-with-background-column{
width: calc(40% - 35px);
display: table;
float: left;
height: auto;
margin-right: 35px;
}
.half-with-background-column{
width: calc(50% - 60px);
display: table;
float: left;
height: 575px;
margin-right: 60px;
}
.half-with-background-column-inner{
display: table-cell;
vertical-align: middle;
}
.half-with-background-and-half-with-image-column:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: rgba(255, 255, 255, 0.31);
}
.half-with-background-and-half-with-video-column:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: rgba(255, 255, 255, 0.31);
}
.half-with-background-column h3{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 50px;
position: relative;
text-transform: uppercase;
max-width: 475px;
}
.half-with-background-column p{
color: #000000;
position: relative;
margin-bottom: 20px;
}
.half-with-image-column{
margin-left: 60px;
width: calc(50% - 60px);
display: block;
float: left;
position: absolute;	
right: 0px;
top: -50px;
}
.half-with-background-and-half-with-video-column .half-with-image-column{
top: 0;
margin-left: 35px;
width: calc(60% - 35px);
display: block;
float: left;
position: relative;	
right: 0px;
} .intro-right-video{
padding-left: 60px;
height: 530px;
position: relative;
}
.video-popup{
position: absolute;
width: calc(100% - 95px);
bottom: -55px;
}
.video-meta{
display: table;
width: 100%;
position: relative;
z-index: 1;
}
.half-with-background-and-half-with-video-column .video-meta{
position: absolute;
top: calc((100% - 95px) / 2);
left: calc((100% - 95px) / 2);
}
.half-with-background-and-half-with-video-column .video-feature-image{
margin-top: 25px;
}
.video-icon{
float: left;
}
.video-icon img{
border-radius: 50%;
}
.video-icon a:hover img{	
box-shadow: 6px 6px 26px rgba(0, 0, 0, 0.43);
}
.video-text{
margin-left: 20px;
float: left;
height: 95px;
display: table;
}
.video-text-inner{
display: table-cell;
color: white;
font-size: 14px;
line-height: 24px;
font-weight: 400;
font-family: 'Roboto Condensed', sans-serif !important;
vertical-align: middle;
}
.video-feature-image-link{
display: block;
width: 100%;
position: relative;
left: 40px;
top: -20px;
max-width: 430px;
}
.half-with-background-and-half-with-video-column .video-feature-image-link{
left: 0px;
top: 0px;
max-width: 100%;
}
.video-feature-image:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: rgba(110, 149, 27, 0.52);
}
.half-with-background-and-half-with-video-column .video-feature-image:before{
position: relative;
top: unset;
bottom: unset;
left: unset;
right: unset;
content: '';
background-color: unset;
}
footer ul#primary-menu li ul.sub-menu{
display: none;
}
ul#primary-menu.menu li{
position: relative;
}
ul#primary-menu.menu li > ul.sub-menu{
background-color: #6E951B;
width: 225px;
list-style-type: none;
padding-left: 0px; position: absolute;
z-index: 10;
top: 35px;
visibility: hidden;
left: 0px;
}
ul#primary-menu.menu li:hover > ul.sub-menu{
visibility: visible;
}
ul#primary-menu.menu li > ul.sub-menu li:last-child{
border-bottom: 0px;
}
ul#primary-menu.menu li > ul.sub-menu li{
display: block;
clear: both;
border-bottom: 1px solid #ddd;
width: 100%;
}
ul#primary-menu.menu li > ul.sub-menu li a{
color: white;
text-align: left;
display: block;
width: 100%;
font-size: 15px;
font-weight: 500;
line-height: 20px;
padding-bottom: 15px !important;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px !important;
text-transform: capitalize;
padding-top: 8px;
padding-bottom: 8px;
}
ul#primary-menu.menu li > ul.sub-menu li a:hover{
background-color: #50770C;
}
header ul#primary-menu li.current-menu-parent ul.sub-menu li.current_page_item a{
background-color: #50770C;
}
header ul#primary-menu li a:hover{
color: #6E951B;
text-decoration: none;
}
.page-template-tpl-home .wprmenu_bar .hamburger-inner, .page-template-tpl-home .wprmenu_bar .hamburger-inner::before, .page-template-tpl-home .wprmenu_bar .hamburger-inner::after{
background: #fff !important;
}
.wprmenu_bar .is-active .hamburger-inner, .wprmenu_bar .is-active .hamburger-inner::before, .wprmenu_bar .is-active .hamburger-inner::after{
background: #fff !important;
}
.green-div{
width: 100%;
height: 530px;
background-color: #6E951B;
}
#input_1_7, #input_1_3, #input_1_2, #input_1_1, #gform_1 textarea, #input_1_9{
width: 100% !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
color: #000;
}
#input_1_8, #input_1_10{
width: 100% !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
padding: 15px 15px !important;
color: #6D6D6D;
height: 55px !important;
}
#gform_1 textarea{
padding: 15px 15px !important;
}
#input_1_3, #input_1_2, #input_1_1, #input_1_7, #input_1_9{
height: 55px !important;
padding: 15px 15px !important;
}
#gform_submit_button_1{
color: #6E951B;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 30px;
width: 170px !important;
text-align: center;
padding: 10px 15px !important;
border: 1px solid #6E951B;
background-color: white;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0px;
margin: 0 auto;
display: block;
}
#input_1_5{
max-width: 305px;
margin: 0 auto;
display: block;
margin-top: 30px;
}
#input_1_4{ }
#gform_wrapper_1 .gform_required_legend{
font-size: 18px;
line-height: 30px;
color: #fff;
}
p.gform_required_legend span.gfield_required.gfield_required_asterisk{
color: #fff !important;
}
#gform_submit_button_1:hover{
background-color: #6E951B;
color: white !important;
}
.contact-area{
padding-bottom: 45px; 
}
.full-width-contact{
margin-top: -425px;
}
.lifecycle-lists{
display: block;
width: 100%;
}
.lifecycle-left{
display: block;
width: calc(50% - 60px);
float: left;
margin-right: 60px;
}
.lifecycle-right{
margin-left: 60px;
display: block;
width: calc(50% - 60px);
float: left;
}
.lifecycle{
display: table;
width: 100%;
padding-bottom: 75px;
padding-top: 75px;
position: relative;
}
.mobile{
display: none;
}
.desktop{
display: table;
}
.rotate-left{
display: block;
margin: 0 auto;
clear: both;
-webkit-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);
position: absolute;
left: calc(50% - 40px);
height: 385px;
bottom: -200px;
width: 3px;
}
.rotate-right{
display: block;
margin: 0 auto;
clear: both;
-webkit-transform: rotate(50deg);  
-ms-transform: rotate(50deg); 
transform: rotate(50deg);
position: absolute;
left: calc(50% - 40px);
height: 385px;
bottom: -200px;
width: 3px;
}
.lifecycle-left h3, .lifecycle-right h3{
font-weight: bold;
color: #000;
margin-bottom: 15px;
margin-top: 0px;
}
.lifecycle-left p, .lifecycle-right p{
font-weight: 300;
color: #000;
margin-bottom: 20px;
}
.faq-title{
font-family: 'Roboto', sans-serif !important;
font-size: 16px;
font-weight: bold;
line-height: 28px;
color: #000000;
display: table;
width: 100%;
height: 100%;
}
.faq-title:hover{
cursor: pointer;
color: #6E951B !important;
}
.faq-content p{
color: #000000;
font-weight: 300;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
line-height: 28px;
margin-bottom: 15px;
}
.faq-content p a{
color: #6E951B;
font-weight: 300;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
line-height: 28px;
}
.faq-content ul{
padding-left: 15px;
}
.faq-content ul li{
color: #000000;
font-weight: 300;
padding-left: 10px;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
line-height: 28px;
margin-bottom: 15px;
}
.faq-row:first-child{
border-top: 1px solid #D0D6D6;
}
.faq-row{
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #D0D6D6;
}
.faq-content{
padding-top: 45px;
padding-bottom: 30px;
}
.faq-click{
display: inline-block;
float: right;
padding-right: 15px;
}
.faq-click i{
width: 18px;
height: auto;
position: relative; }
.faq-content{
display: none;
}
.faq-title .title{
width: calc(100% - 25px);
display: inline-block;
margin-right: 10px;
}
.faq-title .faq-click{
width: 28px;
display: table-cell;
margin-left: 10px;
padding-right: 0px;
vertical-align: middle;
float: none;
}
.count-inner{
display: table;
width: 100%;
position: relative;
z-index: 1;
animation: 6s slide-up;
min-width: 810px;
}
.count-1{
width: calc(50% - 50px);
display: block;
float: left;
text-align: center;
margin-right: 50px;
}
.count-2{
margin-left: 50px;
width: calc(50% - 50px);
display: block;
text-align: center;
float: left;
}
.count1-num, .count2-num{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 60px;
line-height: 70px;
color: white;
margin-bottom: 15px;
margin-top: 0px;
font-weight: 400; position: relative;
}
.count1-num-2020, .count2-num-2020{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 60px;
line-height: 70px;
color: white;
margin-bottom: 15px;
margin-top: 0px;
font-weight: 400; position: relative;
}
.count-text{
position: relative;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
line-height: 24px !important;
font-weight: bold;
color: white;
margin-bottom: 0px;
margin-top: 0px;
}
.small-count-text{
position: relative;
font-family: 'Roboto', sans-serif !important;
font-size: 12px;
line-height: 22px;
font-weight: bold;
color: white;
margin-bottom: 0px;
margin-top: 0px;
}
.top-counter{
padding-top: 8px;
padding-bottom: 8px;
height: 50px;
background-color: rgba(110, 149, 27, 0.25);
}
.top-count1-num, .top-count2-num{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 26px;
line-height: 36px;
color: #6E951B;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
display: block;
float: left;
margin-right: 15px;
}
.top-count-text{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 12px;
line-height: 22px;
color: #6E951B;
margin-bottom: 0px;
margin-top: 0px;
font-weight: 400;
display: block;
float: left;
margin-top: 5px;
}
.top-count-1, .top-count-2{
display: table;
float: left;
}
.top-divide-line{
display: block;
float: left;
margin-right: 35px;
margin-left: 35px;
border-left: 1px solid #6E951B;
width: 1px;
height: 28px;
margin-top: 2px;
}
.top-count-inner{
float: right;
}
.page-id-11 div.content-heading{
padding-bottom: 35px;
}
.odometer.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition-duration: 1s !important;
-moz-transition-duration: 1s !important;
-ms-transition-duration: 1s !important;
-o-transition-duration: 1s !important;
transition-duration: 1s !important
}
.video-box-popup{
max-width: 830px !important;
width: 100% !important;
}
div#video-box div.modal-dialog.video-box-popup div.modal-content div.modal-header{
border-bottom: 0 !important;
margin: 0 auto !important;
margin-bottom: 15px !important;
}
.category-lists{
list-style-type: none;
padding-left: 0px;
}
.category-lists li{
display: inline-block;
margin-right: 25px;
}
.category-lists li:last-child{
margin-right: 0px;
}
.category-lists li a{
font-family: 'Roboto Condensed', sans-serif !important;
border: 1px solid #000000;
border-radius: 0px;
padding: 12px 30px;
font-size: 14px;
line-height: 45px;
font-weight: 300;
text-transform: uppercase;
color: #000000;
}
.category-lists li a:hover, .category-lists li a:active, .category-lists li a:focus, .category-lists li a.actived{
border: 1px solid #6E951B;
background-color: #6E951B;
text-decoration: none;
color: #fff;
}
.blog div.content-page div.page-header{
padding-bottom: 40px;
}
.category-lists{
padding-bottom: 55px;
margin-bottom: 0px;
}
.news-lists{
display: table;
width: calc(100% + 70px);
margin-left: -35px;
margin-right: -35px;
}
.news{
width: calc(100% / 3);
display: block;
float: left;
padding-top: 25px;
padding-bottom: 25px;
}
.news h4 a{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 20px;
line-height: 30px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
}
.news h4 a:hover, .news h4 a:active, .news h4 a:focus, .industry h4 a:hover, .industry h4 a:active, .industry h4 a:focus{
text-decoration: none;
}
.news-meta p{
color: #000000;
font-weight: 300;
font-size: 12px;
line-height: 22px;
margin-top: 15px;
margin-bottom: 10px;
}
.divide-dot{
width: 3px;
height: 3px;
background-color: black;
border-radius: 50%;
display: inline-block;
position: relative;
bottom: 3px;
margin-left: 5px;
margin-right: 5px;
}
.news-inner{
margin-left: 35px;
margin-right: 35px;
}
.news:nth-of-type(3n+1){
clear: both;
}
.blog div#page div.content-heading, .archive div#page div.content-heading{
padding-bottom: 80px;
}
.news-clear{
padding-bottom: 65px;
}
.blog div.news-lists div.news div.news-inner:hover h4 a, .archive div.news-lists div.news div.news-inner:hover h4 a{
color: #6E951B;
}
.blog div.news-lists div.news div.news-inner a div.news-feature-img-outter, .archive div.news-lists div.news div.news-inner a div.news-feature-img-outter{
overflow: hidden;
}
.blog div.news-lists div.news div.news-inner a div.news-feature-img, .archive div.news-lists div.news div.news-inner a div.news-feature-img{
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.blog div.news-lists div.news div.news-inner:hover a div.news-feature-img, .archive div.news-lists div.news div.news-inner:hover a div.news-feature-img{
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
div.navigation{
padding-bottom: 90px;
}
div.navigation ol{
text-align: center;
}
div.navigation ol li{
margin-right: 0px !important;
height: 35px !important;
width: 35px !important;
line-height: 35px !important;
display: inline-block !important;
}
div.navigation ol li:last-child{
margin-right: 0px !important;
}
div.navigation ol li a{
border-radius: 50% !important;
border: 0 !important;
color: #A8A8A8 !important;
font-size: 14px !important;
line-height: 24px !important;
background-color: unset !important;
padding: 7px 12px !important;
margin: 0px !important;
}
div.navigation ol li a:hover{
border: 0 !important;
color: #000000 !important;
background-color: unset !important;
}
div.navigation ol li span.current{
border: 0 !important;
color: #000000 !important;
background-color: unset !important;
border-radius: unset !important;
font-size: 14px !important;
line-height: 24px !important;
padding: 7px 12px !important;
}
.wp-paginate.wpp-modern-grey .current{
opacity: 1 !important;
}
div.navigation ol li a.next i, div.navigation ol li a.prev i{
font-size: 15px !important;
position: relative;
top: 1px;
line-height: 15px;
}
div.navigation ol li a.next, div.navigation ol li a.prev{
padding: 7px 11px !important;
}
.single div.content-page div.page-header div.content-container div.page-header-inner{
width: 100%;
max-width: 100%;
position: relative;
}
.post-header-meta{
font-family: 'Roboto', sans-serif !important;
font-size: 12px !important;
font-weight: 300 !important;
color: #000000 !important;
}
.single div.content-page div.page-header div.content-container div.page-header-inner h1{
margin-bottom: 45px;
font-size: 36px;
line-height: 46px;
color: #000000;
font-family: 'Roboto Condensed', sans-serif !important;
font-weight: 400;
}
.single div.content-page div.page-header{
padding-bottom: 30px;
border: 0px;
margin-top: 80px;
margin-bottom: 0px;
}
.full-width-layout{
padding-top: 30px;
padding-bottom: 30px;
}
.two_columns{
display: table;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.left-columns, .right-columns{
width: 50%;
display: block;
float: left;
padding-left: 15px;
padding-right: 15px;
}
.post-img{
width: 100%;
height: 375px;
margin-top: 10px;
}
.post-content-outter{
width: 100%;
display: table;
}
.post-share-bar{
width: 15%;
display: block;
float: left;
padding-top: 40px;
}
.post-content{
width: 85%;
display: block;
float: left;
}
.post-share-bar a i{
color: #D9D9D9;
font-size: 25px;
}
.post-share-bar a {
display: table;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.post-share-bar a:last-child{
margin-bottom: 0px;
}
.post-content h4{
color: #000;
font-size: 20px;
font-weight: bold;
line-height: 30px;
margin-top: 0px;
margin-bottom: 15px;
}
.post-content p{
font-size: 16px;
line-height: 26px;
font-weight: 300;
color: #000;
margin-bottom: 15px;
}
.clearfix:before{
content: "";
display: table;
clear: both;
}
.benefits{
padding-top: 100px;
padding-bottom: 100px;
display: block;
box-sizing: border-box;	
}
.benefits h3{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
text-transform: uppercase;
}
.benefit-lists{
padding-top: 30px;
display: block;
width: calc(100% + 70px);
margin-right: -35px;
margin-left: -35px;
}
.benefit{
width: calc(100% / 3);
display: block;
float: left;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 35px;
padding-right: 35px;
box-sizing: border-box;
-ms-transform: translate(-20px,0);
-moz-transform: translate(-20px,0);
-webkit-transform: translate(-20px,0);
-o-transform: translate(-20px,0);
transform: translate(-20px,0);
-webkit-transition: transform 1.5s ease, opacity 1.5s ease;
-moz-transition: transform 1.5s ease, opacity 1.5s ease;
-o-transition: transform 1.5s ease, opacity 1.5s ease;
transition: transform 1.5s ease, opacity 1.5s ease;
opacity: 0.0;
}
.benefit.showItem{
-ms-transform: translate(0px,0);
-moz-transform: translate(0px,0);
-webkit-transform: translate(0px,0);
-o-transform: translate(0px,0);
transform: translate(0px,0);
-webkit-transition: transform 1.5s ease, opacity 1.5s ease;
-moz-transition: transform 1.5s ease, opacity 1.5s ease;
-o-transition: transform 1.5s ease, opacity 1.5s ease;
transition: transform 1.5s ease, opacity 1.5s ease;
opacity: 1.0;
}
.benefit img{
margin-bottom: 15px;
}
.benefit p{
color: #000000;
font-weight: 400;
margin-bottom: 15px;
}
.benefit p:last-child{
margin-bottom: 0px;
}
.big-data{
background-color: #F0F0F0;
padding-top: 125px;
padding-bottom: 125px;
}
.data-lists{
width: calc(100% + 100px);
margin-right: -50px;
margin-left: -50px;
}
.data-item{
box-sizing: border-box;
width: calc(100% / 3);
display: block;
float: left;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
}
.data-item-inner{
background-color: #FFFFFF;
padding: 30px 15px;
}
.data-item .data-value{
font-size: 50px;
margin: 0 auto;
margin-bottom: 0px;
font-family: 'Roboto Condensed', sans-serif !important;
font-style: italic;
line-height: 60px;
margin-bottom: 20px;
text-align: center;
color: #6E951B;
font-weight: 400;
letter-spacing: -1px;
}
.data-item .data-description{
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #000;
text-align: center;
margin-bottom: 0px;
}
.page-template-tpl-solutions .two-columns ul{
padding-left: 15px;
margin-top: 35px;
}
.page-template-tpl-solutions .two-columns ul li{
font-size: 16px;
line-height: 26px;
font-weight: 300;
color: #000;
margin-bottom: 20px;
padding-left: 10px;
}
.page-template-tpl-solutions .two-columns p strong{
font-size: 16px;
line-height: 26px;
color: #000;
margin-bottom: 20px;
}
.page-template-tpl-solutions div.two-columns{
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-tpl-solutions div.two-columns h3{
text-align: center;
font-weight: bold;
color: #000000;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 60px;
}
.page-template-tpl-solutions .cta p{
font-weight: bold;
margin-bottom: 30px;
}
.page-template-tpl-solutions .faq-details{
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-tpl-solutions .faq-details h3{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 60px;
text-align: center;
text-transform: uppercase;
}
#input_2_1, #input_2_2, #input_2_4, #input_2_5{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
color: #fff !important;
padding: 15px 30px !important;
}
#input_2_3{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
color: #fff !important;
padding: 15px 30px !important;
height: 200px !important; }
#input_2_6{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px 30px !important;
}
#gform_2 ::-webkit-input-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
}
#gform_2 ::-moz-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
}
#gform_2 :-ms-input-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
}
#gform_2 :-moz-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
}
#field_2_4, #field_2_2{
width: 100% !important;
display: block !important;
float: left !important;
clear: unset !important;
}
#gform_2 .gform_footer{
width: 100%;
display: block;
float: left;
clear: unset;
}
#gform_2{
display: table;
width: 100%;
}
#gform_submit_button_2{
width: 100% !important;
height: 55px;
max-width: 200px !important;
font-family: 'Roboto Condensed', sans-serif !important;
margin: 0 auto !important;
margin-top: 4px !important;
display: block !important;
}
#gform_submit_button_2:focus{
color: #6E951B !important;
}
#gform_wrapper_2.gform_wrapper li.gfield.gfield_error.gfield_contains_required{
padding-right: 16px !important;
}
#gform_wrapper_2.gform_validation_error #gform_submit_button_2{
margin-top: 17px !important;
}
.featured-insights{
padding-top: 100px;
padding-bottom: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//nzcarbonfarming.co.nz/wp-content/uploads/2019/11/NZCF-bg-idea-scaled.jpg);
}
.post-slider-caption{
width: 40%;
display: table;
float: left;
position: relative;
left: 0;
right: 0;
bottom: 0px;
padding: 30px;
text-align: left;
text-shadow: unset;
height: 415px;
background-color: #6E951B;
position: relative;
}
.post-slider-caption-inner{
display: table-cell;
vertical-align: middle;
}
.post-slider-caption-inner p{
font-size: 12px;
line-height: 22px;
color: white;
font-weight: 300;
font-family: 'Roboto', sans-serif !important;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 25px;
}
.post-slider-caption-inner h3{
font-size: 20px;
line-height: 30px;
color: white;
font-weight: bold;
font-family: 'Roboto Condensed', sans-serif !important;
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
}
.postImg{
width: 60%;
display: block;
float: left;
}
.post-slider-caption a{
margin-top: 50px;
width: 100%;
color: white;
border: 1px solid #fff;
}
.post-slider-caption a:hover{
color: #6E951B !important;
background-color: white;
border: 1px solid #6E951B;
}
div#post-slider .carousel-control.left{
position: absolute;
top: calc(50% - 20px) !important;
bottom: 0;
left: 0;
width: 55px !important;;
font-size: 20px;
height: 55px !important;
color: #fff;
text-align: center;
background-color: #6E951B !important;
background-image: unset !important;
text-shadow: unset !important;
opacity: 1 !important;
border: 1px solid #6E951B;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
div#post-slider .carousel-control.left i, div#post-slider .carousel-control.right i{
position: relative;
text-align: center;
top: 15px;
}
div#post-slider .carousel-control.left:hover, div#post-slider .carousel-control.right:hover{
color: #6E951B;
background-color: transparent !important;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
div#post-slider .carousel-control.left:hover i, div#post-slider .carousel-control.right:hover i{
color: #6E951B;
}
div#post-slider .carousel-control.right{
position: absolute;
background-color: #6E951B !important;
top: calc(50% - 20px) !important;
background-image: unset !important;
bottom: 0;
height: 55px !important;
width: 55px !important;;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: unset !important;
opacity: 1 !important;
border: 1px solid #6E951B;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.benefit:nth-of-type(3n+1){
clear: left;
}
#post-slider .small-container{
padding-left: 0px;
padding-right: 0px;
} .test3-num, .test4-num,
.test5-num, .test6-num,
.test1-num, .test2-num{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 26px;
line-height: 36px;
color: #6E951B;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
display: block;
float: left;
margin-right: 15px;
}
.test3-num, .test4-num,
.test5-num, .test6-num,
.test2-num, .test1-num{
display: table;
float: left;
}
#footer-menu{
padding-left: 0px;
}
.our-community{
overflow: hidden;
}
.our-community .inner-container {
padding-top: 125px;
padding-bottom: 125px;
display: table;
width: 100%;
}
.our-community .vertical-section p.vertical-text span{
background: #F4F4F4;
}
.our-community .vertical-section{
max-width: 750px;
}
.our-community-left{
width: calc(50% - 50px);
float: left;
margin-right: 50px;
}
.our-community-right{
width: calc(50% - 50px);
float: left;
margin-left: 50px;
}
.our-community h2 {
font-weight: 400;
color: #6E951B;
margin-top: 0px;
margin-bottom: 60px;
}
#video-slider .carousel-caption h3{
margin-top: 0px;
margin-bottom: 20px;
}
#video-slider .carousel-caption {
position: relative;
right: 0%;
bottom: 0;
left: 0%;
z-index: 10;
padding-top: 0;
padding-bottom: 0px;
color: #333333;
text-align: left;
text-shadow: unset;
}
.svgBtn{
display: flex;
width: 100%;
height: 100%;
align-items: center;
cursor: pointer;
}
.svgBtn a{
display: block;
width: 100%;
text-align: center;
}
.svgBtn:hover svg path.Path_167-2{
fill: rgba(110,149,27,1);
}
#video-slider .carousel-control{
margin-top: 20px;
position: relative;
top: 0;
bottom: 0;
left: 0;
width: 55px;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: unset;
opacity: 1;
background-color: rgba(110, 149, 27, 0.45);
background-image: unset;
display: block;
height: 55px;
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
#video-slider .carousel-control:hover{
background-color: rgba(110, 149, 27, 1);
-webkit-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
#video-slider .carousel-control.left{
float: left;
}
#video-slider .carousel-control.right{
float: left;
margin-left: 10px;
}
#video-slider .carousel-control i{
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.fa-chevron-right:before{
margin: 0 auto;
}
.fa-chevron-left:before{
margin: 0 auto;
}
#field_2_2, #field_2_3{
padding-right: 0px;
}
.niceSelecyClass .nice-select {
background-color: #F0F0F0 !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px !important;
border-radius: 0px !important;
}
.niceSelecyClass .nice-select .current{
color: #6D6D6D;
}
.niceSelecyClass .nice-select::after {
border-bottom: 2px solid #6D6D6D;
border-right: 2px solid #6D6D6D;
right: 20px;
width: 10px;
height: 10px;
}
.niceSelecyClass .nice-select.open .list{
width: 100%;
}
.page-id-449 button.vjs-big-play-button{
display: none;
}
.regionClass .nice-select {
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px 30px !important;
border-radius: 0px !important;
}
.regionClass .nice-select .current{
color: #fff;
}
.regionClass .nice-select::after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
right: 20px;
width: 10px;
height: 10px;
}
.regionClass .nice-select.open .list{
width: 100%;
}
.single-post a,
.single-post a:hover{
color: #6E951B;
}
.generalEnq input[type="text"],
.generalEnq input[type="email"]{
height: 55px !important;
width: 100% !important;
padding: 15px 15px !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
color: #000;
}
.forestOwnersForm input[type="text"],
.forestOwnersForm input[type="email"]{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
color: #fff !important;
padding: 15px 30px !important;
}
.generalEnq textarea{
width: 100% !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
color: #000;
padding: 15px 15px !important;
}
.forestOwnersForm textarea{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px 30px !important;
height: 200px !important;
}
.generalEnq input[type="submit"]{
color: #6E951B;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 30px;
width: 170px !important;
text-align: center;
padding: 10px 15px !important;
border: 1px solid #6E951B;
background-color: white;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0px;
margin: 0 auto;
display: block;
}
.forestOwnersForm input[type="submit"]{
width: 100% !important;
height: 55px;
max-width: 200px !important;
font-family: 'Roboto Condensed', sans-serif !important;
margin: 0 auto !important;
margin-top: 4px !important;
display: block !important;
font-size: 14px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
padding: 15px 30px;
letter-spacing: 1px;
background-color: white;
color: #6E951B;
border: 1px solid white;
}
.generalEnq input[type="submit"]:hover{
background-color: #6E951B;
color: white !important;
}
.forestOwnersForm input[type="submit"]:hover{
border: 1px solid white;
border-color: white;
color: white;
background-color: #6E951B;
}
.generalEnq p,
.forestOwnersForm p{
margin-bottom: 20px;
display: table;
width: 100%;
max-width: 100%;
}
.generalEnq .region.nice-select{
background-color: #F0F0F0 !important;
border: 0px !important;
height: 55px !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px !important;
border-radius: 0px !important;
clear: unset !important;
}
.generalEnq .typeEnquiry.nice-select{
background-color: #F0F0F0 !important;
border: 0px !important;
height: 55px !important;
width: 100% !important;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px !important;
border-radius: 0px !important;
}
.forestOwnersForm .region.nice-select,
.forestOwnersForm .lead-source.nice-select{
background-color: rgba(255, 255, 255, 0.3) !important;
border: 0px !important;
height: 55px !important; font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 26px !important;
padding: 15px 30px !important;
border-radius: 0px !important;
clear: unset !important;
}
.forestOwnersForm .nice-select .option{
color: #333 !important;
}
.generalEnq .typeEnquiry.nice-select .current,
.generalEnq .region.nice-select .current{
color: #6D6D6D;
}
.forestOwnersForm .region.nice-select .current,
.forestOwnersForm .lead-source.nice-select .current{
color: #fff;
}
.generalEnq .typeEnquiry.nice-select::after,
.generalEnq .region.nice-select::after{
border-bottom: 2px solid #6D6D6D;
border-right: 2px solid #6D6D6D;
right: 20px;
width: 10px;
height: 10px;
}
.forestOwnersForm .region.nice-select::after,
.forestOwnersForm .lead-source.nice-select::after{
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
right: 20px;
width: 10px;
height: 10px;
}
.g-recaptcha > div{
margin: 0 auto;
margin-bottom: 20px;
}
.generalEnq .typeEnquiry.nice-select.open .list,
.generalEnq .region.nice-select.open .list{
width: 100%;
}
.forestOwnersForm .region.nice-select.open .list,
.forestOwnersForm .lead-source.nice-select.open .list{
width: 100%;
}
.generalEnq input#first_name,
.generalEnq input#email,
.generalEnq input.estimatedField,
.generalEnq .lead-source,
.forestOwnersForm input#first_name,
.forestOwnersForm input#email,
.forestOwnersForm input.estimatedField,
.forestOwnersForm .lead-source{
width: calc(50% - 10px) !important;
float: left;
margin-right: 10px;
}
.generalEnq input#last_name,
.generalEnq input#phone,
.generalEnq .region,
.generalEnq input.sourceField,
.forestOwnersForm input#last_name,
.forestOwnersForm input#phone,
.forestOwnersForm .region,
.forestOwnersForm input.sourceField{
width: calc(50% - 10px) !important;
float: left;	
margin-left: 10px;
}
.forestOwnersForm ::-webkit-input-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
opacity: 0.8;
}
.forestOwnersForm ::-moz-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
opacity: 0.8;
}
.forestOwnersForm :-ms-input-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
opacity: 0.8;
}
.forestOwnersForm :-moz-placeholder {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #fff;
opacity: 0.8;
}
.expert-left{
width: 50%;
float: left;
display: block;
padding-right: 50px;
}
.expert-right{
width: 50%;
float: left;
display: block;
padding-left: 50px;
padding-top: 45px;
}
.expert-right h2{
font-weight: 400;
color: #6E951B;
margin-top: 0px;
margin-bottom: 10px;
}
.expert-right h3{
font-weight: 400;
color: #333333;
margin-bottom: 10px;
margin-top: 0px;
}
.expert-item{
padding-top: 80px;
padding-bottom: 80px;
border-bottom: 1px solid #333333;
}
.expert-item:last-child{
border-bottom: 0px;
}
.contactLink{
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #96C03D !important;
margin-bottom: 10px;
display: inline-block;
}
.contactLink:hover{
font-weight: bold;
color: #6E951B !important;
}
.contactLink a{
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #96C03D !important;
}
.contactLink:hover a{
font-weight: 400;
color: #6E951B !important;
text-decoration: underline;
}
.contactLink a:hover{
font-weight: 400;
color: #6E951B !important;
text-decoration: underline;
}
#input_3_7, #input_3_3, #input_3_2, #input_3_1, #gform_3 textarea, #input_3_9{
width: 100% !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
color: #000;
}
#input_3_8, #input_3_10{
width: 100% !important;
border-width: 1px !important;
border-color: #F0F0F0 !important;
border-style: solid !important;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Roboto', sans-serif !important;
font-weight: 400;
padding: 15px 15px !important;
color: #6D6D6D;
height: 55px !important;
}
#gform_3 textarea{
padding: 15px 15px !important;
}
#input_3_3, #input_3_2, #input_3_1, #input_3_7, #input_3_9{
height: 55px !important;
padding: 15px 15px !important;
}
#gform_submit_button_3{
color: #6E951B;
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: 30px;
width: 170px !important;
text-align: center;
padding: 10px 15px !important;
border: 1px solid #6E951B;
background-color: white;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0px;
margin: 0 auto;
display: block;
}
#input_3_5{
max-width: 305px;
margin: 0 auto;
display: block;
margin-top: 30px;
}
#gform_wrapper_3 .gform_required_legend{
font-size: 18px;
line-height: 30px;
color: #fff;
display: none;
}
#gform_submit_button_3:hover{
background-color: #6E951B;
color: white !important;
}
#expert-contact-form{
max-width: 1150px;
background: transparent;
border-radius: 0px;
box-shadow: unset;
width: 100%;
padding: 35px 0;
}
#expert-contact-form a.close-modal{
background-image: url(//nzcarbonfarming.co.nz/wp-content/uploads/2023/08/Icon-feather-plus.png);
top: 0px;
right: 0px;
width: 30px;
height: 30px;
}
#gform_confirmation_message_3{
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #fff;
}
#expert-contact-form a.close-modal:hover{
background-image: url(//nzcarbonfarming.co.nz/wp-content/uploads/2023/08/Icon-feather-plus.png);
}
.home-expert{
padding: 100px 0px;
background-color: #6E951B;
}
.home-expert-left{
display: block;
width: 50%;
float: left;
padding-right: 50px;
}
.home-expert-right{
display: block;
width: 50%;
float: left;
padding-left: 50px;
}
.home-expert h2{
font-weight: 400;
color: #fff;
text-align: center;
margin: 0;
margin-bottom: 30px;
}
.home-expert-right .button{
background-color: white;
color: #6E951B;
max-width: 200px;
border: 1px solid white;
margin-top: 0px;
}
.home-expert-right .button:hover{
border: 1px solid white;
border-color: white;
color: white;
background-color: #6E951B;
}
.home-expert-left .button{
background-color: white;
color: #6E951B;
max-width: 200px;
border: 1px solid white;
margin-top: 0px;
}
.home-expert-left .button:hover{
border: 1px solid white;
border-color: white;
color: white;
background-color: #6E951B;
}
.home-expert-right ul,
.home-expert-left ul{
padding-left: 15px;
margin: 30px 0;
}
.home-expert-right ul li,
.home-expert-left ul li{
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.our-local-contribution{
background-image: url(https://nzcarbonfarming.co.nz/wp-content/uploads/2023/08/OurImpact-BG-image.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
overflow: hidden;
position: static; }
.our-local-contribution .page-container{
padding-top: 135px;
padding-bottom: 135px;
}
.our-local-contribution div.vertical-section p.vertical-text{
color: #fff;
}
.our-local-contribution div.vertical-section p.vertical-text span{
background: transparent;
}
.our-local-contribution .vertical-section p {
margin-bottom: 0px !important;
}
.our-local-contribution .vertical-line-right {
width: 100%;
background: white;
height: 1px;
transform: rotate(0deg);
transform-origin: right;
position: relative;
left: calc(50vh + 50px);
top: 7px;
margin-bottom: 0px;
}
.our-local-contribution .vertical-line-left {
width: calc(50vh - 50px);
background: white;
height: 1px;
top: 8px;
position: relative;
margin-bottom: 0px;
}
.our-local-contribution h2{
color: #fff;
font-weight: 400;
margin-top: 0px;
margin-bottom: 75px;
}
.contribution-data-item{
padding: 0 25px;
border-right: 1px solid #fff;
float: left;
text-align: center;
min-height: 180px;
margin: 25px auto;
}
.item-one, .item-two, .item-three, .item-four, .item-five, .item-six{
width: calc(100% / 6);
}
.item-seven, .item-eight, .item-nine, .item-ten{
width: calc(100% / 6);
}
.item-eleven{
width: calc(100% - ((100% / 6) * 4));
border-right: 0px;
text-align: left;
padding: 0 30px;
}
.item-six{
border-right: 0px;
}
.contribution-data-item svg{
overflow: visible;
-ms-transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.contribution-data-item svg g{
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.contribution-data-item svg:hover g{
opacity: 1;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.contribution-data-item svg:hover{
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.download-item{
width: calc(100% / 2);
float: left;
padding: 75px 35px;
}
.download-item-inner{
position: relative;
height: 165px;
border: 1px solid #6E951B;
cursor: pointer;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-item-inner:hover .download-info .download-title{
color: #000000;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-item-inner:hover{
background-color: rgba(150, 192, 61, 0.08);
border: 1px solid #6E951B;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-item-inner:hover svg path{
fill: #6E951B !important;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-image{
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 165px;
height: 235px;
left: 15px;
top: -35px;
}
.download-lists{
width: calc(100% + 70px);
margin-left: -35px;
margin-right: -35px;
background-color: rgba(231, 235, 234, 0.31);
padding: 75px 0;
}
.download-info{
width: calc(100% - 180px);
max-width: 100%;
padding: 30px 25px;
float: right;
position: relative;
height: 100%;
}
.download-item h2{
font-size: 36px;
line-height: 42px;
color: #000000;
margin-top: 0px;
}
.download-category{
font-size: 14px;
line-height: 20px;
color: #6E951B;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
}
.download-info .download-title{
font-size: 24px;
line-height: 32px;
font-weight: 400;
margin-bottom: 0px;
margin-top: 0px;
color: #000000;
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-info svg path{
-o-transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.download-info svg{
position: absolute;
right: 15px;
bottom: 15px;
}
@media(max-width: 1800px){
.vertical-section{
left: 150px;
}
}
@media(max-width: 1650px){
#primary-menu li#menu-item-21 ul.sub-menu{
width: 135px;
}
}
@media(max-width: 1560px){
.vertical-section{
left: 75px;
}
.tns-inner {
position: relative;
left: 15px;
}
.our-story{
background-size: cover !important;
}
.news-inner{
margin-left: 15px;
margin-right: 15px;
}
.news-lists {
display: table;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.our-community h2{
margin-bottom: 50px;
}
}
@media(max-width: 1650px){
#primary-menu li#menu-item-21 ul.sub-menu{
width: 100%;
}
}
@media(max-width: 1335px){
.download-item{
padding: 50px 30px;
}
.download-lists{
width: calc(100% + 60px);
margin-right: -30px;
margin-left: -30px;
}
.download-image{
width: 150px;
height: 215px;
left: 15px;
top: -25px;
}
.download-info{
width: calc(100% - 165px);
}
.our-value .vertical-section {
max-width: 1087px;
}
.vertical-section{
left: 35px;
}
.inner-container{
padding-left: 45px;
}
ul#primary-menu li a{
padding: 10px 8px;
}
}
@media(max-width: 1200px){
ul#primary-menu li a {
padding: 10px 5px !important;
font-size: 16px !important;
}
.home-expert{
padding-top: 85px;
padding-bottom: 85px;
}
.expert-left, .home-expert-left{
padding-right: 35px;
}
.expert-right, .home-expert-right{
padding-left: 35px;
}
.our-community h2{
margin-bottom: 40px;
}
.rotate-left, .rotate-right{
height: 320px;
bottom: -145px;
}
.content-heading {
padding-top: 35px;
padding-bottom: 85px;
}
.content-area {
padding-bottom: 45px;
padding-top: 45px;
}
.divide-line{
margin-bottom: 45px !important;
margin-top: 45px !important;
}
.intro-left{
height: 450px;
}
.intro-right{ height: 450px !important; 
}
.site-branding{
width: 40%;
}
#site-navigation{
width: 60%;
}
.our-impact-left{
width: 0;
}
.our-impact-right{
width: 100%;
float: none;
max-width: 940px;
margin: 0 auto;
}
.intro-left {
padding-right: 40px;
}
.intro-right-video{
height: 450px !important;
padding-left: 40px;
}
.count-1{
width: calc(50% - 26px);
display: block;
float: left;
text-align: center;
margin-right: 25px;
}
.count-2{
margin-left: 25px;
width: calc(50% - 26px);
display: block;
text-align: center;
float: left;
}
.one-third-column{
width: calc((100% / 3) - 40px);
margin-right: 40px;
}
.two-third-column{
width: calc(((100% / 3) * 2) - 40px);
margin-left: 40px;
}
.left-column{
width: calc(50% - 40px);
margin-right: 40px;
}
.right-column{
margin-left: 40px;
width: calc(50% - 40px);
}
.download-item{
padding: 40px 20px;
}
.download-lists{
width: calc(100% + 40px);
margin-right: -20px;
margin-left: -20px;
}
.download-info{
padding: 25px 20px;
}
.download-image{
width: 125px;
height: 190px;
left: 15px;
top: -15px;
}
.download-info{
width: calc(100% - 140px);
}
}
@media(max-width: 1179px){
.our-value .vertical-section {
max-width: 1087px;
}
}
@media(max-width: 1178px){
.our-value .vertical-section {
max-width: 1087px;
}
}
@media(max-width: 1177px){ .our-value .vertical-section {
max-width: 1087px;
}
}
@media(max-width: 1150px){
ul#primary-menu li a {
font-size: 15px !important;
}
.half-with-image-column{
width: unset;
right: 15px;
}
ul#primary-menu li a{
padding: 10px 8px;
}
.data-item{
padding-left: 30px;
padding-right: 30px;
}
.data-lists {
width: calc(100% + 60px);
margin-right: -30px;
margin-left: -30px;
}
.half-with-background-and-half-with-video-column .half-with-background-column{
width: calc(40% - 25px);
margin-right: 25px;
}
.half-with-background-and-half-with-video-column .half-with-image-column{
margin-left: 25px;
width: calc(60% - 25px);
}
}
@media(max-width: 1136px){
.our-story .vertical-section {
max-width: 1014px;
}
}
@media(max-width: 1123px){
.our-value .vertical-section {
max-width: 1113px;
}
}
@media(max-width: 1110px){
.half-with-background-and-half-with-video-column .half-with-background-column{
width: calc(40% - 15px);
margin-right: 15px;
}
.half-with-background-and-half-with-video-column .half-with-image-column{
margin-left: 15px;
width: calc(60% - 15px);
}
.our-story .vertical-section {
width: 1048px;
max-width: unset;
}
ul#primary-menu li a{
padding: 10px 5px;
font-size: 16px;
}
.site-branding img{
max-width: 255px;
}
#site-navigation .menu-page-menu-container{
height: 78px;
}
#site-navigation{
width: 65%;
}
.site-branding{
width: 35%;
}
}
@media(max-width: 1099px){
.footer-menu ul#footer-menu li a{
padding: 10px;
}
.our-local-contribution div.vertical-section p.vertical-text span{
left: calc(62vh - 50px);
}
.our-local-contribution .vertical-line-left {
width: calc(62vh - 50px);
}
.our-local-contribution .vertical-line-right {
width: 100%;
left: calc(50vh + 120px);
}
.item-one, .item-two, .item-three, .item-four, .item-five{
width: calc(100% / 5);
}
.item-six, .item-seven, .item-eight, .item-nine, .item-ten{
width: calc(100% / 5);
}
.item-eleven{
width: 100%;
padding: 0 45px;
}
.item-five, .item-ten{
border-right: 0px;
}
.item-six{
border-right: 1px solid #fff;
}
.expert-item, .home-expert{
padding-top: 70px;
padding-bottom: 70px;
}
.expert-left, .home-expert-left{
padding-right: 15px;
}
.expert-right, .home-expert-right{
padding-left: 15px;
}
.our-community h2{
margin-bottom: 30px;
}
#post-slider .small-container{
max-width: 100%;
}
div#post-slider .carousel-control.left,
div#post-slider .carousel-control.right{
position: relative;
top: 15px !important;
display: block;
float: left;
}
div#post-slider .carousel-control.left{
margin-right: 15px;
}
.data-item{
padding-left: 20px;
padding-right: 20px;
}
.data-lists {
width: calc(100% + 40px);
margin-right: -20px;
margin-left: -20px;
}
.benefit{
padding-left: 20px;
padding-right: 20px;
}
.benefit-lists {
width: calc(100% + 40px);
margin-right: -20px;
margin-left: -20px;
}
.half-with-background-and-half-with-video-column .half-with-background-column{
width: calc(50% - 15px);
margin-right: 15px;
}
.half-with-background-and-half-with-video-column .half-with-image-column{
margin-left: 15px;
width: calc(50% - 15px);
}
}
@media(max-width: 1080px){
.our-value .vertical-section {
max-width: 1014px;
}
}
@media(max-width: 1035px){
.our-impact .inner-container {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media(max-width: 991px){
.download-item{
width: 100%;
padding: 35px 15px;
margin: 0 auto;
float: none;
}
.download-item-outter{
width: 50%;
float: left;
}
.download-lists{
width: calc(100% + 30px);
margin-right: -15px;
margin-left: -15px;
}
.download-info{
padding: 15px;
}
.our-local-contribution h2{
margin-bottom: 65px;
text-align: center;
}
.our-local-contribution .page-container {
padding-top: 100px;
padding-bottom: 100px;
} .item-one, .item-two, .item-three, .item-four, .item-five, .item-six, .item-seven, .item-eight, .item-nine{
width: calc(100% / 3);
}
.item-ten, .item-eleven{
width: calc(100% / 3);
}
.item-five, .item-ten{
border-right: 1px solid #fff;
}
.item-three, .item-six, .item-nine, .item-eleven{
border-right: 0;
}
.tns-inner {
position: relative;
left: 20px;
}
.our-community h2{
margin-bottom: 20px;
}
.featured-insights,
.page-template-tpl-solutions .faq-details,
.page-template-tpl-solutions div.two-columns,
.big-data,
.benefits{
padding-top: 75px;
padding-bottom: 75px;
}
.half-with-background-and-half-with-video-column{
padding-top: 75px;
padding-bottom: 75px;
}
.data-item{
padding-left: 15px;
padding-right: 15px;
}
.data-lists {
width: calc(100% + 30px);
margin-right: -15px;
margin-left: -15px;
}
.benefit{
padding-left: 15px;
padding-right: 15px;
}
.benefit-lists {
width: calc(100% + 30px);
margin-right: -15px;
margin-left: -15px;
}
.news:nth-of-type(3n+1){
clear: unset;
}
.news:nth-of-type(2n+1){
clear: left;
}
.news-inner{
margin-left: 20px;
margin-right: 20px;
}
.news-lists {
display: table;
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
.news{
width: 50%;
padding-top: 15px;
padding-bottom: 15px;
}
.footer-menu ul#footer-menu li a{
padding: 10px 4px;
}
.top-count1-num, .top-count2-num{
font-size: 22px;
line-height: 32px !important;
margin-right: 10px;
}
.top-count-text{
margin-top: 6px;
}
header div.video-content div.page-container h1{
font-size: 50px;
line-height: 60px;	
}
.count1-num, .count2-num{
font-size: 40px;
line-height: 50px;
}
.count1-num-2020, .count2-num-2020{
font-size: 40px;
line-height: 50px;
}
.our-counter{
padding-top: 55px;
}
.video-content-overflow{
height: 305px;
}
.count-inner{
min-width: unset;
}
.our-impact .vertical-section {
max-width: unset;
width: 1148px;
}
.our-value .vertical-section {
max-width: 512px;
}
.desktop{
display: none;
}
.mobile{
display: block;
}
.no-rotate{
margin: 0 auto;
display: block;
width: 3px;
height: 150px;
margin-bottom: 20px;
}
.lifecycle{
padding: 15px 0;
}
.lifecycle-left img{
max-width: 380px;
margin: 0 auto;
display: block;
}
.lifecycle-left {
width: 100%;
float: none;
clear: both;
margin-right: 0px; 
padding: 15px 0px;   
}
.lifecycle-right {
width: 100%;
padding: 15px 0px;
float: none;
clear: both;
margin: 0 auto;   
max-width: 380px;
display: block; 
}
.one-third-and-two-third-column{
padding-top: 45px;
padding-bottom: 45px;
}
.full-width{
padding-top: 45px;
padding-bottom: 45px;
}
.two-columns{
padding-top: 45px;
padding-bottom: 45px;
}
.half-with-background-column {
width: calc(70% - 60px);
position: relative;
z-index: 9;
}
.video-feature-image{
height: 240px !important;
}
.video-feature-image-link{
top: -15px;
left: 30px;
}
.video-icon img{
width: 75px;
}
.video-popup{
bottom: -40px;
width: calc(100% - 40px);
overflow: hidden;
}
.video-text{
height: 75px;
}
.intro-left{
height: 400px;
}
.intro-right{
height: 400px !important; }
.wprmenu_bar #custom_menu_icon.hamburger{
position: absolute !important;
}
ul#primary-menu li a{
padding: 10px 7px;
font-size: 16px;
}
.site-branding img{
max-width: 350px !important;
}
.wprmenu_bar #custom_menu_icon.hamburger{
top: 42px !important;
}
.intro-left {
padding-right: 25px;
}
.intro-right-video{
padding-left: 25px;
height: 400px !important;
}
.our-value-left, .our-community-left {
width: calc(50% - 25px);
margin-right: 25px;
}
.our-value-right, .our-community-right {
width: calc(50% - 25px);
margin-left: 25px;
}
.left-column{
width: calc(50% - 25px);
margin-right: 25px;
}
.right-column{
margin-left: 25px;
width: calc(50% - 25px);
}
.one-third-column{
width: calc((100% / 3) - 25px);
margin-right: 25px;
}
.two-third-column{
width: calc(((100% / 3) * 2) - 25px);
margin-left: 25px;
}
.our-impact .inner-container{
padding-bottom: 100px;
padding-top: 100px;
}
.our-impact-right{
max-width: 710px;
}
.our-fact{
width: calc((100% / 2) - 30px);
}
.our-fact:nth-of-type(3n+1) {
clear: unset;
}
.our-fact:nth-of-type(2n+1) {
clear: left;
}
.our-story-left{
width: 100%;
float: none;
clear: both;
}
.our-story-right{
width: 100%;
float: none;
clear: both;
margin-left: 0px;
margin-top: 45px;
padding: 45px;
}
.our-story .inner-container{
max-width: 767px;
margin: 0 auto;
display: block;
padding-top: 100px;
padding-bottom: 100px;
}
.our-value .inner-container, .our-community .inner-container{
padding-top: 100px;
padding-bottom: 100px;
}
#site-navigation .menu-page-menu-container{
height: 70px;
}
#site-navigation{
width: 65%;
}
.site-branding{
width: 35%;
}
ul#primary-menu li a{
padding: 10px 5px;
}
.our-value .inner-container, .our-community .inner-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-value-left {
width: 100%;
float: none;
clear: both;
margin-right: 0px;
}
.our-value-right{
width: 100%;
float: none;
clear: both;
margin-left: 0px;
margin-top: 45px;
}
.vertical-section{
display: none;
}
}
@media(max-width: 991px){
.download-info .download-title{
font-size: 22px;
line-height: 32px;
}
.download-category{
font-size: 13px;
}
.site-branding {
width: 100%;
}
.wprmenu_bar #custom_menu_icon.hamburger {
top: 115px !important;
}
.page-template-tpl-home .wprmenu_bar #custom_menu_icon.hamburger {
top: 60px !important;
}
#site-navigation {
display: none;
}
.home-expert-right .button{
margin-top: 45px;
}
.expert-item, .home-expert {
padding-top: 55px;
padding-bottom: 55px;
}
.our-value .vertical-section {
max-width: 532px;
}
.top-divide-line{
margin-left: 20px;
margin-right: 20px;
}
.post-content .two_columns .left-columns, .post-content .two_columns .right-columns{
width: 100%;
display: block;
float: none;
clear: both;
padding-left: 0px;
padding-right: 0px;
}
.half-with-background-and-half-with-video-column .video-feature-image{
height: 335px !important;
}
.half-with-background-and-half-with-video-column .half-with-background-column{
width: 100%;
margin-right: 0px;
}
.half-with-background-and-half-with-video-column .half-with-image-column{
margin-left: 0px;
width: 100%;
}
.half-with-background-and-half-with-video-column .video-feature-image{
max-width: 600px;
margin: 0 auto;
margin-top: 25px;
}
.half-with-background-and-half-with-video-column .video-meta {
top: calc((100% - 75px) / 2);
left: calc((100% - 75px) / 2);
}
}
@media(max-width: 875px){
.download-info{
padding: 15px;
}
.download-item{
width: 100%;
clear: both;
float: none;
padding: 30px 0;
max-width: 475px;
margin: 0 auto;
}
.download-lists{
width: 100%;
margin-right: 0;
margin-left: 0;
}
.download-item-outter{
width: 100%;
float: none;
}
ul#primary-menu li a{
font-size: 15px;
padding: 10px 2px;
} .site-footer ul#footer-menu li{
display: block;
float: none;
margin-bottom: 30px;
}
.site-footer ul#footer-menu li:last-child{
margin-bottom: 0px;
}
}
@media(max-width: 767px){
.download-info .download-title{
font-size: 20px;
line-height: 30px;
}
.download-category{
font-size: 12px;
}
.home-expert-left-inner,
.home-expert-right-inner{
max-width: 475px;
margin: 0 auto;
}
.top-notice {
padding: 0px 15px;
font-size: 20px;
line-height: 30px;
}
.site-branding img {
max-width: 255px !important;
}
.page-template-tpl-home .wprmenu_bar #custom_menu_icon.hamburger {
top: 30px !important;
}
.our-local-contribution .page-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-local-contribution h2{
margin-bottom: 40px;
}
.item-one, .item-two, .item-three, .item-four, .item-five, .item-six, .item-seven, .item-eight, .item-nine, .item-ten, .item-eleven{
width: calc(100% / 2);
}
.item-one, .item-three, .item-five, .item-seven, .item-nine{
border-right: 1px solid #fff !important;
}
.item-two, .item-four, .item-six, .item-eight, .item-ten, .item-eleven{
border-right: 0 !important;
}
.item-eleven{
padding: 0 25px;
text-align: center;
}
.expert-right{
padding-top: 0px;
}
.expert-left, .home-expert-left{
width: 100%;
float: none;
clear: both;
padding-right: 0px;
margin-bottom: 35px;
}
.home-expert-right .button{
margin-top: 30px;
}
.expert-right, .home-expert-right{
width: 100%;
float: none;
clear: both;
padding-left: 0px;
}
.expert-left img{
max-width: 300px;
margin: 0 auto;
}
.home-expert-left img, .home-expert-right img{
max-width: 450px;
width: 100%;
}
.expert-item, .home-expert {
padding-top: 40px;
padding-bottom: 40px;
}
.tns-inner {
position: relative;
left: 15px;
}
#field_2_1, #field_2_2, #field_2_3, #field_2_4 {
width: 100% !important;
display: block !important;
float: none !important;
clear: both !important;
padding-right: 0px;
max-width: 320px;
margin: 0 auto !important;
}
#input_2_3{
margin-top: 0px;
}
#gform_2 .gform_footer {
width: 165px;
display: block;
float: none;
clear: both;
margin: 0 auto;
}
.our-community h2{
margin-bottom: 15px;
}
.featured-insights,
.page-template-tpl-solutions .faq-details,
.page-template-tpl-solutions div.two-columns,
.big-data,
.benefits,
.download-lists{
padding-top: 50px;
padding-bottom: 50px;
}
.half-with-background-and-half-with-video-column{
padding-top: 50px;
padding-bottom: 50px;
}
.postImg{
display: none;
}
.post-slider-caption, .postImg{
width: 100%;
float: none;
clear: both;
}
.data-item{
padding: 15px 0;
width: 100%;
max-width: 320px;
margin: 0px auto;
clear: both;
display: block;
float: none;
text-align: center;
}
.data-lists {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.benefit{
padding: 15px 0;
width: 100%;
max-width: 320px;
margin: 0px auto;
clear: both;
display: block;
float: none;
text-align: center;
}
.benefit img{
margin: 0 auto 15px auto;
}
.benefit-lists {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.post-content{
width: 100%;
}
.post-share-bar a {
margin-bottom: 0px;
display: inline-block;
margin-right: 30px;
text-align: left;
width: auto;
}
.post-share-bar {
width: 100%;
display: block;
float: none;
padding-top: 10px;
}
.bolg-image{
height: 320px !important;
}
.news-meta{
text-align: center;
}
.news-clear{
padding-bottom: 35px;
}
.news-inner{
max-width: 450px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.news-lists {
display: table;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
.category-lists li {
margin-bottom: 15px;
}
.news:nth-of-type(2n+1){
clear: unset;
}
.news, .industry{
width: 100%;
clear: both;
float: none;
display: block;
padding-bottom: 10px;
padding-top: 10px;
}
.site-footer ul#footer-menu li{
display: block;
float: none;
margin-bottom: 30px;
}
.site-footer ul#footer-menu li:last-child{
margin-bottom: 0px;
}
.top-counter{
display: none;
}
.videoEnd{
opacity: 1;
}
.video{
opacity: 0;
}
.one-third-and-two-third-column{
padding-top: 25px;
padding-bottom: 25px;
}
.full-width{
padding-top: 25px;
padding-bottom: 25px;
}
.divide-line {
margin-bottom: 25px !important;
margin-top: 25px !important;
}
.two-columns{
padding-top: 25px;
padding-bottom: 25px;
}
#site-navigation{
display: none;
}
.site-branding{
width: 100%;
}
.half-with-background-column {
width: 100%;
}
.intro-left .intro-left-inside-inner{
float: none;
max-width: unset;
}
.intro-left h3{
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
.intro-left h3:last-child{
margin-bottom: 0px;
}
.intro-left-inner{
display: block;
padding-left: 0px;
padding-right: 0px;
}
.video-popup{
max-width: 515px;
margin: 0 auto;
position: relative;
bottom: 0px;
width: 100%;
}
.intro-right{ height: 100% !important; padding-bottom: 0px;
padding-left: 0px;
max-height: 320px !important;
padding-right: 0px;
}
.intro-right-video{
height: 100% !important;
}
.video-icon img{
width: 45px;
}
.video-text {
height: 45px;
}
.video-feature-image{
max-width: 100% !important;
}
.video-feature-image-link {
top: 0;
max-width: 100%;
left: 0;
margin-top: 15px;
}
.intro-left{
width: 100%;
display: block;
float: none;
clear: both;
padding-top: 0px;
padding-right: 0px;
padding: 60px 15px;
height: auto;
}
.intro-left-inner{
margin: 0 auto;
float: none;
}
.intro-right{
width: 100%;
display: block;
float: none;
clear: both;
}
.one-third-column{
width: 100%;
display: block;
float: none;
clear: both;
margin: 0 auto;
margin-bottom: 50px;
}
.two-third-column{
width: 100%;
display: block;
float: none;
clear: both;
margin: 0 auto;
}
.left-column{
width: 100%;
display: block;
float: none;
clear: both;
max-width: 475px;
margin: 0 auto;
margin-bottom: 50px;
}
.right-column{
display: block;
float: none;
clear: both;
width: 100%;
max-width: 475px;
margin: 0 auto;
}
.inner-container{
padding-left: 0px;
padding-right: 0px;
}
.our-fact-inner{
min-height: 195px;
}
.our-fact p.facts-title{
font-size: 32px;
line-height: 42px;
}
h2{
font-size: 28px;
line-height: 38px;
}
.our-impact .inner-container{
display: block;
}
.our-facts {
display: block;
width: 100%;
}
.our-value .inner-container, .our-community .inner-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-value-left, .our-community-left {
width: 100%;
float: none;
clear: both;
margin-right: 0px;
}
.our-value-right, .our-community-right {
width: 100%;
float: none;
clear: both;
margin-left: 0px;
margin-top: 45px;
}
.vertical-section{
display: none;
}
.our-facts{
max-width: 280px;
margin: 0 auto;
}
.our-impact .inner-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-story .inner-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-fact:nth-of-type(2n+1) {
clear: unset;
}
.our-fact{
width: 100%;
margin-left: 0px;
margin-right: 0px;
float: none;
}
footer{
padding-top: 65px;
padding-bottom: 65px;
}
.half-with-image-column{
margin-left: 0px;
}
header div.video-content div.page-container h1{
font-size: 40px;
line-height: 50px;	
}
.count1-num, .count2-num{
font-size: 35px;
line-height: 45px;
}
.count1-num-2020, .count2-num-2020{
font-size: 35px;
line-height: 45px;
}
.our-counter{
padding-top: 25px;
}
.video-content-overflow{
height: 330px;
}
.top-header{
padding-top: 25px;
}
.wprmenu_bar #custom_menu_icon.hamburger {
top: 30px !important;
}
.half-with-background-and-half-with-video-column .video-meta {
top: calc((100% - 45px) / 2);
left: calc((100% - 45px) / 2);
}
.half-with-background-and-half-with-video-column .video-feature-image{
height: 275px !important;
}	
.video-content-outter{
top: -25px !important;
}
#field_2_4, #field_2_2{
grid-column: 1/-1;
}
}
@media(max-width: 585px){
.our-story-right{
padding: 45px 35px;
}
.featured-news-inner{
padding: 0px;
}
.download-info {
padding: 15px 10px;
}
}
@media(max-height: 650px){
header div.video-content div.page-container h1{
font-size: 50px;
line-height: 60px;	
}
.count1-num, .count2-num{
font-size: 35px;
line-height: 45px;
}
.count1-num-2020, .count2-num-2020{
font-size: 35px;
line-height: 45px;
}
.our-counter{
padding-top: 55px;
}
.video-content-overflow{
height: 330px;
}
}
@media(max-height: 500px){
header div.video-content div.page-container h1{
font-size: 40px;
line-height: 50px;	
}
.count1-num, .count2-num{
font-size: 35px;
line-height: 45px;
}
.count1-num-2020, .count2-num-2020{
font-size: 35px;
line-height: 45px;
}
.our-counter{
padding-top: 25px;
}
.video-content-overflow{
height: 245px;
}
.top-header{
padding-top: 25px;
}
.scroll-text{
bottom: 12vh;
}
}
@media(max-height: 479px){
header div.video-content div.page-container h1{
font-size: 25px;
line-height: 35px;	
}
.our-counter{
display: none;
}
.video-content-overflow{
height: 40px;
}
}
@media(max-height: 365px){
.scroll-text{
bottom: 14vh;
}
}
@media(max-width: 500px){
.count-1{
width: 100%;
display: block;
float: none;
text-align: right;
margin-right: 0px;
max-width: 485px;
margin: 0 auto;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.count-2{
width: 100%;
display: block;
float: none;
text-align: right;
margin-left: 0px;
max-width: 485px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
header div.video-content div.page-container h1{
font-size: 25px;
line-height: 35px;	
}
.count1-num, .count2-num{
font-size: 25px;
line-height: 35px;
}
.count1-num-2020, .count2-num-2020{
font-size: 25px;
line-height: 35px;
}
.count-text{
text-align: center;
font-size: 16px;
line-height: 30px;
}
.count-1, .count-2{
text-align: center;
}
.video-content-overflow{
height: 340px;
display: table-cell;
vertical-align: middle;
}
}
@media(max-width: 475px){
.contribution-data-item svg{
max-width: 90px;
}
.item-one, .item-three, .item-five, .item-seven, .item-nine, .item-eleven{
clear: left;
}
.item-eleven svg{
max-width: 100%;
}
.contribution-data-item {
padding: 0;
min-height: auto;
margin: 15px auto;
}
.our-local-contribution .page-container{
padding-top: 65px;
padding-bottom: 65px;
}
.our-local-contribution h2{
margin-bottom: 25px;
}
}
@media(max-width: 380px){
.top-notice {
font-size: 17px;
}
}