body{
    background: #8999A8;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'times new roman', times;
	}
	
/* reset doc */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	letter-spacing:2px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.center {
 text-align:center;
 }


/* navigation */
.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: translateY(-100%);
  transition-property: transform;
  transition-duration: 0.4s;
}
 
.cd-primary-nav.is-visible {
  transform: translateY(0);
}

.cd-header {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  width: 100%;
  transition: background-color 0.7s;
}
 
.cd-header.is-fixed {
  /* when the user scrolls down, we hide the header right above the viewport */
  position: fixed;
  top: -90px;
  transition: transform 0.7s;
  z-index:9999;
}
 
.cd-header.is-visible {
  /* if the user changes the scrolling direction, we show the header */
  transform: translate3d(0, 100%, 0);
}

@media (max-width: 600px){
.preheader{
 display:none;
 }}
 
.preheader{
 position: relative;
 font-size: 13px;
 padding: 7px 10px;
 background: #313230;
 color: #ffffff;
 font-family: 'Roboto', sans-serif;
 height:40px;
 border-bottom:5px solid #7aba1e;
}

.preheader li {
float:left;
margin:0px 10px;
}

.preheader a{
 color:white;
 }
 
.preheader a:hover{
 color:green;
 text-decoration:none;
 }

.navbar{
 margin-top:20px;
 }
 
 .navbar-header .navbar-brand{
 font-size:36px; 
 line-height:36px;
 padding:0px;
 font-family:times new roman;
 font-weight:600;
 }
 
.is-fixed{
 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) 
 }
 
.is-fixed .navbar-brand{
 font-size:20px;
 line-height:20px;
 padding-top:16px;
}

 @media (max-width: 990px){
.is-fixed{
 top:-156px !important;
}
.navbar-brand{
 font-size:20px !important;
 line-height:20px !important;
}
}

 @media (max-width: 776px){
.navbar-brand{
 height:46px !important;

}
.is-fixed{
 top:-88px !important;
}
}
 	
 	
 	
 	
.navbar, .dropdown-menu{
background:white;
border: none;
}

.nav{
 text-transform:uppercase;
 font-weight:600; 
 }
.nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  border-bottom: 3px solid transparent;
}
.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  border-bottom: 3px solid transparent;
  background: white;
}
.navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
 color: black;
}
.dropdown-menu{
      -webkit-box-shadow: none;
    box-shadow:none;
}

.nav li{
  border-bottom: white 2px solid;
  border-top: white 2px solid;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
  }
.nav li:hover{
  color:green;

}
.nav li.active{
  border-bottom: #7aba1e 1px solid;
  border-top: #7aba1e 1px solid;
  color:green;
}

.active a{
	color:green;
	}


.navbar-toggle .icon-bar{
    color: black;
    background: green;
}

/* intro */

.intro-pic {

background-image: url('../img/home1.jpg');
background-size:cover;background-repeat:no-repeat;
height:100%;
display:block;
overflow:hidden;
transform: scale(1);
transition: ease 6s;
}

#intro {
	background-color:#9a9a9a;

height:70vh;
display:block;
overflow:hidden;
}

.intro-pic:hover {
  transition: ease 10s;
   transform: scale(1.3);
   overflow:hidden;
}

/* services */
@media (max-width: 550px){
h1{
   font-size:20px !important;
   }
}   

.icon-box{
position: absolute;
    top: -45px;
    right: 50%;
    margin-right: -45px;
    width: 90px;
    height: 90px;
    border: 4px solid #7aba1e;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    }

.icon-box i{  
    position: relative;
    top: 15px;
    color: #222222;
    text-align:center;
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
}

.icon-box i:before {
    font-size: 38px;
    margin: 0px;
    }

#services{
    margin-top:-150px;
    background-color:rgba(255, 255, 255, 0);
}
.service-block{
	 overflow:hidden;
    background-size:cover;
    margin:0px 3px;
    text-align:center;
    color:white;
    font-weight:400;
    margin-bottom:60px;
    background-color:rgba(98, 145, 91, 1);
    -webkit-box-shadow: 11px 11px 5px -8px rgba(0,0,0,0.36);
    -moz-box-shadow: 11px 11px 5px -8px rgba(0,0,0,0.36);
    box-shadow: 11px 11px 5px -8px rgba(0,0,0,0.36);
}

@media (min-width: 1200px){
.service-block{
    max-height:265px;
}
}

@media (min-width: 1400px){
.service-block{
    max-height:250px;
}
}

.service-hover{
 padding:50px 30px;
}

.service-hover:hover{
   background-color:rgba(98, 145, 91, 0.9);
   transition:1s;
   background-image:none;
}

#services h1{
   margin-bottom:100px;
   text-altransition: ease 10s;
   transform: scale(1.3);
   overflow:hidden;ign:center;
   color:white;
   line-height:1.2;
   font-weight:600;
   text-transform:uppercase;
   }
.service-block h2{
   text-transform:uppercase;
   font-weight:400;
   }
   
.service-block img{
width:100%;
height:100px;
}


/* about us */

#about-us h1 strong:hover{
	color:#274410;
  }

#about-us {
  background-color:#f7f7f7;
  padding:40px 0px;
  } 
  
#about-us a {
  color:#7aba1e;
  }	  

/* why choose us */

#why-choose-us{
  }
  
