body {
  padding: 1em;
}

/*row 1*/
nav .btn-group {
  margin: 0.8rem 2rem 0 0;
}

@media(max-width: 48em){
  nav .btn-group {
    position: absolute;
    top: 0;
    right: 4em;
  }
}

header span.animated {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  bottom: 50px;
  height: 4px;
  width: 4px;
  border-radius: 2px;
  background: #fff;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}

/*row 2*/
section#intro-header {
  background-color: #e5f4d0 ;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 1em;
}

section#intro-header .wrap-headline {
  position: relative;
 
}

section#intro-header h1,
section#intro-header h2 {
  color: #00a61c;
}

section#intro-header h2 {
  font-size: 1.5rem;
}

section#intro-header hr {
  width: 10%;
}

section#intro-header .button {
   
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-top: 40px;
    padding: 18px;
    border: 1px solid #008516;
    border-radius: 8px;
    background: #00d824;
    background: -webkit-gradient(linear, left top, left bottom, from(#00d824), to(#008516));
    background: -moz-linear-gradient(top, #00d824, #008516);
    background: linear-gradient(to bottom, #00d824, #008516);
    -webkit-box-shadow: #00c722 0px 0px 40px 0px;
    -moz-box-shadow: #00c722 0px 0px 40px 0px;
    box-shadow: #00c722 0px 0px 40px 0px;
    text-shadow: #00530e 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
section#intro-header .button:hover,
section#intro-header .button:focus {
    border: 1px solid #00a61c;
    background: #00ff2b;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ff2b), to(#00a01a));
    background: -moz-linear-gradient(top, #00ff2b, #00a01a);
    background: linear-gradient(to bottom, #00ff2b, #00a01a);
    color: #ffffff;
    text-decoration: none;
}
section#intro-header .button:active {
    background: #008516;
    background: -webkit-gradient(linear, left top, left bottom, from(#008516), to(#008516));
    background: -moz-linear-gradient(top, #008516, #008516);
    background: linear-gradient(to bottom, #008516, #008516);
}
section#intro-header .button:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABZElEQVRIibXVv0ocURQG8J+XYTEbixTLkiZgJVvY+Qa+QAhIqlTmSQL2IYQ8gFho5wOkSW+ZIimtXBUJQv6sSpykuDPs7LIzcxd2PviYO8x3/tw7556zhqBDlM7zmu/5KtbzOwirXGeVl02MMMQz9PEUvUKXmcXfgg/4jT+4xTW+47wUZviAR/xbER8LnxnsrdDxPF8HvNKOywTNIrwM4rk34QQv8BY3SwYYwVjzNj8W4iAWwGGLvsox3CcGKBGwi28JASZBLMM2hArhC3ZwgLsGu3UJWVSPyNw6YBs/6+yX6UN1LaERqQHCAvbxDmfYqDPMxKve9h/ywmn53MUnbLXY3QX8aM1/GuS5WKafE5zDbcBFi2gg7nQfX/EmMSGl72PtlXSVoFnEo4DThEyGS2RdxSndtev3CGumpbopNqeBOHA28ESssJ7Zm5wXfCg4wS9x4NyYDpycjod+dQx2FqjTof8f/DjBet2nw0oAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

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


#nav-menu {
  margin-right: 1rem;
}


/*row3 and row4*/
section#about img {
  margin-top: .5rem;
  margin-bottom: .5rem;
  border-left: 1rem;
}
section#about h2,
section#about h3,
section#about h4 {
  margin-top: 2rem;
  color: #3d6832;
  padding-left: 2rem;
}
section#about a {
  text-decoration: none;
  text-align: center;
  color: #202020;
  font-weight: bold;

}

section#commercial h2,
section#commercial h3,
section#commercial h4 {
  margin-top: 1rem;
  color: #3d6832;
  padding-left: 2rem;
}
section#commercial h5{
  color:  #3d6832;
  padding-left: 2rem;
}

section#residential h2,
section#residential h3,
section#residential h4 {
  margin-top: 1rem;
  color: #3d6832;
  padding-left: 2rem;
}
section#residential h5{
  color:  #3d6832;
  padding-left: 2rem;
}
section#products h2,
section#products h3,
section#products h4 {
  margin-top: 1rem;
  color: #3d6832;
  padding-left: 2rem;
}
section#products h5{
  color:  #3d6832;
  padding-left: 2rem;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin-top:20em !important;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
  border: 0;
  height: 0;
  box-shadow: 0 0 10px 1px black;
}


