body{overflow-x:hidden;
  font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif}

.text-muted{
  color:#777
}

.text-primary{
  color:#1c5e20
}

p{

font-size:14px;
line-height:1.75
}


p.large{
  font-size:16px
}

a,a:hover,a:focus,a:active,a.active{
  outline:0
}

a{
  color:#1c5e20
}

a:hover,a:focus,a:active,a.active{
  color:#43a047
}

h1,h2,h3,h4,h5,h6{
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:700
}

.img-centered{
  margin:0 auto
}

.bg-light-gray{
  background-color:#f7f7f7
}

.bg-darkest-gray{
  background-color:#222
}

.btn-primary{
    color:#fff;
    background-color:#1c5e20;
    border-color:#1c5e20;
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;font-weight:700

  }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,.open.dropdown-toggle.btn-primary{
color:#fff;
background-color:#43a047;
border-color:#2e7d32
}
.btn-primary:active,
.btn-primary.active,.open .dropdown-toggle.btn-primary{
  background-image:none
}

.btn-primary.disabled,
.btn-primary[disabled],fieldset[disabled] 
.btn-primary,.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,fieldset[disabled]
.btn-primary:hover,.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,fieldset[disabled].btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled].btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,fieldset[disabled]
.btn-primary.active{
background-color:#1c5e20;
border-color:#1c5e20}

.btn-primary.badge{
color:#1c5e20;
background-color:#fff}

.btn-xl{
color:#fff;
background-color:#1c5e20;
border-color:#1c5e20;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
border-radius:10px;
font-size:18px;
padding:20px 40px

}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open.dropdown-toggle.btn-xl{
color:#fff;
background-color:#43a047;
border-color:#2e7d32
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl{
background-image:none
}

.btn-xl.disabled,.btn-xl[disabled],
fieldset[disabled] 
.btn-xl,.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] 
.btn-xl:hover,.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled]
.btn-xl:focus,
.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] 
.btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] 
.btn-xl.active{
background-color:#1c5e20;
border-color:#1c5e20
}

.btn-xl.badge{
color:#1c5e20;
background-color:#fff
}

.navbar-default{
background-color:#222;
border-color:transparent
}


.navbar-default .navbar-brand{
  color:#1c5e20;
  font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive

}

.navbar-default.navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active{
color:#43a047
}

.navbar-default.navbar-collapse{
  border-color:rgba(255,255,255,.02)
}

.navbar-default.navbar-toggle{
  background-color:#1c5e20;
  border-color:#1c5e20
}

.navbar-default.navbar-toggle.icon-bar{
background-color:#fff}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background-color:#1c5e20
}

.navbar-default
.nav li a{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
color:#1c5e20
}

.navbar-default 
.nav li a:hover,
.navbar-default 
.nav li a:focus{

color:#1c5e20;
outline:0
}

.navbar-default 
.navbar-nav>.active>a{
border-radius:0;
color:#fff;
background-color:#1c5e20
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
color:#fff;
background-color:#43a047

}
@media (min-width:768px){
.navbar-default{

  background-color:transparent;
  padding:20px 0;
  -webkit-transition:padding .3s;
  -moz-transition:padding .3s;
  transition:padding .3s;border:0

}
.navbar-default .navbar-brand{
    font-size:2em;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
  }

.navbar-default .navbar-nav>.active>a{
  border-radius:3px

}.navbar-default.navbar-shrink{
  background-color:#222;
  padding:10px 0
}

.navbar-default.navbar-shrink .navbar-brand{
  font-size:1.5em
}}

header{
background-image:url(../img/header-bg.gif);
background-repeat:none;
background-attachment:scroll;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
text-align:center;
color:#333

}


header .intro-text{
  padding-top:100px;padding-bottom:50px
}


header .intro-text .intro-lead-in{
  font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style:italic;
  font-size:22px;
  line-height:22px;
  margin-bottom:25px

}

header .intro-text .intro-heading{
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:700;
  font-size:50px;
  line-height:50px;
  margin-bottom:25px

}

