@font-face {
	font-family: "HoeflerText Black"; 
	src: url("/themes/root802/fonts/Hoefler-Text/Hoefler-Text-Black.woff2") format("woff2"),  
		 url("/themes/root802/fonts/Hoefler-Text/Hoefler-Text-Black.ttf") format("truetype"); 
}

/*	MAJOR DIVS
------------------------------------------------------------------*/
body {
	background: #FFF;
	margin: 0;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
}

h1 {
	padding: 0.5em 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 200;
	font-size: 3.2em;
	color: #000;
	text-align: left;
}

h2 {
	padding: 0.1em 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 800;
	font-size: 3.2em;
	color: #007300;
	text-align: left;
}

h3 {
	padding: 0;
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 100;
	font-size: 2.0em;
	color: #000;
	text-align: left;
}

.kicker-area {
	margin: 0 !important;
}
.kicker-area strong {
	padding: 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 800;
	font-size: 1em;
	color: #007300;
	text-align: left;
	text-transform: uppercase;
}
.block-page-title-block {
	margin-bottom: 1rem;
}
.node-sub-title {
	margin-bottom: 1rem;
}

/*	Page Header
------------------------------------------------------------------*/

.pageHeader {
	margin-top:3rem;
}
#theme-feature {
	position: absolute;
	display: block;
	width: 600px;
	height: 400px;
	top: -90px;
	right: -125px;
	z-index: 1;
	background: url('/themes/root802/images/page-design-graphic.png');
	background-size: cover;
	transition: 0.2s;
	opacity: 0.2;
	filter: grayscale(0.7);
	cursor: none;
}
#design-feature {
	position: absolute;
	display: block;
	width: 1250px;
	height: 1250px;
	top: -700px;
	right: -700px;
	z-index: 0;
	background: #007300;
	border: 150px solid #CCC;
	border-radius: 50%;
	transition: 0.2s;
	opacity: 0.15;
	cursor: none;
}

/*	HOME PAGE
------------------------------------------------------------------*/

.path-frontpage h1,
.path-frontpage h2,
.path-frontpage h3 {
	text-align: center;
}

#video-intro-section {
	position: relative; 
	height: 100vh; 
	opacity: 1; 
	border-bottom-width: 0px;
	background: #F1F1F1;
} 
#introBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#introBox video {
	position: relative;
	height: 100vh;
	width: 100%;
	min-width: 100%;
	opacity: 0;
	object-fit: cover;
}
#introCircle {
	position: absolute;
	top: 0;
	left: 28%;
	width: 56%;
	height: 100%;
	margin: 0 -50px;
	border: 100px solid #DDD;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	opacity: 0;
}
#logoBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90vh;
	margin: 0 auto;
	text-align: center;
}
#logoBox .logo {
	position: absolute;
	width: 400px;
	height: auto;
	max-width: 100%;
	top: 50%;
	left: 50%;
	margin-top: -80px;
	margin-left: -200px;
	overflow: visible;
}
#logoBox .logo-img {
	position: relative;
	width: 400px;
	height: auto;
	max-width: 100%;
}
#logoBox .logo.animate {
	transform: scale(0.9);
	transition: 0.2s;
}
#slogan {
	position: absolute;
	width: 100%;
	height: auto;
	max-width: 100%;
	top: 30%;
	left: 0;
	z-index: 10;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
#slogan img {
	width: 400px;
	max-width: 70%;
	height: auto;
	margin: 0 auto;
	overflow: visible;
	overflow-clip-margin: unset;
}

#pointerHand {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	top: 60%;
	left: 60%;
	font-size: 3em;
	z-index: 10;
}
#pointerHand.animate {
	transform: scale(0.8);
	transition: 0.2s;
}

#video-intro-section .size {
	position: relative;
	top: 0;
	left: 0;
	width: 1920px;
	height: auto;
	max-width: 100%;
}

.path-frontpage .block-page-title-block {
	text-align: center;
	margin-top: 4rem;
}

.path-frontpage .node-sub-title {
	padding: 0 10% 10% 10%;
}

.path-frontpage .region--highlighted {
	display: block;
	position: absolute;
	z-index: inherit;
	left: calc(50% - 200px);
	top: 75px;
}

.orbitalArea {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
	height: 600px;
	overflow: visible;
}

.orbitalArea .container {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	cursor: move;
}

.orbitalArea .root {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	z-index: 2;
}

.orbitalArea .element {
	position: absolute;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
	background: rgba(215, 215, 215, 0.899);
	left: 50%;
	top: 50%;
	text-align: center;
	border: 10px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.403) 5px 5px 20px;
	color: #000;
	user-select: none;
	opacity: 0;
	z-index: auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	transition: 0.8s;
}

.orbitalArea .element.animate {
	width: 250px;
	height: 250px;
	margin-left: -125px;
	margin-top: -125px;
}