/*contact page*/


section#contact h2,
section#contact h3,
section#contact h4 {
  margin-top: 1rem;
  color: #3d6832;
  padding-left: 2rem;
}
section#contact h5{
  color:  #3d6832;
  padding-left: 2rem;
}
section#features {
  background-color: #eef2f5;
  border-top: 0.1rem solid #e9e9e9;
  border-bottom: 0.1rem solid #e9e9e9;
}

section#features * {
  color: #657C8E;
}

section#features .feature {
  padding-top: 2rem;
  padding-bottom: 4rem;
  text-align: center;
}

section#features .glyphicon {
  font-size: 2rem;
}

section#features .glyphicon-heart {
  color: #E04C4C;
}

section#features .feature-tag {
  max-width: 10.7em;
  display: inline-block;
  text-align: left;
  margin-left: 1.5em;
  font-size: 1.7rem;
}

/*row 7 and row 8*/
section#pricing .center-block {
  width: 90%
}

section#pricing h3.price-headline {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

section#pricing .white-text {
  color: #FFF;
}

section#pricing thead .success {
  background-color: #78CFBF;
}

section#pricing thead .info {
  background-color: #3EC6E0;
}

section#pricing thead .danger {
  background-color: #E3536C;
}

section#pricing tbody .success {
  background-color: #82DACA;
}

section#pricing tbody .info {
  background-color: #53CFE9;
}

section#pricing tbody .danger {
  background-color: #EB6379;
}
/* Gibson Buttons */
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
  position: relative;
  display: block;
  margin: 30px auto 0;
  padding: 14px 15px;
  color:  #000;
  font-size:12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  border-radius: 0;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 150%;
  z-index: -1;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
  color: #000;
  text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
  height: 450%;
}
a.animated-button:link, a.animated-button:visited {
  position: relative;
  display: block;
  margin: 30px auto 0;
  padding: 14px 15px;
  color: #000;
  font-size:12px;
  border-radius: 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  letter-spacing: .08em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}


/* Victoria Buttons */

a.animated-button.victoria-one {
  border: 2px solid #00a61c;
}
a.animated-button.victoria-one:after {
  background: #00a61c;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


/* footer */
footer {
  background-color: #191919;
  color: #ADADAD;
  margin-top: 3em;
}

footer h5,
footer img {
  margin-top: 5em;
  font-weight: bold;
}

footer address {
  margin-top: 5em;
  margin-bottom: 5em;
  color: #5A5A5A;
}

footer ul {
  margin-bottom: 5em;
}

footer address strong {
  color: #ADADAD;
  display: block;
  padding-bottom: 0.62em;
}

footer a {
  font-weight: 300;
  color: #5A5A5A;
}

footer a:hover {
  text-decoration: none;
  color: #FFF;
}

/* section team */
section#team ul {
  margin: 5rem 0;
}

section#team li {
  margin: 0 5rem;
}

section#team h5 {
  font-size: 1.5rem;
  font-weight: bold;
}
hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}


.row {
  margin: 0.5rem;
}

.shadow {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0, 0.2), 0px 4px 5px 0px rgba(0,0,0, 0.14), 0px 1px 10px 0px rgba(0,0,0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  &:hover {
    box-shadow: 0px 11px 15px -7px rgba(0,0,0, 0.2), 0px 24px 38px 3px rgba(0,0,0, 0.14), 0px 9px 46px 8px rgba(0,0,0, 0.12);
  }
}
.box {
  background: #8AC2E6;
  border-radius: 0.3rem;
  padding: 1rem;
  margin-top: 1rem;
}


/* change the background color */
.navbar-custom {
    background-color: #8afa8c;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #067600;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #838383;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #525252;
}

.hidden-element {
  display: none;
}