:root {
	--main-color: #17a73b;
	--main-hover-color: #17a73b;
    --blue-color-1: #17a73b;
    --blue-color-2: #0aa12ae5;
    --blue-color-3: #058d2ecb;
	--white-color: #fff;
	--off-white-color: #ddf1dcf1;
	--black-color: #000;
	--grey-color-1: #202020;
	--grey-color-2: #333;
	--grey-color-3: #6c6c6c;
    --grey-color-4: #898989;
    --light-grey-color-1: #f2f2f2;
	--light-grey-color-2: #f8f8f8;
	--light-grey-color-3: #d8d8d8;
}

body {
	color: var(--grey-color-1);	
	font: 14px/24px 'Roboto', sans-serif;
	background: var(--white-color);
}

/* Standard Styles Starts */

a { 
	color: var(--blue-color-1); 
	text-decoration: none;
}
a:hover, 
a:focus {
	color: var(--blue-color-2);
}
a:focus { outline: none; }

/* Heading Styles Starts */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #000;
}
h1 { font-size: 52px; }
h2 { font-size: 48px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
#nav .navbar-nav > li > a, 
#main-slider .carousel-caption .btn, 
.portfolio-filter, 
.portfolio-grid-item, 
.read-more, 
.blog-post-date, 
.blog-post-by, 
.blog-post-read-more, 
.contact-form .btn {
	font-family: 'Roboto Condensed', sans-serif;
}

.main-heading {
	padding-left: 20px;
	border-left: 4px solid var(--blue-color-1);
}

.heading-style-1 {
	margin-top: 0;
	font-weight: 300;
	word-wrap: break-word;
	text-transform: uppercase;
}
	.heading-style-1 span {
		font-weight: normal;
	}
	.heading-style-1::after {
		content: "";
		margin-top: 15px;
		margin-bottom: 25px;
		width: 46px;
		height: 4px;
		display: block;
		background-color: var(--blue-color-1);
	}
	.heading-style-1.text-center::after {
		margin-left: auto;
		margin-right: auto;
	}

/* Form & Buttons Styles Starts */

.btn-outline {
	background: none;
	border: 2px solid var(--white-color);
}
.btn-outline:hover, 
.btn-outline:focus, 
.btn-outline:active, 
.btn-outline.active {
	border-color: transparent;
}

.btn-outline:hover, 
.btn-outline:focus, 
.btn-outline:active, 
.btn-outline.active, 
.btn-main {
	background-color: var(--main-color);
}
.btn-main:hover, 
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	background-color: var(--main-hover-color);
}
.btn-outline, 
.btn-outline:hover, 
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active, 
.btn-main, 
.btn-main:hover, 
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	color: var(--white-color);
}

/* Header Wrap Starts */

.header-wrap {
	position: relative;
}

/* Navigation Styles Starts */

	#nav {
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		border: none;		
		position: absolute;
		left: 0;
		right: 0;
		z-index: 999;
	}
		#nav, 
		#nav .nav-item > a:hover, 
		#nav .nav-item > a:focus, 
		#nav .nav-item.current > a, 
		#nav .nav-item.current:hover > a, 
		#nav .nav-item.current:focus > a, 
		#nav .navbar-toggle {
			background: none;			
		}
		#nav.sticky-nav {
			z-index: 999;
		}
		#nav.fixednav {
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: rgba(0, 0, 0, 0.6);	
			-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
					box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);	
		}
			#nav.sticky-nav .navbar-brand .scroll, 
			#nav.fixednav .navbar-brand .main {
				display: none;
			}
			#nav.fixednav .navbar-brand .scroll {
				display: block;
			}
			#nav .navbar-brand {
				padding-top: 0;
				padding-bottom: 0;
				height: auto;
			}
			#nav.fixednav .navbar-brand {
				margin-top: 0;
			}
				#nav .nav-item > a {
					padding: 15px;
					color: var(--white-color);
					font-size: 18px;
					font-weight: bold;
					line-height: normal;
				}
				#nav.fixednav .navbar-nav > li > a {
					padding-top: 18px;					
				}
				#nav.fixednav .navbar-nav > li > a, 
				#nav .nav-item > a:hover, 
				#nav .nav-item.current > a {
					color: var(--main-color);
				}
				#nav.fixednav .navbar-nav > li > a:hover, 
				#nav.fixednav .navbar-nav > li.current > a {
					color: var(--main-color); 
				}
				#nav .navbar-toggler {
					margin-top: 10px;
					border: none;
					outline: none;
					cursor: pointer;
				}
				#nav .navbar-toggler span {
					color: var(--white-color);
				}
				#nav.fixednav .navbar-toggler span, 
				#nav .navbar-toggler:hover span {
					color: var(--grey-color-2);
				}
				#nav.fixednav .navbar-toggler:hover span {
					color: var(--main-color);
				}				