.orbitalArea .element__img {
	width: 75%;
	max-width: 75px;
	height: auto;
	padding: 2%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.orbitalArea a.element__link {
	position: relative;
	text-decoration: none;
	color: #333;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.orbitalArea a.element__link:hover {
	text-decoration: none;
	color: #007300;
}

.orbitalArea .element__name {
	position: relative;
	margin-top: -16px;
	padding: 0 16px;
	line-height: 12px;
	font-size: 12px;
	z-index: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.orbitalArea .element__desc {
	padding: 10px;
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 100;
	font-size: 0.7em;
	color: #000;
	text-align: center;
	opacity: 0;
}
.orbitalArea .element__close {
	display: block;
	padding: 10px;
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 100;
	font-size: 1em;
	color: #000;
	text-align: center;
}

.orbitalArea .rootArea {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	z-index: 2;
}

.orbitalArea .header {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.orbitalArea .core {
	position: absolute;
	width: 250px;
	height: 250px;
	margin-left: -125px;
	margin-top: -125px;
	background: rgba(215, 215, 215, 1);
	left: 50%;
	top: 50%;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.482);
	border: 10px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.403) 5px 5px 20px;
	color: #000;
	opacity: 1;
	z-index: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.orbitalArea .core_element {
	position: relative;
	padding: 10%;
	max-width: 70%;
	height: auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: none;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

/*	Mini Slider
------------------------------------------------------------------*/

.miniSlider {
	position: relative;
	margin: 0 auto;
	height: 50px;
}
.miniSlider .slide {
	position: absolute;
	opacity: 0;
	transition: .8s;
	width: 100%;
	height: 50px;
}
.miniSlider .slide.active {
	opacity: 1;
}

/*	FRONT SECTION
------------------------------------------------------------------*/

.front-section-content {
	position: relative; 
	display: table;
	height: 100vh; 
	width: 100%;
	opacity: 1;
	overflow: hidden;
}

.front-section-content .region--section-content {
	position: relative;
	display: table-cell;
	z-index: 2;
	max-width: 90%;
	margin: 125px auto;
	overflow: hidden;
	vertical-align: middle;
}

.front-section-content .region--section-content h1 {
	padding: 0.5em 0;
	margin: 0;
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-weight: 600;
	font-size: 3.2em;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 3px #000000;
}

.front-section-content .region--section-content h2 {
	padding: 0 0 16px 0;
	margin: 0 10%;
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
	font-size: 2.1em;
	line-height: 1.3em;
	color: #fff;
	text-shadow: 1px 1px 3px #000000;
	text-align: center;
}
.front-section-content .region--section-content h3 {
	padding: 0;
	margin: 0 10%;
	font-family: 'Prompt', sans-serif;
	font-weight: 200;
	font-size: 2.0em;
	line-height: 1.3em;
	color: #fff;
	text-shadow: 1px 1px 3px #000000;
	text-align: center;
}

.front-section-content .region--section-content p {
	text-align: center;
	color: #FFF;
}
.front-section-content .region--section-content a {
	text-align: center;
	color: #FFF;
}

.front-section-content .background {
  width: 100%;
  height: 100%;
  background: #0e4e0e;
  position: absolute;
  display: block;
  overflow: hidden;
}

.front-section-content .background .branding {
  width: 450px;
  height: 450px;
  background: url('/themes/root802/images/root802-fav-icon-192x192.png') no-repeat;
  background-size: contain;
  border: 30px solid #007300;
  mask-border: #070;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -240px;
  margin-left: -240px;
}

.front-section-content .background span {
  width: 50vmin;
  height: 50vmin;
  border-radius: 50vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 520s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.front-section-content .background span:nth-child(1) {
  color: #117300;
  top: 41%;
  left: 60%;
  animation-duration: 102.7s;
  animation-delay: -90.7s;
  transform-origin: 14vw -8vh;
  box-shadow: -50vmin 0 12.6632568338vmin currentColor;
}
.front-section-content .background span:nth-child(2) {
  color: #117300;
  top: 70%;
  left: 45%;
  animation-duration: 105.5s;
  animation-delay: -34.9s;
  transform-origin: 5vw 0vh;
  box-shadow: -50vmin 0 18.4930655472vmin currentColor;
}
.front-section-content .background span:nth-child(3) {
  color: #117300;
  top: 63%;
  left: 85%;
  animation-duration: 100.7s;
  animation-delay: -47.2s;
  transform-origin: 2vw -22vh;
  box-shadow: -50vmin 0 5.219609632vmin currentColor;
}
.front-section-content .background span:nth-child(4) {
  color: #007300;
  top: 74%;
  left: 38%;
  animation-duration: 105.8s;
  animation-delay: -2.7s;
  transform-origin: 21vw -18vh;
  box-shadow: -50vmin 0 19.6385703753vmin currentColor;
}
.front-section-content .background span:nth-child(5) {
  color: #007333;
  top: 68%;
  left: 44%;
  animation-duration: 108s;
  animation-delay: -22.3s;
  transform-origin: 17vw 19vh;
  box-shadow: -50vmin 0 7.0361739356vmin currentColor;
}
.front-section-content .background span:nth-child(6) {
  color: #007333;
  top: 53%;
  left: 43%;
  animation-duration: 31s;
  animation-delay: -30.1s;
  transform-origin: 12vw 4vh;
  box-shadow: 50vmin 0 16.0718752417vmin currentColor;
}
.front-section-content .background span:nth-child(7) {
  color: #000000;
  width: 60vmin;
  height: 60vmin;
  border-radius: 60vmin;
  top: 73%;
  left: 94%;
  animation-duration: 108s;
  animation-delay: -35.6s;
  transform-origin: 24vw -18vh;
  box-shadow: 50vmin 0 20.1335954039vmin currentColor;
}
.front-section-content .background span:nth-child(8) {
  color: #007300;
  top: 18%;
  left: 11%;
  animation-duration: 46.3s;
  animation-delay: -62.5s;
  transform-origin: 22vw 3vh;
  box-shadow: 50vmin 0 28.7273847442vmin currentColor;
}
.front-section-content .background span:nth-child(9) {
  color: #007333;
  top: 91%;
  left: 66%;
  animation-duration: 61.4s;
  animation-delay: -97.5s;
  transform-origin: -6vw -5vh;
  box-shadow: -50vmin 0 17.6015945006vmin currentColor;
}
.front-section-content .background span:nth-child(10) {
  color: #007333;
  top: 10%;
  left: 26%;
  animation-duration: 104.8s;
  animation-delay: -19.8s;
  transform-origin: -9vw -24vh;
  box-shadow: -50vmin 0 22.6419305833vmin currentColor;
}
.front-section-content .background span:nth-child(11) {
  color: #000000;
  width: 60vmin;
  height: 60vmin;
  border-radius: 60vmin;
  top: 75%;
  left: 5%;
  animation-duration: 71.2s;
  animation-delay: -103.3s;
  transform-origin: -2vw -18vh;
  box-shadow: -50vmin 0 22.8093064392vmin currentColor;
}
.front-section-content .background span:nth-child(12) {
  color: #007333;
  top: 16%;
  left: 33%;
  animation-duration: 85.8s;
  animation-delay: -92.7s;
  transform-origin: 22vw -12vh;
  box-shadow: 50vmin 0 32.9658880751vmin currentColor;
}
.front-section-content .background span:nth-child(13) {
  color: #007300;
  top: 91%;
  left: 47%;
  animation-duration: 87s;
  animation-delay: -95.3s;
  transform-origin: -9vw 21vh;
  box-shadow: -50vmin 0 21.9006384722vmin currentColor;
}
.front-section-content .background span:nth-child(14) {
  color: #117300;
  top: 36%;
  left: 49%;
  animation-duration: 72.4s;
  animation-delay: -76.7s;
  transform-origin: 23vw 16vh;
  box-shadow: 50vmin 0 30.0268100305vmin currentColor;
}
.front-section-content .background span:nth-child(15) {
  color: #007300;
  top: 25%;
  left: 12%;
  animation-duration: 27.7s;
  animation-delay: -69.8s;
  transform-origin: -2vw -3vh;
  box-shadow: 50vmin 0 13.8985486066vmin currentColor;
}
.front-section-content .background span:nth-child(16) {
  color: #007300;
  top: 47%;
  left: 4%;
  animation-duration: 46.1s;
  animation-delay: -39.8s;
  transform-origin: -23vw 13vh;
  box-shadow: 50vmin 0 26.5413173367vmin currentColor;
}
.front-section-content .background span:nth-child(17) {
  color: #007333;
  top: 36%;
  left: 97%;
  animation-duration: 96.8s;
  animation-delay: -55.9s;
  transform-origin: -16vw 21vh;
  box-shadow: 50vmin 0 15.8016082149vmin currentColor;
}
.front-section-content .background span:nth-child(18) {
  color: #007300;
  top: 43%;
  left: 62%;
  animation-duration: 33.1s;
  animation-delay: -64.1s;
  transform-origin: -17vw 10vh;
  box-shadow: -50vmin 0 35.835133405vmin currentColor;
}
.front-section-content .background span:nth-child(19) {
  color: #007300;
  top: 12%;
  left: 31%;
  animation-duration: 73.9s;
  animation-delay: -36.9s;
  transform-origin: -5vw 13vh;
  box-shadow: -50vmin 0 20.4232959268vmin currentColor;
}
.front-section-content .background span:nth-child(20) {
  color: #007300;
  top: 56%;
  left: 94%;
  animation-duration: 58.6s;
  animation-delay: -88.1s;
  transform-origin: -22vw -12vh;
  box-shadow: -50vmin 0 18.8256276994vmin currentColor;
}

@keyframes move {
  100% {
	transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

@keyframes slide {
  0% {
	transform:translateX(-25%);
  }
  100% {
	transform:translateX(25%);
  }
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/*	ANIMATED CHECKMARK
------------------------------------------------------------------*/

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #007300;
  fill: none;
  animation: stroke 0.8s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  position: relative;
  top: 55px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: -56px 0 0 16px;
  box-shadow: inset 0px 0px 0px #007300;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  vertical-align: top;
  z-index: 10;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
	stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
	transform: none;
  }
  50% {
	transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
	box-shadow: inset 0px 0px 0px 30px #007300;
  }
}

/*	SECTION DEFAULTS
------------------------------------------------------------------*/

.section:nth-child(odd) {
	background: transparent;
}
.section:nth-child(even) {
	background: rgba(221, 221, 221, 0.504);
}


/*	TESTIMONIALS
------------------------------------------------------------------*/

.slideshow  {
	position: relative;
	opacity: 0;
	text-align: center;
}
.slideshow .slideshow-listing {
	position: relative;
	width: auto;
	margin: 1.5% 0;
	padding: 0;
	white-space: nowrap;
}
.slideshow .slideshow-listing ul {
	margin: 0;
	padding: 0;
}
.slideshow .slideshow-listing li {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	padding: 0;
	list-style: none;
	vertical-align: middle;
	transition: transform .8s; /* Animation */
	white-space: normal;
}
.slideshow .slideshow-listing li .views-field-field-quote {
	max-width: 1400px;
	margin: 0 auto;
}
.slideshow .slideshow-listing blockquote {
	position: relative;
	margin: 2.25rem auto;
	padding: 0 1rem;
	letter-spacing: -0.01em;
	font-family: "Lora","georgia",serif;
	font-size: 1.6rem;
	line-height: 2.75rem;
	width: fit-content;
}
.slideshow .slideshow-listing blockquote::before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: "“";
	color: #007300;
	font-size: 10.375rem;
}
.slideshow .slideshow-listing blockquote::after {
	position: absolute;
	bottom: -20px;
	right: 20px;
	content: "”";
	color: #007300;
	font-size: 5.375rem;
}
@media (min-width: 600px) {
	.slideshow .slideshow-listing blockquote {
		position: relative;
		margin: 2.25rem auto;
		padding: 0 6.4rem;
		font-size: 2rem;
		line-height: 3.25rem;
	}
	.slideshow .slideshow-listing blockquote::before {
		top: 10px;
		left: 30px;
		font-size: 10.375rem;
	}
	.slideshow .slideshow-listing blockquote::after {
		bottom: -20px;
		right: 50px;
		font-size: 5.375rem;
	}
}
.slideshow .slideshow-listing .views-field-field-quote-by {
	margin: 2.25rem auto;
	font-size: 1.1rem;
	color: #666;
}
.slideshowNav{
	font-size: 0.5em;
	color: #999;
}
.slideshowNav i {
	padding: 2px;
	font-size: 2.2em;
	opacity: 0.1;
}
.slideshowNav i.active {
	color: #333;
}
.slideshow .previous {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}
.slideshow .next {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	right: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}

.testimonial-slides .view-content {
	overflow: hidden;
}


/*	SERVICES SLIDESHOW
------------------------------------------------------------------*/

.section-service-area {
	position: relative;
	background: #ddd;
	width: 100%;
	padding: 50px 0 70px 0;
	margin: 0 auto;
}
.services-area {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2rem 0 4rem 0;
}
ul.services-area-listing {
	position: relative;
	width: auto;
	list-style: none;
	margin: 1.5% 0;
	padding: 0;
	opacity: 0;
	white-space: nowrap;
}
ul.services-area-listing li {
	position: relative;
	display: inline-block;
	width: calc(25% - 20px);
	margin: 10px;
	padding: 0;
	list-style: none;
	box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.4);
	vertical-align: middle;
	transition: transform .8s; /* Animation */
	white-space: normal;
}
ul.services-area-listing li:nth-child(1) {
	transform: scale(.85);
	opacity: 0.35;
}
ul.services-area-listing li:nth-child(2) {
	transform: scale(.95);
}
ul.services-area-listing li:nth-child(3) {
	transform: scale(1.05);
}
ul.services-area-listing li:nth-child(4) {
	transform: scale(.95);
}
ul.services-area-listing li:nth-child(5) {
	transform: scale(.85);
	opacity: 0.35;
}
ul.services-area-listing.animatePrevious li:nth-child(1) {
	transform: scale(.95);
}
ul.services-area-listing.animatePrevious li:nth-child(2) {
	transform: scale(1.05);
}
ul.services-area-listing.animatePrevious li:nth-child(3) {
	transform: scale(.95);
}
ul.services-area-listing.animatePrevious li:nth-child(4) {
	transform: scale(.85);
}
ul.services-area-listing.animateNext li:nth-child(2) {
	transform: scale(.85);
}
ul.services-area-listing.animateNext li:nth-child(3) {
	transform: scale(.95);
}
ul.services-area-listing.animateNext li:nth-child(4) {
	transform: scale(1.05);
}
ul.services-area-listing.animateNext li:nth-child(5) {
	transform: scale(.95);
}

ul.services-area-listing li .service-title {
	position: relative;
	background: #007300;
	width: calc(100% + 16px);
	margin: 0 0 0 -8px;
	padding: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 2.6em;
	text-align: center;
	color: #FFF;
}
ul.services-area-listing li .service-title:before {
	position: absolute;
	display: block;
	bottom: -8px;
	left: 0;
	content:"\A";
	border-top: 8px solid #003500;
	border-left: 8px solid transparent;
	z-index: 1;
}
ul.services-area-listing li .service-title:after {
	position: absolute;
	display: block;
	bottom: -8px;
	right: 0;
	content:"\A";
	border-top: 8px solid #003500;
	border-right: 8px solid transparent;
	z-index: 1;
}
ul.services-area-listing li .text-content {
	background: #FFF;
	height: 200px;
	margin: 0;
	padding: 5%;
	font-size: 1em;
	line-height: 1.6em;
	text-align: center;
	color: #000;
}
ul.services-area-listing li .field--name-field-link {
	background: #FFF;
	margin: 0;
	padding: 15% 0;
	text-align: center;
}
ul.services-area-listing li .field--name-field-link a {
	background: #007300;
	margin: 0;
	padding: 10px 16px;
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	border: 3px solid #007300;
	border-radius: 0.5em;
	color: #FFF;
}
ul.services-area-listing li .field--name-field-link a:hover {
	background: #FFF;
	border: 3px solid #007300;
	color: #007300;
}
.services-area .previous {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}
.services-area .next {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	right: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}

/*	SLIDER SLIDESHOW
------------------------------------------------------------------*/

.section-slider-area {
	position: relative;
	background: #dddddd9c;
	width: 120.67%;
	padding: 50px 0 70px 0;
	margin: 0 -10.33%;
}
.section-slider-area h2.title,
.section-slider-area h3.service-sub-title {
	text-align: center !important;
}
.section-slider-area .field--name-field-link {
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
.section-slider-area .field--name-field-link a {
	background: transparent;
	margin: 0 5%;
	padding: 10px 16px;
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	border: 3px solid #007300;
	border-radius: 0.5em;
	color: #007300;
}
.section-slider-area .field--name-field-link a:hover {
	background: #FFF;
	border: 3px solid #007300;
	color: #007300;
}
.slider-area {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
ul.slider-area-listing {
	position: relative;
	width: auto;
	list-style: none;
	margin: 1.5% 0;
	padding: 0;
	opacity: 0;
	white-space: nowrap;
}
ul.slider-area-listing li.slide {
	position: relative;
	display: inline-block;
	width: calc(100% - 220px);
	margin: 10px 120px;
	padding: 0;
	list-style: none;
	vertical-align: middle;
	transition: transform .8s; /* Animation */
	white-space: normal;
}
ul.slider-area-listing li.slide .paragraph {
	max-width: 1400px;
	margin: 0 auto;
}
ul.slider-area-listing li .field--name-field-image {
	background: transparent;
	width: 400px;
	max-width: 33%;
	height: 100%;
	margin: 0;
	padding: 0 32px;
	float: left;
}
ul.slider-area-listing li .field--name-field-image img {
	width: 100%;
	height: auto;
}
ul.slider-area-listing li .slide-title {
	background: transparent;
	margin: 0;
	padding: 20px 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: left;
	color: #000;
}
ul.slider-area-listing li h4 {
	width: calc(66% - 64px);
	float: left;
}
ul.slider-area-listing li .text-content {
	background: transparent;
	width: calc(66% - 64px);
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	color: #000;
}
ul.slider-area-listing li .text-content ul {
	position: relative;
	width: auto;
	margin-top: -20px;
	padding: 0;
	list-style: disc outside;
}
ul.slider-area-listing li .text-content li {
	position: relative;
	display: list-item;
	width: auto !important;
	margin: 0 0 6px 10px !important;
	padding: 0;
	vertical-align: middle;
	white-space: normal;
}
.slider-area .previous {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	left: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}
.slider-area .next {
	position: absolute;
	display: block;
	background: #DDD;
	width: 75px;
	height: 75px;
	top: 50%;
	right: 20px;
	border: 8px solid #FFF;
	border-radius: 50%;
	color: #000;
	font-size: 3.8em;
	text-align: center;
	line-height: 75px;
	vertical-align: middle;
	z-index: 10;
	cursor: pointer;
}
.slider-area .previous.disabled,
.slider-area .next.disabled {
	color: #999;
	cursor: default;
}

/* VIEW CONTENT STYLES
------------------------------------------------------------------*/

.section-view-content {
	position: relative;
	width: 120.67%;
	padding: 50px 0 70px 0;
	margin: 0 -10.33%;
}
.section-view-content h2.title,
.section-view-content h3.service-sub-title {
	text-align: center !important;
}

/*	SERVICES VIEW STYLES
------------------------------------------------------------------*/

.view-services {
	position: relative;
	width: auto;
	max-width: 100%;
	margin: 0 8% 3.375rem 8%;
	padding: 0;
	text-align: center;
}
.view-services .views-row-content {
	background-position: -10% 115%;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.view-services .views-row {
	position: relative;
	display: inline-block;
	width: calc(33% - 32px);
	margin: 16px;
	padding: 0;
	box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.4);
	vertical-align: middle;
	transition: transform .3s; /* Animation */
	white-space: normal;
}

.view-services .views-row .views-field-title {
	position: relative;
	display: table;
	width: calc(100% + 16px);
	background: #007300;
	min-height: 94px;
	margin: 0 0 0 -8px;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
}
.view-services .views-row .views-field-title:before {
	position: absolute;
	display: block;
	bottom: -8px;
	left: 0;
	content:"\A";
	border-top: 8px solid #003500;
	border-left: 8px solid transparent;
	z-index: 1;
}
.view-services .views-row .views-field-title:after {
	position: absolute;
	display: block;
	bottom: -8px;
	right: 0;
	content:"\A";
	border-top: 8px solid #003500;
	border-right: 8px solid transparent;
	z-index: 1;
}
.view-services .views-row .views-field-title h5 {
	display: table-cell;
	width: 100%;
	margin: 0;
	padding: 18px;
	font-family: 'Prompt', sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	line-height: 1em;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
}
.view-services .views-row .views-field-title h5 a {
	text-decoration: none;
	text-align: center;
	color: #FFF;
}
.view-services .views-row .views-field-body {
	background: transparent;
	height: 200px;
	margin: 0;
	padding: 10%;
	font-size: 1em;
	line-height: 1.6em;
	text-align: center;
	color: #000;
}
.view-services .views-row .views-field-view-node {
	background: transparent;
	margin: 0;
	padding: 15% 0;
	text-align: center;
}
.view-services .views-row .views-field-view-node a {
	background: #007300;
	margin: 0 5%;
	padding: 10px 16px;
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	border: 3px solid #007300;
	border-radius: 0.5em;
	color: #FFF;
}
.view-services .views-row .views-field-view-node a:hover {
	background: #FFF;
	border: 3px solid #007300;
	color: #007300;
}

/*	CUSTOM SOLUTIONS
------------------------------------------------------------------*/

.section-custom-solutions {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 50px 0 0 0;
	margin: 0 auto;
	overflow: hidden;
}

.section-custom-solutions .orbitalArea {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	max-width: 100%;
	height: auto;
	overflow: visible;
}

.section-custom-solutions .container {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	cursor: move;
}

.section-custom-solutions .root {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	z-index: 2;
}

.section-custom-solutions .element {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
	background: rgba(215, 215, 215, 0.899);
	left: 50%;
	top: 50%;
	text-align: center;
	border: 10px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.403) 5px 5px 20px;
	color: #000;
	opacity: 0;
	z-index: auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	transition: 0.8s;
	overflow: hidden;
}

.section-custom-solutions .element.animate {
	background: rgba(215, 215, 215, 1);
	width: 250px;
	height: 250px;
	margin-left: -125px;
	margin-top: -125px;
	opacity: 1;
}

.section-custom-solutions .element__img {
	display: inline-block;
	width: 75%;
	max-width: 75px;
	height: auto;
	padding: 2%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.section-custom-solutions a.element__link {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #333;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.section-custom-solutions a.element__link:hover {
	text-decoration: none;
	color: #007300;
}

.section-custom-solutions .element__name {
	position: relative;
	margin-top: -16px;
	padding: 0 16px;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
	z-index: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.section-custom-solutions .element__desc {
	padding: 10px;
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 100;
	font-size: 0.7em;
	line-height: 1.8em;
	text-align: center;
	color: #000;
	text-align: center;
	opacity: 0;
}
.section-custom-solutions .element__close {
	display: block;
	padding: 10px;
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-weight: 100;
	font-size: 1em;
	color: #000;
	text-align: center;
}

.section-custom-solutions .rootArea {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	z-index: 2;
}

.section-custom-solutions .header {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.section-custom-solutions .core {
	position: absolute;
	width: 250px;
	height: 250px;
	margin-left: -125px;
	margin-top: -125px;
	background: rgba(215, 215, 215, 1);
	left: 50%;
	top: 50%;
	text-align: center;
	border: 10px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.403) 5px 5px 20px;
	color: #000;
	opacity: 1;
	z-index: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.section-custom-solutions .core_element {
	position: relative;
	display: inline-block;
	padding: 10%;
	max-width: 70%;
	height: auto;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: none;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	.core {
		transform: matrix3d(1, 0, 1.40, 0, 0, 1, 1, 0, 0, 0, 1, 0, 0, 0, -50, 1);
	} 
}


/*	LANDING PAGE STYLES
------------------------------------------------------------------*/

.page-node-type-landing-page .node__content,
.page-node-type-landing-page .region--content,
.page-node-type-landing-page #block-root802-content {
	padding-bottom: 0;
	margin-bottom: 0;
}
.path-node.page-node-type-landing-page .node__content .section-area .paragraph--type--basic-content {
	margin-top: 2.25rem;
	margin-bottom: 2.25rem;
}

.page-node-type-landing-page.path-node #main .main-content__container {
	width: 100%;
}

/*	STAFF PAGE STYLES
------------------------------------------------------------------*/
.path-node.page-node-type-staff .node__content {
	
}
.path-node.page-node-type-staff .node__content h3 {
	text-align: left;
}
.path-node.page-node-type-staff .node__content .field--name-field-job-title {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: -2em;
}

.path-node.page-node-type-staff .node__content .wide-image {
	display: inline-block;
	margin-top: 0;
	margin-right: 3.5rem;
	margin-left: 0;
	width: auto;
	float: left;
}

.path-node.page-node-type-staff .node__content .field--name-field-photo img {
	box-shadow: 10px 10px 0px #007300;
}

.view-staff .views-row {
	position: relative;
	background: #202020;
	margin: 10px -9% 10px 10%;
	padding: 20px 20px 20px 10%;
	color: #FFF;
	text-align: right;
	min-height: 460px;
	overflow:hidden;
	transition: 1s;
	clip-path: polygon(
		0 0,
		9% 0,
		0 0,
		100% 0%,
		100% 100%,
		100% 100%,
		0% 100%,
		0% 55%,
		9% 0
	)
}
.view-staff .views-row:nth-child(2n+1) {
	margin: 10px 10% 10px -9%;
	padding: 20px 10% 20px 20px;
	text-align: left;
	clip-path: polygon(
		0 0,
		0 0,
		0 0,
		100% 0%,
		100% 45%,
		91% 100%,
		0% 100%,
		0% 100%,
		0% 0%
	)
}

.view-staff .views-row .views-field,
.view-staff .views-row .views-field h3,
.view-staff .views-row .views-field h4 {
	color: #FFF;
	text-align: inherit;
}
.view-staff .views-row .views-field h3 {
	margin-top: 2.25rem;
}
.view-staff .views-row .views-field h4 {
	margin-top: 0.25rem;
}
.view-staff .views-row .views-field-field-photo {
	float: right;
	padding-right: 0;
	padding-left: 30px;
}
.view-staff .views-row:nth-child(2n+1) .views-field-field-photo {
	float: left;
	padding-right: 30px;
	padding-left: 0;
}
.view-staff .views-row .views-field-field-photo img {
	box-shadow: 2px 2px 20px #000;
}
.view-staff .views-row .button {
	background: transparent;
	border: 3px solid #CCC;
	margin-right: 0;
	color: #FFF;
	text-decoration: none;
}
.view-staff .views-row .button:hover {
	background: transparent;
	border: 3px solid #007300;
	color: #007300;
}
.view-staff .views-row .button a {
	color: #FFF;
	text-decoration: none;
}


/*	ARTICLE STYLES
------------------------------------------------------------------*/

.page-node-type-article .shortcut-action {
	position: absolute;
}
.page-node-type-article .block-page-title-block {
	margin-bottom: 0 !important;
	margin-top: 12.5rem;
}
.page-node-type-article .block-page-title-block .page-title {
	display: inline-block;
	background: #e4e4e4;
	color: #000;
	padding: 0.5em !important; 
	box-shadow: 10px 10px 0px #007300;
}
.page-node-type-article header.layout--content-narrow {
	margin-top: -29px;
}
.page-node-type-article .node__meta {
	display: inline;
	background: #FFF;
	color: #333;
	padding: 0.5em !important;
	opacity: 0.5;
}
.page-node-type-article .node__content .addtoany_list {
	display: block;
	margin: 1rem 0 1rem 0;
	line-height: 32px;
}
.node--type-article .wide-image {
	margin: 0 0 2.25rem 0 !important;
	position: absolute;
	transform: scale(0.35);
	transform-origin: 90% -10%;
	transition: 1s;
	box-shadow: 10px 10px 0px #007300;
	overflow: hidden;
	z-index: 100;
}
.node--type-article .wide-image:hover {
	transform: scale(0.95);
}
.node--type-article .wide-image img {
	width: 100%;
	height: auto;
}
.node--type-article .field--name-field-category {
	margin-top: 2.25rem;
}
.node--type-article .field--name-field-category .field__label {
	text-transform: uppercase;
	font-size: 0.8em;
}
.node--type-article .field--name-field-category .field__item {
	margin: 0;
	padding: 0;
	font-family: 'Prompt',sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #666;
	text-align: left;
}

.page-node-type-article .block-local-tasks-block {
	position: absolute;
	top: 0;
}
.page-node-type-article .block-local-tasks-block .tabs {
	width: auto;
	float: right;
}


/*	NEWS VIEW STYLES
------------------------------------------------------------------*/

.view-news .field-content img {
	width: 100%;
}

/*
.block-views-blocknews-block-2 {
	position: absolute;
	top: -70px;
	margin: 0 -16.7% 0 0;
	width: 100% !important;
	height: 450px;
	overflow: hidden;
	display: block;
	z-index: -1;
}
.block-views-blocknews-block-2 .view-news {
	position: relative;
	align-items: center;
	justify-content: center;
}
.block-views-blocknews-block-2 .view-news .imageOverlay {
	background: linear-gradient(180deg, rgba(255,255,255,0.98) 10%, rgba(153,153,153,0) 100%);
	height: 135px;
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}
.block-views-blocknews-block-2 .parallax {
	display: block;
	height: 450px;
}
.block-views-blocknews-block-2 .parallax img {
	position: absolute;
	height: auto;
	width: auto;
	min-width:100%;
	min-height:100%;
	max-width: none;
	top: 0;
}
*/

.block-views-blocknews-block-2 {
	position: absolute;
	display: block;
	right: -550px;
	top: -550px;
	z-index: 0;
	border-radius: 50%;
	overflow: hidden;
	height: 1250px;
	width: 1250px !important;
	opacity: 0.5 !important;
}
.block-views-blocknews-block-2 div {
	height: 100%;
	width: 100%;
}
.block-views-blocknews-block-2 .view-news {
	position: relative;
	align-items: center;
	justify-content: center;
}
.block-views-blocknews-block-2 .view-news img {
	height: -webkit-fill-available;
	width: auto;
	min-height: 100%;
}
.page-node-type-article .block-page-title-block {
	margin-top: 0 !important;
}


.views-view-grid__item {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-bottom: 5px solid #007300;
	box-shadow: 2px 2px 20px #00000029;
	background: #fff;
}
.views-view-grid__item .views-field-title {
	margin: 16px 20px;
	padding: 0;
	font-family: 'Prompt',sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	color: #000;
	text-align: left;
}
.views-view-grid__item .views-field-title a {
	text-decoration: none;
}
.views-view-grid__item .views-field-body {
	margin: 0px 20px 10px 20px;
	padding: 0;
	font-weight: 100;
	font-size: 1.0em;
	color: #000;
	text-align: left;
}
.views-view-grid__item .views-field-view-node {
	margin: 0px 20px 10px 20px;
}



.view-display-id-block_4 .views-view-grid__item {
	position: absolute !important;
	width: 85% !important;
	border-radius: 10px;
	overflow: visible;
	border: 0;
	border-bottom: 0;
	box-shadow: none;
	background: transparent;
	margin-right: 0 !importantl
}
.view-display-id-block_4 .views-view-grid__item .news-nav-item {
	display: none;
	transition: 0.3s;
	z-index: 0;
}
.view-display-id-block_4 .views-view-grid__item .news-nav-item .box-shadow {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-bottom: 5px solid #007300;
	box-shadow: 2px 2px 20px #00000029;
	background: #fff;
	height: 500px;
}
.view-display-id-block_4 .views-view-grid .views-view-grid__item {
	min-height: 550px;
}
.view-display-id-block_4 .views-view-grid .news-item-x,
.view-display-id-block_4 .views-view-grid .news-item-y,
.view-display-id-block_4 .views-view-grid .news-item-z {
	display: none;
	z-index: -1;
}
.view-display-id-block_4 .views-view-grid .news-item-0 {
	display: block;
	left: -400px;
	top: -45px;
	opacity: 0;
	z-index: 4;
}
.view-display-id-block_4 .views-view-grid .news-item-1 {
	display: block;
	left: -60px;
	top: -30px;
	opacity: 1;
	z-index: 3;
	margin-right: 0 !important;
}
.view-display-id-block_4 .views-view-grid .news-item-2 {
	display: block;
	left: -20px;
	top: -15px;
	opacity: .5;
	z-index: 2;
	margin-right: 0 !important;
}
.view-display-id-block_4 .views-view-grid .news-item-3 {
	display: block;
	left: 20px;
	top: 0px;
	opacity: .25;
	z-index: 1;
	margin-right: 0 !important;
}
.view-display-id-block_4 .views-view-grid .news-item-4 {
	display: block;
	left: 60px;
	top: 15px;
	opacity: 0;
	z-index: 0;
	width: calc(85% + 30px);
}
.view-display-id-block_4 .views-view-grid .news-item-0 .news-nav-item, 
.view-display-id-block_4 .views-view-grid .news-item-1 .news-nav-item, 
.view-display-id-block_4 .views-view-grid .news-item-2 .news-nav-item, 
.view-display-id-block_4 .views-view-grid .news-item-3 .news-nav-item, 
.view-display-id-block_4 .views-view-grid .news-item-4 .news-nav-item {
	display: block;
	margin-right: 0 !important;
}
.view-display-id-block_4 .views-view-grid .news-item-1 .news-nav-item {
	padding-left: 30px;
	margin-left: -30px;
	width: calc(100%);
}

.view-display-id-block_4 .views-view-grid__item .views-field-title {
	margin: 16px 20px;
	padding: 0;
	font-family: 'Prompt',sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	color: #000;
	text-align: left;
}
.view-display-id-block_4 .views-view-grid__item .views-field-title a {
	text-decoration: none;
}
.view-display-id-block_4 .views-view-grid__item .views-field-body {
	margin: 0px 20px 10px 20px;
	padding: 0;
	font-weight: 100;
	font-size: 1.0em;
	color: #000;
	text-align: left;
}
.view-display-id-block_4 .views-view-grid__item .views-field-view-node {
	margin: 0px 20px 10px 20px;
}


/*	NEWS VIEW PARAGRAPH STYLES
------------------------------------------------------------------*/

.path-frontpage .paragraph--type--view-content {
	position: relative;
	width: 100%;
	background: #DDD;
	padding: 50px 0;
	margin: 0 auto;
}

.paragraph--type--view-content .field--name-field-view-content .view-news {
	position: relative;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
.paragraph--type--view-content .views-content {
	margin: 0 auto;
}


/*	Client Carousel Section
------------------------------------------------------------------*/

#section-id--26 {
	background: #FFF;
}

/*	Client Carousel View
------------------------------------------------------------------*/

.view-clients .slick-list {
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.view-clients .slick-list.draggable:hover {
	background-color: transparent;
}
.slick--view--clients .slick-track, .view-clients .slick-initialized .slick-slide {
	display: table;
	height: 200px;
}
.view-clients .slide__content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	min-height: 200px;
}
.view-clients .slide__media {
	overflow: visible;
	position: relative;
	opacity: 0;
	transition: 0.5s;
}
.view-clients .blazy .media {
	display: block;
	padding-bottom: 0 !important;
}
.view-clients .slick img.media__element {
	width: 200px;
	height: auto;
	left: 20px;
	top: 20px;
}
.view-clients .slick__slide:hover .slide__media {
	opacity: 1;
}


/*	TAGS
  ------------------------------------------------------------------*/
  .tags,
  .field--name-field-tag .field__item a {
	display: inline-block;
	width: auto;
	background: #eee;
	border-radius: 10px;
	padding: 7px 10px 5px 10px;
	margin-right: 5px;
	line-height: 1em;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	vertical-align: middle;
	color: #000;
	cursor: pointer;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
  }
  
  .tag:hover,
  .field--name-field-tag .field__item a:hover {
	color: #007300;
  }
  
  .field--name-field-tag .field__item {
	display: inline-block;
  }


/*	PROGRESS BAR STYLES
------------------------------------------------------------------*/

.progress-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: #CCC;
  z-index: 1000;
}

.progress-bar {
  height: 8px;
  background: #007300;
  width: 0%;
}

/*	ZOOM STYLES
------------------------------------------------------------------*/

.zoom {
	transition: transform .8s; /* Animation */
}
.zoom:hover {
	transform: scale(1.1); /* (125% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	z-index: 99;
}
.zoom.mousedown {
	transform: scale(0.95) !important; /* (95% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	transition: transform .1s !important; /* Animation */
}
.zoom.mouseup {
	transform: scale(1) !important; /* (100% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	transition: transform .05s !important; /* Animation */
}
.views-col.zoom:hover {
	transform: scale(1.1); /* (125% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*	GRAVITATE STYLES
------------------------------------------------------------------*/

.gravitate {
	position: relative;
	transition: left .1s, top, .1s, transform .3s, opacity .5s !important; /* Animation */
	top: 0;
	left: 0;
	z-index: 1;
}
.gravitate:hover {
	z-index: 10;
}

/*	CALLOUTS
------------------------------------------------------------------*/
.callout	{
	margin:2rem 0 1.5rem 0 !important;
	border:0;
}
.callout.success	{
	background:#e0f3f4 !important;
}
.callout p:last-child	{
	margin-bottom:0;
}
.callout p, .callout li	{
	padding-right:2rem;
}
.callout.primary	{
	background:#eff1f0;
}
.callout.secondary	{
	background:#f2f2f2;
}




/*	HEADER, TOP NAV
------------------------------------------------------------------*/
#logo	{
	margin:1.5rem 0;
}
.menu-text	{
}
.top-bar	{
	padding:0rem;
	font-size:.9rem;
}
.top-bar, .top-bar a:link, .top-bar a:visited, .top-bar a:hover, .top-bar a:active	{
	color:#fff !important;
	text-decoration: none;
}
.top-bar, .top-bar ul, .title-bar	{
	background:#f47721;
}
.top-bar .submenu li a{
	line-height:1.4;
}
.top-bar input	{
	height:1.75rem;
	font-size:.9rem;
	margin-top:.1rem;
}
.drilldown a, .drilldown .is-drilldown-submenu	{
	background:#f47721;
}
.title-bar .menu-icon:hover::after	{
	background: #fff;
	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after	{
	border-color:#dadfec transparent transparent;
}
.drilldown .is-drilldown-submenu-parent > a::after	{
	border-color:transparent transparent transparent #dadfec;
}
.drilldown .js-drilldown-back > a::before	{
	border-color: transparent #dadfec transparent transparent;
}
.is-drilldown a	{
	color:#fff;
}
ul.loginCreateAccount, .loggedIn	{
	text-align:right;
	font-size:.8rem;
}
.loggedIn	{
	margin-bottom:0;
	margin-top:.5rem;
}
.loginCreateAccount li	{
	display:inline;
}
.loginCreateAccount li::after	{
	content: "\00A0\00A0|\00A0\00A0";	/*	Two non-breaking spaces aside a bullet	*/
	color:#000;
}
.loginCreateAccount li.last::after, .loggedIn	{
	content: "";
	margin-right:1rem;
}


/*	CONTAINER
------------------------------------------------------------------*/
.main-content__container.container {
	max-width: 100%;
}
.main-content__container.container main {
	max-width: 84.375rem;
}
.path-frontpage .main-content__container.container main, 
.page-node-type-landing-page .main-content__container.container main,
.main-content__container.container .sidebar-grid main.site-main {
	max-width: 100%;
}
.main-content__container.container .sidebar-grid main.site-main {
	padding: 55px;
	margin-left: -55px;
	margin-top: -55px;
	box-shadow: 5px 5px 30px 0px #0000001a;
	background: #ffffffc9;
	border-radius: 10px;
}

/*	MAIN CONTENT
------------------------------------------------------------------*/

.site-main {
	position: relative;
	transition: transform .5s !important;
	transform-origin: top left;
	width: 100%;
	z-index: 10;
}
.main-content {
	position: relative;
	width: 100% !important;
}


/*	SIDEBAR MENU
------------------------------------------------------------------*/

.region--sidebar {
	position: relative;
	transition: transform .5s !important;
	transform: scale(0.6) !important;
	transform-origin: top right;
	margin-top: 8rem;
}
.region--sidebar:hover {
	transform: scale(1) !important;
}
.region--sidebar nav.block-menu {
	position: relative;
	left: -75px;
}
ul.menu--sidebar {
	width: 140%;
	text-align: right;
	margin-left: -40%;
}
ul.menu--sidebar:before {
	content:"";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #007300;
	position: absolute;
	right: -36px;
	top: -30px;
	border-radius: 50%;
}
ul.menu--sidebar:after {
	content:"";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #007300;
	position: absolute;
	right: -36px;
	bottom: -30px;
	border-radius: 50%;
}
ul.menu--sidebar li {
	position: relative;
	display: inline-list-item;
	transform: scale(1) !important;
	transform-origin: center right;
	transition: transform .2s !important;
	padding-right: 16px;
	text-align: right;
}
ul.menu--sidebar li:before{
	content:"";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #007300;
	position: absolute;
	right: -26px;
	top: calc(50% - 5px);
	border-radius: 50%;
	transform-origin: center right;
	transition: transform .2s !important;
}
ul.menu--sidebar li:hover:before{
	content:"";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #007300;
	position: absolute;
	right: -27px;
	top: calc(50% - 6px);
	border-radius: 50%;
}
ul.menu--sidebar li:after,
ul.menu--sidebar li:last-child:after  {
	display: block;
	position: absolute;
	bottom: 0;
	right: -22px;
	width: 0;
	height: 100%;
	content: "" !important;
	border-right: solid 2px #007300;
	border-top: 0;
}
ul.menu--sidebar li.menu__item--active-trail:before {
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #007300;
	position: absolute;
	right: -31px;
	top: calc(50% - 8px);
	border-radius: 50%;
}
ul.menu--sidebar li a.menu__link {
	position: relative;
	transform: scale(0.8) !important;
	transform-origin: center right;
	transition: transform .2s !important;
	padding-right: 16px;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	font-size: 1.75rem;
	text-align: right;
}
ul.menu--sidebar li a.menu__link:hover {
	transform: scale(1) translateZ(0) !important;
	color: #007300;
}
ul.menu--sidebar li a.menu__link:after {
	display: none !important;
}

.sidebar-grid .grid-full {
	position: relative;
	z-index: 1;
}


/*	LINKS
------------------------------------------------------------------*/
a:link, a:visited, .alwaysHot, .fauxLink {
    color: #007300;
    text-decoration: underline;
    cursor:pointer;
}
a:hover, .alwaysHot:hover	{
	color: #008200;
}
.dash-link {
	font-size: 1rem;
}


/*	BUTTONS
------------------------------------------------------------------*/
a.button {
	background: #007300;
	border: 3px solid #007300;
	color: #FFF;
	text-decoration: none;
}
a.button:hover {
	background: #FFF;
	border: 3px solid #CCC;
	color: #007300;
}


/*	EFFECTS
------------------------------------------------------------------*/

.fadein {
	position: relative;
	opacity: 0;
}


/*	TABLES
------------------------------------------------------------------*/

table th {
	text-align: left;
	border-bottom: 2px solid #dcdcdc;
}
table tbody td {
	border-bottom: 1px solid #dcdcdc;
}
table tbody tr:last-child td {
	border-bottom: 0px;
}

.responsiveDiv {
	position: relative;
	display: table;
}
.responsiveDiv .row {
	position: relative;
	display: block;
}
.responsiveDiv .row .column {
	position: relative;
	display: table-cell;
	padding: 10px;
}
.responsiveDiv.valign-top .row .column {
	vertical-align: top;
}
.responsiveDiv.valign-middle .row .column {
	vertical-align: middle;
}
.responsiveDiv.valign-bottom .row .column {
	vertical-align: bottom;
}
.responsiveDiv .col10 {
	width: calc(10% - 20px);
}
.responsiveDiv .col20 {
	width: calc(20% - 20px);
}
.responsiveDiv .col25 {
	width: calc(25% - 20px);
}
.responsiveDiv .col30 {
	width: calc(30% - 20px);
}
.responsiveDiv .col33 {
	width: calc(33% - 20px);
}
.responsiveDiv .col40 {
	width: calc(40% - 20px);
}
.responsiveDiv .col50 {
	width: calc(50% - 20px);
}
.responsiveDiv .col60 {
	width: calc(60% - 20px);
}
.responsiveDiv .col70 {
	width: calc(70% - 20px);
}
.responsiveDiv .col80 {
	width: calc(80% - 20px);
}
.responsiveDiv .col90 {
	width: calc(90% - 20px);
}
.responsiveDiv .col100 {
	width: calc(100% - 20px);
}


/*	FORMS
------------------------------------------------------------------*/

label {
	display: block;
	font-weight: normal;
	margin-top: 0.575em;
	margin-bottom: 0.375em;
	text-align: left;
	font-size: 1.2em;
	transition: all .3s;
}

label small	{
	margin-left:.5rem;
	font-size:.6rem;
}
input, select, textarea	{
	font-size: 1rem !important;
}

textarea {
	width: calc(100% - 80px) !important;
	display: inline-block !important;
}

.js-form-type-url, .js-form-type-email, .js-form-type-tel, .js-form-type-textarea, .js-form-type-textfield, .js-form-type-select, .js-form-type-range {
	position: relative;
	margin: 0;
	padding: 35px 0 0 0;
}
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%);
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.75em;
	padding: 0.85em;
	-webkit-transition: border-color 150ms ease;
	-o-transition: border-color 150ms ease;
	transition: border-color 150ms ease;
	width: 100%;
}
.js-form-type-url label, .js-form-type-email label, .js-form-type-tel label, .js-form-type-textare label, .js-form-type-url label, .js-form-type-textarea label, .js-form-type-textfield label, .js-form-type-select label, .js-form-type-range label {
	position: absolute;
	display: table-cell;
	background: #FFF;
	padding: 0 8px;
	left: 8px;
	top: 12px;
	transition: all .3s;
	font-size: 1.2em;
	color: #999;
}
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
	border-color: #555;
	-webkit-box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%), 0 0 5px rgb(85 85 85 / 70%);
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%), 0 0 5px rgb(85 85 85 / 70%);
	outline: 0;
}
.js-form-type-url input:focus+label, .js-form-type-email input:focus+label, .js-form-type-tel input:focus+label, .js-form-type-textare input:focus+label, .js-form-type-url input:focus+label, .js-form-type-textarea:focus-within label, .js-form-type-textfield input:focus+label, .js-form-type-select select:focus+label, .js-form-type-range input:focus+label {
	background: transparent;
	left: 2px;
	top: -5px;
	font-size: 1.3em;
	color: #000;
}

