html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	border: none;
	color: #444;
	position: relative;
	 
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	margin: 0px 0px 10px;
	color: #272727;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
}

h4 {
	font-size: 16px;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	line-height: 22px;
}

h3 {
	font-size: 26px;
}

p {
	margin-bottom: 22px;
	font-family: "Open Sans", sans-serif;
	font-size:14px;
	line-height: 25px;
	color: #727272;
	font-weight: 400;
}
a {
	color:#3f4cc1;
	background:none;
	text-decoration: none;
	outline: none;
}

a:hover, a:active, a:focus {
	color:#4e4bf5;
	text-decoration: none;
	outline: none;
}

::selection {
 background:#4beaf5;
 color:#FFF;
}

::-moz-selection {
 background:#4b8ff5;
 color:#FFF;
}

img {
	max-width:100%;
}

  
.scrollup {
	width:35px;
	height:35px;
	position:fixed;
	bottom:30px;
	right:15px;
	display:none;
	background:rgba(126, 193, 63, .8);
	text-align: center;
}

.scrollup i {
	color:#fff;
	font-size:15px;
	display:block;
	line-height:33px;
}

.scrollup:hover {
	background:rgba(126, 193, 63, .9);
}

.section {
	padding:100px 0 70px;
	position:relative;
}

.section .container {
	position:relative;
}

.title-box {
	border-bottom-width: 0px;
	margin-bottom: 75px;
	position: relative;
}

.title-box h2.title {
	font-weight: 700;
	font-size: 29px;
	line-height: 32px;
	text-transform: uppercase;
}

.title-box h2:before {
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	margin: -22px auto;
	position: absolute;
	width: 40px;
	background: #00AAB3;
}

.title-box.white h2.title:before {
	background:#FFF;
}

.title-box.white h2.title {
	color:#FFF;
}

.title-box.text-center h2:before {
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	right:0;
	margin: -22px auto;
	position: absolute;
	width: 40px;
	background: #575051;
}

.title-box.text-right:before {
	left: auto;
	right: 0;
}

.title-box.text-center:before {
	left: 50%;
	margin-left: -20px;
}

.color-white h2 {
	color:#fff !important;
}

#pageloader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color:#FFF;
	z-index: 999999;
}

.loader {
	position: absolute;
	width: auto;
	height:auto;
	margin: -25px 0 0 -25px;
	top:50%;
	left:50%;
	text-align:center;
}