/* Main Slider Styles Starts */	
	
	#main-slider .carousel-caption {
		text-align: inherit;
		left: 14%;
		top: 25%;
		bottom: 0;
		text-shadow: none;
	}
	#main-slider .carousel-caption, 
	#main-slider .carousel-caption a, 
	#main-slider .carousel-caption h2, 
	#main-slider .carousel-caption h5 {
		color: var(--white-color);
	}
		#main-slider .carousel-caption h2 {
			margin-bottom: 20px;
			line-height: 62px;
		}
		#main-slider .carousel-caption h5 {
			margin-bottom: 20px;
			line-height: 28px;
		}
		#main-slider .carousel-caption .btn {
			margin-top: 10px;
			padding: 12px 36px;
			font-size: 18px;
		}
		#main-slider .carousel-caption .btn + .btn {
			margin-left: 30px;
		}
		#main-slider .carousel-caption .btn-outline {
			padding: 10px 32px;
		}

	#main-slider .carousel-control-prev, 
	#main-slider .carousel-control-next {
		bottom: auto;
		width: auto;
		height: auto;
		top: 45%;
		font-size: 48px;
		text-shadow: none;
		background: none;
	}
		#main-slider .carousel-control-prev {
			left: 5%;
		}
		#main-slider .carousel-control-next {
			right: 5%;
		}
	
/* Carousel Fade Styles Starts */

	#main-slider.carousel-fade .carousel-item {
		opacity: 0;
		-webkit-transition: opacity 0.6s ease !important; 
		-moz-transition: opacity 0.6s ease !important; 
				transition: opacity 0.6s ease !important; 
	}

	#main-slider.carousel-fade .carousel-item-next,
	#main-slider.carousel-fade .carousel-item-prev {
		left: 0 !important;
	}

	#main-slider.carousel-fade .carousel-item-next.carousel-item-left,
	#main-slider.carousel-fade .carousel-item-prev.carousel-item-right {
		-webkit-transform: none;
		-moz-transform: none;
				transform: none;
	}

	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
		#main-slider.carousel-fade .carousel-item-next.carousel-item-left,
		#main-slider.carousel-fade .carousel-item-prev.carousel-item-right {
			-webkit-transform: none;
			-moz-transform: none;
					transform: none;
		}
	}

	#main-slider.carousel-fade .carousel-item-next,
	#main-slider.carousel-fade .active.carousel-item-right {
		-webkit-transform: none;
		-moz-transform: none;		
				transform: none;
	}

	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
		#main-slider.carousel-fade .carousel-item-next,
		#main-slider.carousel-fade .active.carousel-item-right {
			-webkit-transform: none;
			-moz-transform: none;			
					transform: none;
		}
	}

	#main-slider.carousel-fade .carousel-item-prev,
	#main-slider.carousel-fade .active.carousel-item-left {
		-webkit-transform: none;
		-moz-transform: none;
				transform: none;
	}

	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
		#main-slider.carousel-fade .carousel-item-prev,
		#main-slider.carousel-fade .active.carousel-item-left {
			-webkit-transform: none;
			-moz-transform: none;
					transform: none;
		}
	}

	/* THE FIX */
	#main-slider.carousel-fade .carousel-inner .carousel-item,
	#main-slider.carousel-fade .carousel-inner .active.carousel-item-left,
	#main-slider.carousel-fade .carousel-inner .active.carousel-item-right {
		opacity:0;
	}

	#main-slider.carousel-fade .carousel-inner .active,
	#main-slider.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
	#main-slider.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
		opacity: 1;
	}	

