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

@font-face {
  font-family:robotothin; 
  src: url(../fonts/robotothin.ttf); 
}
@font-face {
    font-family:robotolight; 
    src: url(../fonts/robotolight.ttf); 
}
@font-face {
    font-family:robotoblack; 
    src: url(../fonts/robotoblack.ttf); 
}

@font-face {
    font-family:quicksandlight; 
    src: url(../fonts/Quicksand-Light.otf); 
}
@font-face {
    font-family:quicksandregular; 
    src: url(../fonts/Quicksand-Regular.otf); 
}
@font-face {
    font-family:quicksandbold; 
    src: url(../fonts/Quicksand-Bold.otf); 
}

*{box-sizing: border-box}
html{height: 100%; margin: 0; padding: 0;}
body{margin: 0; padding: 0; height: 100%; font-family: robotolight,Arial, Helvetica, sans-serif; background: #f4f4f4}

.contact_info_bar {background: #000000; color: #fff;}
.contact_info_content {margin: 2px 0;}
.contact_info_bar a {text-decoration: none; color: #fff; padding: 10px; padding-top: 15px}
.contact_info_bar a:hover {color: #06aa09;}

.logo_bar {height: 110px; text-align: center; background: #fff;}
.logo_bar img {height: 80px;}
.logo_content { margin: 10px auto;}

.slider_bar {height: 450px; background: linear-gradient(rgba(169,169,169,0.6), rgba(169,169,169,0.6)),url(images/2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; text-align: center;}

.menu_bar {background: #06aa09; padding: 20px;}
.menu_bar a {text-decoration: none; color: #fff; margin: 10px; padding: 5px;}
.menu_bar a:hover {color: #000; background: #fff;}
.menu_bar a:active {color: #000; background: #fff;}

.main_bar {padding: 40px 0;}
.mainimg {width: 100%; margin-bottom: 15px;}
.property_bar {background: #fff; padding: 40px;}

.slider_bar1 {height: 300px; background: linear-gradient(rgba(169,169,169,0.6), rgba(169,169,169,0.6)),url(images/6.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; color: #fff; text-align: center;}

.slider_bar2 {height: 300px; background: linear-gradient(rgba(169,169,169,0.6), rgba(169,169,169,0.6)),url(images/9.jpg); background-repeat: no-repeat; background-position: top; background-size: cover; color: #fff; text-align: center;}

.slider_bar3 {height: 300px; background: linear-gradient(rgba(169,169,169,0.6), rgba(169,169,169,0.6)),url(images/10.jpeg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; text-align: center;}


.about_bar {background: linear-gradient(rgba(6,170,9,0.9), rgba(6,170,9,0.9)),url(images/8.jpg); background-repeat: no-repeat; background-size: cover;
            color: #fff; text-align: center;}

.team_bar {height: 350px; background: #fff; padding: 40px 0;}
#founder_img {height: 150px; width: 150px; border-radius: 150px; box-shadow: 0 0 20px #06aa09;}

.impact_video {display: block; padding: 100px auto;}

.gallery img {width: 100%; padding: 10px 0;}

.form_div input {padding: 0 20px; margin: 20px 5px;}
.text_input {width: 100%; height: 250px;}
.submit {padding: 10px 0; font-weight: bold; height: 50px;background: #06aa09; color: #fff;}
.submit:hover {background: #fff; color: #06aa09;border: #06aa09;}

.map-container-6{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-container-6 iframe{left:0; top:0; height:100%; width:100%; position:absolute;}


.footer_bar {background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)) ,url(images/5.jpg); background-repeat: no-repeat; background-size: cover; color: #eaeaea; text-align: center;}
.footer_bar a {text-decoration: none; color: #06aa09;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }
  }


  @media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
  }

  @media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
  }