/*
Theme Name: Lemongrass
Theme URI: http://triggersolutions.co.uk
Description: Our theme
Author: Trigger
Version: 1.1
Tags: none
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


@font-face {
    font-family: 'unisansbold';
}

@font-face {
    font-family: 'uni_sans_regularregular';
    src: url('fonts/uni_sans_regular-webfont.eot');
    src: url('fonts/fonts/uni_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/uni_sans_regular-webfont.svg#uni_sans_regularregular') format('svg'),
         url('fonts/uni_sans_regular-webfont.woff') format('woff'),
         url('fonts/uni_sans_regular-webfont.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'uni_sanssemibold';
    src: url('fonts/uni_sans_semibold-webfont.eot');
    src: url('fonts/uni_sans_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/uni_sans_semibold-webfont.svg#uni_sanssemibold') format('svg'),
         url('fonts/uni_sans_semibold-webfont.woff') format('woff'),
         url('fonts/uni_sans_semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'uni_sansheavy';
    src: url('fonts/uni_sans_heavy-webfont.eot');
    src: url('fonts/uni_sans_heavy-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/uni_sans_heavy-webfont.svg#uni_sansheavy') format('svg'),
         url('fonts/uni_sans_heavy-webfont.woff') format('woff'),
         url('fonts/uni_sans_heavy-webfont.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	zoom:1;
	font-size:100%
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,label,figure { 
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-text-size-adjust: none;
	line-height:1.3;
	-webkit-appearance: none;
	
}


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



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}





ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
a {text-decoration:none; cursor:pointer}
body {min-width:1024px; background-size:contain; background-position:top right; background-repeat:no-repeat; color:#4d4d4d}
.inner, #casestudies {max-width:1200px;     width: 98%;
    padding-left: 1%;
    padding-right: 1%;  min-width:980px; margin:auto;overflow:hidden; position:relative }
	#casestudies .outer{padding:2%; box-sizing: border-box;}
.padding {padding:20px}
section {width:100%}
.green,strong {color:#8ebe3f}
em span {color:#4d4d4d; font-style:normal}
.grey{color:#e6e6e6}
.black{color:#8ebe3f}
.greenbg {background:#8ebe3f; color:#fff}
.greenbg p {color:#fff}
.single .greenbg p {color:#4d4d4d}
.greenbg h3 {font-style:italic; margin-top:25px; font-weight:400}
.greybg {background:#f2f2f2; color:#4d4d4d;}
.verydarkgreybg  {background:#4d4d4d; color:#fff; text-align:left}
.verydarkgreybg .col2:first-child p{color:#fff}
.verydarkgreybg .col2:first-child strong {color:#8ebe3f}
.verydarkgreybg .col2:last-child {background:#fff; text-align:left}

.verydarkgreybg .col2:first-child {width:70%}
.verydarkgreybg .col2:last-child {width:30%}
section.verydarkgreybg .col li {color:#fff}

section.verydarkgreybg .col:first-child li::before, section.verydarkgreybg .blockleftimage .col:first-child ul li::before {
     content: "\2713";
    color: #8ebe3f;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
section.verydarkgreybg .col2:last-child p {margin-top:0 !important}
section.verydarkgreybg .hs-form .hs-fieldtype-text {
    width: 100%;
    margin-left: 0%;
    float: none;
    text-align: left;
    height: auto;
}
section.lesspadding.verydarkgreybg  p, section.lesspadding.verydarkgreybg  h3 {
    max-width: 100%;
    margin: auto;
}
section.verydarkgreybg  .hs-form label, .page-template-page-ppc  .hs-form label, .page-template-page-ppc-v2  .hs-form label{
    font-size: 14px;
   
}

section.verydarkgreybg  .hs-form .hs-fieldtype-textarea, .page-template-page-ppc  .hs-form .hs-fieldtype-textarea, .page-template-page-ppc-v2  .hs-form .hs-fieldtype-textarea{
    width: 100%;
    margin-right: 0%;
    float: none;
    margin-top: 0;
    text-align: left;
}
section.verydarkgreybg  .hs-form input, section.verydarkgreybg  .hs-form textarea, .page-template-page-ppc .hs-form input, .page-template-page-ppc .hs-form textarea, .page-template-page-ppc-v2 .hs-form input, .page-template-page-ppc-v2 .hs-form textarea {
    font-size: 16px;
    width: 96%;
    border: 1px solid #999;
    padding: 5px;
}
 section.verydarkgreybg  .hs-form textarea, .page-template-page-ppc .hs-form textarea, .page-template-page-ppc-v2 .hs-form textarea { height:30px}
 
.page-template-page-ppc-v2 .hs-form textarea { height: 106px}
section.verydarkgreybg .hs-button ,.page-template-page-ppc  .hs-button  ,.page-template-page-ppc-v2  .hs-button {
    float: none;
    margin-right: 0;
    margin-top: 12px; background-image:url('https://lemongrassconsulting.com/wp-content/uploads/2018/12/send-message-contact2.png'); font-size: 16px !important;
    padding-right: 17px !important;
    background-size: 204%;
    background-position: top right;
}
.hs-error-msgs {margin-top:0 !important; margin-bottom:0 !important}
.hs-error-msgs li {margin:0 !important; padding:0 !important}
section.imagebg {background-size:cover}
section.imagebg strong {color:#fff}
section.imagebg h2, section.imagebg h3 {color:#fff; text-align:center}
section.imagebg {text-align:center}

section.imagebg li::before, section.imagebg ul li::before, .page-template-page-ppc section.whitebg ul li::before, .page-template-page-ppc .section1  ul li::before, .page-template-page-ppc-v2 .section1 ul li::before, .page-template-page-ppc-v2 .section1  ul li::before {
        content: "\2713";
    color: #4d4d4d;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
    float: left;
    margin-bottom: 13px;
}
.page-template-page-ppc-v2 .section1  ul {margin-top:20px !important}
.page-template-page-ppc-v2 .section1  ul li::before { color: #8ebe3f;}
.page-template-page-ppc .section1  ul li::before { color: #8ebe3f;}
.page-template-page-ppc-v2 section ol {list-style:outside; list-style-type:lower-roman}


section.imagebg .button, .page-template-page-ppc section.whitebg .button, .page-template-page-ppc-v2 section.whitebg .button{
    font-size: 22px;
    font-weight: bold;
    background-color:transparent;
    color: #fff; background-image:url('/wp-content/uploads/2018/12/send-message-contact2.png'); background-size:cover
}
section.imagebg .button:after {
  display:none
}
section.imagebg ul, .page-template-page-ppc section.whitebg ul  {margin-top:30px; max-width:86%; margin-left:auto; margin-right:auto}
.page-template-page-ppc section h2,.page-template-page-ppc-v2 section h2 ,.page-template-page-ppc-v2 .section6 ul {max-width:86%; margin-left:auto; margin-right:auto; margin-top:20px}
.page-template-page-ppc-v2 .section6 ul li{padding-left: 15px; position:relative}
.page-template-page-ppc-v2 .section6 ul li:before {
content: "•";  color:#8ebe3f;     position: absolute;
    left: 0px;
}
.page-template-page-ppc section#hero h2 ,.page-template-page-ppc-v2 section#hero h2 {max-width:100%; margin-left:0; margin-right:0}
.page-template-page-ppc-v2 section ol {max-width:86%; margin-left:auto; margin-right:auto}
.page-template-page-ppc-v2 section ol li {list-style-type:decimal}

.page-template-page-ppc-v2 section ol  {
   list-style: none; margin-top:15px;
   counter-reset: item; list-style:none
 }
 .page-template-page-ppc-v2 section ol li { list-style-type:none; position:relative; padding-left:20px}
.page-template-page-ppc-v2 section ol li:before {
   counter-increment: item;
   margin-bottom: 5px; list-style-type:none;
   content: "" counter(item) ". "; color:#8ebe3f; position:absolute; left:0px
 }

section.imagebg ul li,.page-template-page-ppc section.whitebg ul li ,.page-template-page-ppc-v2 section.whitebg ul li {
    list-style: outside;
    list-style-type: none; clear:both; overflow:hidden
	
}

.page-template-page-ppc section.whitebg ul li {
     list-style-type: none;
    padding-left: 25px;
    position: relative;
}
.page-template-page-ppc section ul li:before{position: absolute;
    left: 0;
}
section.imagebg p {max-width:100% !important}
.darkgreybg {background:#e6e6e6; color:#333;}
.darkgreybg  h3 {color:#4d4d4d}
.whitebg {background:#fff; color:#4d4d4d;}
.blackbg {background:#4d4d4d; color:#fff}
.blackbg p {color:#fff}
.bluebg {background:#757e93; color:#fff}
.aligncenter  {text-align:center}
.colourbg {padding-bottom:0 !important; padding-top:0 !important}
.colourbg .inner{max-width:none; width:100%; padding:0}
.colourbg .col:nth-child(1) {background:#8ebe3f; color:#fff}
.colourbg .col:nth-child(2) {background:#f2f2f2; color:#4d4d4d;}
.colourbg .col:nth-child(3) {background:#4d4d4d; color:#fff}
.colourbg .col:nth-child(3) li {color:#fff}
.colourbg .col:nth-child(1)   strong {color:#4d4d4d}
.colourbg .col:nth-child(1)  li {color:#fff}
.colourbg .col:nth-child(1)  li::before {
  
    color: #4d4d4d;
   
}
.colourbg .col3 img {
    height: auto;
    width: auto; margin-bottom:30px
}

section p {margin-top:20px !important}
section p:first-child {margin-top:0 !important }
/*.page-id-161 section p { font-weight:normal; font-size:17px}
.page-id-161 section p strong {color:#4d4d4d; font-size:22px}
.page-id-161 section img {margin-bottom:31px}*/
.blackbg p:first-child, .home .col3 p:first-child {margin-top:0}
.aligncenter p strong {font-size:23px}

