body{
font-family:'Open Sans', sans-serif;
background-image:url(/site/humphrey-landscaping-background.jpg);
background-size:cover;
background-attachment:fixed;
margin-top: 7rem;
}
.page-wrap{
background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(/site/top-bg.jpg) no-repeat top left;
background-size:100% 15%;
box-shadow:0 5px 10px rgba(0,0,0,0.4);
background-color:#fff;
padding-top:10px;
}
.social { text-align:left; }
.home .page-wrap { padding-top:0px; }
.fadeOutUp { display: none; }
#navtext { display:none; }
.sidebar, .main-content { padding:15px; }
.container { background-color:transparent; }
h1, h2, h3, h4 {
  font-family:'Raleway', sans-serif;
  font-weight:normal;
margin:0px 0px 20px;
}
.top-info {
    text-align: right;
    z-index: 9999;
  position:fixed;
  padding-top:5px;
  right:5%;
  top: 0;
}
.top-info p, .top-info-2 p{
color:#733B54;
font-size:20px;
}
.top-info-2 p{
padding:10px;
position: relative;
text-align:center;
display:none;
}
.top-info-2{
height:50px;
}
img.img-responsive{
display:block!important;
}
img#trusted{
max-height:200px;;
}
.animated{
animation-duration: .25s!important;
}

footer{
background:#cef580;
background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(/site/bottom-bg.jpg) no-repeat bottom left;
background-size:100% 100%;
}
footer p{
padding-top:30px;
color:#000;
}
footer p.login{
padding-top:15px;
padding-bottom:30px;
}

/*------------ Carousel ------------------*/
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}
.carousel {
}
.carousel-indicators { display:none; }
.carousel-control.left, .carousel-control.right { background:transparent; }
.carousel-bg>.container.container-fluid{
width:100%;
padding-left:0;
padding-right:0;
}
.carousel-inner > .item > img{
width:100%;
margin-top:91px;
}
.swiper-caption {
  border-radius: 5px;
  bottom: 60px;
  left: 20%;
  /* padding: 2% 0 0%; */
  right: 20%;
  text-shadow: 2px 2px 3px black;
  background: rgba(0,0,0,0.4);
}
.swiper-caption h3{
  font-size: 2.9em;
  line-height:2;
  font-weight:bold;
}
.swiper-caption > p {
  font-size: 2.0em;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-inner img {
  width:100%;
}
/*
#carousel_1 .carousel-caption h3:after{
font-family:FontAwesome;
content:' \f015';
color:#EDF9D7;
}
#carousel_2 .carousel-caption h3:after{
font-family:FontAwesome;
content:' \f1b9';
color:#EDF9D7;
}
#carousel_3 .carousel-caption h3:after{
font-family:FontAwesome;
content:' \f1ad';
color:#EDF9D7;
}
#carousel_4 .carousel-caption h3:after{
font-family:FontAwesome;
content:' \f21c';
color:#EDF9D7;
}
*/

.carousel-indicators li, carousel-caption {
top:90%;
}

.carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-inner .active {
  opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-inner .next.left,
 .carousel-inner .prev.right {
  opacity: 1;
}
 .carousel-control {
  z-index: 2;
}
.swiper-caption{
display:block;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
   .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
   .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



/*------------ Navbar ------------------*/

.navbar{
background:#eee;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
border-radius:0;
margin-bottom:0;
box-shadow:0 3px 10px rgba(0,0,0,0.3);
}
.navbar > container{
max-width:100%;
width:100%;
}

.navbar-nav>li> a {
    padding-top: 55px !important;
    padding-bottom: 15px !important;
    font-size: 18px;
color:#333!important;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;

}

.navbar .navbar-toggle {
  margin: 26px 20px 26px 0;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.navbar .navbar-brand img{
  width:200px!important;
  margin-top:5px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    position:absolute;
    top:0;
}
.navbar.navbar.shrink {
  min-height: 35px;
}

.navbar.shrink .navbar-nav>li>a {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  font-size: 15px;

}
.navbar.shrink .navbar-brand img{
  width:150px!important;
margin-top:-10px;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.navbar.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 15px 15px 8px 0;
}
.navbar-nav>li> a { 
color:#fff; 
}

.navbar-nav>li> a:hover, .navbar-nav>li> a.active { 
color:#467348!important; 
/*background:#eee!important; #7FB0CC*/
text-decoration:underline;
}

.navbar .dropdown-menu>li> a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.navbar { padding-left:15px; padding-right:15px; }
.main-content { margin:0 30px 20px 30px; }

@media (max-width:1200px) {
.swiper-caption { bottom:60px; right:20%; left:20%; }
.swiper-caption h3 { font-size: 2.5em; line-height:1.5; }
.carousel-bg { overflow:hidden; }
footer .row { margin-left:0; margin-right:0; }
.top-info { right:5%; }
.page-wrap { background-size:100% 5%; }
.container { width:100%; padding-left:0; padding-right:0; }
row { margin-left:0; margin-right:0; }
}

@media (max-width:992px) {
body { background:none; }
.swiper-caption { bottom:60px; right:15%; left:15%; }
.swiper-caption h3 { font-size: 2.5em; line-height:1.5; }
.top-info { right:15px; }
.top-info p { font-size:16px; }
.navbar-toggle { margin:0 20px!important; }
.navbar.navbar>.container.container-fluid { padding-left:0; padding-right:0; width:100%; }
.navbar .navbar-brand img { width:200px!important; padding-top:15px; }
.navbar.shrink .navbar-brand img { padding-top:0; }
.navbar-nav>li>a { font-size:16px; }
.page-wrap { background-size:100% 5%; }
}

@media (max-width:767px) {
.main-content { margin: 0 5px; }
#navlogo { display:none; }
#navtext { display:block; }
.navbar { padding:10px; }
.swiper-caption { display:none; }
.top-info { display:none; }
.carousel-inner > .item > img { width:100%; margin-top:50px; }
.top-info-3 p { color:#733B54; padding-top:15px; font-size:14px; }
.page-wrap { background-size:100% 5%; }
.navbar-nav > li > a { padding-top: 0px!important; text-align: center; }
.dropdown-menu { left: 25% !important; float: none; margin: 2px auto; text-align: center; }
.side, .social { text-align:center; }
body { margin-top:2rem; }
}
@media (max-width: 380px) {
.navbar-brand { font-size:0.9em; }
}