html {
  position: relative;
  min-height: 100%;
  height: 100%;
  background-color: #000
}
body {
  margin: 0
}
.logofill {
  fill: #4CA51E
}
.logofill:hover {
  fill: #72c441
}

#menu {
  width: auto;
  margin-top: 15px;
  margin-right: 20px;
  right: 0;
  top: 0;
  float: right;
	  text-align: right;
}

#menucontact {
  width: auto;
  margin-bottom: 6px;
	text-align: right;
}
#nav-wrapper {
  width: 86%;

  margin-right: auto;
  margin-left: auto;
  overflow: auto;
}

nav {
  position: fixed;
  left: 0;
  width: 100%;
  padding: 20px 0 0 0;
  top: 0;
  z-index: 10;
	   background: rgba(255,255,255,0.95);
}


* {
  margin: 0;
  padding: 0
}
.menumobile {
  display: none
}

.accreditations {
  padding: 0 20px 0 0;
}
.accreds {
  padding: 36px 0 0 0;
}

.accredshome {
  padding: 34px 0 0 0;
}
.floatleft {
  float: left;
  padding: 0 40px 0 0
}

.responsive-image-footer {
     padding: 10px 40px 10px 0;
    }
.responsive-image-logo-home {
  padding: 0
}
#page-wrap {
  width: 100%;
  padding: 0
}
#arrow {
  height: 50px;
  width: 100%;
  text-align: center;
  margin: 0 auto 0 auto;
  bottom: 50px;
  position: absolute
}
.columns {
  -webkit-column-width: 280px;
  -moz-column-width: 280px;
  column-width: 280px;
  line-height: 1.8em
}
.section {
  width: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 1
}
.section-hero {
  width: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 1;

  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%)
}
.section-testimonial {
  width: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 1;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 100%);
	  
}
.s0 {
  min-height: 100vh
}
.s1 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 20px 0
}
.sT {
  min-height: auto;
	  padding: 46px 0 46px 0;
}
.s2 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 20px 0
}
.s3 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 20px 0
}
.s4 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 10px 0
}

.s5 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 10px 0
}
.s6 {
  min-height: auto;
  background-color: #fff;
  padding: 20px 0 10px 0
}
.s7{
  min-height: auto;
  background-color: #4CA51E
}
.inner {
  width: 83%;
  max-width: 45%;
  margin: 0 auto;
  position: relative;
  min-height: 50px;
  padding: 30px 5% 20px 5%;
  text-align: left
}
.inner-footer {
  width: 83%;
  max-width: 45%;
  margin: 0 auto;
  position: relative;
  min-height: 50px;
  padding: 0 5% 0 5%;
  text-align: left
}
.inner-contact {
  width: 83%;
  max-width: 45%;
  margin: 0 auto;
  position: relative;
  min-height: 50px;
  padding: 100px 5% 20px 12%;
  text-align: left
}
.testimonial-inner {
  width: 84%;
  max-width: 45%;
  margin: 0 auto;
  position: relative;
  min-height: 50px;
  padding: 0 8% 0 8%
}
.inner-home {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  min-height: 50px;
  padding: 30px 0 0 0;
  text-align: center
}
.para {
  width: 90%;
  padding: 10px 0 30px 0;
  clear: both;
}
.para-footer {
  width: 90%;
  padding: 10px 0 10px 0;
  clear: both;
  overflow: auto
}
#logo {
  width: auto;
  margin-left: 20px;
  float: left;
  margin-top: 0
}

footer {
  height: 60px;
  width: 100%;
  padding: 10px 0 0 0;
  background-color: #333;
  position: absolute;
  bottom: 0
}
#home-text {
  padding: 40px 0 48px 0
}
#home-text-splash {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.8em;
  font-size: 2em;
  color: #fff;
  padding: 0 0 0 0;
  width: 80%;
  height: auto;
  margin: 33% 10% 0 10%;
  text-align: center;
  text-shadow: 0 0 12px rgba(0, 0, 0, .8);
  text-transform: uppercase;
	  letter-spacing: -1px;
}
#home-logo {
  width: 80%;
  height: auto;
  margin: 31% 10% 0 10%;
  text-align: center;
  text-shadow: 0 0 12px rgba(0, 0, 0, .61)
}
#testimonial-text {
  width: 90%;
  padding: 10% 5% 10% 5%;
  text-align: center
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}
li {
  display: inline;
  padding: 0 10px 0 10px
}
.white {
  color: #fff
}
h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  line-height: 1.1em;
  color: #4CA51E;
  padding: 0 0 10px 0;
  letter-spacing: -1px;
  text-transform: uppercase
}
h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  color: #000;
  padding: 0 0 10px 0;
}
h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  color: #000;
  letter-spacing: -0.1px
}
p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.6em;
  letter-spacing: 0;
  color: #000
}
p.smallprintwhite {
font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: .75em;
  line-height: 1.4em;
  color: #fff;
  padding: 20px 0;
}
.redtext {
	font-size: 1.2em;
	 font-weight: 700;
}

.herotext {
	font-size: 1.7em;
	 font-weight: 700;
}