.overlay {
	background:rgba(0, 0, 0, 0.4) url("../images/pattern.png") repeat;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

section {
	position:relative;
}

.parallax .container {
	position:relative;
}

.parallax {
	background-attachment: fixed !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/*-----------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------*/

.btn {
     
    line-height: 22px;
    font-weight: 600;
    padding: 12px 12px;
    font-size: 15px;
    border-radius: 1px;
    border: 1px solid transparent;
    color: #e5e8ee;
    transition: all 200ms ease 0s;
	margin: 1px;
	  
}
.buttons {
	width: 80%;
	 margin-left: 10%;
	 margin-top: 100px;
	  
	 
}

 
.btn:hover  {
	color: #FFF;
	background:#7EC13F;
	border-color:#7EC13F;
}
 
 
/*-----------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------*/


.home {
	overflow: hidden;
	font-family: "Raleway", sans-serif;
}

.home .slides {
	display: inline-block;
	width: 100%;
}

.home .flexslider {
	overflow: hidden;
}

.big {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
	margin: -48px -10px;
	margin-bottom: 20px;
	color: #fff;
}

.small {
    font-size: 28px;
    font-weight: 200;
    color: #FFF;
    margin: 30px 10px 0px;
    text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 50px;

}

.home .flexslider .slides img {
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.home .flexslider .slides img.parallax {
	background-attachment: fixed;
}

  
.slider-text-wrapper {
	position: absolute;
	width: 100%;
	height: 250px;
	top: 50%;
	left: 0;
	margin-top: -125px;
	text-align: center;
	z-index:999;
}

.slider-text-wrapper .btn {
	margin-top: 10px;
	border:2px solid #FFF;
	background:transparent;
	color:#FFF;
	line-height: 15px;
	border-radius: 10px;
}

.flex-control-nav {
	bottom: 40px;
	z-index: 999;
	position: absolute;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
}

.flex-control-paging li a {
	width: 16px !important;
	height: 4px !important;
	box-shadow: none !important;
	background: #fff !important;
	display: inline-block !important;
	text-indent: -9999px !important;
	border-radius: 0% !important;
	margin: 0 4px !important;
	cursor: pointer !important;
	z-index:9999 !important;
}

.flex-control-paging li a.flex-active {
	background: #18263a;
}

.flexslider {
	position: relative;
}

.flex-prev {
	color: #333;
	font-size: 40px;
	height: 40px;
	left: 20px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}

.home .flex-prev, .home .flex-next {
	color: #FFF;
	transition: none 0s ease 0s;
	z-index: 999;
}

.flex-next {
	color: #333;
	font-size: 40px;
	height: 40px;
	right: 0px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.home .flex-prev, .home .flex-next {
	color: #fff;
	transition: none;
}

#home {
	width: 100%;
	height: 100%;
	color: #fff;
}

.slider-overlay {
	background:url("../images/pattern.png") repeat rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}


/*-----------------------------------------------------------------*/
/*  Flexslider
/*-----------------------------------------------------------------*/


.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
	height:630px;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-control-nav {
	position:absolute;
	bottom: 20px;
	text-align:center;
	width: 100%;
}

.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
}

.flex-control-nav li a {
	width: 30px;
	height: 5px;
	background: #FFF;
	text-indent:-9999px;
	display:block;
	opacity: 0.4;
}

.flex-control-nav li a.flex-active {
	opacity: 1;
}

.flex-direction-nav .flex-prev:hover,  .flex-direction-nav .flex-next:hover {
	opacity: 1;
}


/*-----------------------------------------------------------------*/
/* About
/*-----------------------------------------------------------------*/

.features-icon-box {
	margin-bottom:50px;
}

.features-icon-box .features-icon {
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 41px;
	font-size: 45px;
	color:#7EC13F;
}

.features-icon-box .features-info {
	margin-left: 80px;
}


/*-----------------------------------------------------------------*/
/* Fun Facs
/*-----------------------------------------------------------------*/

#facts {
	background:url(../images/parallax/facts.jpg) no-repeat;
	padding: 150px 0px 100px;
}

.facts-box {
	text-align:center;
}

.facts-box h3 {
	font-size: 40px;
	margin-bottom: 12px;
	color: #FFF;
	font-weight: 700;
}

.facts-box span {
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.facts-box i {
	color: #FFF;
	font-size: 50px;
	margin-bottom: 30px;
}
 
/*-----------------------------------------------------------------*/
/* Call To Action
/*-----------------------------------------------------------------*/

#cta {
	background:url(../images/parallax/cta.jpg) no-repeat;
	padding:130px 0px 130px;
}

#cta h2 {
    color: #FFF;
    font-size: 33px;
    margin-bottom: 36px;
    font-weight: 600;
    text-shadow: 0px 0px 2px #1B1A1A;
}

#cta .btn-white {
	margin-right:15px;
}

  
/*-----------------------------------------------------------------*/
/* Services
/*-----------------------------------------------------------------*/

#services {
	padding-bottom:50px;
	background:#FFF;
}

.services-box {
	text-align: center;
	margin-bottom: 50px;
	border: 1px solid #EAE7E7;
	padding: 29px 10px 20px;
}

.services-box .services-icon {
	width: 80px;
	height: 80px;
	color: #FFF;
	font-size: 38px;
	line-height: 80px;
	border-radius: 50%;
	display: inline-block;
	margin: 0px auto;
	background: #7EC13F none repeat scroll 0% 0%;
}

.services-box .services-desc {
	margin-top: 25px;
}

.services-box .services-desc h4 {
	margin: 31px 0px 20px;
}

 




