@charset "utf-8";
/* CSS Document */
body {
	margin-bottom: 0px;
}
.footer {
	position: relative;
	bottom: inherit;
	left: inherit;
	width: inherit;
	height: inherit;
    background-color: #f5f5f5;
    z-index: 999;
}
h1 {
  font-size: 5em;
}
h2 {
  margin-top: 0px;
  font-weight: 800;
}
input, textarea {
  margin-bottom: 8px;
}
.headerimage {
  margin-top: 0px;
  position: relative;
  min-height: 800px;
}
.headertext {
  position: relative;
  padding: 150px 40px 350px 40px;
}
.coursetype {
  padding: 75px 15px 30px 15px;
  margin-bottom: 30px;
  position: relative;
  height: 450px;
  text-align: center;
  z-index: 1;
}
.greenfill {
  background-color: #3A8E05;
  position: absolute;
  height: 0%;
  width: 100%;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.greenbg {
  background-color: #3A8E05;
	color: #FFF;
}
.courseicon {
  position: absolute;
  top: -50px;
  margin-left: 50%;
  transform: translateX(-65%);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-color: #3A8E05;
  padding: 25px;
}
.courseicon svg {
  fill: #FFF;
}
.coursetype h2 {
  margin-top: 0px;
}
.coursetype p {
  padding-bottom: 200px;
}
.coursetype a .learnmore {
  color: #FFF;
}
.coursetype ul {
  list-style: none;
  padding: 0px;
  margin: 20px 0px 30px 30px;
  padding-top: 20px;
  position: absolute;
  bottom: 30px;
  left: 5%;
  text-align: left;
}
.coursetype li {
  padding: 5px 0px;
  position: relative;
}
.coursetype li svg {
  position: absolute;
  left: -30px;
  height: 20px;
  width: auto;
  fill: #444;
}
.coursetype .learnmore {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: right;
  width: 100%;
  padding: 15px;
  background-color: #3A8E05;
  font-family: "futura-pt", sans-serif;
  color: #FFF;
  font-weight: 800;
}
a .coursetype {
  color: #444;
  background-color: rgba(243, 243, 243, 0.90);
}
a .darkbg {
  background-color: rgba(255, 191, 63, 0.80);
  color: #FFF;
}
a:hover .courseicon svg {
  transform: rotate3d(0, 1, 0, 360deg);
  transition: all .5s ease-in-out;
  transition-delay: .25s;
}
a:hover .coursetype .greenfill {
  height: 100%;
}
a:hover .coursetype h2 {
  color: #FFF;
}
a:hover .coursetype {
  color: #FFF;
}
a:hover .coursetype li svg {
  fill: #FFF;
}
.circle {
  height: 65px;
  width: 65px;
  background-color: #D6D6D6;
  border-radius: 100%;
  border: solid 1px #AEAEAE;
  position: relative;
  margin: auto;
  color: #FFF;
  padding: 15px;
}
.onlinecolor {
  background-color: rgba(255, 205, 0, 0.80);
  border: solid 1px rgba(255, 255, 255, 0.35);
}
.inpersoncolor {
  background-color: rgba(232, 119, 34, 0.80);
  border: solid 1px rgba(255, 255, 255, 0.35);
}
.hybridcolor {
  background-color: #E86000;
  border: solid 1px rgba(255, 255, 255, 0.35);
}
.circle-lg {
  height: 300px;
  width: 300px;
  border-radius: 100%;
  position: absolute;
  margin: auto;
  left: -300px;
  top: 60px;
  opacity: 0;
}
.circle-lg2 {
  height: 300px;
  width: 300px;
  border-radius: 100%;
  position: absolute;
  margin: auto;
  right: -300px;
  top: 60px;
  opacity: 0;
}
.greybg {
  padding: 100px 50px;
  text-align: center;
  border: solid 1px #FFF;
}
.btn, .btn-lg {
  border-radius: 0px;
}
input[type=range] {
    height: 26px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    background-color: transparent;
    margin-bottom: -10px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #E2E2E2;
border-radius: 5px;
border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000;
border: 0px solid #3A8E05;
height: 20px;
width: 20px;
border-radius: 50px;
background: #3A8E05;
cursor: pointer;
-webkit-appearance: none;
margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #E2E2E2;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 10px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #E2E2E2;
border-radius: 5px;
border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000;
border: 0px solid #3A8E05;
height: 20px;
width: 20px;
border-radius: 50px;
background: #3A8E05;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 10px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #E2E2E2;
border: 0px solid #000000;
border-radius: 10px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
background: #E2E2E2;
border: 0px solid #000000;
border-radius: 10px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
margin-top: 1px;
box-shadow: 0px 0px 0px #000000;
border: 0px solid #3A8E05;
height: 20px;
width: 20px;
border-radius: 50px;
background: #3A8E05;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #E2E2E2;
}
input[type=range]:focus::-ms-fill-upper {
background: #E2E2E2;
}
.btn-primary {
    text-align: left;
    padding: 10px;
}
.btn-primary:active, .btn-primary.active {
    background-color: #3A8E05;
}
.btn-primary.active:hover {
    background-color: #54CE07;
}
.btn {
  border-radius: 0px;
}
	  .btn-success {
		  background-color: #3A8E05;
	  }
	  .btn-success:hover {
		  background-color: #54CE07;
	  }
.btn-secondary {
  background-color: #e87722;
	color: #FFF;
	border: 0px;
}
.btn-secondary:hover {
  background-color: #ED9452;
	color: #FFF;
}
.btn svg {
    width: 20px;
    position: absolute;
    left: 20px;
    fill: #666;
    stroke: #666;
}
.btn-primary:active svg, .btn-primary.active svg {
    fill: #FFF;
    stroke: #FFF;
}
h3 {
    text-transform: none;
    font-size: 24px;
    line-height: 22px;
    color: #666;
}
hr {
    border-bottom: solid 1px #CCC;
    margin-top: 20px;
    margin-bottom: 20px;
}
input[type='radio'] {
    margin-right: 5px;
}
input[type='radio']:after {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #FFF;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
input[type='radio']:before {
    width: 18px;
    height: 18px;
    border-radius: 15px;
    top: 0px;
    left: 12px;
    position: absolute;
    background-color: #3A8E05;
    content: '';
    display: inline-block;
    visibility: visible;
}
input[type='radio']:checked:after {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #3A8E05;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
#displaySize:after {
    position: absolute;
    top: 50%;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: #3A8E05;
    content: '';
    transform: rotate(45deg) translateY(-50%);
    z-index: -1;
}
#displaySize {
    font-size: 12px;
    text-align: center;
    background-color: #3A8E05;
    color: rgba(255,255,255,0.80);
    padding: 2px 10px;
    top: -12px;
    position: absolute;
    border-radius: 4px;
    height: 56px;
}
.inchsize {
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
}
#machines h3 {
    text-transform: uppercase;
    font-weight: bold;
}
#machines h3 i {
    text-transform: none;
}
.filtertip + .tooltip > .tooltip-inner {
    background-color: #3A8E05;
    color: #FFFFFF;
    padding: 15px;
    border: 1px solid #3A8E05;
}
.filtertip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #3A8E05;
}
.rotate {
    transform: rotate(90deg);
    transition: .25s all ease-in-out;
}
.collapsible {
    cursor: pointer;
}
.collapsible div {
    position: relative;
    display: inline-block;
    font-size: 10px;
    font-weight: 100;
}
.selected {
    color: #3A8E05;
    font-weight: 100;
    font-size: 18px;
}
.affix {
    top: 80px;
}
.theory {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.theoryinner {
	padding: 0px;
	color: #666;
}
.theory img {
}
.theorynumber {
	width: 50px; 
	height: 50px; 
	background-color:#FFF; 
	padding: 6px 12px; 
	color:#007041; 
	border-radius: 100px; 
	border: solid 3px #007041; 
	margin: auto; 
	position:relative; 
	top: -25px; 
	font-size: 24px; 
	text-align: center; 
	font-weight: bold;
}
.whyicon {
	background-color:#FFF; 
	border-radius: 100%; 
	color: #007041; 
	padding: 30px 0px; 
	width: 120px; 
	height: 120px; 
	margin: auto;
	text-align: center;
}
.whyicon svg {
	margin: 0px 10px;
	fill: #007041;
}
.greenbg h3 {
	color: #FFF;
}
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#faq h4 {
	margin: 30px 0px;
	padding-bottom: 10px;
	border-bottom: solid 1px #BFBFBF;
}
#faq a {
	color: #3A8E05;
}
#faq a:hover {
	color: #44A805;
}
#faq .collapse {
	background-color: rgba(255,255,255,0.35);
	padding: 10px;
}
#faq .collapse a {
	color: #3A8E05;
}
.coursepreviews {
	position: relative; 
	margin: -325px 0px 50px 0px;
}
.certified {
	position: relative;
	background-color: #FEF1CA;
	padding: 20px 40px 20px 20px;
	margin-bottom: 20px;
}
.whatisheader {
	background-color: #000; 
	position: relative; 
	padding: 120px;
}
.quickschedule tr:nth-child(odd) {
        background-color: #FAFAFA;
    }
@media (max-width: 700px) {
  .headerimage {
    min-height: inherit;
	padding-left: 10px;
  }
  .headertext {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
    padding: 20px;
  }
	.coursepreview {
		margin-bottom: 100px;
	}
	.coursepreviews {
		margin: 100px 0px 50px 0px;
	}
	.circle-lg, .circle-lg2 {
	  height: 200px;
	  width: 200px;
	}
	#online {
		margin-bottom: 50px;
	}
	.whatisheader {
	padding: 40px;
}
}