body {    
    font-family: "Segoe UI",sans-serif!important;	
	 
}
p{
	text-align:justify;
	line-height:25px;
}
a{
	text-decoration:none!important; 
	color:#FFF;
}
.bg_green{color:#00A651
}
.panel-heading.active1 {
    background-color: green;
}

.container {
	padding:0 20px 0 20px;
	position:relative;
}
.full{
	width:100%; 
	margin:0 auto; 
	
	}
#wapper{
	width:100%; 
	margin:0 auto;	
	}	
.topspace{
	margin-top:35px;
	width:100%;
	}
.navbar-default .navbar-nav > li > a {
    color: #00a651;
}	
.space{
	width:100%;
	float:left; 
	height:20px;
	}
.heading {
	font-size:24px; 
	color:#00A651; 
	/*! margin:10px 10px; */
	font-style:normal;
	font-weight:500;
	text-transform:uppercase;
	padding: 10px 0 10px 0;
	}
.heading-two {
	font-size:18px; 
	color:#00A651; 
	/*! margin:10px 10px; */
	font-style:normal;
	font-weight:500;
	text-transform:uppercase;
	padding: 10px 0 0px 0;
	}	
/* footer */
.footerheading{
	color:#FFF;
	font-size:18px;
	padding:10px 0 10px 0;
	font-weight:600;
	font-style:normal;
	}
address{ 
	color:#FFF;
	}
