@charset "UTF-8";

/* Global */

body, html { font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; background:#4d4f53; }
.clear { clear:both; }
.flex-img img { width:100%; max-width:100%; }
.mobile-only { display:none; }
h1 + .flex-img { margin-top:30px; }
h1 + h2 { margin-top:30px; }

/* Containers */

.wrapper { max-width:1200px; margin:0 auto; padding:80px 6%; z-index:900; position:relative; }
.wrapper-large { max-width:1300px; margin:0 auto; padding:80px 6%; z-index:900; position:relative; }
.col-right { float:right; }
.col-left { float:left; }
.col-right, .col-left { width:49%; padding-top:50px }
.col-three { width:100%; padding-top:50px }
.col-three div { float:left; width:29%; padding-top:12px; margin:0 4% 0 0; }
.col-right div, .col-left div { float:left; width:44%; padding-top:12px; margin:20px 6% 0 0; border-top:4px solid #89c64a; }

/* Background Colors */

.bg-white { background:#ffffff; }
.bg-light-gray { background:#f3f3f3; }
.bg-medium-gray { background:#e2e2e2; }
.bg-dark-gray { background:#4d4f53; }
.bg-blue { background:#0c447f; }
.bg-green { background:#55781c; }
.bg-red { background:#8a3441; }
.bg-pink { background:#242a39; }

/* Background Images */

.bg-image, .graphic { background-repeat: no-repeat; /*background-attachment:fixed;*/ }
.bg-image { background-size:cover; background-position: center; }
.graphic { background-size:contain; background-position: center bottom; position:relative; }
.gray-opacity { background-image:url(../img/gray-opacity.png) }

/* Background Video */

.bg-video {
    position: absolute;
    width: 100%;
	height:100%;
    z-index:100;
	overflow: hidden;
    background-size: cover;
    background-position: center;
}
/*.bg-video video {
	width:100%;
	height:100%;
}*/
.video-slider .col-left { width:100%; height:500px; }
.video-slider .col-left .btn { margin-top:20px; }
#vid-slide-2, #vid-slide-3 { display:none; }

/* Videos */
video.fullscreen { position: relative; display: block; opacity: 0; visibility: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
video.fullscreen.loadIn { opacity: 1;}

/* Fonts */

h1 { font-size:90px; line-height:90px; margin:0; color:#4d4f53; }
h1.right { text-align:right; }
h1.center, p.center { text-align:center; }
h2 { font-size:30px; line-height:35px; margin:0; font-weight:300; }
h3 { font-size:20px; line-height:24px; margin:0; }
p, ul, form label { font-size:14px; line-height:20px; font-weight:400; margin:0; }
p + p { padding-top:12px; }
p.small { font-size:11px; line-height:14px !important; }
h3 + p { padding-top:20px; }
h2, h3, p, ul, form label, form input { color:#636466; }
h1, h3, form input { font-weight:bold; }
ul { margin-left:16px; }
li { list-style:disc; padding:8px 0 0 0;  }
.col-three div h2 { border-bottom:4px solid #89c64a; margin-top:20px; padding:0 0 20px 0; }
.col-three div h2 + p { padding-top:14px; }
a { color:#89c64a; }
a:hover, a:focus { color:#abe371; }
ul.benefit-list { font-size:30px; line-height:35px; font-weight:300; margin-left:5px; padding-top:20px; }
ul.benefit-list li { list-style:none; padding-top:16px; }
ul.benefit-list li a { color:#ffffff; }

/* Buttons */

.btn { padding:12px 15px; text-decoration: none; border-radius: 3px; }
.white { color:#89c64a; background:#ffffff; border:1px solid #ffffff; }
.white:hover { color:#ffffff; background:#89c64a; border:1px solid #89c64a; }
.outlined { color:#89c64a; background:#ffffff; border:1px solid #cccccc; }
.outlined:hover { color:#ffffff; background:#89c64a; border:1px solid #89c64a; }
.green { color:#ffffff; background:#89c64a; border:1px solid #89c64a; }
.green:hover { color:#ffffff; background:#77ac40; border:1px solid #77ac40; }

.s7 .btn.green { opacity: 1; transition: opacity 0.25s ease;}
.s7 .btn.green.disable { opacity: 0.5; cursor: default;}
.s7 .btn.green.disable:focus,
.s7 .btn.green.disable:hover { background:#89c64a; border:1px solid #89c64a;}

/* Dark Gray Section */

.bg-dark-gray h1, .bg-dark-gray h2, .bg-dark-gray h3, .bg-dark-gray p, .bg-dark-gray ul,
.bg-green h1, .bg-green h2, .bg-green h3, .bg-green p, .bg-green ul,
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue p, .bg-blue ul,
.bg-red h1, .bg-red h2, .bg-red h3, .bg-red p, .bg-red ul,
.bg-pink h1, .bg-pink h2, .bg-pink h3, .bg-pink p, .bg-pink ul { color:#ffffff; }

.bg-dark-gray .col-left div { width:94%; }

/* Resources */

.resources p { padding-top:40px; padding-bottom:30px; }
.resources .btn { margin:0 5px; }

/* Coursel Fixes */

#benefits .item { z-index: 0;}
#benefits .item .wrapper { min-height:700px; }
#systems .col-right, #systems .col-left { padding-top:0 }
#systems .col-right { width:70%; }
#systems .col-left { width:25%; }
#systems .col-left div { width:94%; }
.carousel-control { filter: alpha(opacity=100); opacity: 1.0; z-index: 100; width: 100px;}
.carousel-control:hover,
.carousel-control:focus { filter: alpha(opacity=90); opacity: .9; }
.carousel-control.left,
.carousel-control.right { background:none; }
.carousel-control .icon-prev,
.carousel-control .icon-next { height:198px; width:71px; background-size: 71px 198px; background-repeat: no-repeat; margin-top:-99px; }
.carousel-control .icon-prev:before { content:none; }
.carousel-control .icon-next:before { content:none; }
.carousel-control .icon-prev { background-image: url(../img/btn-arrow-left.png); left:0; margin-left:0; }
.carousel-control .icon-next { background-image: url(../img/btn-arrow-right.png); right:0; margin-right:0; }
.col-pad { padding:50px 6%; }

/* Header */

#header .wrapper-large { padding:30px 6%; }
#header .col-right, #header .col-left { padding-top:0 }
#header .col-right p { text-align:right; padding-top:20px; }

/* Footer */

#footer .col-right { width:25%; }
#footer .col-left { width:70% }
#footer .col-right div { width:auto; padding-top:12px; margin:20px 0 0 0; }
#footer .col-left div { width:100%; padding-top:0; margin:0; border-top:none; }
#footer .col-right p + div { width:100%; margin:12px 0 0 0; border-top:none; }
#footer .col-right span.flex-img { margin:20px 0 20px 0 !important; }
#contact .col-three { padding-top:0 }


/* Sections */

#section7 p a { text-decoration: underline;}

#section8 .col-three { padding-top:0 }


/* Form */

form label { width:100%; }
form input, form textarea { background:#ffffff; border:1px solid #cccccc; width:100%; padding:12px 3%; border-radius:3px; }
form div.field { float:left; }
form div.field { padding-bottom:20px !important; }
form div.full { width:100% !important; }
form div.half { width:48% !important; }
form div.half + div.half  { float:right; }
form input[type="submit"] { color:#ffffff; background:#89c64a; border:1px solid #89c64a; width:auto; }
form input[type="submit"]:hover { background:#77ac40; border:1px solid #77ac40; }

/* Copyright */

#copyright .wrapper-large { padding:30px 6%; }
#copyright .wrapper-large p { font-size:12px; line-height:14px; }

/* Menu */

#menu { position:relative; height:100%; width:100%; }
#menu .wrapper-large { padding:30px 6% 100px 6%; }
#menu .wrapper-large p { text-align:right; padding-top:20px; }
#menu ul li { font-size:60px; line-height:60px; margin:0; text-align:center; list-style:none; font-weight:bold; padding-top:30px;  }
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited { color:#ffffff; }
#menu ul li a:hover { text-decoration:none; color:#89c64a; }
#menu p.social { text-align:center; margin-top:20px !important; }
#menu p.social a { margin:0 5px; }
#menu { display:none; }
.subMenu { display: none; position:fixed; top:50%; margin-top:-90px; right:80px; z-index:10000; }
.subMenu a { position:relative; border-radius:10px; height:10px; width:10px; border:1px solid #cccccc; background:#ffffff; display:block; margin:10px 0; }
.subMenu a.active-slide { border:1px solid #89c64a; background:#89c64a; }


/* Menu Toggle */
body.menu-open #menu { display: block;}
body.menu-open #content { display: none;}


/* Mobile */

@media (max-width: 1180px) {
	.subMenu { display:none !important; }
}
@media (max-width: 768px) {
	h1 { font-size:55px; line-height:55px; }
	.col-right, .col-left { width:100%; padding-top:30px }
	.wrapper, .wrapper-large { padding:100px 20%; }
	.col-right div, .col-left div { width:100%; margin:30px 0 0 0; }
	.graphic { background-image:none !important;}
	.mobile-only { display:block; }
	.desktop-only { display:none; }
	.carousel-control .icon-prev,
	.carousel-control .icon-next { height:112px; width:40px; background-size: 40px 112px; background-repeat: no-repeat; margin-top:-56px; }
	.bg-image { background-image:none !important; }
	#benefits .item .wrapper { min-height:inherit; }
	#benefits .wrapper h1,
	#benefits .wrapper ul.benefit-list li { text-align:center; }
	#systems .col-right, #systems .col-left { width:100%; }
	#systems .col-left { padding-top:30px; }
	#systems .col-left div { width:100%; }
	.col-three div { width:100%; padding-top:0; margin:0; }
	.col-three div + div { margin:30px 0 0 0; }
	#footer .col-right { width:100%; }
	#footer .col-left { width:100% }
	h1.right { text-align:left; }
	h1.center, p.center { text-align:left; }
	.resources .btn { margin:0 10px 0 0; margin-top:10px; }
	#header .col-right, #header .col-left { width:50%; }
	.bg-video { display:none; }
	.bg-pink { background:#55781c; }
}
@media (max-width: 640px) {
	.wrapper, .wrapper-large  { padding:70px 12%; }
	p, ul { font-size:18px; line-height:28px; }
	#benefits .item .col-pad { padding:0 6%; }
	ul.benefit-list { padding-bottom:30px; }
	#menu ul li { font-size:40px; line-height:40px; }
    #section8 .btn { display: block; width: 100%; text-align: center;}
}
@media (max-width: 480px) {
	h1 { font-size:48px; line-height:48px; }
	.wrapper, .wrapper-large  { padding:60px 6%; }
	.carousel-control .icon-prev,
	.carousel-control .icon-next { height:90px; width:32px; background-size: 32px 90px; background-repeat: no-repeat; margin-top:-45px;
	}
	#systems .carousel-control .icon-prev,
	#systems .carousel-control .icon-next { top:135px; margin-top:auto; }
	ul.benefit-list { font-size:22px; line-height:27px; }
}
@media (max-width: 400px) {
	h1 { font-size:36px; line-height:36px; }
	h2 { font-size:28px; line-height:30px; }
	.col-right div, .col-left div { width:100%; margin:30px 0 0 0; }
	.wrapper, .wrapper-large  { padding:45px 7%; }
	#menu ul li { font-size:30px; line-height:30px; }
	#header .col-right { display:none; }
	#header .col-left { width:100%; }
}