@media (min-width:768px){

  header .intro-text{
    padding-top:200px;
    padding-bottom:250px

  }header .intro-text .intro-lead-in{
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:40px;
    line-height:40px;
    margin-bottom:25px
  }

  header .intro-text .intro-heading{
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:500;
    font-size:65px;
    line-height:55px;
    margin-bottom:40px
  }}

  section{
    padding:100px 0
  }
  section h2.section-heading{
    font-size:40px;
    margin-top:0;
    margin-bottom:15px
  }

  section h3.section-subheading{
    font-size:16px;
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight:300;
    margin-bottom:65px
  }
  @media (min-width:768px){

    section{padding:80px 0}}
    .service-heading{margin:10px 0;
      text-transform:none
    }

    #portfolio .portfolio-item{
      margin:0 0 15px;right:0
    }
    #portfolio .portfolio-item .portfolio-link{
      display:block;
      position:relative;
      max-width:400px;
      margin:0 auto
    }

    #portfolio .portfolio-item .portfolio-link .portfolio-hover{
      background:rgba(67,160,71,0.9);
      position:absolute;
      width:100%;
      height:90%;
      opacity:0;
      transition:all ease .5s;
      -webkit-transition:all ease .5s;
      -moz-transition:all ease .5s
    }

    #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{
      opacity:1
    }

    #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
      position:absolute;
      width:100%;
      height:20px;
      font-size:20px;
      text-align:center;
      top:50%;margin-top:-12px;
      color:#fff
    }
    #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
    #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
    #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
    #portfolio .portfolio-item .portfolio-caption{
      max-width:400px;margin:0 auto;
      background-color:#fff;
      text-align:center;
      padding:25px
    }

    #portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}
    #portfolio .portfolio-item .portfolio-caption p{
      font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
      font-style:italic;
      font-size:16px;
      margin:0
    }

    #portfolio *{z-index:2}@media (min-width:767px){
      #portfolio .portfolio-item{margin:0 0 30px}}
      .timeline{list-style:none;padding:0;position:relative}
      .timeline:before{
        top:0;bottom:0;
        position:absolute;
        content:"";width:2px;
        background-color:#f1f1f1;
        left:40px;
        margin-left:-1.5px

      }

        .timeline>li{
          margin-bottom:50px;
          position:relative;
          min-height:50px

        }

        .timeline>li:before,.timeline>li:after{
          content:" ";display:table
        }

        .timeline>li:after{clear:both}
        .timeline>li .timeline-panel{
          width:100%;float:right;
          padding:0 20px 0 100px;
          position:relative;
          text-align:left}
          .timeline>li .timeline-panel:before{
            border-left-width:0;
            border-right-width:15px;
            left:-15px;
            right:auto}

            .timeline>li .timeline-panel:after{
              border-left-width:0;
              border-right-width:14px;
              left:-14px;right:auto


            }


            .timeline>li .timeline-image{
              left:0;
              margin-left:0;
              width:80px;
              height:80px;
              position:absolute;
              z-index:100;
              background-color:#1c5e20;
              color:#fff;
              border-radius:100%;
              border:7px solid #f1f1f1;
              text-align:center

            }

            .timeline>li .timeline-image h4{
              font-size:10px;
              margin-top:12px;
              line-height:14px


            }

            .timeline>li.timeline-inverted>.timeline-panel{
              float:right;
              text-align:left;
              padding:0 20px 0 100px

            }

            .timeline>li.timeline-inverted>.timeline-panel:before{
              border-left-width:0;
              border-right-width:15px;
              left:-15px;
              right:auto

            }.timeline>li.timeline-inverted>.timeline-panel:after{
              border-left-width:0;
              border-right-width:14px;
              left:-14px;
              right:auto

            }


            .timeline>li:last-child{margin-bottom:0}
            .timeline .timeline-heading h4{margin-top:0;color:inherit}
            .timeline .timeline-heading h4.subheading{text-transform:none}
            .timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
            
            @media (min-width:768px){.timeline:before{left:50%}
              .timeline>li{margin-bottom:100px;min-height:100px}
              .timeline>li .timeline-panel{
                width:41%;
                float:left;
                padding:0 20px 20px 30px;
                text-align:right

              }

              .timeline>li .timeline-image{
                width:100px;
                height:100px;
                left:50%;
                margin-left:-50px

              }

              .timeline>li .timeline-image h4{
                font-size:13px;
                margin-top:16px;
                line-height:18px

              }

              .timeline>li.timeline-inverted>.timeline-panel{
                float:right;
                text-align:left;
                padding:0 30px 20px 20px}}

                @media (min-width:992px){
                  .timeline>li{min-height:150px}
                  .timeline>li .timeline-panel{
                    padding:0 20px 20px
                  }
                    .timeline>li .timeline-image{
                      width:150px;
                      height:150px;
                      margin-left:-75px

                    }.timeline>li .timeline-image h4{
                      font-size:18px;
                      margin-top:30px;
                      line-height:26px}
                      .timeline>li.timeline-inverted>.timeline-panel{
                        padding:0 20px 20px}}

                        @media (min-width:1200px){
                          .timeline>li{min-height:170px}
                          .timeline>li .timeline-panel{padding:0 20px 20px 100px}
                          .timeline>li .timeline-image{
                            width:170px;
                            height:170px;
                            margin-left:-85px

                          }

                          .timeline>li .timeline-image h4{margin-top:40px}
                          .timeline>li.timeline-inverted>.timeline-panel{
                            padding:0 100px 20px 20px}}
                            .team-member{text-align:center;margin-bottom:50px}
                            .team-member img{margin:0 auto;border:7px solid #fff}
                            .team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}
                            .team-member p{margin-top:0}aside.clients img{margin:50px auto}


                            section#contact{
                              background-color:#222;
                              background-image:url(../img/map-image.png);
                              background-position:center;
                              background-repeat:no-repeat

                            }


                            section#contact .section-heading{color:#fff}
                            section#contact .form-group{margin-bottom:25px}
                            section#contact .form-group input,section#contact .form-group textarea{padding:20px}
                            section#contact .form-group input.form-control{height:auto}
                            section#contact .form-group textarea.form-control{height:236px}
                            section#contact .form-control:focus{border-color:#1c5e20;box-shadow:none}
                            section#contact ::-webkit-input-placeholder{
                              font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                              text-transform:uppercase;
                              font-weight:700;
                              color:#bbb

                            }section#contact :-moz-placeholder{
                              font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                              text-transform:uppercase;
                              font-weight:700;
                              color:#bbb

                            }


                            section#contact ::-moz-placeholder{
                              font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                              text-transform:uppercase;
                              font-weight:700;
                              color:#bbb

                            }


                            section#contact :-ms-input-placeholder{
                              font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                              text-transform:uppercase;
                              font-weight:700;
                              color:#bbb

                            }

                            section#contact .text-danger{color:#e74c3c}
                            footer{padding:25px 0;text-align:center}
                            footer span.copyright{
                              line-height:40px;
                              font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                              text-transform:uppercase;
                              text-transform:none}

                              footer ul.quicklinks{
                                margin-bottom:0;
                                line-height:40px;
                                font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
                                text-transform:uppercase;
                                text-transform:none}

                                ul.social-buttons{margin-bottom:0}
                                ul.social-buttons li a{
                                  display:block;
                                  background-color:#222;
                                  height:40px;
                                  width:40px;
                                  border-radius:100%;
                                  font-size:20px;
                                  line-height:40px;
                                  color:#fff;outline:0;
                                  -webkit-transition:all .3s;
                                  -moz-transition:all .3s;
                                  transition:all .3s

                                }


                                ul.social-buttons li a:hover,
                                ul.social-buttons li a:focus,
                                ul.social-buttons li a:active{background-color:#1c5e20}
                                .btn:focus,
                                .btn:active,.btn.active,
                                .btn:active:focus{outline:0}

                                .portfolio-modal .modal-content{
                                 /*border-radius: 16px;           */
                                 background: #ffffff;            
                                 padding: 40px 30px;
                                 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); 
                                 border: none;
                                 overflow-y: auto; 
                                 position: relative;
                                 transition: all 0.3s ease-in-out;

                                }

                                .portfolio-modal .modal-content h2{
                                /* Title and Description */
                                .portfolio-modal h2 {
                                  font-weight: 500;
                                  font-size: 2rem;
                                  text-transform: uppercase;
                                  color: #333;
                                  margin-bottom: 10px;
                                  margin-top: 10px;
                                  text-align: center;

                                }

                                .portfolio-modal .modal-content p{margin-bottom:30px}
                                .portfolio-modal .modal-content p.item-intro{
                                  margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
                                  font-style:italic;
                                  font-size:16px;
                                  color: #777;
                                  margin-bottom: 20px;
                                  text-align: center

                                }

                                .portfolio-modal .modal-content ul.list-inline{
                                  margin-bottom:30px;
                                  margin-top:0
                                }

                                .portfolio-modal .modal-content img{
                                  border-radius: 10px;
                                  margin-bottom: 20px
                                }
                                .portfolio-modal .close-modal{
                                  position:absolute;
                                  width:75px;
                                  height:75px;
                                  background-color:transparent;
                                  top:25px;right:25px;
                                  cursor:pointer

                                }

                                .portfolio-modal .close-modal:hover{

                                  background: #fff;
                                }
                                .portfolio-modal .close-modal .lr{
                                  height:75px;
                                  width:1px;
                                  margin-left:35px;
                                  background-color:#222;
                                  transform:rotate(45deg);
                                  -ms-transform:rotate(45deg);
                                  -webkit-transform:rotate(45deg);
                                  z-index:1051

                                }

                                .portfolio-modal .close-modal .lr .rl{
                                  height:75px;
                                  width:1px;
                                  background-color:#222;
                                  transform:rotate(90deg);
                                  -ms-transform:rotate(90deg);
                                  -webkit-transform:rotate(90deg);
                                  z-index:1052

                                }

                                .portfolio-modal .modal-backdrop{
                                  opacity:0;
                                  display:none

                                }

                                /* Image Styling */
                                .portfolio-modal img.img-responsive {
                                  border-radius: 20px;
                                  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
                                  margin-bottom: 20px;
                                }
                                ::-moz-selection{text-shadow:none;background:#1c5e20}
                                ::selection{text-shadow:none;background:#1c5e20}
                                img::selection{background:0 0}
                                img::-moz-selection{background:0 0

                                }
                                body{webkit-tap-highlight-color:#1c5e20}