html, body { 
    padding:0;
    margin:0;
    height:100%;
    /*overflow-x: hidden;*/
  }

  a:hover,
  a:focus,
  a:active {
    text-decoration: none;
  }

  h1, h2, h3, h4, h5, h6, p, a, span {
  	font-family: 'Montserrat', sans-serif;
  }

  .pad20 {
  	padding:20px;
  }
  p {
    font-size: 1.4em;
  }
  .pr1 {
  	/*padding-right: 2%;*/
    padding-right: 10px;
  }

  nav {
    background: #555!important;
    margin:0;
    border-bottom: 2px solid #555;
  }

  .nav-item a {
    color:#7ec12a!important;
    border-radius: 5px;
    border: 2px solid transparent;
    font-weight: 700;
    font-size: 1em;
  }

  .nav-item a:hover {
    color:#9AD17E!important;
    font-size: 1em;
    transition: 0.5s;
  }

  .grey {
    color:#808080;
  }

  .navbar-brand {
    padding:7px;
    padding-left: 20px;
    margin: 4px 0 0 0;

  }

  .navbar-brand img {
    padding:0;
    margin:0;
  }

/*Home Page Start*/
  .homeNavBar {
    z-index: 9 !important;
    border-radius: 0;
    border: none;
    /*display: none;*/
  }


  

  .homeXsVisible {
    padding-top: 20px;
    padding-bottom: 20px;
    background: transparent;   
  }

  .homeHiddenLink {
    font-size: 1.2em;
    margin:5px;
    margin-left: 0;
    margin-right: 0;
    padding:20px;
    background: #7ec12a;
  }

  .homeHiddenLink>a {
    text-decoration: none;
    color:white;
  }

  .homeHiddenLink>a:hover {
    border:2px solid white;
  }

  .homeMidTitle {
    padding-right:  30px;
    padding-left:   30px;
  }

  .homeMidText {
    padding-top:      30px;
    padding-bottom:   30px;
  }

  .homeMidText>p {
    color:#808080;
    font-weight: 700;
    font-size: 1.7em;
  }

  .btnHome1 {
    display: inline-block;
    font-size: 1.5em;
    opacity:0.8;
    border:2px solid #7ec12a;
    border-radius:10px;        
    color:#7ec12a;
    background: #fff;
    padding:8px 25px 8px 25px;
    margin:auto;
  }

  .btnHome2 {
    display: inline-block;
    font-size: 1.5em;
    opacity:0.8;
    border:2px solid #7ec12a;
    border-radius:10px;        
    color:#7ec12a;
    background: #fff;
    padding:8px 25px 8px 25px;
    margin:auto;
  }

  .btnHome1:hover, .btnHome2:hover {
    background: #ddd;
    text-decoration: none;
    color:#7ec12a;
    /*margin:auto;*/
  }


  .HomeLinkDiv {
    margin:0;
    padding:0;
  }


  .homeRightTextGroup>p {
    /*padding-right:  29px;*/
    font-size: 1.3em;
    line-height:  1;
  }

  .HomeMenuLinkImg {
    position: absolute;
    left:0;
    top:0;
    z-index: 0;
  }

  .homeRightLinkGroup {
    line-height: 1.25;
  }

  .homeRightLinkGroup>p>a {
    /*padding-right:  29px;*/
    text-decoration:  none;
    color:  #fff;

  }

  .homeRightBottom1, .homeRightBottom2 {
    color:white;
    padding-right: 3%;
    font-size: 1.8em;
  }

  .homeRightBottom1 {
    padding-top:  3%;
  }

  .homeRightBottom2 {
    padding-bottom: 3%;
  }
/*Home Page End*/

/*About Page Start*/
  .AboutUsTitle {
    font-weight: 700;
    color:#7C8672;
    font-size: 2em;
    padding-bottom: 20px;
  }
  .AboutUsTitle span {
    padding-bottom: 5px;
    border-bottom: 3px solid #7C8672;
  }
  .aboutUsBenefits{
    font-weight: 700;
  }

  .aboutUsList {
    list-style:disc;
  }
  .aboutUsList>li {
    font-size: 1.4em;
    color:#808080;
  }
  .aboutImg {
   
      height:2000px;
      opacity: 0.2;
      position: fixed;
      left:0;
      top:0;
      z-index: -1;
  }
  #aboutDiv {

    padding-bottom: 50px;
  }
  #aboutDIv div {
    padding:0;
    margin:0;
  }