.tel {
    float: right;
    margin-top: 40px; font-size:21px
}
body {padding-top:110px}
header {padding-top:20px; padding-bottom:20px;  position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    height: 66px;}
#logo {float:left}
header .inner {overflow:visible; height:70px}
header nav {
    display: block;
    float: right;
    width: %%;
    margin-left: 5%;
    margin-top: 44px;
}
header nav li {display:block;  
   margin-left: 39px;
    float: none;
    display: inline-block; position:relative; padding-bottom: 24px;}
header nav li a {color:#4d4d4d; font-weight:bold; text-transform:capitalize; text-align:center; font-size:20px; display:block; cursor:pointer}
header nav li li {margin-left:0}
header nav li a:hover, header nav li.current_page_item  a, header nav  li.current-menu-parent a {color:#8ebe3f}
header nav li ul {
    display: none;
    
    background: rgba(142,190,63,1);
    padding: 20px;
    position: absolute;
    /* top: 0; */
    left: 0;
    width: 138%;
    z-index: 999;
    margin-top: 20px;
   margin-left: -34px;
}
header nav li#menu-item-1148 ul {
	width: 319%; margin-left: -104px;
}
header nav li#menu-item-593 ul {
	width: 202%; margin-left: -42px;
}
header nav li ul::after {
    content: '';
    position: absolute;
    top: -10px;
    right: 45%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #8ebe3f;
    clear: both;
}
header nav li:hover ul {display:block}
header nav li ul li {width:100%; float:none; padding-bottom:0}


header nav li ul li a, header nav li.current_page_item ul li  a, header nav  li.current-menu-parent li a  {color:#fff; display:block; margin-bottom:10px; text-align:left; cursor:pointer}
header nav li ul li a:hover,header nav li ul li.current_page_item a, header nav  li.current-menu-parent li.current_page_item a  {color:#4d4d4d; display:block; margin-bottom:10px}
a.tel {float:right;  margin-top: 44px; font-size:21px}
.tel a:before {
    content: "";
    margin-right: 0px;
    margin-top: 5px;
    float: left;
    width: 18px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/08/telephone.png);
    /* background-position: 0; */
    display: inline-block;
}

.home .aws strong {font-size:23px}
.home .aws a { font-weight:bold}
.parent-pageid-1168 section {text-align:left !important}
.parent-pageid-1168 section.lesspadding p, section.lesspadding h3 {
    max-width: 100%;
}
.parent-pageid-1168 section.lesspadding .col2 p {max-width:90%; margin-left:0}
#testimonials {color:#fff}
#testimonials strong {color:#4d4d4d}
#testimonials img {float:left; margin-right:10px}

#customers img {
    width: 90%;
	height:auto;
    
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.3;
   
    padding-left: 5%;
    padding-right: 5%;
   
}
#customers .outer div {
   	width:16%;
    height: 150px;
	float:left;
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
    margin-top: 30px;
   
    overflow: hidden;
    position: relative;
}