/*	REGION
------------------------------------------------------------------*/

.region.region--content-below {
	position: relative;
}


/*	FOOTER
------------------------------------------------------------------*/
footer	{
	width: 100%;
	text-align: center;
}

footer .block-cookies {
	text-align: left;
}

footer .cookiesjsr-banner {
	display: inline-block;
	width: 50%;
	min-width: 350px;
	margin: 20px 10px;
	border-radius: 10px;
	overflow: visible;
	box-shadow: 2px 2px 20px #0000007a;
}

footer .cookiesjsr-banner:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	right: auto;
	top: auto;
	bottom: -10px;
	border: 15px solid;
	border-color: transparent transparent transparent #007300;
}

footer .cookiesjsr-banner .cookiesjsr-banner--info,
footer .cookiesjsr-banner .cookiesjsr-banner--action {
	width: 100%;
}

body #cookiesjsr {
	--default-margin: 1.25em;
	--font-size-reset: 1rem;
	
	--btn-font-color: #FFF;
	--btn-border-color: #FFF;
	--btn-bg-color: #007300;
	--btn-prime-font-color: #007300;
	--btn-prime-border-color: #FFF;
	--btn-prime-bg-color: #FFF;
	--btn-inv-font-color: #007300;
	--btn-inv-border-color: #007300;
	--btn-inv-bg-color: #FFF;
	--btn-prime-inv-font-color: #FFF;
	--btn-prime-inv-border-color: #007300;
	--btn-prime-inv-bg-color: #007300;
	
	--link-list-font-color: #FFF;
	--link-list-separator-color: #FFF;
	
	--banner-logo-offset: 100px;
	--banner-bg-color: #007300;
	--banner-font-color: #FFF;
	
	--layer-header-height: 6.5em;
	--layer-header-bg-color: #FFF;
	--layer-header-font-color: #333333;
	--layer-body-bg-color: #FFF;
	--layer-tab-bg-color: #FFF;
	--layer-tab-font-color: #333333;
	--layer-tab-active-bg-color: #F0F0F0;
	--layer-tab-active-font-color: #000;
	--layer-bg-dark: #F0F0F0;
	--layer-font-light: #333333;
	--layer-font-dark: #000000;
	--layer-border-color: #e4e5e6;
	--layer-footer-bg-color: #FFF;
	--layer-footer-font-color: #333333;
	--layer-footer-height: 6.5em;
	
	--switch-border-color: #e4e5e6;
	--switch-handle-color: #FFF;
	--switch-bg-off: #FFF;
	--switch-bg-on: #00AA00;
	--switch-width: 45px;
	--switch-height: 20px;
	--switch-always-on-font-color: #00AA00;
	--switch-always-on-bg-color: #FFF;
}


