@charset "UTF-8";
/* CSS Document */

/*

COLORS:

GREEN 					#a3cd39;
GREYS					#b1b1b1;
						#bcbdc0;
						#cecece;
						#4a484b;
						
TEXT 					#58585a;


*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,700');
@import url('https://fonts.googleapis.com/css?family=Inconsolata');

/*

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Inconsolata', monospace;

*/

html, body, a, div, span, p, ul, ol, li, img, table, tr, td, form, fieldset, legend, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, dl, li, hr, header, footer, article, section, aside, nav {
	padding: 0;
	margin: 0;
	border:none; 
	text-decoration: none;
	list-style-type: none;
}

.hidden{
	position: absolute;
	left: -10000px;
	top: auto;
	overflow:hidden;
}

body{
	font: normal 100.01%/1.5 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	color: #58585a;
	background: #fff;
}

.ink-grid{
	max-width: 1800px;
}

.ink-kern{
	min-height: 2em;
}

.no-pad{
	padding: 0;
}

.no-max{
	max-width: none;
}

.clearfix{
	overflow: visible;	
}

.center-content{
	text-align: center;
}

/* ---------------------------------------------------------------- *\
						UNIVERSAL STYLES
\* ---------------------------------------------------------------- */


p{
	margin-bottom: 20px;
}

a{
	color: #989898;
	font-weight: 400;
	cursor: pointer;
	
}

a:hover,
a:focus{
	color: #a3cd39;
}

.button{
	display: inline-block;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 8px 32px;
	background: #b1b1b2;
	color: #f7f7f7;
	font-weight: 400;
}

.button:hover,
.button:focus{
	background: #8d8d8e;
	color: #fff;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 400;
	line-height: 1em;
}

h1{
	font-size: 2.5em;
	margin-bottom: 20px;
}

h2{
	font-size: 2.5em;
	margin-bottom: 20px;
}

h3{
	font-size: 1.9em;
	margin-bottom: 20px;
}

h4{
	font-size: 1.9em;
	margin-bottom: 20px;
}

h5{
	font-size: 1.5em;
	margin-bottom: 20px;
}
 
h6{
	font-size: 1.5em;
	margin-bottom: 20px;
}

strong{
	font-weight:700;	
}

em{
	font-style: italic;	
}

blockquote{
	font-size: 1em;
	font-color: #777;
	margin: 0;
	padding: 0;
	
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6{
	color: #a3cd39;
	font-size: 1.5em;
	margin-bottom: 10px;
}

hr{
	height: 2px;
	width: 100%;
	display: block;
	margin: 35px auto 35px auto;
	background: #aaa;
}

/***	FORMS	***/

.relative{
	position: relative;
}

.field-surround{
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 10px 20px 10px;
}

.field-surround label{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	font-size: 0.9em;
	font-weight: 300;
	font-style: italic;
	color: #595a5c;
	-webkit-transition: 	all 0.3s;
    -moz-transition: 		all 0.3s;
    -ms-transition: 		all 0.3s;
    -o-transition: 			all 0.3s;
    transition: 			all 0.3s;
}

.field-surround.above label{
	text-align: left;
	position: static;
	display: block;
	padding: 10px;	
}

.field-surround label.out{
	color: #aaa;
	margin-top: -7px;
	font-size: 0.6em
}

.field-margin{
	margin: 0 10px 20px 10px;
}

select {
	margin:  0 10px 10px 10px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	width: calc(100% - 20px);
	font-size: 0.8em;
	font-family: inherit;
	font-weight: 300;
}

.the-content select{
	
}

select option{
	padding: 10px;
	font-size: 0.8em;
	font-family: inherit;
	font-weight: 300;
	
}

input[type=text],
input[type=email],
input[type=tel],
input[type=date],
textarea,
.psudeo-field{
	text-align: left;
	position: relative;
	z-index: 5;
	font-size: 0.8em;
	font-family: inherit;
	color: #000;
	font-weight: 300;
	padding: 20px 10px 10px 10px;
	background: transparent;
	letter-spacing:inherit;
}

textarea{
	height: 190px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus{

}

.field-surround:focus{
	background: #faefeb;
}

.recaptcha{
	padding-bottom: 15px;
	display: inline-block;
}

input[type=submit]{
	display: inline-block;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 8px 32px;
	min-width: 200px;
	background: #ededed;
	color: #58585a;
	font-weight: 300;
	text-transform: uppercase;
	font-family: inherit;
	font-style: italic;
	cursor: pointer;
}

input[type=submit]:hover,
input[type=submit]:focus{
	background: #e3e3e3;
}

.form-phone{
	font-size: 1.5em;
	font-style: italic;
}

span.wpcf7-not-valid-tip{
	background: #ededed;
	display: block;
	padding: 5px;
	font-family: inherit;
	font-size: 0.7em !important;
	color: #a03232 !important;
	text-align: left;
}

div.wpcf7-response-output{
	background: #ededed;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	font-family: inherit;
	font-size: 0.7em !important;
	color: #444 !important;
	border: none !important;
	text-align: left;
}

div.wpcf7-response-output.wpcf7-validation-errors{
	padding: 10px !important;
	margin-top: 20px !important;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok{
	padding: 10px !important;
	margin-top: 20px !important;
	font-weight: bold;
	background: #a3cd39;
}

form p{
	margin: 0;	
}

.searchform-box{
	position: relative;	
}

.searchform-field,
.searchform-button{
	display: inline-block;
	width: 100%;
	max-width: 320px;
	vertical-align: top;
	margin-bottom: 15px;
}

/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	body{font-size: 1.4em;}
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {

}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) {
	
	
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	h1,	h2{ font-size: 2.1em; }
	h3, h4{ font-size: 1.7em; }
	h5, h6{	font-size: 1.5em; }
	
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	h1,	h2{ font-size: 2.1em; }
	h3, h4{ font-size: 1.7em; }
	h5, h6{	font-size: 1.5em; }
}

/* ---------------------------------------------------------------- *\
								OVERMENU 
\* ----------------------------------------------------------------- */

.overmenu .phone-link a{
	color: #fff !important;	
}

.frame{
	position: relative;	
	overflow: hidden;
}

#wrapper {
    z-index: 10;
    top: 0;
    left: 0;
}

.in-wrapper{
	padding-top: 126px;
}

.overmenu {
    position:absolute;
	top: 0;
    width: 400px;
	height: 100%;
    z-index: 600;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	text-align: left;
	
	background: transparent url("../images/ffffff-90.png") repeat;
	background: rgba(255,255,255,0.9);
	border-left: 1px solid #f7f7f7;
}

.inside-overmenu{
	width: 100%;
	position: absolute;
	z-index: 605;
	top:0;
	right:0;	
}

.menu-area{
	position: relative;
	z-index: 610;
	padding: 80px 0;
}

.overmenu li{
    display: block;
}

.overmenu .menu > li{
	border-bottom: 2px solid #d6d8da;
}

.overmenu .menu .sub-menu li{
	padding-bottom: 0;
}

.overmenu .menu li > a{
	border-right: 2px solid transparent;
	line-height: normal;
	padding:20px 10%;
	font-size: 1.4em;
	font-weight: 400;
	display: block;
	color: #a3cd39;
	text-decoration: none;
}

li.menu-item-has-children > a:after{
	display: inline-block;
	margin: 7px;
	content: '>';
	
	-webkit-transition: all 0.3s;
    -moz-transition:	all 0.3s;
    -ms-transition: 	all 0.3s;
    -o-transition: 		all 0.3s;
    transition: 		all 0.3s;
}

li.menu-item-has-children > a.open:after{
	transform: rotate(90deg);
}

.overmenu .menu li a:hover,
.overmenu .menu li a:focus{
	background: transparent url("../images/c1c1c1-50.png") center center repeat;
	background: rgba(200,200,200,0.5);
}

.overmenu .sub-menu li a{
	padding: 12px 10% 12px 15%;
	line-height: normal;
	font-size: 1.2em;
	font-weight: 300;
	display: block;
	color: #58585a;
}

.overmenu .sub-menu .sub-menu li a{
	font-size: 1em;
	padding: 12px 10% 12px 20%;
}

.overmenu .sub-menu li:last-child a{
	padding-bottom: 20px;	
}

.overmenu .sub-menu li a:hover,
.overmenu .sub-menu li a:focus{
}


.overmenu .menu li a.nav-logo,
.overmenu .menu li a.nav-logo img{
	padding: 0;
	margin: 0;
}

nav.overmenu {
    right: -400px
}
body.pml-open nav.overmenu {
    right: 0;
}
body.pml-open #wrapper {
    right: -400px;
}