#call-to-action {
	background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/cal-to-action-bg.jpg) fixed center center;
	background-size: cover;
	padding: 60px 0;
	background-color: #0b4b94;
  }
  
  #call-to-action h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
  }
  
  #call-to-action p {
	color: #fff;
  }
  
  #call-to-action .cta-btn {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 5px;
	transition: 0.5s;
	margin-top: 10px;
	border: 2px solid #fff;
	color: #fff;
	font-weight: bold;
  }
  
  #call-to-action .cta-btn:hover {
	background: #07d5fa;
	border: 2px solid #07d5fa;
  }
   
  @media (max-width: 768px) {
	#intro .buttons {
	 
	  align-items: center;
	  margin: 100px 0px 0 0px; 
	  line-height: 51px;
	   
	}
	#intro .carousel-content h2 {
	 
	  color: rgb(27, 172, 87);
	  font-size: 24px;
	   
	   
	}
	#intro .carousel-content p {
	 
	  font-size: 20px; font-weight: bold;
	   
	   
	}

	.buttons {
		width: 100%;
		 margin-left: 0%;
		  
	}
	
	.small {
		font-size: 28px;
		font-weight: 200;
		color: #FFF;
		margin: 30px 0px 0px 0px;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 28px;
		margin-bottom: 50px;
	}
  }
  
  
  
  
  @media (min-width: 1008px) {
	#intro .buttons {
	 
	  align-items: center;
	  margin: 140px 150px 0 150px;
	  line-height: 51px;
	   
	}
	#intro .carousel-content h2 {
	 
	  color: rgb(27, 172, 87);
	   
	   
	}
	#intro .carousel-content p {
	 
	  font-size: 28px; font-weight: bold;
	   
	   
	}
  }
  
  
  @media (min-width: 1208px) {
	#intro .buttons {
	 
	  align-items: center;
	  margin: 240px 250px 0 250px;
	  line-height: 51px;
	   
	}
	#intro .carousel-content h2 {
	 
	  color: rgb(27, 172, 87);
	   
	   
	}
	#intro .carousel-content p {
	 
	  font-size: 28px; font-weight: bold;
	   
	   
	}
  }
  /*--------------------------------------------------------------
  # Sections
  --------------------------------------------------------------*/
  
  /* Sections Header
  --------------------------------*/
  
  .section-header h2 {
	font-size: 24px;
	color: #111;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
  
	
  }
  
  .section-header h2::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 4px;
	background: linear-gradient(90deg, rgb(52, 238, 52) 0%, rgb(38, 75, 238) 100%, rgba(0,212,255,1) 100%); 
	bottom: 1px;
	left: calc(50% - 60px);
  }
  
  .section-header h2::after {
	content: '';
	position: absolute;
	display: block;
	width: 0px;
	height: 3px;
	background: #18d26e;
	bottom: 0;
	left: calc(50% - 20px);
  }
  
  .section-header p {
	text-align: center;
	padding-bottom: 30px;
	color: #333;
  }
  
   
  
  #call-to-action .cta-btn:hover {
	background: #0c91a8;
	border: 2px solid #07d5fa;
  
  }
  @keyframes glowing1 {
	0% {
	  background-color: #0b814a;
	  box-shadow: 0 0 5px #07d5fa;
	}
	50% {
	  background-color: #0b814a;
	  box-shadow: 0 0 5px #07d5fa;
	}
  
	75% {
	  background-color: #0c55b4;
	  box-shadow: 0 0 5px #07d5fa;
	}
	100% {
	  background-color: #0c55b4;
	  box-shadow: 0 0 5px #17a83b;
	}
  }
  #call-to-action1  .cta-btn:hover{
	animation: glowing 1800ms infinite;
  }
  
  
  /* Section with background
  --------------------------------*/
  
  .section-bg {
	background: #f7f7f7;
  }
  
  
   
  /* Services Section
  --------------------------------*/
  
  #services {
	background: #fff;
	background-size: cover;
	padding: 60px 0 40px 0;
  }
  
  #services .box {
	margin-bottom: 30px;
  }
  
  #services .icon {
	float: left;
  }
  
  #services .icon i {
	color: #184ad2;
	font-size: 36px;
	line-height: 1;
	transition: 0.5s;
  }
  
  #services .title {
	margin-left: 60px;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
  }
  
  #services .title a {
	color: #111;
  }
  
  #services .box:hover .title a {
	color: #18d26e;
  }
  
  #services .description {
	font-size: 14px;
	margin-left: 60px;
	line-height: 24px;
	margin-bottom: 0;
  }
   
  
  /* Facts Section
  --------------------------------*/
  
  #facts {
	background: url("../img/facts-.jpg") center top no-repeat fixed;
	background-color: #18d26e;
	background-size: cover;
	padding: 60px 0 0 0;
	position: relative;
  }
  
  #facts::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.88);
	z-index: 9;
  }
  
  #facts .container {
	position: relative;
	z-index: 10;
  }
  
  #facts .counters span {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 31px;
	display: block;
	color: #0ea7a7;
  }
  
  #facts .counters p {
	padding: 0;
	margin: 0 0 20px 0;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #111;
  }
  
  #facts .facts-img {
	text-align: center;
	padding-top: 30px;
  }
   
  /*--------------------------------------------------------------
  # Responsive Media Queries
  --------------------------------------------------------------*/
  
   
  
  @media (min-width: 992px) {
	#testimonials .testimonial-item p {
	  width: 80%;
	}
  }
  
  @media (min-width: 1024px) {
	#header #logo {
	  padding-left: 60px;
	}
  
	#intro p {
	  width: 60%;
	}
  
	#intro .carousel-control-prev,
	#intro .carousel-control-next {
	  width: 5%;
	}
  
	#nav-menu-container {
	  padding-right: 60px;
	}
  }
  
  @media (max-width: 768px) {
	.back-to-top {
	  bottom: 15px;
	}
  
	#header #logo h1 {
	  font-size: 28px;
	}
  
	#header #logo img {
	  max-height: 40px;
	}
  
	#intro h2 {
	  font-size: 28px;
	}
  
	#nav-menu-container {
	  display: none;
	}
  
	#mobile-nav-toggle {
	  display: inline;
	}
  }
  
  