/*	MAINTENANCE PAGE
------------------------------------------------------------------*/
.maintenance-page .page-wrapper {
	background: #F0F0F0;
}
.maintenance-page #page {
	width: 80%;
	position: relative;
	margin: 10% auto;
}
.maintenance-page .layout-container main {
	margin: 20px 75px;
}
.maintenance-page .gear-maintenance {
	position: fixed;
	color: #e5e5e5;
}
.maintenance-page .gear-maintenance .custom-spin-slow {
	animation: fa-spin 160s infinite linear !important;
}
.maintenance-page .gear-maintenance .custom-spin-medium {
	animation: fa-spin 80s infinite linear reverse !important;
}
.maintenance-page .gear-maintenance.sm {
	top: 0rem;
	left: 2rem;
	font-size: 6em;
}
.maintenance-page .gear-maintenance.lg {
	bottom: -12rem;
	right: -12rem;
	font-size: 60em;
}


/*	MEDIA QUERIES
------------------------------------------------------------------*/

/* Small only */
@media screen and (max-width: 43.75rem)	{
	h1 {
		margin-top:1rem;
		line-height:1.1;
		font-size:2rem;
	}
	h2	{
		font-size:2rem;
	}
	h3	{
		font-size:1.1rem;
	}
	h4, h5, h6	{
		font-size:1rem;
		font-style: italic;
	}
	ul, ol, ul ol, ul ul, ol ul, ol ol	{
		margin-left:1.75rem;
	}
	footer ul.footerAddress li	{
		display:block;
	}
	footer ul.footerAddress li::after	{
		content: "";	/*	Two non-breaking spaces aside a bullet	*/
	}
	footer p	{
		margin-bottom:1rem;
	}
	.cookiesjsr-layer button.save {
		margin-left: auto;
		padding: 0 2em;
		width: 100%;
	}
	
	table {
		width: auto !important;
		max-width: 100%;
	}
	table td.text-wrap {
		overflow-wrap: anywhere;
	}
	
	#theme-feature {
		top: -90px;
		right: -172px;
		opacity: 0;
	}
	#design-feature {
		position: absolute;
		display: block;
		width: 350px;
		height: 350px;
		top: -325px;
		right: -300px;
	}
	
	#homePage .container .box	{
		position: absolute;
		display: block;
		text-align: center;
		top: 50%;
		left: 0;
		margin-top: -180px;
		margin-left: 0;
		padding: 10%;
		max-width: 80%;
		z-index: 20;
	}
	#homePage .container .box a {
		display: block;
	}
	
	#introBox {
		height: 100vh;
	}
	#introBox video {
		height: 100vh;
		width: 177.77777778vh; /* 100 * 16 / 9 */
		min-width: 100%;
		min-height: 400px; /* 100 * 9 / 16 */
		max-width: none;
		left: -50vh;
	}
	#video-intro-section .size {
		width: 100%;
		height: 400px;
		max-width: 100%;
	}
	
	.front-section-content .region--section-content #block-pagetitle {
		padding: 0 0 20px 0;
		margin: 0;
	}
	
	.front-section-content .region--section-content h1 {
		padding: 0.5em 0;
		margin: 0;
		font-size: 2.2em;
	}
	
	.front-section-content .region--section-content h3 {
		padding: 0;
		margin: 0;
		font-size: 1.8em;
	}
	
	.front-section-content .background .branding {
		width: 300px;
		height: 300px;
		margin-top: -165px;
		margin-left: -165px;
	}
	
	.section-custom-solutions .orbitalArea {
		position: relative;
		margin: 0 auto;
		width: 600px;
		max-width: 100%;
		height: 500px;
		overflow: visible;
	}
	
	.section-custom-solutions .core {
		position: absolute;
		width: 200px;
		height: 200px;
		margin-left: -100px;
		margin-top: -100px;
	}
	
	.section-custom-solutions .root {
		position: relative;
		width: 100%;
		height: 450px;
		margin: 0 auto;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		z-index: 2;
	}
	
	.section-custom-solutions .container {
		height: 450px;
	}
	
	.view-staff .views-row, 
	.view-staff .views-row:nth-child(2n+1) {
		margin: 10px;
		padding: 20px;
		clip-path: none;
		text-align: left;
	}
	
	.view-staff .views-row  .views-field-field-photo ,
	.view-staff .views-row:nth-child(2n+1) .views-field-field-photo {
		float: none;
		padding-left: 0;
	}
	
	.view-services .views-row {
		position: relative;
		display: block;
		width: calc(100% - 32px) !important;
		margin: 16px;
	}
	.view-services .views-row .views-field-body {
		height: auto;
	}
	.views-view-grid--horizontal {
		width: auto;
		max-width: 380px;
		margin: 0 auto;
	}
	.views-view-grid--horizontal.cols-3 > * {
		flex-basis: calc(100% - 1rem) !important;
	}
	
	.page-node-type-article .block-page-title-block .page-title {
		padding: 0.7em 0.7em 1.3em 0.7em !important;
	}
	
	ul.slider-area-listing li.slide {
		width: calc(100% - 130px);
		margin: 10px 45px;
		vertical-align: top;
	}
	ul.slider-area-listing li .slide-title {
		margin: 0 0 0 32px;
	}
	.slider-area .previous {
		width: 25px;
		height: 25px;
		top: 50%;
		left: 20px;
		border: 5px solid #FFF;
		font-size: 1.5em;
		line-height: 25px;
	}
	.slider-area .next {
		width: 25px;
		height: 25px;
		top: 50%;
		right: 20px;
		border: 5px solid #FFF;
		font-size: 1.5em;
		line-height: 25px;
	}
	
	.checkmark {
		position: absolute;
		top: 98px;
		right: 10px;
		width: 40px;
		height: 40px;
	}
	
	textarea {
		width: 100% !important;
	}
	
	.responsiveDiv .col10,
	.responsiveDiv .col20,
	.responsiveDiv .col30,
	.responsiveDiv .col33,
	.responsiveDiv .col40,
	.responsiveDiv .col50,
	.responsiveDiv .col60,
	.responsiveDiv .col70,
	.responsiveDiv .col80,
	.responsiveDiv .col90 {
		display: block !important;
		width: 100%;
		float: none;
		padding: 20px 0 !important;
	}
	
	.responsiveDiv .col25 {
		width: calc(50% - 20px) !important;
	}
	
	.zoom:hover {
		transform: scale(1); /* (100% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	
	
	.view-clients .slick-list {
		max-width: 360px !important;
		overflow: hidden;
		margin: 0 auto;
	}
	.view-clients .slick-list img {
		max-width: 150px !important;
	}
	.view-clients .slide__caption {
		padding: 20px;
	}

}

/* Small / Medium Only */
@media screen and (min-width: 43.75rem) and (max-width: 49.9375em)	{
	
}

/* Small / Medium and down */
@media screen and (max-width: 43.75rem)	{
	.block-views-blocknews-block-2 {
		margin: 0 -16px 0 -16px;
	}
	.main-content__container {
		padding-top: 10rem;
	}
	.layout-main {
		padding-top: 100px;
	}
	.main-content__container.container .sidebar-grid main.site-main {
		width: 100%;
		margin-left: 0;
		padding: 55px 1em;
	}
	.section-view-content .views-view-grid--horizontal {
		margin: 0 auto;
		position: relative;
	}
	.section-view-content .views-view-grid--horizontal.cols-3 > * {
		flex-basis: 100% !important;
	}
	.text-content p, .cke_editable p {
		font-size: 1rem;
		line-height: 2.25rem;
	}
	.text-content blockquote p, .cke_editable blockquote p {
		font-size: 2.5rem;
		line-height: 3.9375rem;
	}
	.view-clients .slick-list {
		max-width: 480px;
		overflow: hidden;
		margin: 0 auto;
	}
	.view-clients .slide__caption {
		padding: 20px;
	}
	[dir="ltr"] .breadcrumb__item:last-child {
		margin-top: 0.4em;
	}
	ul, ol {
	margin-left: -1em;
	}
	.slideshow .slideshow-listing blockquote {
		font-size: 1.2rem;
		line-height: 2.5rem;
	}
}


/* Medium only */
@media screen and (min-width: 43.75rem) and (max-width: 74.9375rem)	{
	.views-view-grid--horizontal {
		display: flex;
		flex: auto;
		flex-basis: content;
		flex-flow: wrap;
		margin: 0 auto;
		width: 80%;
	}
	.views-view-grid--horizontal.cols-3 > * {
		flex-basis: calc(50% - 1.5rem) !important;
	}
	.view-services .views-row {
		width: calc(50% - 36px) !important;
	}
	.view-clients .slick-list {
		max-width: 720px;
		overflow: hidden;
		margin: 0 auto;
	}
	.view-clients .slide__caption {
		padding: 20px;
	}
	.text-content p, .cke_editable p {
		font-size: 0.9rem !important;
		line-height: 2rem !important;
	}
}

/* Medium and down */
@media screen and (max-width: 50em)	{
	
	.services-area {
		padding: 20px 0;
	}
	
	ul.services-area-listing li {
		position: relative;
		display: inline-block;
		width: calc(25% - 20px);
		margin: 10px;
		padding: 0;
		list-style: none;
		box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.4);
		vertical-align: middle;
		transition: transform .8s; /* Animation */
		white-space: normal;
	}
	ul.services-area-listing li:nth-child(2) .paragraph--type--service {
		
	}
	ul.services-area-listing li:nth-child(1) {
		transform: scale(.85);
		opacity: 0.35;
	}
	ul.services-area-listing li:nth-child(2) {
		transform: scale(1.05);
	}
	ul.services-area-listing li:nth-child(3) {
		transform: scale(.85);
		opacity: 0.35;
	}
	ul.services-area-listing li:nth-child(4) {
		transform: scale(.85);
		opacity: 0.35;
	}
	ul.services-area-listing li:nth-child(5) {
		transform: scale(.85);
		opacity: 0.35;
	}
	ul.services-area-listing.animatePrevious li:nth-child(1) {
		transform: scale(1.05);
		margin-left: 0;
		margin-right: 0;
	}
	ul.services-area-listing.animatePrevious li:nth-child(2) {
		transform: scale(.85);
	}
	ul.services-area-listing.animatePrevious li:nth-child(3) {
		transform: scale(.85);
	}
	ul.services-area-listing.animatePrevious li:nth-child(4) {
		transform: scale(.85);
	}
	ul.services-area-listing.animateNext li:nth-child(2) {
		transform: scale(.85);
	}
	ul.services-area-listing.animateNext li:nth-child(3) {
		transform: scale(1.05);
		margin-left: 0;
		margin-right: 0;
	}
	ul.services-area-listing.animateNext li:nth-child(4) {
		transform: scale(.85);
	}
	ul.services-area-listing.animateNext li:nth-child(5) {
		transform: scale(.85);
	}
	
	.services-area .previous {
		width: 65px;
		height: 65px;
		left: 10px;
		font-size: 3.8em;
		line-height: 65px;
	}
	.services-area .next {
		width: 65px;
		height: 65px;
		right: 10px;
		font-size: 3.8em;
		line-height: 65px;
	}
	
	.view-services .views-row {
		position: relative;
		display: inline-block;
		width: calc(50% - 36px);
		margin: 16px;
	}
	
	ul.slider-area-listing li .field--name-field-image {
		position: relative;
		background: transparent;
		width: 200px;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 32px;
		float: none;
		text-align: center
	}
	ul.slider-area-listing li h4 {
		width: calc(100% - 64px);
		padding: 0 32px;
		float: none;
	}
	ul.slider-area-listing li .text-content {
		width: calc(100% - 64px);
		padding: 0 32px;
		float: none;
	}
	
	.view-staff .views-row, 
	.view-staff .views-row:nth-child(2n+1) {
		margin: 10px;
		padding: 20px;
		clip-path: none;
		text-align: left;
	}
	
	.view-staff .views-row  .views-field-field-photo,
	.view-staff .views-row:nth-child(2n+1) .views-field-field-photo {
		float: none;
		padding-left: 0;
	}
	
	.view-services .views-row {
		position: relative;
		display: block;
		width: 100% !important;
		margin: 20px 0;
	}
	
	.path-node.page-node-type-staff .node__content .field--name-field-job-title {
		margin-top: 0;
	}
	.node--type-article .wide-image {
		margin: 0 0 2.25rem 0 !important;
		position: relative;
		transform: none;
		transform-origin: 0% 0%;
		transition: 1s;
		box-shadow: 10px 10px 0px #007300;
		overflow: hidden;
		max-width: 90%;
	}
	.node--type-article .wide-image img {
		max-width: 100%;
	}
}