/* Section Styles Starts */

.section-area {
	padding-top: 75px;
	padding-bottom: 75px;
}
.section-area.grey {
	background-color: var(--light-grey-color-1);
}

/* Intro Section Styles Starts */

.intro-section {
	padding-top: 60px;
	padding-bottom: 0;
}
	.intro-content {
		padding-bottom: 30px;
	}
		.intro-content h2 {
			margin-bottom: 25px;
		}
		.intro-content h2 + h3 {
			margin-bottom: 30px;
		}
		.intro-content p {
			margin-bottom: 0;
		}
		.intro-content p + p {
			margin-top: 25px;
		}
	.intro-img {
		padding-top: 30px;
	}

/* Services Section Styles Starts */

	.services-section-box {
		margin-top: 50px;
	}
		.services-section-box .icon {
			margin-top: 20px;
			width: 60px;
			height: 60px;
			line-height: 70px;
			text-align: center;
			background-color: var(--main-color);
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
			        transform: rotate(45deg);
		}
			.services-section-box .fa {
				color: var(--white-color);
				font-size: 30px;
				-webkit-transform: rotate(-45deg);
				   -moz-transform: rotate(-45deg);
						transform: rotate(-45deg);
			}
		.services-section-box h3 {
			margin-top: 0;
			margin-bottom: 12px;
		}

/* Portfolio Section Styles Starts */

.portfolio-section {
	padding-top: 90px;
	padding-bottom: 0;
}

/* Portfolio Filters Styles Starts */

.portfolio-filter {
	margin-bottom: 30px;
	text-transform: uppercase;
}
	.portfolio-filter li {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
		.portfolio-filter li, 
		.portfolio-filter li a {
			color: var(--grey-color-1);
			font-size: 16px;
			font-weight: bold;
		}
		.portfolio-filter li a:hover, 
		.portfolio-filter li a.active, 
		.portfolio-filter li a:focus {
			color: var(--blue-color-1);
			outline: none;
			text-decoration: none;
		}
		.portfolio-filter li a.active {
			border-bottom: 3px solid var(--main-color);
		}

/* Portfolio Grid Styles Starts */		

ul#portfolio-grid {		
	padding: 0;
	list-style: none;
	overflow: hidden;
}
	.portfolio-grid-item {
		margin-bottom: 30px;
	}
		.portfolio-grid-item .hover-content {
			overflow: hidden;
			position: relative;
		}
			.portfolio-grid-item .hover-content img {
				-webkit-transform: scale(1.0);
			       -moz-transform: scale(1.0);
			            transform: scale(1.0);
			}
			.portfolio-grid-item .hover-content:hover img {
				-webkit-transform: scale(1.3);
			       -moz-transform: scale(1.3);
			            transform: scale(1.3);
			}				
				.portfolio-grid-item .hover-content .overlay {
					position: absolute;
					top: 0;
					right: 0;
					left: 0;
					bottom: 0;
					height: auto;
					text-align :center;
					background: rgba(0, 0, 0, 0.5);
					color: var(--white-color);
					opacity: 0;	
				}
				.portfolio-grid-item .hover-content:hover .overlay {
					opacity: 1;
				}
					.portfolio-grid-item .hover-content .tag {
						margin-top: 33%;
						margin-bottom: 10%;
						-webkit-transform: translateY(-75px);
						   -moz-transform: translateY(-75px);
						    -ms-transform: translateY(-75px);				
						        transform: translateY(-75px);						
					}
						.portfolio-grid-item .hover-content .tag span {
							padding: 15px 40px;
							font-size: 18px;
							background-color: var(--main-color);
						}
					.portfolio-grid-item .hover-content h5 {
						color: var(--white-color);
						line-height: 28px;
						-webkit-transform: translateY(75px);
						   -moz-transform: translateY(75px);
						    -ms-transform: translateY(75px);				
						        transform: translateY(75px);						
					}
					.portfolio-grid-item .hover-content:hover .tag, 
					.portfolio-grid-item .hover-content:hover h5 {
						-webkit-transform: translateY(0);
						   -moz-transform: translateY(0);
						    -ms-transform: translateY(0);				
						        transform: translateY(0);						
					}