/*About page end*/
/*KEY FEATURES START*/
  .KeyFeature {
    padding-bottom: 30px;
  }
  .KeyFeature div {
    padding:5px;
  }
  .KeyFeature p {
    color:#808080;
  }
  .KeyFeatureHow {
    padding-top: 30px;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 1.7em;
  }
  .KeyFeatureTitle {
    color:#7C8672;
    font-size: 2em;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .KeyFeatureTitle span {
    padding-bottom: 5px;
    border-bottom: 3px solid #7C8672;
  }

/*KEY FEATURES END*/


      #LatestNews {
        
        background: #white;
        border-top:100px solid transparent;
      }

      .GalleryImg {
        border:1px solid blue;
      }

      #SiteMap a:hover, #LegalStuff a:hover {
        color:white;
        background: #7ec12a;
      }
      #SiteMap, #LegalStuff {
        padding-bottom: 5px;
      }

      .footerlinks {
        list-style: none;
      } 

      .footerlinks li a {
        text-decoration: none;
        color: white;
        padding-top: 1px;
        padding-bottom: 1px;
      }
      .footerlinks li a:hover,
      .footerlinks li a:focus,
      .footerlinks li a:active {
        background: transparent;
        color: #fff;
      }


      footer {
        background: #7ec12a;
        color:white;
        
        padding:30px;
        font-size: 1.2em;
      }
  .footerFirstDiv, .footerSecondDiv {
    padding-top:2%;
  }
  .footerLastDiv {
    padding-right: 5%;
    padding-bottom: 30px;
  }
  .footerContact {
    font-size: 1.2em;
    font-weight: bolder;
  }
  .footerContact a {
    color: #fff;
  }
  .footer-copyright {
    background: #4F8B31;
    color:white;
    padding:10px;
    font-size: 0.8em;
         
  }
  .footer-copyright div a {
    text-decoration: none;
    color:white;
   
  }
  .footerLogo {
    max-width: 500px;
  }


/*HowItWorks Page Start*/
  #HowItWorksSection {
    padding-bottom: 30px;
  }

  .HowItWorksImg {
    width:100%;
    max-height: 500px;
  }

  .HowItWorksTitle {
    padding-bottom: 30px;
    color:#7C8672;
    font-size: 2em;
    font-weight: 700;
  }
   .HowItWorksTitle span {
    padding-bottom: 5px;
    border-bottom: 3px solid #7C8672;
   }
  .HowItWorksDescription {
    padding-top: 20px;
    padding-bottom: 20px;
    color:#808080;

  }
  .HowItWorksVideo a {
    text-decoration: none;
    color: #808080;
  }

  .HowItWorksVideo a:hover {
    color: #A8A8A8;
  }

  .HowItWorksVideoImg {
    padding-bottom: 10px;
  }
  .HowVideoTitle {
    font-size: 1.2em;
    padding:0;
    padding-bottom: 5px;
    margin:0;
  }
  .HowVideoDescription {
    color:#808080;
    font-size: 1em;
    padding:0;
    margin:0;
  }

/*HowItWorks Page End*/

/*PhotoGallery Page Start*/
.PhotoGalleryTitle {
  font-size: 2em;
  color:#7C8672;
  font-weight: 700;
  padding-bottom: 30px;
}
.PhotoGalleryTitle span {
  border-bottom: 3px solid #7C8672;
  padding-bottom: 5px;
}
.PhotoGallery {
  padding-bottom: 30px;
}
.galleryImageDiv {
    display: inline-block;
}
.galleryImage {
  margin:5px;
  width:100px;
  height:100px;
}
/*PhotoGallery Page End*/

/*Testimonials Page Start*/
.TestimonialsTitle {
  font-size: 2em;
  color:#7C8672;
  font-weight: 700;  
}
.TestimonialsTitle span {
  padding-bottom: 5px;
  border-bottom: 3px solid #7C8672;
}
.Testimonials>div>div>p {
  color:#808080;
  padding-bottom: 20px;
}
.TestimonialsName {
  color:black;
  font-style: italic;
  font-size: 1.5em;
  padding-bottom: 30px;
}
/*Testimonials Page End*/

