@charset "utf-8";
/* Custom CSS */
body{padding-top: 4.0rem;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #888;
	line-height: 30px;
	text-align: center;
	                   }

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


.starter-template{
	padding: 1.5rem 1.5rem;
	
}
/* Navbar CSS */

.bg-dark{
	background-color:#4C7C03!important;
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.55);
       -moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.55);
            box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.55);
}

.navbar-dark .navbar-nav .nav-link{
	color: #fff!important;
	
}

.navbar-dark .navbar-nav .nav-link:hover{
            border-bottom: 1px solid #fff;
}
.active{
	border-bottom: 1px solid #fff;
}


/* Carousel CSS */
.carousel-caption{
	padding-bottom: 4%; 
}

.carousel-caption h3{
	font-size: 4vw;
	font-weight: bold;
	color: aliceblue;
	text-shadow: 2px 2px 4px #000000;
}

.carousel-caption p{
	font-size: 1.0vw;
	text-shadow: 2px 2px 4px #000000;
}



#testimonials img {
  margin-top: -50px;
align-content: center;}
#testimonials .card:hover {
  background: #4C7C03;
  color: #fff; }
#testimonials .fab {
  color: #fff; }



/*****Services cards *****/


#services div [class^="col-"]{
  padding-left:5px;
  padding-right:5px;
}
#services .card{
  transition:0.5s;
  cursor:pointer;
}
#services .card-title{  
  font-size:15px;
	color:#454243;
	transition:1s;
  cursor:pointer;
}
#services .card-title i{  
  font-size:15px;
  transition:1s;
  cursor:pointer;
  color:#ffa710
}
#services .card-title i:hover{
  transform: scale(1.25) rotate(100deg); 
  color:#18d4ca;
  
}
#services .card:hover{
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
}
#services .card-text{
  height:80px;  
}

#services .card::before, .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform .3s ease-out 0s;
  background: rgba(255, 255, 255, 0.1);
  content: '';
  pointer-events: none;
}
#services .card::before {
  transform-origin: left top;
}
#services .card::after {
  transform-origin: right bottom;
}
#services .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
  transform: scale3d(1, 1, 1);
}






/* Parallax CSS */
#plx{
	background: url("../img/leroy.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	}
.wtitle{
	padding: 150px 20px;
	
}


.wtitle h2{
	font-size:36px;
	font-weight: bold;
	color: bisque;
	text-shadow: 2px 2px 4px #000000;
                                      }

/*ZoomIn Hover Effect*/
    .hover-zoomin a {
      display: block;
      position: relative;
      overflow: hidden;
	 
    }
    .hover-zoomin img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
	  box-shadow:5px 5px 5px #999;
    }
    .hover-zoomin:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }


/* Jumbotron CSS */

#jumbo{background: rgb(255,255,255);

	
}

#jumbo h2{text-align: center;}

#jumbo p{text-align: left;}

.cert{max-height: 250px;}




/* Overlay CSS */

.ovl{opacity: 0;
	transition:0.75s;
	
	}
.ovl:hover{opacity:1;
	       background:rgb(0, 0, 0, .6);
	
}


.revs{
	padding: 100px;
	
}

.active {
	border: none;
}




.nomarker {
  color: #4C7C03!important;
	text-align: left!important;
}

.nomarker span {
  color: #585757!important;
	
}


/* hover zoom  */

.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}


.cpt{
	padding-top: 50px;
}
.ftaw i{
	font-size: 50px;
	padding: 15px;
	color: #FFFFFF;
}

.btt{
	display: none;
	background: #4c7c037a;
	width: 65px;
	position: fixed;
	right: -12px;
	bottom: 19px;
	z-index: 9998;
	border: 2px solid #fff;
	border-radius: 10px;
	
	
}

.btt:hover{
	background:#4c7c03;
	box-shadow: 5px 10px 25px #555;
}

.btt i{
	color: #ffffff7a;
	font-size: 45px;
	padding: 7px;
}

.btt i:hover{
	color: #fff;
}

.hide {
  opacity: 0;
  
}
.show {
  opacity: 1;
	display: block;
 
}


/***** Footer *****/

.footer-top { padding: 60px 0; background: #333; text-align: left; color: #aaa; }
.footer-top h3 { padding-bottom: 10px; color: #fff; }

.footer-about img.logo-footer { max-width: 174px; margin-top: 0; margin-bottom: 18px; }
.footer-about p a { color: #aaa; border-bottom: 1px dashed #666; }
.footer-about p a:hover, .footer-about p a:focus { color: #fff; border-color: #aaa; }

.footer-contact p { word-wrap: break-word; }
.footer-contact i { padding-right: 10px; font-size: 18px; color: #666; }
.footer-contact p a { color: #aaa; border-bottom: 1px dashed #666; }
.footer-contact p a:hover, .footer-contact p a:focus { color: #fff; border-color: #aaa; }

.footer-social a { display: inline-block; margin-right: 20px; margin-bottom: 8px; color: #777; border: 0; }
.footer-social a:hover, .footer-social a:focus { color: #aaa; border: 0; }
.footer-social i { font-size: 24px; vertical-align: middle; }

.footer-bottom { padding: 15px 0; background: #444; text-align: left; color: #aaa; }

.footer-copyright p { margin: 0; padding: 0.5rem 0; }
.footer-copyright a { color: #fff; border: 0; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; border: 0; }

/* footer navbar */
.navbar { padding: 0; background: #444; backface-visibility: hidden; }

.navbar-dark .navbar-nav { font-size: 15px; color: #fff; font-weight: 400; }
.navbar-dark .navbar-nav .nav-link { color: #fff; border: 0; }
.navbar-dark .navbar-nav .nav-link:hover { color: #aaa; }
.navbar-dark .navbar-nav .nav-link:focus { color: #aaa; outline: 0; }

.navbar-expand-md .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; }