/* Team Section Styles Starts */

.team-section {
	padding-top: 40px;
}
	.team-bio-box-wrap {
		margin-top: 40px;
	}
		.team-bio-box {
			padding-bottom: 10px;
			background-color: var(--main-color);
		}
			.team-bio-box, 
			.team-bio-box h3, 
			.team-bio-box a {
				color: var(--white-color);
			}
			.team-bio-box h3 {
				margin-top: 20px;
				margin-bottom: 5px;
			}
		.team-bio-box-content {
			padding: 20px 15px;
		}
			.team-bio-box-sm-links {
				margin-top: 20px;
				margin-bottom: 0;
			}
				.team-bio-box-sm-links li {
					padding-left: 8px;
					padding-right: 8px;
				}
					.team-bio-box-sm-links li a {
						width: 42px;
						height: 42px;
						line-height: 42px;
						display: block;
						color: var(--white-color);
						font-size: 18px;
						background-color: var(--grey-color-1);
					}
					.team-bio-box-sm-links li a:hover, 
					.team-bio-box-sm-links li a:focus {
						background-color: var(--blue-color-3);
					}

/* Testimonials Section Styles Starts */

.testimonials-section {
	background-image: url(../images/section-bg1.jpg);
}
	.testimonials-section, 
	.testimonials-section a, 
	.testimonials-section h3, 
	.testimonials-section h6 {
		color: var(--white-color);
	}
	.testimonial-box {
		padding-left: 30px;
		padding-right: 30px;
	}
		.testimonial-box .img-center {
			border: 3px solid var(--white-color);
		}
		.testimonial-box p {
			margin-bottom: 30px;
		}
	#testimonial-carousel .owl-controls {
		margin-top: 40px;
		margin-bottom: 0;
	}	
		#testimonial-carousel .owl-controls .owl-page span, 
		#testimonial-carousel .owl-controls .owl-page.active span {
			width: 16px;
			height: 16px;
			opacity: 1;
		}
		#testimonial-carousel .owl-controls .owl-page span {
			background-color: var(--white-color);
		}
		#testimonial-carousel .owl-controls .owl-page.active span {
			background-color: var(--blue-color-1);
		}

/* FAQ's Section Styles Starts */

	.faq-list {
		margin-bottom: 0;
	}
		.faq-list li + li {
			margin-top: 30px;
		}
			.faq-list li h3 {
				margin-top: 0;
			}

/* Blog Section Styles Starts */

.blog-section {
	padding-top: 0;
}
	.blog-post {
		margin-top: 20px;
	}
		.blog-post-image {
			position: relative;
		}
			.blog-post-date {
				padding: 5px 12px;
				position: absolute;
				top: 15px;
				left: 15px;
				color: var(--white-color);
				background-color: var(--main-color);
			}
			.blog-post-title {
				margin-top: 25px;
				margin-bottom: 5px;
			}
				.blog-post-title, 
				.blog-post-title a {
					color: var(--grey-color-2);
				}
				.blog-post-title a:hover {
					color: var(--main-color);
				}
			.blog-post-read-more {
				font-size: 16px;
			}
			.blog-post p {
				margin-bottom: 0;
			}
			.blog-post p + p {
				margin-top: 15px;
			}