/*Media Coveragy Page Start*/
  .MediaNav {
    padding-top: 50px; 
  }
  .MediaNav a {
      color:#808080;
      font-size: 1.3em;
  }
  .MediaPage a {
    text-decoration: none; 
  }
  .MediaPage i {
    font-size: 1em;
    color:#808080;
    margin:0;
    padding:0;

  }
  .storiesVideo div {
    
  }
  .storiesVideo .videoOverlay {
    position: relative;
  }
  .storiesVideo img {
    width:100%;
    min-height:200px;
  }

  .storiesVideo .fa-play {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
  }
  .storiesVideo .fa-play:hover {
    color:#000;
  }
  .storiesVideo .videoTitle {
    padding:5px;
    font-size: 1.4em;
    color: grey;
  }


  #videoModal .modal-body {
    position: relative;
  }

  #videoModal .modal-body .prev {
    position: absolute;
    top:40%;
    left:-12%;
  }
  #videoModal .modal-body .prev i {
    font-size: 2em;
    background: #fff;
    color: #ddd;
    border-radius: 10px;
    padding:15px;
    opacity: 1;
    box-shadow: 2px 2px 5px #000;
  }
  #videoModal .modal-body .prev i:hover {
    color:grey;
    opacity: 1;
  }

  #videoModal .modal-body .next {
    position: absolute;
    top:40%;
    right:-12%;
  }
  #videoModal .modal-body .next i {
    font-size: 2em;
    background: #fff;
    color: #ddd;
    border-radius: 10px;
    padding:15px;
    opacity: 1;
    box-shadow: 2px 2px 5px #000;
  }
  #videoModal .modal-body .next i:hover {
    color:grey;
    opacity: 1;
  }

  .MediaCoverageTitle {
    font-size: 2em;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .MediaCoverageTitle span {
    color:#7C8672;
    border-bottom: 3px solid #7C8672;
    padding-bottom: 5px;
  }
  .MediaTitle {
    color:#808080;
    font-size: 1.2em;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 0;
   
  }
  .MediaVideoSection {
    padding-left: 10%;
    padding-right: 10%;
  }

  .MediaDescription {
    margin-top: 0
    padding-top: 0;
    color:#808080;
    font-size: 1.1em;
  
  }
  .MediaArticleSection i {
    font-size: 10em;  
  }
  .MediaArticleLink {
    margin:0;
    padding:0;
    font-size: 1.2em;
  }
  .MediaArticleLink a {
    color:#808080;
  }
  .MediaArticleLink a:hover {   
    color:#999999;
  }

  .MediaText {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #808080;
  }
  .MediaArticleTitle {
    font-size: 1.4em;
    color:#808080;
    margin:0;
    padding-bottom: 5px;
  }
  .MediaArticleDescription {
    font-size: 1.2em;
    color:#808080;
    margin:0;
  }
  .MediaArticleSection {
    margin-top: 40px;
  }

  .articleTitle {
    font-size: 2em;
    color:#808080;
    font-weight: 700;
  }
  .articleRef {
    font-style: italic;
    font-size: 1.8em;
    color:#808080;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ArticleContent {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ArticleContent p {
    color:#808080;
    padding:5px;
  }


/*Media Coveragy Page End*/

/*GetInTouch Page Start*/


  .ContactTitle {
    color:#7C8672;
    font-weight: 700; 
    padding-bottom: 30px;

  }
  .ContactTitle span {
    font-size: 1.6em; 
    padding-bottom: 5px;
    border-bottom: 3px solid #7C8672;
  }

  .ContactPage p {
    color:#808080;
    font-size: 1.2em;
    line-height: 0.8;
  }
  .ContactPage p.text-danger {
    color: #a94442;
    line-height: 1em;
    font-size: 12px;
    margin-top: 5px;
  }

  .MapBelowText {
    padding-top: 20px;
    padding-bottom: 30px;
  }
/*GetInTouch Page End*/

/*    Legal Group Start*/
  /*Legal Nav Start*/

  .LegalNavTitle {
    font-size: 1.5em;
    color: #7C8672;
  }
  .LegalNav a {
    color:#808080;
    font-size: 1.3em;
  }
  /*Legal Nav End*/
  
  /*Privacy Page Start*/
  .PrivacyPage {
    padding-bottom: 30px;
  }
  .PrivacyPage>p {
    color:#808080;
    padding-bottom: 10px;
    font-size: 1.4em;
  }
  .PrivacyTitle {
    font-size: 1.5em;
    font-weight: bolder;
    padding-top: 20px;
   } 

   .PrivacyPage>ul {
    list-style: disc;
   }
   .PrivacyPage>ul>li {
    color:#808080;
    font-size: 1.3em;
    padding:5px;
   } 

  /*Privacy Page End*/

  /*Terms Of Use Page Start*/
    .TermsOfUsePage {
      padding-bottom: 30px;
    }
    .TermsOfUsePage>P {
      color:#808080;
      padding-bottom: 10px;
      font-size: 1.4em;
    }
    .TermsOfUseTitle {
      font-weight: bolder;
    }
    .TermsOfUsePage>ul {
    list-style: disc;
   }
   .TermsOfUsePage>ul>li {
    color:#808080;
    font-size: 1.3em;
    padding:5px;
   } 
  /*Terms Of Use Page End*/
    
  /*Disclaimer Page Start*/
  .DisclaimerPage {
    padding-bottom: 30px;
  }

  .DisclaimerPage>p {
      color:#808080;
      padding-bottom: 10px;
      font-size: 1.4em;
  }
  /*Disclaimer Page End*/


/*    Legal Group End*/

  .EventTitle {
    font-weight: 700;
    color:#7C8672;
    font-size: 2em;
    padding-bottom: 20px;
  }
  .EventTitle span {
    padding-bottom: 5px;
    border-bottom: 3px solid #7C8672;
  }


/**
  * John Edit: start;
  */

.imageMap {
  position: relative;
  margin-bottom: 30px;
}  
.imageMap img {
  width: 100%;
}
.speech-bubble {
  width: auto;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  padding: 0 10px;
  background: #000000;
  border-radius: 5px;
  border: #ffffff solid 1px;
  text-transform: uppercase;
  position: absolute;
  cursor: pointer;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #000000 transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -8px;
  left: calc(50% - 8px);
}

.speech-bubble:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 0;
  bottom: -9px;
  left: calc(50% - 8px);
}