/* Back to top button */

.back-to-top {
	position: fixed;
	display: none;
	background: #18d27b;
	color: #fff;
	width: 41px;
	height: 41px;
	text-align: center;
	line-height: 1;
	font-size: 18px;
	border-radius: 5%;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
	z-index: 11;
  }
  
  .back-to-top i {
	padding-top: 12px;
	color: #fff;
  }
   
  
  @-webkit-keyframes animate-preloader {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @keyframes animate-preloader {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
  
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  


  .btn.know_btn {
    background: #0c722e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid transparent;
}

.btn.know_btn:hover,
.btn.know_btn:focus {
    background: transparent;
    color:#0f1fff;
    border:1px solid #0a28d4;
}







.about_banner > img {
	width: 100%;
	height: 304px;
}

/*-----------------------------------------------------------------*/
/* Client Logo Carousel
/*-----------------------------------------------------------------*/

#clients {
	background:#FFF;
	text-align:center;
}

.clients-carousel .item figure {
	margin: 10px;
	width: 150px;
	margin: 0 auto;
}

.clients-carousel .item figure img {
	display: block;
	margin: 0 auto;
	opacity:0.5;
}

.clients-carousel .item figure img:hover {
	opacity:1;
}


/*-----------------------------------------------------------------*/
/* Featured Carousel
/*-----------------------------------------------------------------*/


#featured-works {
	background:#FBFBFB;
	padding-top: 70px;
}

.featured-work-carousel {
	display:inline-block;
	width: 100%;
}

#featured-works .item {
	height: auto;
	z-index: 300;
	cursor: pointer;
}

#featured-works .item .fworks-image {
	overflow: hidden;
	width: 100%;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}