/* Contact Section Styles Starts */

	.contact-status {
		display: none;
	}
	.contact-form .form-control {
		margin-bottom: 20px;
		padding: 18px 25px;
		color: var(--grey-color-3);
		background-color: var(--light-grey-color-2);
		border-color: var(--light-grey-color-3);
	}
	.contact-form .form-control:focus {
		background-color: var(--white-color);
	}
	.contact-form input[type=text].form-control, 
	.contact-form input[type=email].form-control {
		height: 58px;
	}
	.contact-form textarea.form-control {
		line-height: 25px;
	}
	.contact-form .form-control::-webkit-input-placeholder { 
		color: var(--grey-color-4);
	}
	.contact-form .form-control::-moz-placeholder {
		color: var(--grey-color-4);
	}
	.contact-form .form-control:-ms-input-placeholder {
		color: var(--grey-color-4);
	}
	.contact-form .form-control:-moz-placeholder {
		color: var(--grey-color-4);
	}
	.contact-form .btn {
		margin-top: 8px;
		padding: 12px 48px;
		font-size: 18px;
		line-height: normal;
	}	

/* Contact Info Section Starts */

.contact-info {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--main-color);
}
	.contact-info, 
	.contact-info h4, 
	.contact-info a {
		color: var(--white-color);
	}
	.contact-info h4 {
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.contact-info .fa {
		font-size: 48px;
	}

/* Footer Styles Starts */

.main-footer {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 16px;
	background-color: var(--grey-color-1);
}
	.main-footer, 
	.main-footer a {
		color: var(--white-color);
	}
	.main-footer a:hover {
		color: var(--main-color);
	}
	.main-footer ul {
		margin-bottom: 15px;
	}
		.main-footer li {
			padding-left: 10px;
			padding-right: 10px;
			font-size: 18px;
		}

/* Generic Styles Starts */

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

.spacer-xxs  { height: 5px;  }
.spacer-xs   { height: 10px; }
.spacer-sm   { height: 15px; }
.spacer-md	 { height: 20px; }
.spacer-lg	 { height: 25px; }
.spacer-xlg  { height: 40px; }
.spacer-xxlg { height: 60px; }

.text-color-brand   { color: var(--blue-color-1); 	 }
.text-color-dark    { color: var(--grey-color-2);    }
.text-color-grey    { color: var(--grey-color-3); 	 }

.text-weight-thin		 	{ font-weight: 100; }
.text-weight-extra-light	{ font-weight: 200; }
.text-weight-light		 	{ font-weight: 300; }
.text-weight-normal 	 	{ font-weight: 400; }
.text-weight-medium 	 	{ font-weight: 500; }
.text-weight-bold		 	{ font-weight: 700; }
.text-weight-ultra-bold 	{ font-weight: 900; }

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.border-radius-2 {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;		
}

#main-slider .carousel-caption .btn, 
.portfolio-grid-item .hover-content .tag span, 
.contact-form .btn {
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px;
}	

.no-boxshadow, 
.navbar-toggler:focus, 
.btn:focus, 
.contact-form .form-control, 
.contact-form .form-control:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.font-awesome {
	font-family: 'FontAwesome';
	src: url('../font-awesome/fonts/fontawesome-webfont3295.eot?v=4.5.0');
	src: url('../font-awesome/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont3295.woff2?v=4.5.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont3295.woff?v=4.5.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont3295.ttf?v=4.5.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular') format('svg');
}

.animation, 
.animation a {
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		    transition: all 0.5s ease 0s;
}

.animation-1, 
.animation-1 a {
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		    transition: all 1s ease;	
}