/* Medium to Large only */
@media screen and (min-width: 50rem) and (max-width: 74.9375rem)	{
	
	.view-clients .slick-list {
		max-width: 960px;
		overflow: hidden;
		margin: 0 auto;
	}
	.view-clients .slide__caption {
		padding: 20px;
	}
}

/* Large and up */
@media screen and (min-width: 64em)	{
	
	.text-content p, .cke_editable p {
		font-size: 1.325rem;
		line-height: 2.25rem;
	}
	.text-content blockquote p, .cke_editable blockquote p {
		font-size: 2rem;
		line-height: 3.5rem;
	}
	ul.services-area-listing li .text-content {
		font-size: 1.1em;
		line-height: 1.6em;
	}
	
}

/* Large only */
@media screen and (min-width: 74.9375em)	{
	
	ul.services-area-listing li .text-content {
		font-size: 1.3em;
		line-height: 1.6em;
	}
	
	.view-staff  {
		background: url('/themes/root802/images/partner-detail.svg') no-repeat;
		background-position: center;
		margin: -200px auto;
	}
	
	.view-staff .views-row {
		top: -185px;
		left: 150px;
		transform: scale(0.5);
	}
	.view-staff .views-row:nth-child(2n+1) {
		top: 185px;
		left: -150px;
	}
	.view-staff .views-row:hover {
		transform: scale(1);
		top: -185px;
		left: 0;
		z-index: 10;
	}
	.view-staff .views-row:nth-child(2n+1):hover {
		transform: scale(1);
		top: 185px;
		left: 0;
		z-index: 10;
	}
	.node--type-article .wide-image {
		transform: scale(0.35);
		transform-origin: 125% -20%;
	}
}