.overmenu-logo{
	display: block;
	width: 100%;
	max-width: 219px;
	margin: 40px auto;
	padding: 10px;
}

.overmenu-social{
	padding: 20px 10%;
}

.overmenu-social li{
	display: inline-block;
	margin-right: 15px;	
}

.overmenu-social a [class^="svg"]{
	fill: #cdced0;
}

.overmenu-social a:hover [class^="svg"],
.overmenu-social a:focus [class^="svg"]{
	fill: #a3cd39;
}

.overmenu-social a:hover,
.overmenu-social a:focus{
	background: none;
}

.overmenu-social a img,
.overmenu-social a svg{
	width: 45px;
	height: 45px;
	display: block;
}

.close-overmenu{
	display: inline-block;
	padding: 20px;
	position: absolute;
	padding: 5px;
	right: 0px;
	top: 0px;
}

.close-overmenu:hover,
.close-overmenu:focus{
	background: transparent url("../images/c1c1c1-50.png") center center repeat;
	background: rgba(200,200,200,0.5);
}

.close-overmenu:hover [class^="svg"],
.close-overmenu:focus [class^="svg"]{
	fill: #a3cd39;
}

.close-overmenu img,
.close-overmenu svg{
	display: block;	
}

.overmenu-homelink{
	display: inline-block;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.overmenu-homelink img,
.overmenu-homelink svg{
	display: block;
}

.overmenu-homelink:hover .o-icon,
.overmenu-homelink:focus .o-icon{
	fill: #a3cd39;
}

/* ---------------------------------------------------------------- *\
								HEADER
\* ---------------------------------------------------------------- */

.site-header{
	background: #fff;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #f7f7f7;
}

.header-relative{
	position: relative;	
}

.site-logo{
	margin: 20px;
	display: inline-block;	
}

.logo-space{
	position: relative;
	width: 200px;
	min-height: 43px;
	overflow: hidden;
	
	-webkit-transition: 	all 0.4s;
    -moz-transition: 		all 0.4s;
    -ms-transition: 		all 0.4s;
    -o-transition: 			all 0.4s;
    transition: 			all 0.4s;	
}

.logo-icon{	
	position: absolute;
	max-width: 82px;
	top: 0;
	right: 0;
}

.logo-text{
	opacity: 1;
	
	-webkit-transition: 	all 0.4s;
    -moz-transition: 		all 0.4s;
    -ms-transition: 		all 0.4s;
    -o-transition: 			all 0.4s;
    transition: 			all 0.4s;	
}

.logo-space.peek{
	width: 82px;
}

.logo-space.peek .logo-text{
	opacity: 0;
}

.homelink{
	display: block;
	padding:0;
}

.homelink img,
.homelink svg{
	display: block;
	width: 100%;
	height: auto;
}

/* ---------------------------------------------------------------- *\
							MOBILE MENU
\* ---------------------------------------------------------------- */

.overmenu-toggle{
	position: absolute;
	right: 0;
	top: 0;	
}

.open-overmenu{
	display: block;
	padding: 5px;
	text-decoration: none;
}

.open-overmenu img,
.open-overmenu svg{
	display: block;	
}

.open-overmenu:hover,
.open-overmenu:focus{
	background: transparent url("../images/c1c1c1-50.png") center center repeat;
	background: rgba(200,200,200,0.5);
}

.open-overmenu:hover [class^="svg"],
.open-overmenu:focus [class^="svg"]{
	fill: #a3cd39;
}

/* ---------------------------------------------------------------- *\
							SHOWCASE
\* ---------------------------------------------------------------- */

/*.showcase-area{
	background: #fff;
}*/

.showcase-area{
	background: #444 url("../images/showcase-lifecycle.jpg") center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
	min-height: 100%;
}

.showcase-relative{
	height: 900px;
	max-width: 1800px;
	margin: 0 auto;
	position: relative;
}

.showcase-overlay{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: #fff;
	padding-top: 70px;
	padding-bottom: 50px;
}

/*.showcase-title{
	text-align: right;
	text-shadow: 0 0 50px #000;
}*/

.showcase-content h2{
	text-shadow: 0 0 50px #000;
}

/*.showcase-text{
	font-size: 1.3em;
	text-align: right;
	text-shadow: 0 0 50px #000;
}
*/
.showcase-content p{
	font-size: 1em;
	text-shadow: 0 0 50px #000;
}

.layout2 .showcase-title,
.layout2 .showcase-text,
.layout3 .showcase-title,
.layout3 .showcase-text{
	text-align: left;
}

.showcase-content a,
.pt-copy a{
	display: inline-block;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 8px 32px;
	background: #fff;
	color: #a3cd39;
	font-weight: 400;
	margin: 0 10px 20px 0;
	text-shadow: none;
}

.showcase-content a:hover,
.showcase-content a:focus,
.pt-copy a:hover,
.pt-copy a:focus{
	background: #f7f7f7;
}

/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	.showcase-overlay{ font-size: 1.1em; }
	.showcase-content a{ font-size: 0.8em; }
	.showcase-content{ padding-top: 20%; }
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {
	.showcase-relative{ height: 700px; }
	.showcase-overlay{ font-size: 1.1em; }
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) {
	.showcase-area{ background-image: url("../images/showcase-lifecycle-small.jpg"); background-position: bottom center; }
	.showcase-relative{ height: auto; padding-bottom: 60%; }
	.showcase-overlay{position: static;}
	.showcase-title{ text-align: left; padding-right: 0;}
	.showcase-text{ text-align: left; }
	/*.showcase-overlay{ padding-bottom: 40px; }*/
	
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.showcase-area{ background-image: url("../images/showcase-lifecycle-small.jpg"); background-position: bottom center; }
	.showcase-relative{ height: auto; padding-bottom: 60%; }
	.showcase-overlay{ position: static; font-size: 0.9em; padding-top: 40px;}
	.showcase-title{ text-align: left; padding-right: 0;}
	.showcase-text{ text-align: left; }
	.showcase-content{ min-height: 350px; }
	nav.overmenu { width: 80%; }
	nav.overmenu { right: -80%; }
	body.pml-open #wrapper { right: -80%; }
	.overmenu .menu li{ padding-bottom: 10px; }
	.logo-space{ position: relative; width: 120px; min-height: 25px; }
	.logo-icon{ max-width: 49px; }
	.logo-space.peek{ width: 49px; }
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	.showcase-area{ background-image: url("../images/showcase-lifecycle-small.jpg"); background-position: bottom center; }
	.showcase-relative{ height: auto; padding-bottom: 100%; }
	.showcase-overlay{ position: static; font-size: 0.8em; padding-top: 40px;}
	.showcase-title{ text-align: left; padding-right: 0;}
	.showcase-text{ text-align: left; }
	.showcase-content{ min-height: 350px; }
	nav.overmenu { width: 100%; }
	nav.overmenu { right: -100%; }
	body.pml-open #wrapper { right: -100%; }
	.overmenu .menu li{ padding-bottom: 10px; }
	.logo-space{ position: relative; width: 120px; min-height: 25px; }
	.logo-icon{ max-width: 49px; }
	.logo-space.peek{ width: 49px; }
}

/* ---------------------------------------------------------------- *\
							ABOUT AREA
\* ---------------------------------------------------------------- */

.about-area{
	padding-top: 70px;
	background: #fff;
}

.text-inset{
	display: block;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 70px;
}

.grid-inset{
	display: block;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.text-inset.left-align{
	text-align: left;	
}

.interior-text-inset{
	display: block;
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 70px;
}

.text-inset h1,
.text-inset h2,
.text-inset h3,
.text-inset h4,
.text-inset h5,
.text-inset h6{
	color: #a3cd39;	
}

.text-inset a,
.about-video a{
	display: inline-block;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 8px 32px;
	background: #b1b1b2;
	color: #f7f7f7;
	font-weight: 400;
}

.text-inset a:hover,
.text-inset a:focus,
.about-video a:hover,
.about-video a:focus{
	background: #8d8d8e;
	color: #fff;
}

.analytics-graphic{
	text-align: center;
	max-width: 1200px;
	margin: 0 auto 70px auto;
}

.about-video{
	text-align: center;
	margin-bottom: 70px;
	max-width: 1280px;
	margin: 0 auto;
}

.about-video .wp-video{
	width: 100% !important;
	height: auto;
	max-width: 100%;
	margin-bottom: 70px;
}

.line-title{
	width: 100%;
	position: relative;
	text-align: center;
	z-index: 10;
}

.svg-line-bkgd{
	position: absolute;
	z-index: 5;
	width: 100%;
	height: auto;
	left: 0;
	top: 50%;
	margin-top: -6px;
}

.line-block{
	display: inline-block;
	padding: 12px 24px;
	background: #fff;
	margin: 0;
	position: relative;
	z-index: 20;
}

.line-title .l-bkgd{
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
}

.line-title.visible .l-bkgd{
	animation: dash 1.5s linear forwards;
}

.client-slider{
	padding: 40px 70px;
	position: relative;
}

.client-slide img{
	width: 100%;
	height: auto;
	filter: grayscale(100%);
	
	-webkit-transition: 	filter 0.3s;
    -moz-transition: 		filter 0.3s;
    -ms-transition: 		filter 0.3s;
    -o-transition: 			filter 0.3s;
    transition: 			filter 0.3s;	
}

.client-slide img:hover,
.client-slide img:focus{
	filter: grayscale(0);
}

.client-slider .swiper-button-prev{
	background: transparent url("../images/swiper-prev-grey.png") 10px 10px  no-repeat;
	left: 0;
	width: 50px;
	height: 65px;
	margin-top: -33px;
}

.client-slider .swiper-button-next{
	background: transparent url("../images/swiper-next-grey.png") 10px 10px no-repeat;
	right: 0;
	width: 50px;
	height: 65px;
	margin-top: -33px;
}

.client-link,
.client-link:active{
	outline: none;	
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

/* ---------------------------------------------------------------- *\
							BUCKET AREA
\* ---------------------------------------------------------------- */

.bucket-area{
	background: #fefefe url("../images/bucket-bkgd.jpg") bottom center repeat-x;
	box-shadow: inset 0 70px 100px #f5f5f5;
	padding-top: 70px;
}

.bucket{
	text-align: center;
	padding: 0 35px;
	position: relative;
	margin-bottom: 70px;
	color: #696969;
}

.bucket-title{
	text-align: center;
	color: #58585a;
}



.bucket-img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 170px !important;
	margin: 0 auto;
}

.bbutton-surround{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
}

.bucket-button{
	
	display: inline-block;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 8px 32px;
	background: #a3cd39;
	color: #f7f7f7;
	font-weight: 400;
}

.bucket-button:hover,
.bucket-button:focus{
	background: #b5d761;
	color: #fff;
}

/* ---------------------------------------------------------------- *\
							TREE AREA
\* ---------------------------------------------------------------- */

.tree-area-borked{
	margin: 70px 0;
	text-align: center;
}

.tree-area{
	margin: 70px 0;
	text-align: center;
	background: #fff url("../images/tree-bkgd.jpg") bottom center repeat-x;
}

.tree-pad{
	padding-top: 70px;
}

.svg-tree{
	
}

.svg-tree-surround{
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

.tree-overlay{
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rbga(180,180,180.0.7);
	border-radius: 15%;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.tree-align{
	padding: 40px;
	flex:1;	
}

.tree-area img,
.tree-area svg{
	display: block;
	width: 100%;
	height: auto;
	max-width: 800px;	
}

.svg-tree-surround .tree-7{
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
}

.svg-tree-surround.visible .tree-7{
	animation: dash 3s linear forwards;
}


.svg-tree-surround .tree-8{
	stroke-dasharray: 500;
	stroke-dashoffset: 500;
}

.svg-tree-surround.visible #branch1.tree-8{
	animation: branch1 4s linear forwards;
}

.svg-tree-surround.visible #branch2.tree-8{
	animation: branch2 4s linear forwards;
}

.svg-tree-surround.visible #branch3.tree-8{
	animation: branch3 4s linear forwards;
}

@keyframes branch1 {
   0% { stroke-dashoffset: 500; }
  25% { stroke-dashoffset: 500; }
  35% { stroke-dashoffset: 0; }
  100% {stroke-dashoffset: 0; }
}

@keyframes branch2 {
   0% { stroke-dashoffset: 500; }
  30% { stroke-dashoffset: 500; }
  40% { stroke-dashoffset: 0; }
  100% {stroke-dashoffset: 0; }
}

@keyframes branch3 {
   0% { stroke-dashoffset: 500; }
  30% { stroke-dashoffset: 500; }
  40% { stroke-dashoffset: 0; }
  100% {stroke-dashoffset: 0; }
}

#circ1, #circ2, #circ3, #circ4, #circ5, #circ6, #circ7, #circ8{
	opacity: 0;	
}