#case-studies article {padding:20px}
#case-studies article:first-child {margin-bottom:20px}
#case-studies article .left {border:1px solid #4d4d4d; text-align:center; width:25%}
#case-studies article .right {width:67%; padding-right:4%; padding-top:20px; padding-bottom:20px}
#case-studies article .left img {width:80%; height:auto; margin-top:120px; margin-bottom:120px}
#case-studies article .right p {font-size:21px; margin-bottom:20px}
#case-studies article .right a, .button {font-size:22px; font-weight:bold;background:#4d4d4d;  color:#fff; padding:7px 22px  7px 7px; display:inline-block; clear:both; position:relative}
.button {font-size:18px;}
#case-studies article .right a::after, .button:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    width: 0;
    height: 0;
    border-left: 44px  solid transparent;
    border-right: 28px solid #fff;
    border-top: 46px    solid transparent;
    clear: both;
}
.button.green {background: #8ebe3f;}
.button.green:after{
   
  
}
#contact {padding-top:30px; padding-bottom:30px; text-align:center; font-size:31px; font-weight:800}
#contact p {text-align:center; font-size:40px; font-weight:800; margin-top:0 !important}
#contact a {color:#8ebe3f}
footer, #copyright {padding-bottom:30px; padding-top:30px}
#copyright {padding-top:0}
footer .left { width:70%}
footer .right, #copyright .right { width:30%; text-align:right; color:#fff}
footer .menu-item-412 {display:none !important}
#copyright {color:#fff; }
#copyright ul {display:block}
#copyright ul li{display:inline-block}
#copyright ul li a {padding-left:10px; padding-right:10px; font-weight:normal; font-size:18px}
#copyright ul li:last-child a {padding-right:0}
#menu-item-263{
    border-left: 1px solid #fff;
}
.wp-image-464 {margin-bottom:0px}
footer .menu-item-269 {display:none !important
}
footer .contact {
    color: #4d4d4d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px; display:block
}
footer .right a{margin-bottom:7px}
footer .menu-main-menu-container li  {
    width: 25%;
    text-align: left;
    margin-top: 3px;
    display: block;
    overflow: hidden;
    clear: none;
    float: left;
}
footer.greenbg {
    border-top: solid 5px #8ebe3f; background:#fff
}
footer .menu-main-menu-container a, footer .col4 a {color:#4d4d4d; text-transform:uppercase; font-weight:bold; font-size:18px}
footer .menu-main-menu-container li li, footer .col4 li {width:100%; display:block}
footer .menu-main-menu-container li li a, footer .col4 li li a{color:#8ebe3f; text-transform:none; font-weight:normal}
footer .col4 a {margin-top:20px;     display: block;}
footer .col4 li li a {margin-top:0; text-transform:none}
footer .col4 p img,footer .col2 p img {width:94%; height:auto; padding:3%; background:#fff}
footer .col2 p {width:50%; display:inline-block; margin-top:0 !important}
footer .col2 p:first-child  {width:100%; margin-top:20px !important}
footer .col4:last-child a {color:#8ebe3f; text-transform:none}
footer .col4:last-child a.contact {color:#4d4d4d; text-transform:uppercase}
footer .col4:nth-child(2) p,footer .col4:nth-child(3) p,footer .col4:nth-child(4) p { width:80%;  }
footer .right li {display:inline-block; margin-right:10px; color:#4d4d4d}
footer .right { color:#4d4d4d; width:50%; text-align:right}
footer .right div, footer .right ul {display:inline-block}
#hero  {color:#4d4d4d; position:relative; padding-top:15px; padding-bottom:44px; background-size:cover }
.home #hero {color:#fff; padding-top:75px; padding-bottom:75px;}
#hero .img {
    height: auto;
    background: #fff;
    text-align: center;
    width: auto;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 27px;
    right: 20px;
    padding: 36px;
    height: 103px;
    width: 116px;
}

#hero .img img {height:100%; width:auto}
#hero .inner {overflow:visible; height:180px; line-height:180px}
.home #hero .inner {overflow:visible;     height: 324px;
    line-height: 170px;}
#hero p {font-size:30px; font-weight:900; line-height:1.3}
#hero p strong{font-size:24px; font-weight:900}
.greenfade {
    background: rgba(142,190,63,.8);
    padding: 42px;
    position: absolute;
    top: 0;
    right: 0;
    height: 390px;
    padding-top: 62px;
}
#hero h3 {font-weight:900}
#hero h3, #hero input, #hero input::placeholder , #hero textarea::placeholder {color:#4d4d4d;}
#hero input, #hero input::placeholder , #hero textarea::placeholder {color:#4d4d4d; font-size:14px}

h1 {font-size:49px;  font-weight:900;     margin-top: 20px; line-height:1.3; vertical-align:middle;     display: inline-block;}
#hero .inner {
    overflow: visible;
    height: 243px; line-height:243px; vertical-align:middle
}
.home #hero h2{color:#fff;}
#hero h2 { font-size:40px; font-weight:600; margin-top:10px}
.page-id-126 .lesspadding p {max-width:70%; margin:auto}
.page-template-page-ppc #hero h1,.page-template-page-ppc-v2 #hero h1 {color:#fff; margin-top: 60px;}
.page-template-page-ppc #hero h2,.page-template-page-ppc-v2 #hero h2 {color:#fff}

.page-template-page-ppc  #hero .inner,.page-template-page-ppc-v2  #hero .inner,.page-template-page-long  #hero .inner {
    
    height: 230px;
    line-height: 230px;
   
}

.page-template-page-ppc .section1 .col2,.page-template-page-ppc-v2 .section1 .col2 {width:65%}
.page-template-page-ppc .section1 .col2:last-child,.page-template-page-ppc-v2 .section1 .col2:last-child {width:32%; background:#fff}
.page-template-page-ppc .section1 .col2:last-child,  .page-template-page-ppc .section1 .col2:last-child h2,  .page-template-page-ppc .section1 .col2:last-child p,.page-template-page-ppc-v2 .section1 .col2:last-child,  .page-template-page-ppc-v2 .section1 .col2:last-child h2,  .page-template-page-ppc-v2 .section1 .col2:last-child p  {
    max-width: 100%;
   text-align: left;
}
.page-template-page-ppc  section.greybg.minus   .col2 ,.page-template-page-ppc-v2  section.greybg.minus   .col2 {    width: 26%;
    background: #fff;
    text-align: left;
    padding: 2%; margin-right:2%}
	
.page-template-page-ppc section.greybg.minus  .col2:first-child {margin-left:18%}

.page-template-page-ppc-v2  section.greybg.minus   .col2 {    width: 40%;
    background: #fff;
    text-align: left;
    padding: 2%; margin-right:2%}
.page-template-page-ppc-v2 section.greybg.minus  .col2:first-child {margin-left:6%}
.page-template-page-ppc-v2  section.greybg.minus   .col2 img {width:100%; height:auto}
.page-template-page-ppc-v2 .section1  ul {
max-width: 86%;
    margin: auto;
}
.page-template-page-ppc .section1 .col2:last-child  .hs-form .hs-fieldtype-text,.page-template-page-ppc-v2 .section1 .col2:last-child  .hs-form .hs-fieldtype-text {
    width: 100%;
    margin-left: 0;
    float: left;
    text-align: left;
    height: auto;
}
.page-template-page-ppc  .col2 h3 {font-size: 35px;}
.page-template-page-ppc  .col2 .button {
    position: absolute;
    bottom: 20px;
    left: -121px;
    right: 0;
    width: 44%;
    margin: auto;
    display: block;
}
 h1 {font-size:60px; margin-top:20px; display:block}
h2 {font-size:40px;  color:#4d4d4d; font-weight:bold }
h3 {font-size:40px; font-weight:900; font-weight:bold  }
#case-studies h3 {font-family: 'uni_sansheavy';}
h4 {font-size:40px; margin-top:5px; font-weight:bold; color:#4d4d4d }
h6 {color:#fff; background-image:url(/wp-content/uploads/2019/02/green-arrow.png); background-repeat:no-repeat ; background-size:cover; font-weight:bold; font-size: 19px;
    padding: 11px;}
.home p, .home section li {font-size:24px;     font-weight: 300;}
.home p {margin-top:20px !important}
h5 {font-size:24px;     font-weight: 800; margin-top:20px; max-width:86%; margin-left:auto; margin-right:auto}
.home .col3 li {margin-bottom:20px}
p, section li {font-size:24px; font-weight:300;     color: #4d4d4d;}
.col p, section .col li {font-size:24px; font-weight:300}
.mt {margin-top:40px}
section .col {position:relative}
section .col .button  {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 65%;
    margin: auto;
    display: block;
}
section .col ul, section .blockleftimage ul {margin-left:23px; margin-top:25px; margin-bottom:20px}
section .col li, section .blockleftimage ul li {list-style:none; text-align:left; margin-bottom:20px}
section .col li::before, section .blockleftimage ul  li::before{content: "•"; color: #8ebe3f;
  display: inline-block; width: 1em;
  margin-left: -1em}}
section ul {    display: inline-block; margin-top:20px;     margin-left: 30px;}
section ul li {list-style:outside; list-style-type:disc}
section {padding-top:50px; padding-bottom:50px}
section.lesspadding {padding-top:35px; padding-bottom:35px}
section.nopadding {padding:0}
section.lesspadding p,section.lesspadding  h3 {max-width:86%; margin:auto}
section.lesspadding .col  h3 {max-width:100%}
.page-id-560 .col h3 {font-size:32px}
#speak .inner {max-width:841px; min-width:841px}
#speak p img {margin-top:-20px; margin-bottom:0 !important}
#speak p {font-size:33px; font-weight:900;}
#speak p strong, #speak p a {font-size:56px; color:#8ebe3f;  font-family: 'uni_sansheavy';}
a {color:inherit}


.blog h2, .blogpost h2 {color:#4d4d4d; text-align:left;/* font-size:31px; font-weight:bold;*/ font-family: 'Source Sans Pro', sans-serif;}
.blog h2 {display:block; height:auto; text-align: center;}
.blog .col3.whitebg {width: 31.33333%; padding:0;margin-left: 0;
    margin-right: 3%;}
.blog .col3.whitebg p {margin-bottom:20px}
.blog .col3 img {width:100%; height:auto}
.blogpost h2 {margin-top:20px}
.blogpost img {max-width:100%; height:auto}
.single-post h1 {font-weight:bold; font-size:40px; margin-top:20px;}
.single-post h2, .single-post h3 {font-size:24px}
.single-post p,.single-post  section li {
    /*font-size: 16px;
    font-weight: 300;*/
}
.single-faq h1 {font-weight:bold; font-size:31px; margin-top:20px;}
.single-faq h3 {font-weight:bold; font-size:31px; margin-bottom:20px; font-family: 'uni_sansheavy';}
.single-post p,.single-post  section li {
   
}
.single-post  section ol li {margin-left:10px}
.single-post  section ul li {margin-left:30px}
.single-post section strong {color:#4d4d4d}
.single-post h3 {/*font-weight:bold; font-size:25px;*/ margin-top:20px}
.single-faq section .left {width:30%}
.single-faq section .right {width:63%; padding:2%}
.single-faq section .right p:first-child {margin-top:0}

.single-faq h1, .single-faq .right strong, .single-faq .right b {font-size:36px;  color:#8ebe3f}
.single-faq section .left ul {margin-left:0;     margin-top: 0;}
.single-faq section p {font-size:17px}
.single-faq section h5 {font-size:20px; margin-top:20px}

.single-faq section .left li {list-style:none; margin-bottom:10px; font-weight:bold; font-size:19px}
.single-faq section .left li a:hover, .single-faq section .left li.current_page_item a {
    color: #8ebe3f;
}


.single-team_member section .left {width:30%}
.single-team_member section .left  img, .col4.team img  {width:120%; height:auto; margin-top:-10%; margin-left:-10%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.col4.team img.wp-image-14 {width:auto; height:auto; margin-left:0}
.teamimage {
    border-radius: 50%;
    overflow: hidden;
    height: 160px;
    width: 160px;
    margin: auto;
}

.single .teamimage  {border-radius:50%; overflow:hidden; height: 360px; width:100%}
.single-team_member section .right {width:65%}
.single-team_member section .right h1 {margin-top:0; font-size:32px}
.single-team_member section .right  p {font-size:16px; font-weight:normal}
.single-team_member section .right  p:nth-child(2) {margin-top:0}
.team.col4.whitebg {min-height: 0; position:relative; width:22%; margin-left:.25%; margin-right:.25%;  margin-bottom:.5%; padding:2% 1%;     float: none;
    display: inline-block;
    clear: none;
    vertical-align: top; }
	.namerole {margin-bottom:20px}
.team.col4.whitebg  a {}
.team.col4 h3 {text-transform:none !important; font-size:28px}
.team.col4 p {margin-top:0 !important;     margin-bottom: 20px; font-size:20px}
.mtmb {padding-top:20px; margin-bottom:30px}
.customer,.partner {border-bottom:1px solid #e6e6e6}

.customer .left,.partner .left {width:30%; text-align:center; vertical-align:middle}

.customer .right,.partner .right  {width:67%}

.outer {overflow:hidden;     clear: both; width:100%}





.spacer {display:inline-block; width:60px}

.left {width:50%}
.right {width:50%}


.outer {overflow:hidden}
section ol {margin-left:20px; list-style:outside; margin-top:20px}

section ol  li{ list-style-type:lower-roman}

div.wpcf7 {
    margin: 0;
   
    overflow:hidden
}
div.wpcf7-response-output {
 
    clear: both;
}
#content .wpcf7-form .left {width:80%}
#content .wpcf7-form .right {width:18%}
.wpcf7 p {margin-top:0}
.wpcf7 input,.wpcf7 textarea,.wpcf7 select {background:#fff; padding:7px; display:inline-block;  border:none; width: 100%; margin-bottom:7px }
.wpcf7 textarea {height:120px}
.wpcf7 select {width:100%}
 
.wpcf7 input.wpcf7-submit  {     float: left;
    font-size: 22px;
    font-weight: bold;
	background-color:transparent;
    background-image: url('/wp-content/uploads/2018/08/send-message-contact.png'); background-repeat:no-repeat; background-size:100%;
    color: #fff !important;
    padding: 10px 35px 10px 20px;
    display: inline-block !important;
    clear: both;
    position: relative;
	font-size:18px; 
	width: auto !important; text-transform:uppercase
}

.wpcf7 label {margin-bottom:0px; display:block; width:100%;     overflow: hidden; }

input {
     border-radius:0
}
.wpcf7-form br {display:none}
.hidden {display:none !important}

span.wpcf7-not-valid-tip {
    color: #de3a1e;
    font-size: 15px;
    font-weight: normal;
    display: block;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
  clear:both;
	margin-top:20px
}



.col {float:left; display:block}
.col2  {width:50%; margin-right:0; margin-bottom:2%; position:relative}
#casestudies .right {text-align:left}
#casestudies .left img {max-width:100%; width:auto; height:auto; margin-top:30px; float:left}
#casestudies .right p ,#casestudies .right h3{max-width:100%}
#casestudies .col2 {width:30%; margin-right:2%; padding:2%; display: inline-block;
    float: left; text-align:left; padding-bottom:4%}
	#casestudies .col2:first-child {margin-left:15%;}
	#casestudies .col2 p {max-width:100%}
	#casestudies .col2 img {margin-bottom:20px}
#casestudies  {text-align:center}
#casestudies .col2 .button {
    font-size: 24px;width: 55%;
    margin-left: 6%; bottom:4%; padding-left:20px
}
#casestudies {overflow:hidden}
#casestudies .col3 {width:26%; margin-right:2%; padding:2%; display: inline-block;
    float: left; text-align:left; padding-bottom:4%}
	#casestudies .col3:first-child {margin-left:1.5%;}
	#casestudies .col3 p {max-width:100%}
	#casestudies .col3 img {margin-bottom:20px;  height: 59px;
    width: auto;}

#casestudies .col3 .button {
    font-size: 24px;width: 55%;
    margin-left: 6%; bottom:4%; padding-left:20px
}
.col3  {width:27.33333%; padding:3%; margin-right:0; margin-bottom:0; position:relative; text-align:center;    }
.col3.location {min-height:160px; border-top:5px solid #8ebe3f; padding-left:1.5%; padding-right:1.5%; width:30.333%; text-align:left}
.col3.location p {font-size:20px}
.col3.location p a {    font-size: 19px;}
.home .col3 {width:23.33333%; padding:3% 5%;}
.col3.whitebg {margin:1%; width:25.33333%; min-height: 420px;}
.page-id-126 .col3.whitebg {min-height: 478px; position:relative}
.page-id-126 .col3.whitebg  a {position:absolute; bottom:20px; left:30%}
.ml .col3.whitebg:nth-child(4) {  margin-left:18%}
.img {height:123px}
.col3  li {text-align:left}
.col3 img {height:130px; width:auto}
.col3 h3,.col4 h3 { font-weight:bold}
.greybg .col4,.greybg .col3,.darkgreybg .col4,.darkgreybg .col3 {background:#fff}
.greybg .col3,.darkgreybg .col3 {width:27.16%; margin-right:.25%; margin-bottom:.25%}
.greybg .col3:last-child,.darkgreybg .col3:last-child {margin-right:0}
.col4 p,.col3 p {max-width:none !important}
.col4 {margin-bottom:3px}
.whitebg .col4 {background: #f2f2f2; text-align:left}
.whitebg .col4 p {max-width:none}
.whitebg .col4 em {display:block; margin-bottom:30px}
.minus{    margin-top: -35px;}
.minusminus{    margin-top: -70px;}
.minusminusminus {    margin-top: -85px;}
.col4 {width:20.75%; padding:1% 2%; margin-right:.25%; margin-bottom:0%; margin-top:0%;  margin-bottom:3px   }

.col5 {width:17.8%; padding-left:1%; padding-right:1%; padding-bottom:2%; margin-right:.25%; margin-bottom:2%;  min-height: 398px;
}
.col5 h3 {font-size:40px}
.col5:last-child {float:right; margin-right:0}
.col5 img {width:auto; height:auto}

.whitebg .col5 {background:#f2f2f2; min-height:0; padding-top:20px}
.whitebg .col5 p {max-width:100%}
strong.grey {color:#4d4d4d;}
strong.grey em {color:#8ebe3f}
.darkgreybg ol li {width:15.8%; padding-left:2%; padding-right:2%; padding-bottom:2%; margin-right:.25%; margin-bottom:2%; background:#fff; float: left;
}
.darkgreybg ol, .page-id-161 ol  {
   list-style: none; margin-top:15px;
   counter-reset: item; list-style:none
 }
.darkgreybg  li, .page-id-161 ol li {
   counter-increment: item;
   margin-bottom: 5px; list-style-type:none
 }
  .page-id-161 ol li, .CircleNumbers ol li {background:#fff; margin-bottom:2px; display:block; padding:20px; text-align:left;  counter-increment: item;}
  
 .darkgreybg  li:last-child {margin-right:0; float:right}
 .page-id-1013 .darkgreybg  li:last-child {margin-right:0; float:none}
.home .darkgreybg li:before, .page-id-161 ol li:before, .CircleNumbers ol li:before {
    content: counter(item);
    background: lightblue;
    border-radius: 50%;
    color: white;
    font-size: 40px;
    font-weight: bold;
    background: #8ebe3f;
    width: 52px;
    padding: 6px;
    text-align: center;
    display: block;
    margin: 20px auto;
}
.page-id-161 ol li, .CircleNumbers ol li{position:relative; padding-left:110px}
#team {padding-top:0 !important}
 .page-id-161 ol li:before, .CircleNumbers ol li:before { position:absolute; left:20px; top:5px}
.col6 {width:15.66%; margin-right:1%; }
.col6 img {width:100%; height:auto}
.col.item1 {clear:left}
.col5.item5,.col4.item4, .col3.item3 {float:right; margin-right:0}

.left {float:left; }
.right {float:right; }
.alignleft {float:left; margin-right:50px; margin-bottom:50px}
.alignright {float:right; margin-left:50px; margin-bottom:50px}
.wpcf7-form .left {width:30%; margin-left:13%}
.wpcf7-form .right {width:40%; margin-right:13%}
.wpcf7 .left  input,.wpcf7 .right  textarea, .hs-form input, .hs-form textarea {font-size:30px; width:97%; border:none}
.wpcf7 .left  label,.wpcf7 .right  label { font-size: 24px;
    font-weight: 300;
    color: #4d4d4d;     text-align: left;}
.wpcf7 .right textarea {
    height: 144px; margin-top:5px
}

.hs-form .hs-fieldtype-text {
    width: 38%;
    margin-left: 13%;
    float: left;
    text-align: left;
    height: 97px;
}
.hs-form .hs-fieldtype-textarea {    width: 35%;
    margin-right: 13%;
    float: right;
    margin-top: -200px;
    text-align: left;}
	.hs-error-msgs  {margin-left:0}
	.hs-error-msgs  li  {color:#FF0000; list-style-type:none}
	.hs-error-msgs  li  label {color:#FF0000;font-size:14px}
.hs-form  textarea {
    height: 144px; margin-top:5px
}
.hs-form  label { font-size: 24px;
    font-weight: 300;
    color: #4d4d4d;     text-align: left;}
.hs-button {
    float: right;
    margin-right: 16%;
    margin-top: -67px;
    font-size: 22px;
    font-weight: bold;
    background-color: transparent;
    background-image: url(/wp-content/uploads/2018/08/send-message-contact.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff !important;
    padding: 10px 35px 10px 20px;
    display: inline-block !important;
    clear: both;
    position: relative;
    font-size: 18px !important;
    width: auto !important;
    text-transform: uppercase; border:none !important
}
body.noscroll, html.noscroll { position:fixed;overflow:hidden}
.noscroll .slick-arrow {display:none !important}
.icon {
  z-index: 99999999999;
  position: fixed;
  background: none;
  display: block;
  padding: 11px;
  height: 37px;
  width: 28px;
  margin: 0px;
      top: 26px;
    right: 70px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-size:14px
}

.menui {
  background: #4d4d4d;
  transition: 0.35s linear;
  margin-top: 10px;
  position: absolute;
}
.top-menu {
  top: 22px;
  width: 40px;
  height: 5px;
  border-radius: 3px;
}
.mid-menu {
  top: 32px;
    width: 40px;
  height: 5px;
  border-radius: 3px;
}
.bottom-menu {
  top: 42px;
    width: 40px;
  height: 5px;
  border-radius: 3px;
}
.mobshow {display:none}

#typical .left  h3 { color:#8ebe3f; font-weight:bold; font-size:36px}
#typical .right  h3 { font-weight:bold; font-size:32px}
#typical  .left {width:30%}
#typical  .right {width:67%}

.accordion {overflow:hidden;}
.accordion h3 { background:#fff; padding:15px; margin-top:10px}
.accordion h3:after {content:'+'; float:right;}
.accordion h3.active:after {content:'-'; }
.single .accordion h3  {color:#8ebe3f; border-bottom:3px solid #b3b3b3; margin-top:0; font-size:24px; padding-left:0}
.single .accordion h3:after  {color:#b3b3b3; font-size:48px; font-weight: normal;
    margin-top: -18px;}
	.single .accordion {max-width:80%; margin-left:10%}
.single .accordion div {padding-top:15px; padding-left:0;}
.accordion div  { background:#fff; padding:15px; padding-top:0; margin-bottom:10px; margin-top:0; font-size:16px; font-weight:normal; margin-top:0 !important; display:none}

.partner {padding-top:30px; padding-bottom:30px}
.partner  h3 {font-size:32px}
.partner p {margin-bottom:20px; font-weight:normal}

.customer {padding-top:30px; padding-bottom:30px}
.customer  h3 {font-size:32px}
.customer p {margin-bottom:20px; font-weight:normal}

.cust .left {width:43.9%; padding-left:3%; padding-right:3%; padding-bottom:3%; min-height:365px}
.cust .right {width:43.9%; padding-left:3%; padding-right:3%; padding-bottom:3%; min-height:365px}
.cust h3 {font-size:31px}
section.cust p {font-size:17px; font-weight:300}
.page-id-128  #services {padding-top:0}
.page-id-128 #services h3 {margin-bottom:20px}
.page-id-128 .whitebg  p:first-child,.page-id-150 .whitebg  p:first-child,.page-id-159 .whitebg  p:first-child,.page-id-104 .whitebg  p:first-child,.page-id-126 .whitebg  p:first-child,.page-id-130 .whitebg  p:first-child,.page-id-267 .whitebg  p:first-child,.page-id-138 .whitebg  p:first-child ,.page-id-136 .whitebg  p:first-child ,.page-id-132 .whitebg  p:first-child {margin-top:0}
#menu-item-412 a, #menu-item-593 a, #menu-item-592 a, .menu-item-592 a, .menu-item-593 a, #menu-item-1063 a{cursor:auto}
#menu-item-412 li a, #menu-item-593 li a, #menu-item-592 li a, .menu-item-592 li a, .menu-item-593 li a,  #menu-item-1063 li a {cursor:pointer}
#menu-item-412 {display:none !important}
.blockleftimage .left {width:25%; padding-bottom:20px; padding-top:10px; text-align:center}
.blockleftimage .right {width:73%; padding-top:30px; padding-bottom:30px}
.blockleftimage .left img {margin-bottom:-20px}

.blockleft .left {width:26%; padding-bottom:20px; padding-top:20px; text-align:left; padding-left:2%; padding-right:1%}
.blockleft .right {width:67%; padding-top:25px; padding-bottom:20px}
.tab {overflow:hidden; display:none}
.tab.active {display:block}
.tab .row {background:#fff; padding:1%; margin-bottom:5px;     font-size: 24px;
    font-weight: 300;
    color: #4d4d4d; overflow:hidden}
.tab .row .left {width:20%}
.tab .row .right {width:38%;     float: left;}
.tab .row .right2 {width:38%; float: left;margin-left:2%}
.tabbutton { width:25%; padding:0%;display:inline-block; position:relative; text-align:center; font-weight:bold;     height: 43px;}
.tabbutton span {
    background: #cccccc;
    width: 98%;
    padding: 1%;
    display: block;
    position: relative;
    text-align: center;
    font-weight: bold;
    transform: perspective(5px) rotateX(1deg);
    transform-origin: bottom;
    height: 43px;
    position: absolute;
    z-index: 1;
    top: -2px;
}
.tabbutton.active span {background:#fff}

.tabbutton p {
    position: absolute;
    top: -5px;
    z-index: 5;
    width: 100%;
    font-size: 18px;
    font-weight: 800;
}
.mobshow {display:none}
section a {text-decoration:underline; cursor:pointer}
#services a, a.button {text-decoration:none;}

.single-post #hero {height:60px}
.single-post section.lesspadding p,.single-post  section.lesspadding h3, .single-post section.lesspadding h1, .single-post section.lesspadding h2, .single-post section.lesspadding ul {
    max-width: 75%;
    margin: auto;
}
.single-post h1 {font-size:64px; border-bottom:5px solid #8ebe3f; margin-bottom:40px}
.single-post section.lesspadding ul {margin-top:30px}
.single-post section.lesspadding ul li {color:#8ebe3f;margin-bottom:20px}
.single-post section.lesspadding ul li em {color:#4d4d4d; font-style:normal}
.single-post h3 {margin-top:30px !important; font-size:41px}
.single-post section strong {
    color: #8ebe3f;
}
.single-post h3 em{
    background: #8ebe3f;
    color: #fff;
    font-style: normal;
    border-radius: 50%;
    padding: 0;
    width: 65px;
    line-height: 65px;
    display: inline-block;
    text-align: center;
    margin-right: 17px; float: left;
}
.single-post .button {
  
	background: #8ebe3f;}
	.page-template-page-long .col2 {
    width: 42%;
    margin-left: 4%;
    margin-right: 4%;
	}
.page-template-page-long ol li {
   counter-increment: item;
   margin-bottom: 5px; list-style-type:none; width:43%; margin-right:2%; float:left; margin-bottom:2%
 }
  .page-template-page-long  section ul {margin-left:10%; width:80%; margin-bottom:20px; margin-top:20px; counter-reset: item;}
  .page-template-page-long  section ul  li {list-style:none; margin-bottom:20px;  counter-increment: item; margin-left:-27px}
  .page-template-page-long  section ul  li:before {
  display: inline-block;
  margin-bottom:20px;
  width: 1em;
  
  color: #8ebe3f;
  text-align: left;
  content: counter(item) "."; float:left
}
.page-template-page-long  section ul.bullets li {padding-left:30px; margin-bottom:0}
 .page-template-page-long  section ul.bullets li:before{content: "•"; margin-left:-30px; margin-bottom:0 }
 .page-template-page-long  section .col2 img {margin-bottom:15px}
 .page-template-page-long  ol  {margin-top:0;  margin-bottom:40px; overflow:hidden}
.page-template-page-long  ol li {margin-left: 20px;background:#fff; margin-bottom:2px; display:block; padding:0; text-align:left}
  .page-template-page-long  ol li h3, .page-template-page-long  ol li p {margin-left:120px}
.page-template-page-long  ol li h3 {color:#8ebe3f; margin-top:5px}
.page-template-page-long  ol li p {margin-top:0 !important; margin-bottom:20px}
.page-template-page-long ol li:before {
   content: counter(item);
    background: lightblue;
    border-radius: 50%;
    color: white;
    font-size: 32px;
    font-weight: bold;
    background: #8ebe3f;
    width: 45px;
    padding: 6px;
    text-align: center;
    display: block;
    margin: 20px auto;
    position: absolute;
    margin-top: 12px;
    margin-left: 41px;
}
	.fullwidthaccordion {width:80%; margin-left:10%}
	 .fullwidthaccordion div {   overflow: hidden;}
	 .fullwidthaccordion h3 {color:#8ebe3f; font-size:32px}
	 .fullwidthaccordion h3:after{    color: #4d4d4d;}
	 .fullwidthaccordion  li {
   
    list-style-type: disc;
    margin-left: 28px;
}
.Tick2columns li em {font-style:normal; font-weight:bold}
.Tick2columns li {padding: 3% 7%;  background:#fff; list-style:none; margin-bottom:3px !important}
.Tick2columns li:before{
   content: "\2713" !important;
    color: #8ebe3f;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
section ul li {
    
    margin-left: 10px;
}
.Number ul  {
  
   counter-reset: item; 
 }
.Number ul {    display: inline-block;}
.Number li { list-style-type:none; position:relative; padding-left:20px}
.Number li:before {
   counter-increment: item;
   margin-bottom: 5px; list-style-type:none;
   content: "" counter(item) ". "; color:#8ebe3f; position:absolute; left:0px
 }
.Tick li {padding: 0;  background:#fff; list-style:none; margin-bottom:3px !important;     margin-left: 10px;}
.Tick li:before{
   content: "\2713" !important;
    color: #8ebe3f;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}



h1.greenbg {background-color:transparent; background-image:url(/wp-content/uploads/2019/02/aws-sap-lemongrass.png); background-repeat:no-repeat; background-size: contain;
    color: #4d4d4d;
    display: block;
    max-width: 56%;
    width: auto;
    padding: 0 47px  0 15px;}
h1.greenbg strong {color:#fff}

.page-id-1126 .col2{width:49.5%; text-align:left; background:#fff}
.page-id-1126 .col2:last-child {margin-left:1%}
.page-id-1126 .col2 img{height: 120px;
    width: auto;
    margin: 0;}
	.page-id-1126 .col2 h2 {max-width:86%; margin:auto; margin-top:20px}
	
#wpcf7-f1169-p1168-o1 {text-align:left}
#wpcf7-f1169-p1168-o1 input.wpcf7-submit {

    padding: 11px 141px 10px 20px;
}
.newsitem {    border-bottom: 5px solid #8ebe3f; padding-bottom:20px; margin-bottom:20px}
.newsitem h4 a{font-size:32px; border-bottom:none; text-decoration:none}
.newsitem  .button:after {
    
    border-left: 44px solid transparent;
    border-right: 28px solid #f2f2f2;
    border-top: 46px solid transparent;

}
.counter {font-size:70px; margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; width:auto; display:inline-block; border-radius:50%; padding:5%}

.page-template-page-full p,.page-template-page-full ul,.page-template-page-full li {max-width:100% !important}

.wppb-user-forms  ul {margin-top:0 !important; }
.wppb-user-forms li {list-style:none !important; text-align:left}
.wppb-user-forms h4 {font-size:20px}
.wppb-user-forms li:before {display:none !important}
.wppb-user-forms label {font-size:16px; text-align:left}
.wppb-user-forms  .button {
    position: static !important; cursor:pointer
   
}

.page-id-1623 section.lesspadding p, .page-id-1623  section.lesspadding h3 {
    max-width: 95%;
    margin: auto;
	padding-right:5%; text-align: left;
}
.page-id-1623 section .col ul,.page-id-1623  section .blockleftimage ul {
    margin-left: 0;
    margin-top: 25px;
    margin-bottom: 20px;
}
@media  screen and (max-width: 1200px) {
.home .col3 {width:29.33333%; padding:3% 2%;}
}

@media  screen and (max-width: 640px) {
	.page-id-1623 section.lesspadding p, .page-id-1623  section.lesspadding h3 {
    max-width: 95%;
    margin: auto;
	padding-right:0%;
}
	.fullwidthaccordion h3 {

  
    font-size: 25px;
    padding-right: 21px; position:relative

}
iframe {width:100%; height:auto}
.fullwidthaccordion h3:after {position:absolute; right:10px; 

margin-top: 0;

top: 25%;}
	h1.greenbg { background-size:cover; max-width:100%}
	.fullwidthaccordion {width:100%; margin-left:0%}
	section ol {
    margin-left: 0;
	}
	#hero h2 {
    font-size: 33px;
	}
	#casestudies .col2 {margin-left:0 !important; padding:4% !important ; width:92% !important; padding-bottom:90px !important}
	#casestudies .col2 .button {
  
    margin-left: 4%;
    bottom: 4%;
}
#casestudies .col3 {margin-left:0 !important; padding:4% !important ; width:92% !important; padding-bottom:90px !important}
	#casestudies .col3 .button {
  
    margin-left: 4%;
    bottom: 4%;
}
footer .right, #copyright .right {
    width: 30%;
    text-align: left;
    color: #fff; margin-top:20px
}
footer .menu-main-menu-container li {
    width: 100%;
}
footer .menu-main-menu-container li ul {margin-bottom:20px;     overflow: hidden;}
.darkgreybg ol li {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: auto !important;
}
#copyright ul li a {
    padding-left: 0;
 
}
.col {height:auto !important}
	img {max-width:100%; height:auto}
	#hero .img {
    height: auto;
    background: #fff;
    text-align: center;
    width: auto;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
  
    padding: 14px;
    height: 48px;
    width: 49px;
}
	nav .inner {
    min-width: 10px;
  
}
.wpcf7 label {
    margin-bottom: 0px;
    text-transform: capitalize;
    display: block;
    padding-bottom: 3px;
    width: 100%;
    overflow: hidden;
}
#content #myjobs .right {

    width: 95% !important;
    margin-bottom: 20px;
}
h2 .button {margin-bottom:20px}
	footer .col:nth-child(1) img {
    width: 94%;
	max-width:none;
    height: auto;
}
nav#signin {
    float: none;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
    clear: both;
}
nav#signin a {
  
    display: inline-block;
    margin-left: 0;
    text-align: center;
    width: 35%; margin-right:15%
}
#signin .socialtop{display:none}
	header .right a {
    
    margin-left: 0;
    display: block;
	text-align:center
}
	body.noscroll, html.noscroll {overflow:auto}
	body {min-width:inherit}
	.mobshow {display:block; min-height:1px}
	.inner,#casestudies {min-width:inherit; width:96%; padding-left:2%; padding-right:2%}
	
	nav#main li ul {
    position: static;
    top: 0;
    left: 0;
    width: 100% !important;
    text-align: left;
    display: block !important;
    z-index: 999; margin:0 !important; padding:0;
   
}
header nav li ul::after {display:none !important}
header nav li {
  
    padding-bottom: 0;
}
.col, .left, .right {float:none; margin-bottom:10px; width:100% !important ; clear:both; margin-right:0 !important}
.col4, .col3 {width:94% !important; padding:3% !important; margin:0 !important; margin-bottom:2% !important; min-height:0px !important}
#tabs {display:none}
.tab {display:block !important}
.mobshow {display:block}
.mobhide {display:none}
.blockleftimage .right, .blockleftimage .left,.blockleft .right, .blockleft .left {width:96% !important; padding-left:2% !important;; padding-right:2% !important; margin:0 !important; margin-bottom:2% !important; min-height:0px !important}
.tab .row {
   
    padding: 2%;}
.page-id-161 section img {width:30%; height:auto}
.wp-image-15 {width:100%; height:auto}
#customers .outer div {
    width: 33%;
    height: 100px;
    float: left;
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}
.greenfade {
    background: rgba(142,190,63,.8);
    padding: 42px;
    position: static;
    top: 0;
    right: 0;
    height: 390px;
    padding-top: 62px;
}
.home #hero .inner {
    overflow: visible;
    height: auto;
    padding-bottom: 50px;
}
#case-studies article {
    padding: 2%;
    width: 96%;
}
body {
    padding-top: 79px;
}
body.noscroll header, body.noscroll section, body.noscroll footer {}
.icon {
    font-weight: 200;
    top: 17px;
    right: 10px;
    display: block; z-index: 9999999999;
}
	header nav {
  
    float: none;
   
    margin-left: 0;
    margin-top: 0;
}
#hero h1 br, #hero h2 br {display:none}
.navactive .top-menu{    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    top: 33px;}
.navactive .bottom-menu{transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); top:33px}
.navactive .mid-menu {display:none}	
.navactive.icon {right:30px;     top: -20px;}
nav#main { width:100%; height:88vh;  rgba(142,190,63,.8); position:fixed; top:0px; left:-9999px; right:auto; z-index: 999;  padding-top:0vh; overflow:auto;     background: #fff;
    margin-left: 0;}
nav#main.active {left:0}
nav#main ul { }
nav#main li, nav#main a {border-right:none !important}
nav#main li a:after {display:none}
nav#main li {
    display: inline-block;
    margin-left: 0;
}

nav#main li {display:block; width:100%; line-height:8vh}
nav#main li a {display:block; width:100%; padding:0;  border-right:none; text-align:center; font-size:20px; }


nav#main ul {
   display: block; 
   
}

nav#main li#menu-item-46 {padding-left:0}
nav#main li {display:block; width:100%; line-height:1.4}
nav#main li a {display:block; width:98%; padding:1%; border-right:none; margin:0;}
nav#main li#menu-item-46 a {max-width:none}
nav#main li#menu-item-405 {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
#speak p img {
    margin-top: -20px;
    margin-bottom: 0 !important;
    float: none;
    display: block;
}
#speak p  {text-align:center; width:100%; overflow:hidden}
#speak p {
    font-size: 20px;
    font-weight: 900;
}
#speak p a{
    font-size: 24px;
    
}
#speak .inner {
    max-width: 100%;
    min-width: 100%;
}
#speak p img {
    margin-top: 0;
    margin-bottom: 0 !important;
    float: none;
    display: block;
    clear: both;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}
.wpcf7 img {width:auto}
.spacer img {width:auto;}
.prev,.next {display:none !important}
.logo {
    position: static;
    left: 0;
    top: 20px;
    width: 60%;
 
}
.wpcf7-form-control-wrap {
    width: 100%;
    float: none; margin-bottom:20px;
    display: inline-block;
}
.page-id-8 #content .right label:before {background-position:center center; margin-top:20px; margin-bottom:20px}
.tel {
    float: right;
    width: auto;
    margin-top: 42px;
    font-size: 21px;
}
#hero {
    height: auto;
    min-height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 35% top;
}

#hero .inner {height:auto;     height: auto !important;
    line-height: 60px !important;}
#hero a {
    height: auto;
    line-height: 334px;
    display: inline-block;
    width: 100%;
    position: relative;
	    top: 41%;
}
#hero a.trade {
    margin-left: 0;
	margin-top:15px
}
#hero a span {font-size:32px;}
#hero a span img {
    width: 50px; height:auto;
}
h1 {
   
    font-size: 48px;
}
.title h1 img {
    float: left;
    margin-top: 10px;
	width:51px; height:auto
}
h2 {
   
    font-size: 34px;
}
.findjobimage {display:none}
.form label {
    display: none;
}
.form input, .form select {
   
   
    width: 97% !important;
    margin-right: 0%;
}
 .form select {
   
   
    width: 98.2% !important;
    margin-right: 0%;
}
#right-panel {
    height: 100%;
    float: none;
    width: 100% !important;
    overflow: auto;
}
#map {
    margin-right: 0;
}

.wpcf7 input,.wpcf7 textarea,.wpcf7 select {
    width: 94%;
    padding: 2%; float:left; margin-top:4px
}
.label {
    width: 100%;
    text-align: left;
    font-size: 14px;
    display: block;
}
#content .wpcf7-form .right {
  
    padding-top: 30px;
    text-align: left;
}
header nav .inner {
    min-width: 0px;
    margin-right: 0;
}
nav#sub a {
    font-size: 12px;

    padding-left: 10px;
    padding-right: 10px;
  
}
.parent-pageid-5 #content .middle { display:none}
#menu-item-136, #menu-item-137, #menu-item-138 {display:block !important}
nav#sub {display:none !important}
 .page-id-161 ol li, .CircleNumbers ol li {text-align:center; padding:3%; text-align:center}
 .page-id-161 ol li:before, .CircleNumbers ol li:before {float:none; margin-right:auto; margin-top:0; margin-bottom:20px; position:static}
 .single-team_member section .left img, .col4.team img {
  
    max-width: none;
 }
 .wpcf7-form .left ,.wpcf7-form .right {
   
    margin-left: 0;
    width: 98% !important;
}



.hs-form .hs-fieldtype-text {
    width: 100%;
    margin-left: 0%;
    float: none;
    text-align: left;
    height: auto;
}
.hs-form .hs-fieldtype-textarea {    width: 100%;
    margin-right: 0%;
    float: none;
    margin-top: 0;
    text-align: left;}

.hs_submit {
    text-align: left;
    margin-top: 20px;
}

.hs-button {
    float: none;
    margin-right: 0%;
    margin-top: 0px;
  
}
	section.verydarkgreybg  .hs-form input, section.verydarkgreybg  .hs-form textarea {
   
    width: 97%;
  
}
	.page-template-page-ppc .whitebg .col2 {min-height:210px}
	
	.single-post section.lesspadding p,.single-post  section.lesspadding h3, .single-post section.lesspadding h1, .single-post section.lesspadding h2, .single-post section.lesspadding ul {
    max-width: 100%;
   
}
	.single-post h3 em {margin-bottom:23px}
	.single-post h3 {line-height:1}
	
.page-template-page-long ol li {
   
    width: 100%;
    margin-right: 0;
	margin-left:0;
    float: none;
    margin-bottom: 2%;
}	
.page-template-page-long ol li h3, .page-template-page-long ol li p {
    margin-left: 72px;
}
.page-template-page-long ol li:before {

    margin-left: 0;
}
.page-template-page-ppc section.greybg.minus .col2:first-child {
    margin-left: 0;
}
.page-template-page-ppc section.greybg.minus .col2 {
    padding-bottom: 55px !important;
}
footer .col4:nth-child(2) p, footer .col4:nth-child(3) p, footer .col4:nth-child(4) p {
   
    height: auto;
}
}

 @media print {
        #map {
          height: 500px;
          margin: 0;
        }
        #right-panel {
          float: none;
          width: auto;
        }
      }