#featured-works .item .fworks-image img {
	width:100%;
	height: auto;
}
#featured-works .item .featured-caption {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	opacity: 0;
	background:rgba(0, 0, 0, .5);
}

#featured-works .item .featured-caption h4 {
	font-size:15px;
	color:#FFF;
	margin: 30px 0px 0px 30px;
}

#featured-works .item .featured-caption p {
	font-size: 14px;
	color: #FFF;
	margin: 5px 0px 0px 30px;
	text-transform: uppercase;
}

#featured-works .item .hover-link {
	left: 100px;
	position: absolute;
	bottom: 15px;
	opacity:0;
	z-index:200;
}

#featured-works .item .hover-link a {
	position: relative;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background: #FFF;
	color: #444;
	width: 50px;
	height: 50px;
	margin: 0px;
	border-radius: 100%;
}

#featured-works .item:hover .hover-link, #featured-works .item:hover .featured-caption {
	opacity:1;
}

#featured-works .owl-controls {
	margin-top: 30px;
	position: absolute;
	top: 28%;
	width: 100%;
}

#featured-works .owl-prev, #featured-works .owl-next {
	display: block;
	width: 30px;
	height: 30px;
	line-height:20px;
	font-size:20px;
	border-radius:0;
	opacity:0.9;
	background:#7EC13F;
	position: absolute;
}

#featured-works .owl-prev {
	left: 0;
}

#featured-works .owl-next {
	right: 0;
}

#featured-works .owl-prev:hover, #featured-works .owl-next:hover {
	background:#7EC13F;
	opacity:1;
}
 

 


  
  
.buttons :hover1 {
	box-shadow: 0px 5px 10px -5px #fdfe22;
	   
  }




  .buttons1   {
	background: #0c722e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid transparent;
	   
  }

 @media (min-width: 992px) and (max-width: 1024px) {
	 
.navbar-right {
	float:none !important;
}

}

 @media (min-width: 768px) and (max-width: 992px) {
	 
 .thumnail-img {
	width:50%;
}

}

 @media (max-width: 768px) {
	 
 .thumnail-img {
	width:50%;
}
.btn.know_btn {
    background: #0c722e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 11px;
    padding: 7px 10px;
    text-transform: uppercase;
    border:1px solid transparent;
  
	margin-bottom: 24px;
	 

}

.btn {
     
    border-radius: 1px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 11px;
    padding: 10px 12px;
    text-transform: uppercase;
    border:1px solid transparent;
   
	margin-bottom: 1px;
	 

}
.big {
     
    line-height: 41px;
	margin-top: -60px;
	margin-bottom: 20px;
}

}

 @media (max-width: 550px) {
	 
.thumnail-img {
	width:100%;
}
.about_banner > img {
	width: 100%;
	height: 224px;
}
}


 @media (max-width:480px) {
	 
.big {
    font-size: 24px;
    line-height: 41px;
	margin-top: -60px;
	margin-bottom: 20px;
}

.small {
    font-size: 19px;
	margin-bottom: -10px;
}


.btn.know_btn {
    background: #0c722e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 11px;
    padding: 7px 10px;
    text-transform: uppercase;
    border:1px solid transparent;
  
	margin-bottom: 24px;
	 

}
}

 @media (min-width: 992px) {
	 
 #main-menu.collapse {
 display: block !important;
}

}

 @media (max-width: 992px) {

#main-menu {
	background:#202020;
}
	 
 .navbar-right {
 float:none !important;
 margin-right:0px !important;
}

 .clear-toggle {
 display:block;
}

 .navbar-toggle {
 display: block !important;
}

 #main-menu ul li {
 display: block;
 text-align: left;
}

#main-menu ul li a {
    line-height: 23px;
    display: inherit;
    border-bottom: 1px solid #2C2C2C;
    padding: 5px 20px;
	background:transparent;
}

#main-menu ul li a:hover, #main-menu ul li.active a {
	background:#2C2C2C !important;
	color:#FFF;
}

#main-menu ul li.active > a {
    box-shadow: none !important;
}


}