.whitetext {
	color: #ffffff;
}
p.white {
  color: #fff
}
a.menu:link {
  color: #4CA51E;
  font-size: 1em;
  margin-left: 20px;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
}
a.menu:visited {
  color: #4CA51E
}
a.menu:hover {
  color: #4CA51E;
  border-bottom: 2px solid #4CA51E
}
a.menu:active {
  color: #4CA51E
}
a:link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #000
}
a:visited {
  color: #000
}
a:hover {
  color: #4CA51E
}
a:active {
  color: #000
}
a.contact:link {
  border-bottom: 2px solid #f6891f
}
a.contact:visited {
  border-bottom: 2px solid #f6891f
}
a.contact:hover {
  border-bottom: 2px solid #f6891f
}
a.contact:active {
  border-bottom: 2px solid #f6891f
}
@media only screen and (max-width: 1550px) {
  /* phones */
  .inner {
    width: 83%;
    max-width: 55%;
  }
	.inner-footer {
		 width: 83%;
  max-width: 55%;
 padding: 0 5% 0 5%;

}
  .testimonial-inner {
    width: 83%;
    max-width: 55%;
  }
  @media only screen and (max-width: 1300px) {
    /* phones */
    .inner {
      width: 83%;
      max-width: 60%;
    }
	  
	  .inner-footer {
  width: 83%;
  max-width: 60%;
}
    .testimonial-inner {
      width: 83%;
      max-width: 60%;
    }
    .responsive-image {
      height: auto !important;
      max-width: 95% !important;
      width: 95% !important;
    }
  }
  @media only screen and (max-width: 1200px) {
    /* phones */
    .inner-home {
      width: 100% !important;
      margin: 0 0;
    }
    .inner {
      width: 83%;
      max-width: 70%;
    }
	  .inner-footer {
  width: 83%;
  max-width: 70%;
}
    .testimonial-inner {
      width: 83%;
      max-width: 70%;
    }

    h20 {
      font-size: 2.6em;
      line-height: 1em;
      letter-spacing: -1px;
    }
    #nav-wrapper {
      width: 100% !important;
    }
  }
  @media only screen and (max-width: 768px) {
    /* phones */
	  
	     .responsive-image-accred img {
      height: auto !important;
      max-width: 18% !important;
      width: 18% !important;
    }
    .mobile {
      display: inline;
    }
    .desktop {
      display: none;
    }
    .menumob {
      display: none;
    }
    .menumobile {
      display: inline;
    }
    .inner {
      width: 90% !important;
      max-width: 90%;
      padding: 15px 5% 15px 5%;
    }
	    .inner-footer {
  width: 90%;
  max-width: 90%;
}

    .testimonial-inner {
      width: 90%;
      max-width: 90%;
      padding: 15px 5% 15px 5%;
    }
    #home-text {
      padding: 0 0 0 0;
    }
    .right {
      width: 100%;
      text-align: left;
      padding: 18px 0 0 0;
    }
    #home-logo {
      width: 100%;
      margin: 45% 10% 0 10%;
    }
    #nav-wrapper {
      width: 100% !important;
    }
	  
	  .floatleft {
  padding: 0 20px 0 0
}
    .responsive-image-logo {
      height: auto !important;
      max-width: 40px !important;
      width: 40px !important;
    }
    .responsive-image-footer {
      height: auto !important;
      max-width: 40px !important;
      width: 40px !important;
    }
    .responsive-image-logo-home {
      height: auto !important;
      max-width: 90% !important;
      width: 90% !important;
      margin-top: 10%;
    }
    .s2about {
      padding: 30px 0 30px 0;
    }
    h1 {
      font-size: 2em;
      line-height: 1.1em;
      letter-spacing: 0px;
      padding: 0 0 0 0;
    }
    h2 {
      font-size: 1.3em;
      line-height: 1em;
      letter-spacing: 0px;
    }
    h3 {
      font-size: 1.3em;
      line-height: 1.4em;
      letter-spacing: 0px;
    }
    p.smallprintwhite {
      font-size: 0.7em;
      line-height: 1.2em;
        padding: 10px 0;

    }
    p {
      font-size: 0.9em;
      line-height: 1.6em;
    }
    p.white {
      font-size: 0.8em;
      line-height: 1.3em;

    }
    a:link {
      font-size: 0.9em;
    }
    a.menu:link {
      color: #FFFFFF;
      font-size: 0.85em;
      border-bottom: 2px solid #FFF;
      float: right;
      margin: 10px 10px 0 0;
    }
	  
	  .logofill {
  fill: #FFF;
}
	  .logofill:active {
  fill: #FFF
}
	  	  .logofill:hover {
  fill: #FFF
}

.logofill:visited {
  fill: #FFF
}
	  
	  #home-text-splash {
  line-height: 1.1em;
  font-size: 2em;
  padding: 40px 0 0 0;
  width: 80%;
  height: auto;
  margin: 50% 10% 0 10%;
}
    #menu {
      margin-top: 14px;
      margin-right: 6px;
    }
    #logo {
      margin-left: 14px;
      margin-top: 14px;
    }
    #nav-wrapper {
      width: 100%;
      height: auto;
      padding: 0 0 10px 0;
      margin-right: auto;
      margin-left: auto;
      overflow: auto;
      background-color: #4CA51E;
      text-align: left;
    }
 
    #arrow {
      bottom: 90px;
    }
    nav {
      left: 0;
      height: 50px;
      padding: 0px 0px 0px 0px;
    }
    .s1 {
      padding: 40px 0 20px 0;
    }
    .s2 {
      padding: 40px 0 20px 0;
    }
    .s3 {
      padding: 40px 0 20px 0;
    }
    .s4 {
      padding: 20px 0 20px 0;
      overflow: auto;
    }
	  .herotext {
	font-size: 1.2em;
	 font-weight: 700;
}
  }