.svg-tree-surround.visible #circ1{
	animation: circ1 4s linear forwards;
}.svg-tree-surround.visible #circ2{
	animation: circ2 4s linear forwards;
}.svg-tree-surround.visible #circ3{
	animation: circ3 4s linear forwards;
}.svg-tree-surround.visible #circ4{
	animation: circ4 4s linear forwards;
}.svg-tree-surround.visible #circ5{
	animation: circ5 4s linear forwards;
}.svg-tree-surround.visible #circ6{
	animation: circ6 4s linear forwards;
}.svg-tree-surround.visible #circ7{
	animation: circ7 4s linear forwards;
}.svg-tree-surround.visible #circ8{
	animation: circ8 4s linear forwards;
}


#marketplace{
	position: relative;	
}#marketplace text{
	width: 100%;
	text-align: center;	
}

@keyframes circ1 {
   0% { opacity: 0; }
  45% { opacity: 0; }
  55% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ2 {
   0% { opacity: 0; }
  45% { opacity: 0; }
  55% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ3 {
   0% { opacity: 0; }
  70% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ4 {
   0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ5 {
   0% { opacity: 0; }
  60% { opacity: 0; }
  70% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ6 {
   0% { opacity: 0; }
  75% { opacity: 0; }
  85% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ7 {
   0% { opacity: 0; }
  65% { opacity: 0; }
  75% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes circ8 {
   0% { opacity: 0; }
  65% { opacity: 0; }
  75% { opacity: 1; }
  100% { opacity: 1; }
}

#kwac, #meter, #consumption, #requis, #online{
	opacity: 0;
}

.pt-icon #kwac,
.pt-icon #meter,
.pt-icon #consumption,
.pt-icon #requis,
.pt-icon #online{
	opacity: 1;
}

.svg-tree-surround.visible #kwac{
	animation: kwac 4s linear forwards;
}.svg-tree-surround.visible #meter{
	animation: meter 4s linear forwards;
}.svg-tree-surround.visible #consumption{
	animation: consumption 4s linear forwards;
}.svg-tree-surround.visible #requis{
	animation: requis 4s linear forwards;
}.svg-tree-surround.visible #online{
	animation: online 4s linear forwards;
}