address a:hover{text-decoration:none; color:#CCC; padding-left:5px;}
.link li{
	margin-top:5px;
}
.link li a{
	list-style:none;
	color:#FFF;
	text-decoration:none;	
	}
.link li a:hover{
	color:#CCC!important;
	text-decoration:none!important;
	}
.copy p{
	color:#FFF; 
	text-align:center;
	}	
.copy a{
	color:#FFF; 	
	}	
.copy a:hover{
	color:#CCC;
	text-decoration:none; 	
	}			
/* footer */
	
/* button */
	
.button{
	border:#00A651 solid 1px;
	border-radius: 0px;
	color: #00A651;
	padding-top:8px; padding-bottom:10px;
}
.button:hover{
	border:#00A651 solid 1px;
	border-radius: 0px;
	color: #fff;
	background-color:#00A651;
}	
/* crousal */
#hero-wrapper {
  height: 100%;
  width: 100%;
/*  position: fixed;
*/}
#hero-wrapper .carousel-wrapper,
#hero-carousel {
  height: 100%;
  width: 100%;
  /*position: absolute;*/
}
#hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
 /* max-width: none;*/
  width: auto;
  height: auto;
}
#hero-carousel i {
  position: absolute;
  top: 50%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.line_box{ width:100%; height:auto; padding-top:30px; padding-bottom:0px; border-bottom:#00A651 solid 1px;}
.footerbox{min-height:208px; border:solid #ccc 0px;}
.element {
  vertical-align: middle;
   text-align: center;
}
/* Navigation fadein and fade out */
.dropdown > a {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.dropdown.open {
  
}

.dropdown-menu.animated {
  /* Speed up animations */
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  
  /*
   * @see:
   * Animation duration: http://www.w3schools.com/cssref/css3_pr_animation-duration.asp
   * Animation timing: http://www.w3schools.com/cssref/css3_pr_animation-timing-function.asp
   */
}

.dropdown-menu.animated.fadeIn {
  /*
   * Example of further customisation for the "fadeIn" effect
   * Can be used for all effects ie. .dropdown-menu.animated.EFFECTNAME
   */
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;  
}


/* Navigation fadein and fade out */	
@media (min-width:320px) {
	.fullDiv{
		margin-right:-15px;
		margin-left:-15px;
	}

	
	.navbar-brand {
		float: left;
		margin-top: -48px;
	}
	.nav > li { 
			background-image: none;			
	}
	.nav > li a { text-align:center; 
	}
	.navbar-brand img{
		width:70%;
		} 
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color:#00A651; color:#fff;
	}
}

@media (min-width:768px) {
	
	.navbar-brand img{
		width:100%;
		} 
	
	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {			
		border-bottom: transparent solid 1px;				
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #333;
		background-color: transparent;
		border-bottom: #00A651 solid 1px;
	}
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		color: #00A651;
		background-color: transparent;
		border-bottom: #00A651 solid 1px;
	}
	
	
}
@media (min-width:992px) and (max-width:1199px) {
	.fullDiv{display:none!important;}
	
}
@media (min-width:992px) {
	.fullDiv{
		margin-right:0px;
		margin-left:0px;
		}
	.mrginleft{margin-left:-15px}
	.marinRight{margin-right:-15px;}

	.navbar-brand {
		float: left;    
		margin-top: -43px;
		margin-bottom:10px;
		clear:both; 
		
	}
	.navbar-brand > img {
		
		float: left;
		border:transparent solid 1px #ccc;
		clear:both;  
		 
	}
	.navbar-brand img{
		width:100%;
		} 
	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {			
		border-bottom: transparent solid 1px;				
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #333;
		background-color: transparent;
		border-bottom: #00A651 solid 1px;
	}
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
			color: #00A651;
			background-color: transparent;
			border-bottom: #00A651 solid 1px;
		}
		.nav{
			font-size: 15px; 
			font-style:normal; 
			font-weight:600;
		}
		.nav > li { 
				background-image: url(../images/navline2.png);
				background-repeat: no-repeat;
				background-position: right !important;
		} 
		.nav > li:last-child { 
				background-image: none;   
		 } 
	
	
}
@media (min-width:1200px) {
	.fullDiv{
		margin-right:0px;
		margin-left:0px;
		}
	.mrginleft{margin-left:-15px}
	.marinRight{margin-right:-15px;}

	.navbar-brand img{
		width:100%;
		} 
	
	.navbar-brand {
		float: left;    
		margin-top: -48px;		
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {			
		border-bottom: transparent solid 1px;				
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		color: #333;
		background-color: transparent;
		border-bottom: #00A651 solid 1px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		color: #00A651;
		background-color: transparent;
		border-bottom: #00A651 solid 1px;
		}
	.nav{
		font-size: 15px; 
		font-style:normal; 
		font-weight:600;
		}
	.nav > li { 
		background-image: url(../images/navline2.png);
		background-repeat: no-repeat;
		background-position: right !important;
	} 
	.nav > li:last-child { 
		background-image: none;   
	 } 	
	
}
	
/*  about Page */
.aboutbox ul {
 list-style:none;
 padding:0;
 margin:0;
}
.aboutbox li {
	    line-height: 2;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
.aboutbox a {
	color: #000;
    display: block;
    text-transform: capitalize;
    padding: 6px 6px 6px 12px;
    font-size: 16px;
	text-decoration:none;
}
.aboutbox li.current a, .aboutbox a:hover {
	background:#00A651 none repeat scroll 0 0;
	color: #ffffff;
}
.servicetitle{
	font-size: 18px; 
	margin-top: 10px;
	margin-bottom: 10px;
	min-height:60px;
	text-align:center;
}


/*  about pages */
/* Contact us Page */
.contact-item {
    color: #999;
    font-size: 17px;
    margin-bottom: 25px;
    text-align: center;
}
.contact-item i {
    color: #fff;
}
.contact-item h5 {
    color: #444;
    font-size: 19px;
    margin-bottom: 0;
}
.circle-3 {
    border-radius: 100%;
    display: inline-block !important;
    height: 50px;
    line-height: 50px !important;
    text-align: center;
    width: 50px;
}
.bg-lblue {
    background-color: #2b98e5;
}
.bg-green {
    background-color: #0abcaa;
}
.bg-red {
    background-color: #ed5441;
}
.mailto a {
    color: #999;
    text-decoration: none;
}

.brand-bg .circle-2 {
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}
.brand-bg a i {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    text-align: center;
    text-decoration: none;
    transition: background 2s ease 0s;
}
.brand-bg li a{color:#888;}
.brand-bg a.facebook i {
    background: none repeat scroll 0 0 #3280e7;
}
.brand-bg a.twitter i {
    background: none repeat scroll 0 0 #32c8de;
}
.brand-bg a.pinterest i {
    background: none repeat scroll 0 0 #ed5441;
}
.brand-bg li {
    margin-top:10px;
}
brand-bg li a{
    color:#888!important;
}
input, textarea {
    border-radius: 0px !important;
}
.contact span{color:#F00;}
.contact .btn{
	border: #00A651 solid 1px;
	border-radius: 0px;	
	padding-top: 8px;
	padding-bottom: 10px;
	background-color:#00A651;
	color:#fff;
	font-size:14px;
	}
.contact .btn:hover{
	border-radius: 0px !important; background-color:#000; 
	border:#8CC86F solid 1px;
	border-radius: 0px;
	color: #fff;
	background-color:#8CC86F;
	}
.line{
	width:100%; height:1px; margin:0px 0 15px 0; background-color:#00A651;
	
}
			
/* Contact Us Page */

#hero-carousel .left-c{
	background-image:url(../images/left-arrow.png);
	top;49%;
	left:0; float:left; z-index:2;
	}
.right-c{}
.left-c{
	background-image:url(../images/left-arrow.png);
	top;49%;
	left:0; float:left; z-index:2;
	}
.carousel-control.left{
	background-image:url(../images/left-arrow.png);
	background-repeat:no-repeat;
	top: 44%;
 }
.carousel-control.right{
	background-image:url(../images/right-arrow.png);
	background-repeat:no-repeat;
	top: 44%;
	right:0;
	margin-right:0px!important;
 }	
 .carousel-control {   
    width: 39px;    
}	
.productbox{ border:#9C3 solid 1px; margin-top:10%;}
.productbox:hover{

    background: rgba(213, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    
   
    text-align: center;
    font-size: 17px;
    width: 100%;
	}
.logoDiv {
	background-color: #ffffff;
	border: 1px solid #00A651;
	float: left;
	height: 161px;
	margin-right: 13px;
	margin-bottom: 13px;
	position: relative;
	text-align: center;
	width: 100%;
	height:100%;
}
.logoDiv:hover {
	border: 1px solid #00A651;
}
.logoDiv .title {
	background: rgba(0,166, 81, 0.6) none repeat scroll 0 0;
	bottom: 0;
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	font-size: 17px;
	width: 100%;
}
.logoDiv .title:hover {
	background: rgba(73, 73, 73, 0.6) none repeat scroll 0 0;
}

/* */
.txt-bold{padding-top:5px; font-size:18px; color:green; text-align:center; font-weight:800;}