#why-choose-us .block{
  margin-bottom: 26px;
    position: relative;
    padding-left: 80px;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    border-left: 4px solid #7aba1e;
  }

.block .top-border:before, .block .right-border:before, .block .bottom-border:before{
  background: #7aba1e;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
 }
 
 .block:hover .top-border:before, .block:hover .bottom-border:before{
    width:100%;
 }

.block .top-border{
  width: 100%;
    height: 2px;#ad8d3e
    background: #eee;
    position: absolute;
    left: 0px;
    transform: rotate(180deg);
  }
  
 .block:hover .top-border:before {
    transition: all .3s ease .6s;
}    
     
 .block .top-border:before{
 	width: 0%;
    height: 100%;
    transition: all .3s ease .6s;
 }
 
 .block .right-border{
 width: 2px;
    height: 100%;
    background: #eee;
    position: absolute;
    transform: rotate(180deg);
    top: 0px;
    right: 0px;
  }
  
 .block:hover .right-border:before {
    transition: all .3s ease .3s;
}    
     
 .block .right-border:before {
    width: 100%;
    height: 0%;
    transition: all .3s ease .6s;
 }

.block:hover .right-border:before {
    height: 100%;
 }
 
 
.block .bottom-border {
    width: 100%;
    height: 2px;
    background: #eee;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.block:hover .bottom-border:before{
   transition: all .3s ease .0s;
}

.block .bottom-border:before {
    width: 0%;
    height: 100%;
    transition: all .3s ease .6s;
    }
    
#why-choose-us .block-icon {
    position: absolute;
    margin-top: -27px;
    top: 50%;
    left: 14px;
    width: 55px;
    height: 54px;
    overflow: hidden;
    text-align: center;
}

.block-icon i, .block-icon i:before{
   font-size: 36px;
    color: #7aba1e;
    top: 0px;
    margin: 0;
}
 
    
.block:hover .block-icon {
    background: #fff;
    border-radius: 50px;
    -webkit-transition: .5s;
    transition: .5s;
}

.block-text{
   overflow: hidden;
    padding: 38px 10px 38px;
    }

.block-text h3{
   margin-top:0;
   margin-bottom:13px;
   }  
   
.block-text p{
   margin:0px;
   }  
   
#why-choose-us img{
   width:100%;
   height:335px;
   } 
   
#why-choose-us h2{
   text-align:center;
   text-transform:uppercase;
   margin-bottom:20px;
   font-weight:400;
   }
   
.heading:before{
	height:2px;
	background-color:red;
	width:50px;
	}
	
	
/* testimonials */	

#carousel h3{
    text-align:center;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 20px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #3e7c33;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

blockquote i{
    color:#c5c30c;}
    
.margint10{
   margin-top:10px;}
   
/*gallery*/

#gallery{
    background-color: #f7f7f7;
    padding-top:20px;
}

.block-title h1, .block-title h2{
   text-align:center;
   text-transform:uppercase;
   margin-bottom:20px;
   line-height:55px;   
   }

.block-title {
    padding-bottom: 0px;
    position: relative;
    width: 100%;
    color: #404040;
    margin-bottom: 10px;
    overflow-wrap: break-word;
}



.block-title:before{
	position: absolute;
    content: "";
    width: 96px;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #008000;
    box-sizing: border-box;
    left: 50%;
    margin-left: -48px;
}	



@media (max-width: 650px){
#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
}	
}
	
@media (min-width: 650px){
#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
}

.tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    overflow:hidden;

}


.scale-anm {
  transform: scale(1);
  margin-bottom: 1rem;
  overflow:hidden;
}




.tile img {
    max-width: 100%;
    width: 100%;
    height: auto; 
}


.btn:focus {
  outline: none;
  border-color: var(--darken-2);
  box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.toolbar {
 text-align:center;
}

.toolbar .btn{
	text-transform:uppercase;
	letter-spacing:1.2;
	background:#7aba1e;
	color:black;
   margin-bottom:5px;
}

.toolbar .btn:hover{
	background:green;
	color:white;
	border:none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
  outline:none !important;
  }

/* about */

#about {
  margin-top:20px;
  }
  
#about ul {
  list-style: disc;
  padding-left: 15px;
}

/* contact */

#contact a{
  color:green;
  }
  
#contact .fa{
  font-size:20px;
  margin-right:2px;
  }
  
#contact address{
  text-align:center;
  }
    
@media (min-width:990px){  
#contact address{
  text-align:left;
  margin-top:20%;
  margin-left:50px;
}
}


/* page banner */

#banner {
  background: url(../img/banner-background.jpg) no-repeat center top;
  height:200px;
  }
  

#banner h1 {
  font-size: 46px;
  text-shadow: 2px 1px #104e0b;
  text-align: center;
  padding-top: 80px;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
}
    
/* footer */  

footer{
  background: url(../img/footer-background.png) no-repeat center top;
    padding: 175px 0px 0px;
    background-size: cover;
    color:#867055;
}

.bottom-footer{
    background: #1f1303;
    padding: 28px 0px;
    margin: 48px 0px 0px;
}

footer h5{
   color:white;
   font-size:18px;
   }
   
footer a{
   color:#867055;
   }
footer a:hover{
   text-decoration:none;
   }
   
footer li{
   margin-bottom:10px;
   }

@media (max-width: 900px){
footer .col-sm-12{
   clear:both;
   }
}