@keyframes kwac {
   0% { opacity: 0; }
  25% { opacity: 0; transform: matrix(0.8, 0, 0, 0.8, 35, 35); }
  35% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes meter {
   0% { opacity: 0; }
  30% { opacity: 0; transform: matrix(0.8, 0, 0, 0.8, 35, 35); }
  40% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes consumption {
   0% { opacity: 0; }
  35% { opacity: 0; transform: matrix(0.8, 0, 0, 0.8, 35, 35); }
  45% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes requis {
   0% { opacity: 0; }
  45% { opacity: 0; transform: matrix(0.8, 0, 0, 0.8, 35, 35); }
  55% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
}

@keyframes online {
   0% { opacity: 0; }
  40% { opacity: 0; transform: matrix(0.8, 0, 0, 0.8, 35, 35); }
  50% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
  100% { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
}

.svg-link .tree-5{
	opacity: 1;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;	
}

.svg-link:hover .tree-5,
.svg-link:focus .tree-5{
	opacity: 0;
}

.svg-link .tree-4{
	opacity: 0.2;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;	
}

.svg-link:hover .tree-4,
.svg-link:focus .tree-4,
.svg-link:hover .tree-4 .tree-5,
.svg-link:focus .tree-4 .tree-5{
	opacity: 1;
}

.svg-link:hover,
.svg-link:focus,
.svg-link:active{
	outline: none;
}

.svg-text{
	width: 0px;
	height: 0px;
	overflow: hidden;
	x = -9999;
	opacity: 0;
	margin-top: -9999px;
	font-size: 0;
}

/* ---------------------------------------------------------------- *\
							FACTS AREA
\* ---------------------------------------------------------------- */

.facts-area{
	text-align: center;	
	background: #fff;
}

.fact-surround{
	position:relative;
	margin: 8px;
}

.fact-surround img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.fact-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	background: transparent url("../images/58585a-60.png") repeat;
	background: rgba(88,88,90,0.6);
	color: #fff;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;
}

.fact-align{
	flex:1;	
}

.product-page ul,
.product-page ol{
	max-width: 600px;
	margin: 0 auto;
	text-align: left;	
}

/* ---------------------------------------------------------------- *\
							FEED AREA
\* ---------------------------------------------------------------- */

.feed-area{
	padding: 100px 0 70px 0;
	margin-bottom:  70px;
	background: #f7f7f7 url("../images/feed-bkgd.jpg") center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}


/* ---------------------------------------------------------------- *\
						QUOTE CIRCLE
\* ---------------------------------------------------------------- */

.footer-quotes{
	padding-top: 70px;
	text-align: center;	
}

.quote-body{
	position: relative;
}

.square-1x1{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;	
}

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

.quote-align{
	padding: 70px;
	flex:1;	
}

.no-flexbox .quote-align{
	margin-top: 20%;
}

.quote-align p:last-child{
	margin-bottom: 0;	
}

.quote-circle{
	position: absolute;
	width: 110%;
	height: auto;
	left: -5%;
	bottom: -5%;
	z-index: 5;
}

.no-inlinesvg .quote-circle{
	border-radius: 50%;
	border: 3px solid #a3cd39;	
}

.quote-circle svg{
	width: 100%;
	height: auto;
	transform: rotate(90deg);
}

.quote-circle:before{
	content: "";
	display: block;
	width: 25%;
	height: 25%;
	background: #fff url("../images/quote-decal.png") center center no-repeat;
	-webkit-background-size: 	70%;
    -moz-background-size: 		70%;
    -o-background-size: 		70%;
    background-size: 			70%;
	border-radius: 50%;
	position: absolute;
	left: 3%;
	top: 3%;
	z-index: 10;
}

.quote-circle:after{
	content: "";
	display: block;
	width: 25%;
	height: 25%;
	background: #fff url("../images/quote-decal.png") center center no-repeat;
	-webkit-background-size: 	70%;
    -moz-background-size: 		70%;
    -o-background-size: 		70%;
    background-size: 			70%;
	border-radius: 50%;
	position: absolute;
	right: 3%;
	bottom: 3%;
	z-index: 10;
}

.quote-text{
	color: #a3cd39;
	font-size: 1.5em;
}

.q-credit{
	font-size: 1.3em;
}

.q-name{
 	display: block;
	font-weight: 700;	
}.q-title{
	font-weight: 300;
}.q-title:before{
	content:"|";
	margin: 15px;
	
}.q-company{
	display: block;
	font-weight: bold;	
}

.quote-body .svg-circ{
	stroke-dashoffset: 4000; 
	stroke-dasharray: 4000;
}

.quote-body.visible .svg-circ{
	animation: circle-visible 1.5s linear forwards;
}

.quote-body.invisible .svg-circ{
	animation: circle-invisible 1.5s linear forwards;
}

@keyframes circle-visible {
  0% { stroke-dashoffset: 4000; stroke-dasharray: 4000;}
  100% { stroke-dashoffset: 0; }
}

@keyframes circle-invisible {
  0% { stroke-dashoffset: 0; stroke-dasharray: 4000;}
  100% { stroke-dashoffset: -4000; }
}

/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	.bucket-title{ font-size: 2.5em; }
	.fact-overlay{ font-size: 1.3em; }
	.fact-overlay{ opacity: 0; }
	.fact-surround:hover .fact-overlay,
	.fact-surround:focus .fact-overlay{ opacity: 1;	}
	.bucket-text{ font-size: 0.9em;	}
	.tree-area{ background: #fff url("../images/tree-bkgd-large.jpg") bottom center repeat-x; }
	.tree-7{ stroke-width: 2px; }
	.tree-8{ stroke-width: 2px; }
	.bucket-middle{
		border-left: 2px solid #a7a9ac;	
		border-right: 2px solid #a7a9ac;	
	}
	.bucket-text-2{ text-align: right; }
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {
	.fact-overlay{ opacity: 0; }
	.fact-surround:hover .fact-overlay,
	.fact-surround:focus .fact-overlay{	opacity: 1;	}
	.svg-tree-surround{ max-width: 700px; }
	.tree-area img,
	.tree-area svg{ max-width: 700px; }
	.bucket-middle{
		border-left: 2px solid #a7a9ac;	
		border-right: 2px solid #a7a9ac;	
	}
	.bucket-text-2{ text-align: right; }
	
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) {
	.line-title .l-bkgd{ stroke-dasharray: 480; stroke-dashoffset: 480; }
	.fact-overlay{ opacity: 0; }
	.fact-surround:hover .fact-overlay,
	.fact-surround:focus .fact-overlay{	opacity: 1; }
	.svg-tree-surround{ max-width: 700px; }
	.tree-area img,
	.tree-area svg{ max-width: 700px; }
	.svg-tree-surround .tree-7{ stroke-dasharray: 1500; stroke-dashoffset: 1500; }
	.bucket-text-2{ text-align: right; }
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.client-slider{ padding: 40px 0; }
	.line-title .l-bkgd{ stroke-dasharray: 320; stroke-dashoffset: 320; }
	.bucket{ padding:70px 0; margin:0; }
	.fact-surround{ margin: 8px 0; }
	.quote-overlay{ 
		position: static;
		padding: 30px 0;
	}.quote-align{
		padding: 70px 30px;
		border: 3px solid #a3cd39;
		border-radius: 20px;
	}.quote-circle svg{
		display: none;	
	}.quote-circle{
		width: 100%;
		height: 100%;
		left: 0; bottom: 0;	
	}.quote-circle:before{
		top: 0px; left: -20px;
		width: 100px; height: 100px;
		-webkit-background-size: 	60%;
		-moz-background-size: 		60%;
		-o-background-size: 		60%;
		background-size: 			60%;
	}.quote-circle:after{
		bottom: 0px; right: -20px;
		width: 100px; height: 100px;
		-webkit-background-size: 	60%;
		-moz-background-size: 		60%;
		-o-background-size: 		60%;
		background-size: 			60%;
	}
	.svg-tree-surround .tree-7{ stroke-dasharray: 1000; stroke-dashoffset: 1000; }
	.bucket-middle{
		border-top: 2px solid #a7a9ac;	
		border-bottom: 2px solid #a7a9ac;	
	}
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	.client-slider{ padding: 40px 0; }
	.line-title .l-bkgd{ stroke-dasharray: 160; stroke-dashoffset: 160; }
	.bucket{ padding: 70px 0; margin: 0;}
	.fact-surround{ margin: 8px 0; }
	.fact-overlay{ position: static;}
	.svg-tree-surround .tree-7{ stroke-dasharray: 500; stroke-dashoffset: 500; }
	.bucket-middle{ 
		border-top: 2px solid #a7a9ac;	
		border-bottom: 2px solid #a7a9ac;	
	}
}

/* ---------------------------------------------------------------- *\
						PRODUCT SHOWCASE
\* ---------------------------------------------------------------- */

.product-showcase-area{
	display: block;
	margin-bottom: 70px;
}

.product-title{
	letter-spacing: 0.1em;	
}

.pt-showcase-bkgd{
	background: #4a484b url("../images/concrete-bkgd.jpg") center center repeat;
}

.pt-showcase-text{
	color: #fff;
	padding:  100px;
	text-align: right;
}

.pt-block{
	display: inline-block;
	text-align: left;	
}

.pt-copy{
	max-width: 350px;
	display: inline-block;
	text-align: left;
}

.pt-copy.pt-team-copy{
	max-width: 450px;
}

.pt-icon{
	margin: 0 20px 20px 0;
	display: inline-block;
	vertical-align: top;
}

.pt-showcase-text .o-icon{
	fill: #666567;	
}

.pt-showcase-img{
	min-height: 900px;
	background: transparent center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.pt-showcase-img.app-metering{
	background-image: url("../images/app-metering-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.billing-chargeback{
	background-image: url("../images/billing-chargeback-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.procurement-analysis{
	background-image: url("../images/procurement-analysis-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.showcase-asciidoc{
	background-image: url("../images/showcase-asciidoc-bkgd.jpg");
	background-position: center center;
}

.pt-showcase-img.online{
	background-image: url("../images/online-bkgd.jpg");
	background-position: bottom left;
}.pt-showcase-img.consumption{
	background-image: url("../images/consumption-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.requis{
	background-image: url("../images/marketplace-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.kwac{
	background-image: url("../images/kwac-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.meter{
	background-image: url("../images/meter-bkgd.jpg");
	background-position: right center;
}.pt-showcase-img.market-think{
	background-image: url("../images/market-think-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.lets-talk{
	background-image: url("../images/blog-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.is404{
	background-image: url("../images/img-stone.jpg");
	background-position: center center;
}.pt-showcase-img.partners{
	background-image: url("../images/partners-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.about{
	background-image: url("../images/about-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.join{
	background-image: url("../images/join-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.financial-baseline{
	background-image: url("../images/financial-baseline-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.capital-recovery{
	background-image: url("../images/capital-recovery-bkgd.jpg");
	background-position: center center;
}.pt-showcase-img.plugin{
	background-image: url("../images/plugin-bkgd.jpg");
	background-position: center center;
}

/* ---------------------------------------------------------------- *\
							VALUE BOXES
\* ---------------------------------------------------------------- */

.value-box-area{
	max-width: 1250px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 70px;
}

.value-box-area #online,
.value-box-area #consumption,
.value-box-area #requis{
	opacity: 1;
}

.top-shadow{
	padding-top: 70px;
	box-shadow: inset 0 30px 70px -40px #ededee;
}

.value-relative{
	position: relative;	
}

.fusion-graphic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 7%;
	z-index: 10;
}

.fusion-graphic svg,
.fusion-graphic img{
	width: 100%;
	height: auto;
}

.value-icon{
	margin-bottom: 20px;	
}

.value-box-area h2{
	color: #a3cd39;
	margin-bottom: 70px;
}

.value-circle{
	z-index: 20;
	border: 2px solid #818285;
	outline: none;
	border-radius: 50%;
	display: block;
	overflow: hidden;	
	position: relative;
	cursor: pointer;
	max-width: 300px;
	margin: 14%;
}

.value-circle.no-border{
	border: none;	
}

.value-overlay{
	position: absolute;
	top: 0;	
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vo-number{
	color: #818285;
	font-size: 1.55em;
	padding: 20px;	
}

.no-flexbox .vo-number{
	margin-top: 25%;
}

.value-align{
	flex: d1;
}

.vo-text{
	background: #818285;
	color: #fff;
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;	
}

.vo-text.vojs{
	opacity: 0;
}

.vo-text.vojs:hover,
.vo-text.vojs:focus,
.vo-text.vojs.showing{
	opacity: 1;	
}

.value-overlay svg,
.value-overlay img{
	width: 100%;
	height: auto;
	max-width: 100%;	
}

/* ---------------------------------------------------------------- *\
							QUADRANT AREA
\* ---------------------------------------------------------------- */

.quad-image{
	display: block;
	width: 100%;
	height: auto;
	max-width: 585px;
	margin: 0 auto;
}

.quad-surround{
	position: relative;	
	max-width: 585px;
	margin: 0 auto;
}

.img-q1,
.img-q2,
.img-q3,
.img-q4{
	display: block;
	width: 100%;
	height: auto;
	max-width: 585px;
	position: absolute;
	left: 0;
	top: 0;
	
	opacity: 0;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;
}

.img-q1.peek,
.img-q2.peek,
.img-q3.peek,
.img-q4.peek{
	opacity: 1
}

.quad-item{
	position: absolute;
	width: 50%;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	
	-webkit-transition: 	background 0.3s;
    -moz-transition: 		background 0.3s;
    -ms-transition: 		background 0.3s;
    -o-transition: 			background 0.3s;
    transition: 			background 0.3s;	
}

.quad-item:hover,
.quad-item:focus{
	background: transparent url("../images/a3cd38-35.png") center center repeat;
	background: rgba(163,205,57,0.35);
}

.quad-item:nth-of-type(0n+1){
	top: 0;
	left: 0;	
}.quad-item:nth-of-type(0n+2){
	top: 0;
	right: 0;	
}.quad-item:nth-of-type(0n+3){
	bottom: 0;
	left: 0;	
}.quad-item:nth-of-type(0n+4){
	bottom: 0;
	right: 0;	
}

.quad-align{
	flex: 1;
	padding: 10%;
	text-align: center;
	color: #fff;
}

/* ---------------------------------------------------------------- *\
					TECHNOLOGY / PRODUCT PAGES
\* ---------------------------------------------------------------- */

.tech-inset{
	max-width: 1400px;	
}

.below-video-text{
	max-width: 1280px;
	margin: 0 auto 70px auto;
	font-size: 1.2em;
}

.tech-blurb{
	font-size: 1.4em;
	color: #a3cd39;
}

.tech-large-blurb{
	font-size: 2em;
	color: #a3cd39;
}

.tech-copy{
	font-size: 0.9em;
}

.kwac-infrastructure{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 900px;	
}

.tech-text-box p:last-child{
	margin-bottom: 0;
}

.tech-img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

.kwac-steps{
	border: 1px solid #fff;
	background: #3c3c3c url("../images/kwac-steps-bkgd.jpg") center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.kwac-steps-overlay{
	margin: 10% 10% 10% 20%;
	border: 4px solid #fff;
	border: 4px solid rgba(255,255,255,0.6);
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-transform: uppercase;
}

.kwac-steps-overlay p{
	font-size: 1.2em;
	padding: 5px 10px;
	border-bottom: 2px solid #fff;
	border-bottom: 2px solid rgba(255,255,255,0.6);
	color: #fff;
	margin-bottom: 0;
}

.kwac-steps-overlay ol{
	list-style: decimal;
}

.kwac-steps-overlay li{
	list-style: decimal;
	font-size: 0.8em;
	padding: 5px 10px;
	border-bottom: 2px solid #fff;
	border-bottom: 2px solid rgba(255,255,255,0.6);
	border-left: 2px solid #fff;
	border-left: 2px solid rgba(255,255,255,0.6);
	color: #fff;
	margin-left: 1.5em;

}

.buzzword{
	font-size: 2em;
	color: #a3cd39;
}

.tech-ending-blurb{
	text-align: center;
	font-size: 1.6em;
	color: #a3cd39;
}

.mark-ul{
	text-align: center;	
	justify-content: center;
}

.mark-li{
	display: inline-block;
	min-width: 200px;
	max-width: 350px;
	border-left: 1px solid #a3cd39;
	border-right: 1px solid #a3cd39;
	padding: 0 20px;
	margin-left: -1px;
	margin-bottom: 40px;
	font-size: 0.9em;
}

.mark-li p:last-child{
	margin-bottom: 0;
}

.mark-li img{
	width: 100%;
	height: auto;	
}

.text-columns-3{
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	
	-webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}

.text-columns-2{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	
	-webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}

.partners-img{
	width: 100%;
	height: auto;
	max-width: 300px;
	display: block;
	margin: 0 auto;
}

/*.pre-blurb{
	text-align: right;	
}*/

.meter-architecture{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1080px;
	margin: 0 auto;
}

.meter-server{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1400;
	margin: 0 auto;
}

.tri-tab-container{
	max-width:  1200px;
	margin: 0 auto;
}

.tri-tab-group{
	margin-bottom: -2px;
	position: relative;
	z-index: 6;
}

.tri-tab{
	font-size: 1.3em;
	padding: 15px;
	text-align:  center;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tri-tab.open{
	border: 2px solid #ccc;
	border-bottom:  2px solid #fff;
	color: #a3cd39;
	background: #fff;
}

.tri-drawer-area{
	border-top: 2px solid #ccc;
	position: relative;
	z-index: 5;
	padding: 70px 15px;
	
	-webkit-transition: 	all 1.7s;
    -moz-transition: 		all 1.7s;
    -ms-transition: 		all 1.7s;
    -o-transition: 			all 1.7s;
    transition: 			all 1.7s;
}

.tri-tab-drawer{
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	left: 0;
	top: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;
}

.tri-tab-drawer.open{
	height: auto;
	opacity: 1;
	
}

/* ---------------------------------------------------------------- *\
						TEAM SLIDER
\* ---------------------------------------------------------------- */

.team-showcase{
	position: relative;	
}

.team-showcase-item{	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;	
}

.team-showcase-item.change{
	opacity: 0;
}

.team-name{
	padding-top: 20px;
	color: #a3cd39;
	margin-bottom: 10px;
}

.team-showcase-img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	
	background: transparent center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.team-img-0{
	z-index: 20;
}

.team-slider{
	position: relative;
	padding: 0 90px;
}

.team-item{
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	max-width: 270px;
	margin:0 auto;	
}

.frontpage-team-item{
	margin-bottom: 40px;
}

.team-img{
	display: block;
	width: 100%;
	height: auto;
}

.team-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(163,205,57, 0.5);
	opacity: 0;
	
	-webkit-transition: 	opacity 0.3s;
    -moz-transition: 		opacity 0.3s;
    -ms-transition: 		opacity 0.3s;
    -o-transition: 			opacity 0.3s;
    transition: 			opacity 0.3s;	
}

.swiper-slide-active .team-overlay,
.team-overlay:hover,
.team-overlay:focus{
	opacity: 1;
}

.team-slider .swiper-button-prev{
	background: transparent url("../images/team-prev.png") center center no-repeat;
	left: 0;
	width: 40px;
	height: 82px;
	margin-top: -41px;
}

.team-slider .swiper-button-next{
	background: transparent url("../images/team-next.png") center center no-repeat;
	right: 0;
	width: 40px;
	height: 82px;
	margin-top: -41px;
}

.content-box-area{
	text-align: center;
	padding-bottom: 70px;
}

.meter-slider-area{
	position: relative;
	padding: 0 100px;
	margin-bottom: 70px;
}

.screenshot-slide{
	
	display: block;
	width: 100%;
	height: auto;
	max-width: auto;
}

.meter-slide{
	filter: blur(5px);
	
	-webkit-transition: 	filter 0.6s;
    -moz-transition: 		filter 0.6s;
    -ms-transition: 		filter 0.6s;
    -o-transition: 			filter 0.6s;
    transition: 			filter 0.6s;
}

.meter-slide.swiper-slide-active{
	filter: blur(0px);
}

.meter-slider-area .swiper-button-prev{
	background: transparent url("../images/team-prev.png") center center no-repeat;
	left: 0;
	width: 40px;
	height: 82px;
	margin-top: -41px;
}

.meter-slide-title{
	text-align: center;
}

.meter-slider-area .swiper-button-next{
	background: transparent url("../images/team-next.png") center center no-repeat;
	right: 0;
	width: 40px;
	height: 82px;
	margin-top: -41px;
}

.broad-text{
	font-size: 1.2em;
	line-height: 1.6em;
}

.bump-content{
	font-size: 1.1em;
}

/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	.ttb2{ text-align: right; }
	.tech-text-box{ font-size: 1.2em; }
	.pt-showcase-img.blog-img{ min-height: 500px; }
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {
	.vo-text{ font-size:1.15em; }
	.pt-showcase-img{ min-height: 800px; }
	.pt-showcase-img.blog-img{ min-height: 500px; }
	.pt-showcase-text{ padding: 70px }
	.ttb2{ text-align: right; }
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) { 
	.value-box-area{ max-width: 835px; }
	.vo-text{ font-size:1.15em; }
	.pt-showcase-img{ min-height: 600px; }
	.pt-showcase-img.blog-img{ min-height: 500px; }
	.pt-showcase-img.showcase-none{ min-height: 0; }
	.pt-showcase-text{ padding: 50px }
	.buzzword{text-align: center;}
	.team-showcase-text{ height: 410px;	overflow: hidden; }
	.text-columns-3,
	.text-columns-2{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
		-webkit-column-gap: 1.5em;
		-moz-column-gap: 1.5em;
		column-gap: 1.5em;	
	}
	.quad-item:nth-of-type(0n+2){ top: auto; right: auto; bottom:0; left: 0; }
	.quad-item:nth-of-type(0n+3){ bottom: auto; left: auto; top:0; right: 0; }
	.pre-blurb{ text-align: left; }
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.value-circle{ margin: 20px auto; }
	.value-circle.no-border{ border: 2px solid #818285; }
	.vo-text{ font-size:1.15em; }
	.pt-showcase-img{ min-height: 300px; }
	.pt-showcase-img.showcase-none{ min-height: 0; }
	.pt-showcase-text{ padding: 30px }
	.buzzword{text-align: center;}
	.team-slider{ padding: 0; } 
	.team-showcase-text{ height: 410px;	overflow: hidden; }
	.meter-slider-area{ padding: 0; }
	.text-columns-3,
	.text-columns-2{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.quad-item:nth-of-type(0n+2){ top: auto; right: auto; bottom:0; left: 0; }
	.quad-item:nth-of-type(0n+3){ bottom: auto; left: auto; top:0; right: 0; }
	.pre-blurb{ text-align: left; }
	
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	.value-circle{ margin: 20px auto; }
	.value-circle.no-border{ border: 2px solid #818285; }
	.vo-text{ font-size:1.15em; }
	.pt-showcase-img{ min-height: 200px; }
	.pt-showcase-img.showcase-none{ min-height: 0; }
	.pt-showcase-text{ padding: 30px }
	.quadrant-area .quad-item{ position: static; width: auto; height: auto; display: block; }
	.quad-align{ color: #58585a; }
	.buzzword{text-align: center;}
	.team-slider{ padding: 0; } 
	.team-showcase-text{ height: auto;	overflow: hidden; }
	.mark-li{ padding: 0; margin-left: 0px; margin-bottom: 20px; border: none; }
	.meter-slider-area{ padding: 0; }
	.text-columns-3,
	.text-columns-2{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.quad-item:nth-of-type(0n+2){ top: auto; right: auto; bottom:0; left: 0; }
	.quad-item:nth-of-type(0n+3){ bottom: auto; left: auto; top:0; right: 0; }
	.pre-blurb{ text-align: left; }
}

/* ---------------------------------------------------------------- *\
							BLOG PAGES
\* ---------------------------------------------------------------- */

.post-title{
	color: #a3cd39;;
}

.blog-inset{
	max-width: 1000px;	
	margin: 0 auto 70px auto;
}

.line-title.blog-line{
	margin-bottom: 70px;	
}

.paginate{
	
}

.page-numbers.current{
	display: inline-block;
	padding: 8px 15px;
	font-size: 2em;
	font-weight: 400;
	color: #8bb424;
	background: #fff;
}

.paginate.top{
	padding-bottom: 30px;
}

.paginate.bottom{
	
}

.blog-post blockquote{
	font-weight: 400;
	font-size: 1.5em;	
}

.paginate a,
.paginate a:link,
.paginate a:visited{
	display: inline-block;
	padding: 8px 12px;
	font-size: 2em;
	color: #a3cd39;
}

.paginate a:hover,
.paginate a:focus,
.paginate a:active{
	color: #8bb424;
}


/* ---------------------------------------------------------------- *\
							THE CONTENT
\* ---------------------------------------------------------------- */

.the-content{
	color: #444;	
}

.the-content blockquote{
	color: #777;
}

.the-content li{
	line-height: normal;	
}

.the-content ul li{
	margin-left: 1em;
	list-style-type: disc;	
	border: none;
	margin-bottom: 10px;
}

.the-content ol li{
	margin-left: 1em;
	list-style-type: decimal;
	border: none;
	margin-bottom: 10px;
}

.the-content ul, .the-content ol{
	margin-bottom: 1em;
	padding-left: 1em;
	overflow: hidden;
}

.the-content img.alignleft{
	float:left;	
	margin: 30px 30px 30px 0;
}

.the-content img.alignright{
	float:right;
	margin: 30px 0 30px 30px;
}

.the-content img.aligncenter{
	display: block;
	margin: 30px auto;
}

.the-content img{
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.the-content img.ajax-loader{
	max-width: 16px;	
}

/* ---------------------------------------------------------------- *\
							ASCIIDOC
\* ---------------------------------------------------------------- */

.ascii-nav{
	padding-right: 70px;
	padding-bottom: 70px;
}

.asciidoc{
	padding-bottom: 70px;
}

.asciidoc hr{
	background: #eee;
}

.ascii-nav a{
	font-size: 0.9em;
}

.sectlevel2{
	padding-left: 30px;
}

.sectlevel2 a{
	font-size: 0.875em;
	font-weight: 300;
	color: #9e9e9e;
}

.sectlevel2 a:hover,
.sectlevel2 a:focus{
	color: #a3cd39;
}

.sect1{
	border-top: 2px solid #eee;
	padding-top: 40px;
	margin-bottom: 40px;
}

.sect1:first-child{
	border-top: none;
	padding-top: 0;
}

.title{
	margin-bottom: 20px;
	font-weight: 400;
}

pre, code{	
	font-family: 'Inconsolata', monospace;
}

pre{
	white-space: pre-wrap;
	margin: 20px 0;	
	border: 2px solid #eee;
	padding: 6px 12px;
}

pre.highlight{
	-webkit-border-radius: 0;
	border-radius: 0;
	word-wrap: break-word;
	background: #f7f7f7;
}

code{
	font-size: 0.8125em;
	color: #668a0a;
	font-weight: 400;
}

pre code{
	color: #000;
}

dd{
	margin-left: 40px;
}

/*.literalblock.output pre { color: #efefef; background-color: black; }
.listingblock pre.highlightjs { padding: 0; }
.listingblock pre.highlightjs > code { padding: 0.75em 0.75em 0.625em 0.75em; -webkit-border-radius: 0; border-radius: 0; }*/
.listingblock > .content { position: relative; }
.listingblock code[data-lang]:before { display: none; content: attr(data-lang); position: absolute; font-size: 0.75em; top: 0.425rem; right: 0.5rem; line-height: 1; text-transform: uppercase; color: #999; }
.listingblock:hover code[data-lang]:before { display: block; }
.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; }
.listingblock.terminal pre .command:not([data-prompt]):before { content: "$"; }

.asciidoc table,
.asciidoc th,
.asciidoc td{
	border: 2px solid #eee;
	border-collapse: collapse;
}

.asciidoc table{
	width: 100%;
	margin-bottom: 20px;	
}

.asciidoc th{
	text-align: left;
	font-weight: bold;
	border-width: 0 2px 2px 0;	
}

.asciidoc th, .asciidoc td{
	padding: 6px 12px;	
}

.asciidoc thead,
.asciidoc tr:nth-of-type(2n){
	background: #f7f7f7;	
}

.asciidoc .admonitionblock table,
.asciidoc .admonitionblock th,
.asciidoc .admonitionblock td{
	border: 0;
}

.admonitionblock td.content{
	border-left: 2px solid #eee;	
}

.admonitionblock > table td.icon {
    text-align: center;
    width: 80px;
}

.admonitionblock td.icon [class^="fa icon-"] {
    font-size: 2.5em;
    cursor: default;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.admonitionblock td.icon .icon-warning::before {
    content: "\f071";
    /*color: #bf6900;*/
	color: #6c715e;
}

.admonitionblock td.icon .icon-note::before {
    content: "\f05a";
    color: #A3CD39;
}

.exampleblock > .content {
    border-style: solid;
    border-width: 2px;
    border-color: #eee;
    margin-bottom: 20px;
    padding: 20px;
    background: white;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* ---------------------------------------------------------------- *\
							PLUGIN PAGE
\* ---------------------------------------------------------------- */

.plugin-logo{
	/*width: 99.5%;
	height: auto;*/
	max-width: 100%;
	width: auto;
	height: auto;
	margin-bottom: 20px;
}

.plugin-title{
	font-weight: 400;
	font-size: 2em;
	letter-spacing: normal;	
}

.inset-900{
	max-width: 900px;
	margin: 0 auto;
}

.inset-1000{
	max-width: 1000px;
	margin: 0 auto;
}

.inset-1200{
	max-width: 1200px;
	margin: 0 auto;
}

.inset-1400{
	max-width: 1400px;
	margin: 0 auto;
}

.plugin-blurb{
	margin-bottom: 70px;
	font-size: 1.2em;
}

.plugin-blurb p:last-child{
	margin-bottom: 0;
}

.plugin-list{
	background: #6d6e71;
	background-clip: content-box;
	color: #fff;
}

.plugin-list-header{
	background: #555 center center no-repeat;
	padding: 20px;
	border-bottom: 5px solid #fff;
	min-height: 210px;
	
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.plugin-list-header.analyze-header{
	background-image: url("../images/plugin-analyze-bkgd.jpg");
}

.plugin-list-header.deliver-header{
	background-image: url("../images/plugin-deliver-bkgd.jpg");
}

.plugin-list-img{
	display: block;
	margin: 0 auto 20px auto;
}

.plugin-list-title{
	font-size: 1.5em;
	text-align:  center;
}

.plugin-list ul{
	padding: 20px;
}

.plugin-list li{
	padding-left: 2em;
	position: relative;
	margin-bottom: 10px;
}

.plugin-list li:before{
	content: "→ ";
	position: absolute;
	top: 0;
	left: 0;
}

.plugin-documentation-area{
	margin: 40px auto 70px auto;
	text-align: center;
}

.plugin-documentation-area a{
	display: inline-block;
	padding: 15px 45px;
	background: #a3cd39;
	color: #fff;
	cursor: pointer;
}

.plugin-documentation-area a:hover,
.plugin-documentation-area a:focus{
	color: #fff;
	background: #85a82e;
}

.plugin-documentation-area a:after{
	content: "View Here »";
	text-transform: uppercase;
	font-size: 0.8em;
	display: block;
	margin: 0 auto;
}

.plugin-support-area{
	text-align: center;
	padding: 40px 30px;
	background: #e5e5e5;	
}

.plugin-support-area p:last-child{
	margin-bottom: 0;
}


/* ---------------------------------------------------------------- *\
						LANDING PAGES
\* ---------------------------------------------------------------- */

/*.landing-showcase-area{
	background: #f5f5f5 url("../images/landing-concrete-bkgd.jpg") center center repeat;
	border-bottom: 2px solid #f0f0f0;
	margin-bottom: 70px;
}

.landing-header-1{
	text-align: left;
	padding: 100px 0;
}

.landing-list{
	font-size: 1.2em;
}

.landing-list strong{
	margin-bottom: 5px;
	color: #a3cd39;
}*/


/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {
	
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) { 
	.plugin-list{ max-width: 600px; margin: 0 auto; }
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.ascii-nav{ padding-right: 0; }
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	.ascii-nav{ padding-right: 0; }
}


/* ---------------------------------------------------------------- *\
							PURE TABLE
\* ---------------------------------------------------------------- */

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
	margin-bottom: 20px;
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.pure-table thead {
    color: #000;
    text-align: left;
}

.pure-table td:first-child, .pure-table th:first-child {
    border-left-width: 0;
}
.pure-table-horizontal td, .pure-table-horizontal th {
    border-width: 0 0 1px;
        border-bottom-width: 1px;
        border-left-width: 0px;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table td {
    background-color: transparent;
}
.pure-table td, .pure-table th {
    border-left: 1px solid #cbcbcb;
        border-left-width: 1px;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

/* ---------------------------------------------------------------- *\
							SOCIAL TAB
\* ---------------------------------------------------------------- */

.header-bottom{
	width: 100%;
	height: 0;
	position:relative;	
}

.social-tab{
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 500;
}

.social-tab ul{
	margin-top: 5px;
	width: 50px;
	position: absolute;
	right: 0;
}

.social-tab li{
	padding-bottom: 5px;
	width: 50px;
}

.social-tab a{
	display: block;
	padding-right: 14px;
	padding: 5px;
	background: rgba(0,0,0,0.4);
	border-radius: 50%;
}

.social-tab a img,
.social-tab a svg{
	display: block;
	width: 40px;
	height: 40px;
}

.social-tab a [class^="svg"]{
	fill: #fff;
}

.social-tab a:hover,
.social-tab a:focus{
	background: rgba(163,205,57, 0.8);
}

.social-tab a.free-trial-tab{
	background: rgba(163,205,57, 0.8);
}

.social-tab a.free-trial-tab:hover,
.social-tab a.free-trial-tab:focus{
	background: rgba(0,0,0,0.4);
	
}

.social-tab .request-tab{
	font-size: 1.2em;
	border-radius: 15px 0 0 15px;
	display: block;
	text-transform: uppercase;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
}

.request-tab span{
	display: block;
	font-size: 1.3em;
	line-height: 1em;
	text-align: center;
}

.request-tab.free-trial-tab{
	font-size: 1em;
	margin-bottom: 8px;
}

.request-tab.free-trial-tab span{
	font-size: 1.2em;
}

/* ---------------------------------------------------------------- *\
								FOOTER
\* ---------------------------------------------------------------- */

.site-footer{
	background: #fff;
}

.footer-form{
	text-align: center;
	position: relative;
	z-index: 15;
	background: transparent url("4b4b4c-50.png") center center repeat;
	background: rgba(75,75,76,0.5);
	padding: 70px 70px 110px 70px;
	margin-bottom: -70px;
}

.footer-form h3{
	color: #fff;
	text-transform: uppercase;
}

.footer-area{
	background: #fff url("../images/footer-map.png") center center no-repeat;
	-webkit-background-size: 	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.footer-relative{
	height: 850px;
	position: relative;
}

.footer-content{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #58585a;
	font-size: 1.8em;
	padding-top: 20px;
	
	background: rgba(255,255,255,0.6);
	margin-bottom: 70px;
}

.footer-content .text-inset{
	margin-bottom: 0;
}

.footer-content .text-inset{
	text-align: left;
}

.foot{
	width: 100%;
	padding: 15px;
	text-align: center;
	background: transparent url("4b4b4c-50.png") center center repeat;
	background: rgba(75,75,76,0.5);
	font-size: 0.9em;
	color: #fff;
}

.foot-section{
	display: inline-block;
	padding: 15px;
}

.foot a{
	color: #a3cd39;
}

.foot a:hover,
.foot a:focus{
	color: #b5d761;
}

.foot .x-link{
	color: #fff;
}

.foot .x-link:hover,
.foot .x-link:focus{
	color: #ddd;
}

/* *** X-LARGE *** */
@media screen and (min-width: 1261px) {	
	
}
/* *** LARGE *** */
@media screen and (min-width: 961px) and (max-width: 1260px) {
	.footer-relative{ height: 700px;}
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) { 
	.footer-form{ padding: 70px 40px 110px 40px; margin-bottom: -70px; }
	.footer-relative{ height: 600px;}
	
}
/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.footer-form{ padding: 30px 30px 60px 30px; margin-bottom: -30px; }
	input[type="submit"]{ min-width: 0; }
	.footer-relative{ padding-top: 200px; height: auto;}
	.footer-content{ position: static; padding: 25px 0 5px 0; margin-bottom: 70px;}
	.footer-content .text-inset{ margin-bottom: 0; }
}
/* *** TINY *** */
@media screen and (max-width: 320px) {
	.footer-form{ padding: 30px 30px 60px 30px; margin-bottom: -30px; }
	input[type="submit"]{ min-width: 0; }
	.footer-relative{ padding-top: 150px; height: auto;}
	.footer-content{ position: static; padding: 25px 0 5px 0; margin-bottom: 70px;}
	.footer-content .text-inset{ margin-bottom: 0; }
}