.speech-bubble .overlay {
  position: absolute;
  width: 250px;
  line-height: 1.8em;
  background: rgba(0, 0, 0, .8);
  padding: 15px;
  bottom: 1000px;
  left: calc(50% - 125px);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 101;
  pointer-events: none;
  transform: scale(2.5);
  transition: bottom .8s, transform .8s;
  
}
.speech-bubble:hover .overlay {
  
  bottom: 30px;
  transform: scale(1);
}

.readMore {
  background: #7ec12a;
  border-color: #70b31c;
}
.readMore:hover,
.readMore:active,
.readMore:focus {
  background: #7ec12a;
}

.googleEvent p {
  margin: 10px auto;
}

/* Contact Form */
.contactForm .error {
  border: 1px solid #a94442;
}
.btn-success {
  background-color: #7ec12a;
  border-color: #4f8b31;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background-color: #7ec12a;
}

.bookMeeting {
  margin: 30px auto 0 auto;
  display: inline-block;
}

@media screen and (min-width: 320px) {
  .speech-bubble .short {
    display: block;
  }
  .speech-bubble .long,
  .speech-bubble .overlay {
    display: none;
  }
  .speech-bubble {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
  }
  .speech-bubble:after,
  .speech-bubble:before {
    display: none;
  }
  .bubble1 { top: 20%; left: 30%; }
  .bubble2 { top: 49%; left: 24%; }
  .bubble3 { top: 30%; left: 28%; }
  .bubble4 { top: 28%; left: 39%; }
  .bubble5 { top: 30%; left: 86%; }
  .bubble6 { top: 40%; left: 33%; }
}

@media screen and (min-width: 450px) {
  .bubble1 { top: 20%; left: 30%; }
  .bubble2 { top: 49%; left: 24%; }
  .bubble3 { top: 30%; left: 28%; }
  .bubble4 { top: 28%; left: 39%; }
  .bubble5 { top: 30%; left: 86%; }
  .bubble6 { top: 40%; left: 31%; }
}

@media screen and (min-width: 700px) {
  .bubble1 { top: 20%; left: 30%; }
  .bubble2 { top: 49%; left: 24%; }
  .bubble3 { top: 30%; left: 28%; }
  .bubble4 { top: 28%; left: 39%; }
  .bubble5 { top: 30%; left: 86%; }
  .bubble6 { top: 40%; left: 31%; }
}

@media screen and (min-width: 767px) {
  .bubble1 { top: 22%; left: 30%; }
  .bubble2 { top: 50%; left: 25%; }
  .bubble3 { top: 32%; left: 30%; }
  .bubble4 { top: 30%; left: 39%; }
  .bubble5 { top: 32%; left: 86%; }
  .bubble6 { top: 42%; left: 31%; }
}

/* Medium Screens */
@media screen and (min-width: 992px) {
  .speech-bubble {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
  }
  .speech-bubble .short {
    display: none;
  }
  .speech-bubble .long {
    display: block;
  }
  .speech-bubble:after,
  .speech-bubble:before {
    display: block;
  }

  .bubble1 { top: 20%; left: 28%; }
  .bubble2 { top: 48%; left: 19%; }
  .bubble3 { top: 31%; left: 23%; }
  .bubble4 { top: 26%; left: 35%; }
  .bubble5 { top: 30%; left: 82%; }
  .bubble6 { top: 36%; left: 29%; }

  .speech-bubble .overlay {
    display: block;
  }
  .speech-bubble:hover {
    background: #ca8000;
  }
  .speech-bubble:hover:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #ca8000 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -8px;
    left: calc(50% - 8px);
  }
  .speech-bubble:hover:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -9px;
    left: calc(50% - 8px);
  }
}

/* Large Screens */
@media screen and (min-width: 1200px) {
  .bubble1 { top: 20%; left: 29%; }
  .bubble2 { top: 49%; left: 21%; }
  .bubble3 { top: 31%; left: 25%; }
  .bubble4 { top: 28%; left: 36%; }
  .bubble5 { top: 31%; left: 83%; }
  .bubble6 { top: 37%; left: 29%; }

  .homeMidText a {
    display: block;
    margin: 20px auto;
    float: none !important;
  }
  .MediaArticleSection > div:nth-child(3n+1) {
    clear: both;
  }
  #homePage .storiesVideo div:nth-child(2n+1) {
    clear: both;
  }
  .MediaText {
    padding-left: 15px;
    padding-right: 300px;
  }
  .aboutWrapper {
    padding-right: 300px;
  }
  .footerlinks {
    text-align: left;
  }
}

@media screen and (min-width: 1500px) {
  .homeMidText a {
    display: inline-block;
    margin: 30px auto 0 auto;
  }
  .homeMidText a.pull-left {
    float: left !important;
  }
  .homeMidText a.pull-right {
    float: right !important;
  }
  .MediaText {
    padding-left: 15px;
    padding-right: 150px;
  }
  .aboutWrapper {
    padding-right: 150px;
  }
}

@media screen and (min-width: 1750px) {
  .MediaArticleSection > div:nth-child(3n+1) {
    clear: none;
  }
  #homePage .storiesVideo div:nth-child(2n+1) {
    clear: none;
  }
  .MediaText {
    padding-left: 15px;
    padding-right: 15px;
  }
  .aboutWrapper {
    padding-right: 15px;
  }
}

/**
  * John Edit: end;
  */

@media (min-width:  780px)
{
  #home {
    height:100%;
    background-image: url(/static/Back9-First/Cows-grazing-_Hero_Image.jpg);
    background-size: cover;
    background-repeat: no-repeat;   
  }

  .homeRightText {
    width: 300px !important;
    position: absolute;
    right:0;
    top:20%;
    background-image: url(/static/Back9-First/CGEC_Home-Nav.svg);
    /*background-size: 120% 80%;*/
    background-repeat:  no-repeat;
    background-size: cover;
    /*background-position:  right;*/
    margin:0; 
    padding: 10px 0;
    /*padding:60px;*/
    /*margin-right: -80px;*/
    z-index: 10;
    transition: top .7s;
  }




}



@media (max-width:  780px)
{
  #home {
    background-image: url(/static/Back9-First/Cows-grazing-_Hero_Image.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat; 
    height:1000px!important;  
  }

  .homeRightBottom1, .homeRightBottom2 {
    color: grey;

  }

  #videoModal .modal-body .prev {
    left:10%;
    z-index: 2000;
  }
  #videoModal .modal-body .next {
    right:10%;
    z-index: 2000;
  }
}

@media (max-width:  1200px)
{
  .homeRightText {
    display: none!important;
  }

}

@media screen and (max-width: 1200px) {
  .thumbnail {
    min-height: 370px;
  }
}
@media screen and (min-width: 1201px) {
  .thumbnail {
    min-height: 450px;

  }
}