/* Renvex - Home Construction and Repairing HTML Template  */

/*********** TABLE OF CONTENTS **************
1. Fonts
2. Reset
3. Global
4. Main Header / Two
5. Sticky Header
6. Mobile Menu
7. Page Banner
8. Section Title
9. Banner Section / Two / Three
10. Features Section / Two
11. About Section / Two / Three
12. Call To Action / Two / Three
13. Services Section
14. Fun Facts Section / Two
15. Project Section / Two
16. Project Page Section
17. Project Details
18. Pricing Section
19. Services and Skills
20. Services Section Two
21. Services Section Three
22. Service Details
23. Why Choos Us
24. Skills Section
25. FAQ'S Section
26. FAQ Form Section
27. Team Section
28. Team Page Section
29. Testimonials Section
30. Video Section
31. Testimonials Section Two
32. Testimonial And Clients
33. Clients Section
34. Work Section
35. Location Section
36. Download Section
37. News Section
38. Blog Sidebar
39. Styled Pagination
40. Blog Detail
41. Contact Map Section
42. Contact Page Section
43. Newsletter Section
44. Main Footer
45. Sidebar Page Container
46. Comment Area
47. Comment Form
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*
font-family: 'Poppins', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

@import url('fontawesome-all.css');
@import url('animate.css');
@import url('line-awesome.css');
@import url('stroke-gap-icons.css');
@import url('Pe-icon-7-stroke.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('swiper.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

html {
	scroll-behavior: smooth;
}

body {
	
	font-size:14px;
	color:#787878;
	line-height:1.6em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Poppins', sans-serif;
}

/* Add subtle parallax to background elements */
.about-section:before,
.work-section:before,
.what-is-renvex-section .floating-elements {
	will-change: transform;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#226214;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	font-family: 'Montserrat', sans-serif;
}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #666666;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	z-index: 9;
	overflow: hidden;
	animation: pageLoad 1s ease-out;
}

/* Smooth page transitions */
@keyframes pageLoad {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

/*** 
====================================================================
	BLUEPRINT WORKSHOP - Craftsman's Technical Design System
	"Where Sydney's finest handyman meets precision engineering"
====================================================================
***/

/* Blueprint Color Palette - Technical & Professional */
:root {
	/* Override Bootstrap orange colors with our brand greens */
	--orange: #226214 !important;
	--warning: #43cc25 !important;
	--yellow: #43cc25 !important;
	
	/* Blueprint-inspired technical colors */
	--blueprint-blue: #1e3a8a;
	--blueprint-cyan: #0891b2;
	--architect-grey: #374151;
	--measurement-orange: #226214;
	--workshop-green: #059669;
	--paper-cream: #fefdf8;
	--charcoal-text: #1f2937;
	--sydney-gold: #d97706;
}

/* Blueprint Grid Background System */
.blueprint-grid {
	position: relative;
	background: 
		linear-gradient(var(--paper-cream) 98px, var(--blueprint-cyan) 100px),
		linear-gradient(90deg, var(--paper-cream) 98px, var(--blueprint-cyan) 100px);
	background-size: 100px 100px;
	background-position: -1px -1px;
}

.blueprint-grid:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		linear-gradient(var(--paper-cream) 18px, transparent 20px),
		linear-gradient(90deg, var(--paper-cream) 18px, transparent 20px);
	background-size: 20px 20px;
	opacity: 0.3;
	z-index: 1;
}

/* Technical Annotation Callouts */
.measurement-callout {
	position: absolute;
	color: #226214;
	font-family: 'Courier New', monospace;
	font-weight: bold;
	font-size: 14px;
	z-index: 10;
}

.measurement-callout:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 30px;
	background: #226214;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}

.measurement-callout:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 2px;
	background: #226214;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}

/* Hand-Drawn Tool Sketches */
.tool-sketch {
	position: relative;
	overflow: hidden;
}

.tool-sketch svg {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: drawTool 3s ease-in-out forwards;
}

@keyframes drawTool {
	to { stroke-dashoffset: 0; }
}

/* Sketch-to-Photo Morphing Effect */
.morph-container {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.sketch-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1;
	transition: opacity 2s ease;
}

.photo-layer {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.morph-container:hover .sketch-layer {
	opacity: 0;
}

/* Sydney Map Integration */
.sydney-map-outline {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 200px;
	height: 150px;
	opacity: 0.1;
	z-index: 1;
}

.suburb-highlight {
	fill: var(--sydney-gold);
	opacity: 0.3;
	transition: opacity 0.3s ease;
}

.suburb-highlight:hover {
	opacity: 0.7;
}

/* Technical Specification Cards */
.tech-spec-card {
	background: var(--paper-cream);
	border: 2px solid var(--blueprint-cyan);
	border-radius: 0;
	position: relative;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 2px 2px 0 var(--architect-grey);
	transition: all 0.3s ease;
}

.tech-spec-card:hover {
	transform: translate(-2px, -2px);
	box-shadow: 4px 4px 0 var(--architect-grey);
}

.tech-spec-card:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 20px;
	width: 30px;
	height: 20px;
	background: var(--paper-cream);
	border: 2px solid var(--blueprint-cyan);
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

/* Before/After Reveal Slider */
.before-after-slider {
	position: relative;
	overflow: hidden;
	cursor: ew-resize;
	border-radius: 8px;
	border: 3px solid var(--workshop-green);
}

.before-image {
	position: relative;
	width: 100%;
	height: 100%;
}

.after-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0 50% 0 0);
	transition: clip-path 0.3s ease;
}

.slider-handle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background: var(--workshop-green);
	border: 3px solid white;
	border-radius: 50%;
	cursor: ew-resize;
	z-index: 10;
}

.slider-handle:before {
	content: '↔';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
}

/* Toolbox Service Selector */
.toolbox-selector {
	background: var(--architect-grey);
	border-radius: 10px;
	padding: 20px;
	position: relative;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.3);
}

.tool-drawer {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}

.tool-item {
	background: linear-gradient(145deg, #4a5568, #2d3748);
	border: 2px solid var(--blueprint-cyan);
	border-radius: 8px;
	padding: 20px;
	color: white;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	min-width: 140px;
}

.tool-item:hover {
	transform: translateY(-5px) rotate(2deg);
	background: linear-gradient(145deg, var(--workshop-green), var(--blueprint-blue));
	box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

.tool-item:before {
	content: '';
	position: absolute;
	top: -5px;
	right: -5px;
	width: 15px;
	height: 15px;
	background: #226214;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(234, 88, 12, 0.5);
}

/* Craftsman's Signature Style */
.craftsman-signature {
	font-family: 'Brush Script MT', cursive;
	color: var(--sydney-gold);
	font-size: 24px;
	transform: rotate(-3deg);
	position: relative;
}

.craftsman-signature:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--sydney-gold);
	transform: skew(-12deg);
}

/* Technical Drawing Lines */
.tech-line {
	position: absolute;
	background: var(--blueprint-cyan);
	z-index: 5;
}

.tech-line.horizontal {
	height: 1px;
	width: 100px;
	animation: drawLineHorizontal 2s ease-in-out;
}

.tech-line.vertical {
	width: 1px;
	height: 100px;
	animation: drawLineVertical 2s ease-in-out;
}

@keyframes drawLineHorizontal {
	from { width: 0; }
	to { width: 100px; }
}

@keyframes drawLineVertical {
	from { height: 0; }
	to { height: 100px; }
}

/* Workshop Paper Texture */
.workshop-paper {
	background: 
		radial-gradient(circle at 100% 50%, transparent 20%, var(--paper-cream) 21%, var(--paper-cream) 80%, transparent 81%),
		linear-gradient(var(--paper-cream) 50%, transparent 50%);
	background-size: 40px 40px;
	position: relative;
}

.workshop-paper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="%23d1d5db"/><circle cx="80" cy="80" r="0.5" fill="%23d1d5db"/><circle cx="60" cy="40" r="0.8" fill="%23d1d5db"/></svg>');
	opacity: 0.3;
	z-index: 1;
}

/* Responsive Blueprint System */
@media (max-width: 768px) {
	.blueprint-grid {
		background-size: 50px 50px;
	}
	
	.sydney-map-outline {
		width: 100px;
		height: 75px;
	}
	
	.tool-drawer {
		flex-direction: column;
		align-items: center;
	}
	
	.measurement-callout {
		font-size: 12px;
	}
}

.auto-container{
	position:static;
	max-width:1170px;
	padding:0px 15px;
	margin:0 auto;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

figure{
	margin-bottom: 0;
}

.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: "Poppins", sans-serif;
}

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/
.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	font-weight:500;
	padding: 10px 32px;
	background: linear-gradient(to right, #226214, #43cc25);
	overflow: hidden;
	transition: all 300ms linear;
	border-radius: 3px;
}

.btn-style-one .btn-title{
	position: relative;
}

.btn-style-one:hover{
	color:#226214;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-one:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-one:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Two*/
.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:26px;
	color:#f1ecff;
	font-weight:500;
	padding: 10px 32px;
	background-color: transparent;
	overflow: hidden;
	transition: all 300ms linear;
	border: 2px solid #ffffff;
	border-radius: 3px;
}

.btn-style-two .btn-title{
	position: relative;
}

.btn-style-two:hover{
	color:#000000;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-two:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Three*/
.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#f1ecff;
	font-weight:500;
	padding: 10px 32px;
	background-color: #1a2940;
	overflow: hidden;
	border-radius: 3px;
	transition: all 300ms linear;
}

.btn-style-three .btn-title{
	position: relative;
}

.btn-style-three:hover{
	color:#1a2940;
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-three:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.btn-style-three:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

/*Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 500;
	overflow: hidden;
	border: 1px solid #333333;
	background-color: #333333;
}

.btn-style-four:hover{
	color: #333333;
	border: 1px solid #ffffff;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*=== Social Icon One ===*/
.social-icon-one{
	position: relative;
}

.social-icon-one li{
	position: relative;
	display: inline-block;
	margin-left: 22px;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 500;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #ffffff;
	background: linear-gradient(135deg, #226214 0%, #43cc25 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(67, 204, 37, 0.3);
}

.social-icon-one li:first-child{
	margin-left: 0;
}

/*=== List Style One ===*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	font-size:18px;
	line-height:26px;
	color: #222222;
	font-weight:500;
	padding-left:25px;
	margin-bottom: 13px;
}

.list-style-one li:before{
	content: "\f00c";
	position:absolute;
	left: 0;
	top: 0px;
	display:block;
	font-size:14px;
	line-height: 26px;
	padding: 0px;
	color:#43cc25;
	font-weight:900;
	font-family: "Font Awesome 5 Free";
}

.list-style-one li a:hover{
	color: #44bce2;
}

/*=== List Style Two ===*/

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	font-size:15px;
	line-height:25px;
	color: #666666;
	font-weight:400;
	padding-left:25px;
	margin-bottom: 15px;
}

.list-style-two li:before{
	content: "\f182";
	position:absolute;
	left: 0;
	top: 0px;
	display:block;
	font-size:15px;
	line-height: 25px;
	padding: 0px;
	color:#666666;
	font-family: "LineAwesome";
}

.list-style-two li a:hover{
	color: #44bce2;
}

.theme_color{
	color:#43cc25;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display: none;
}

.tabs-box .active-tab{
	display: block;
}

/*.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
}
*/

/*-------------------------------------------------------
    [ Preloader ]
-------------------------------------------------------*/

.loading-box{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  z-index: 9999999999999;
}

.loading-box .middle{
  position: absolute;
  top: 50%;
  width: 100%;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #226214;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.dropdown-toggle::after{
	display: none;
}

.fa{
	line-height: inherit;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#1b1a1c;
	display:none;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background: linear-gradient(to right, #226214, #43cc25);
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: relative;
	display: block;
	width: 100%;
	z-index: 99999;
	box-shadow: 0 8px 40px rgba(0,0,0,0.15);
}

.main-header .header-top{
	position: relative;
	background: linear-gradient(135deg, #1a2f1a 0%, #2d4a2d 25%, #226214 50%, #2d6b1f 75%, #43cc25 100%);
	box-shadow: 0 4px 20px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
	border-bottom: 2px solid rgba(67, 204, 37, 0.3);
	backdrop-filter: blur(5px);
}

/* Top Left*/

.main-header .header-top .top-left{
	position: relative;
	float: left;
}

.main-header .header-top .top-left:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background: linear-gradient(135deg, #1a2f1a 0%, #2d4a2d 50%, #226214 100%);
	content: "";
	margin-right: -20px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.main-header .header-top .info-list{
	position: relative;
	float: right;
	padding: 15px 0;
	font-family: "Montserrat", sans-serif;
}

.main-header .header-top .info-list li{
	position: relative;
	float: left;
	padding-left: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-right: 30px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.main-header .header-top .info-list li a{
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color: #43cc25;
	text-shadow: 0 0 8px rgba(67, 204, 37, 0.6);
	transform: translateY(-1px);
}

.main-header .header-top .info-list li span{
	position: absolute;
	left: 0;
	top: 0;
	color: #43cc25;
	font-size:16px;
	line-height: 30px;
	text-shadow: 0 0 8px rgba(67, 204, 37, 0.4);
	filter: drop-shadow(0 0 3px rgba(67, 204, 37, 0.5));
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
	padding: 18px 0 17px;
}

/*=== Header Upper ===*/

.main-header .header-upper{
	position: relative;
	background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 25%, #4a4a4a 50%, #4f4f4f 75%, #555555 100%);
	box-shadow: 0 8px 32px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 0 rgba(67, 204, 37, 0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	backdrop-filter: blur(8px);
}

.main-header .header-upper .logo-outer{
	position: relative;
	float: left;
}

.main-header .header-upper .logo{
	position: relative;
	padding: 30px 0;
}

.main-header .header-upper .logo img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.main-header .nav-outer{
	position: relative;
	float: right;
}

/*===  Header Lower ===*/

.main-header .header-lower{
	position: relative;
	width: 100%;
}

.main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:40px 0;
	margin-left: 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	opacity:1;
	color:#ffffff;
	padding: 0px;
	text-transform:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color: #43cc25;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:260px;
	z-index:100;
	padding:10px 30px;
	background-color:#ffffff;
	opacity:0;
	display:none;
	border-top:2px solid #43cc25;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child > a{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 0px;
	line-height:29px;
	font-weight:500;
	font-size:15px;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#226214;
	padding-left: 16px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:0;
	top:11px;
	display:block;
	line-height:24px;
	font-size:16px;
	font-weight:900;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > a:before{
	position: absolute;
	left: 0;
	top: 22px;
	height: 5px;
	width: 5px;
	background-color: #226214;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a:before{
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:260px;
	z-index:100;
	display:none;
	background-color:#ffffff;
	opacity:0;
	padding: 10px 30px;
	margin-left: 30px;
	border-top:2px solid #226214;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 0px;
	line-height:29px;
	font-weight:500;
	font-size:15px;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#226214;
	padding-left: 16px;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
	position: absolute;
	left: 0;
	top: 22px;
	height: 5px;
	width: 5px;
	background-color: #226214;
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a:before{
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
	padding: 30px 0;
}

.main-header .outer-box .btn-box{
	position: relative;
	float: right;
	margin-left: 30px;
}

.main-header .outer-box .btn-box .theme-btn{
	text-transform: uppercase;
	display: block;
}

/*search box btn*/
.main-header .search-box-outer{
	position:relative;
	float: left;
	padding: 10px 30px;
	margin-left: 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-outer:before{
	position: absolute;
	left: 0;
	top: 13px;
	height: 24px;
	width: 1px;
	background-color: #e8e8e8;
	content: "";
}

.main-header .search-box-btn{
	position: relative;
	float: left;
    font-size: 16px;
	line-height: 30px;
    background: none;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .search-box-btn:hover{
	color: #43cc25;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:70px !important;
	left: auto !important;
	right: 0;
	padding:0px;
	width:280px;	
	border-radius:0px;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	border-top:3px solid #226214;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#25262c;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .outer-box .social-links{
	position: relative;
	float: left;
	margin-left: 20px;
	padding: 20px 0;
	padding-left: 20px;
}

.main-header .outer-box .social-links:before{
	position: absolute;
	left: -3px;
	top: 15px;
	height: 35px;
	border-left: 1px solid #e5e5e5;
	content: "";
}

/*** 

====================================================================
			Header Style Two
====================================================================

***/

.header-style-two{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-two .logo-outer{
	position: relative;
	float: left;
}

.header-style-two .header-upper .logo{
	padding: 25px 0;
}

.header-style-two .search-box-outer .dropdown-menu{
	top: 55px !important;
}

.header-style-two .info-outer{
	position: relative;
	float: right;
	padding-top: 30px;
}

.header-style-two .info-outer .info-box{
	position: relative;
	margin-bottom: 20px;
	margin-left: 35px;
	float: left;
	font-family: "Montserrat", sans-serif;
}

.header-style-two .info-outer .info-box .inner{
	padding-left: 35px;
}

.header-style-two .info-outer .info-box .icon{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 24px;
	line-height: 1em;
	color: #ffffff;
}

.header-style-two .info-outer .info-box .title{
	display: block;
	font-size: 14px;
	color: #ffffff;
}

.header-style-two .info-outer .info-box p{
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}

.header-style-two .info-outer .info-box p.number{
	font-size: 18px;
}

.header-style-two .info-outer .info-box p a{
	display: inline-block;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .info-outer .info-box p a:hover{
	color: #43cc25;
}

.header-style-two .header-lower .nav-outer{
	position: relative;
	float: none;
	background-color: #1a2940;
	padding-left: 48px;
}

.header-style-two .main-menu .navigation > li{
	margin-right: 45px;
	margin-left: 0;
	padding: 25px 0;
}

.header-style-two .main-menu .navigation > li > a{
	color: #ffffff;
}

.header-style-two .outer-box{
	padding: 15px 15px;
	padding-left: 0;
}

.header-style-two .search-box-btn{
	color: #ffffff;
}

.header-style-two .search-box-btn:hover{
	color: #43cc25;
}

.header-style-two .search-box-outer:before{
	background-color: #586373;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 25%, #4a4a4a 50%, #4f4f4f 75%, #555555 100%);
    box-shadow: 0 8px 32px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.1), 0 2px 0 rgba(67, 204, 37, 0.1);
    backdrop-filter: blur(10px);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99999;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 10px 0;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 32px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li:before{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:17px;
	font-weight:500;
	color:#ffffff;
	text-transform:capitalize;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #43cc25;
	text-shadow: 0 0 10px rgba(67, 204, 37, 0.5);
}

/* Sticky Header Button Alignment */
.sticky-header .pull-right{
	display: flex;
	align-items: center;
	gap: 20px;
}

.sticky-header .btn-box{
	position: relative;
	margin-left: 20px;
}

.sticky-header .btn-box .theme-btn{
	text-transform: uppercase;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 1.2;
}

/* Align info-box text with image edge */
.image-column .info-box {
	margin-left: 0;
	padding-left: 0;
}

.image-column .info-box .inner {
	margin-left: 0;
	padding-left: 0;
}

/* New Services Section Redesign */
.services-section-redesigned {
	position: relative;
	padding: 80px 0;
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #2c3e50 100%);
	background-attachment: fixed;
}

.services-section-redesigned .sec-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 60px;
	text-transform: none;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.services-grid {
	position: relative;
	margin-bottom: 50px;
}

.services-grid .row {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}

.service-item {
	padding: 15px;
}

/* Custom 5-column layout for bottom row */
.col-lg-2-4 {
	flex: 0 0 20%;
	max-width: 20%;
}

@media (max-width: 991px) {
	.col-lg-2-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 575px) {
	.col-lg-2-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.service-box {
	position: relative;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 12px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	border: 2px solid rgba(255, 255, 255, 0.2);
	height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.service-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
	border-color: #43cc25;
	background: linear-gradient(135deg, #226214 0%, #43cc25 100%);
}

.service-box .icon-box {
	position: relative;
	margin-bottom: 15px;
}

.service-box .icon-box .icon {
	font-size: 36px;
	color: #226214;
	transition: all 0.3s ease;
}

.service-box:hover .icon-box .icon {
	color: #ffffff;
	transform: scale(1.1);
}

.service-box h5 {
	font-size: 16px;
	font-weight: 600;
	color: #1a2940;
	line-height: 1.3;
	margin: 0;
	transition: all 0.3s ease;
}

.service-box:hover h5 {
	color: #ffffff;
}

.service-box.large {
	height: auto;
	padding: 25px 20px;
	max-width: 300px;
	margin: 0 auto;
}

.service-box.large h5 {
	font-size: 18px;
}

.view-more-section {
	margin-bottom: 50px;
}

.view-more-section .theme-btn {
	padding: 15px 35px;
	font-size: 16px;
	font-weight: 600;
}

.call-out-section {
	position: relative;
	background: linear-gradient(135deg, #1a2940 0%, #2c4a6b 100%);
	border-radius: 15px;
	padding: 40px 30px;
	margin: 0 auto;
	max-width: 500px;
	color: #ffffff;
}

.call-out-section h3 {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 15px;
}

.call-out-section .phone-number {
	margin-top: 10px;
}

.call-out-section .phone-number a {
	font-size: 24px;
	font-weight: 700;
	color: #43cc25;
	text-decoration: none;
	transition: all 0.3s ease;
}

.call-out-section .phone-number a:hover {
	color: #ffffff;
	text-shadow: 0 0 10px rgba(67, 204, 37, 0.5);
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#43cc25;
	display: none;
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 3px;
	top: 3px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#43cc25;	
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

/*** 

====================================================================
		Page Banner
====================================================================

***/

.page-banner{
	position:relative;
	padding: 180px 0 0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
}

 .page-banner:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content:'';
	background: linear-gradient(135deg, rgba(26, 41, 64, 0.9) 0%, rgba(44, 74, 107, 0.8) 50%, rgba(26, 41, 64, 0.95) 100%);
	z-index:0;
	animation: bannerShift 8s ease-in-out infinite;
}

@keyframes bannerShift {
	0%, 100% {
		background: linear-gradient(135deg, rgba(26, 41, 64, 0.9) 0%, rgba(44, 74, 107, 0.8) 50%, rgba(26, 41, 64, 0.95) 100%);
	}
	50% {
		background: linear-gradient(135deg, rgba(34, 98, 20, 0.8) 0%, rgba(26, 41, 64, 0.9) 50%, rgba(67, 204, 37, 0.6) 100%);
	}
}

 .page-banner:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	content:'';
	background: linear-gradient(90deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);
	z-index:1;
	animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
	0%, 100% {
		transform: translateX(-10px);
		opacity: 1;
	}
	50% {
		transform: translateX(10px);
		opacity: 0.8;
	}
}

.page-banner .inner-container{
	position: relative;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.98) 100%);
	max-width: 580px;
	width: 100%;
	z-index:5;
	text-align: center;
	margin: 0 auto;
	padding: 48px 0;
	box-shadow: 
		0 30px 80px rgba(0,0,0,0.15), 
		0 15px 40px rgba(67, 204, 37, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	transform: translateY(-50px);
	animation: pageContainerFloat 6s ease-in-out infinite;
}

@keyframes pageContainerFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
		box-shadow: 
			0 30px 80px rgba(0,0,0,0.15), 
			0 15px 40px rgba(67, 204, 37, 0.1),
			inset 0 1px 0 rgba(255, 255, 255, 0.8);
	}
	50% {
		transform: translateY(-10px) scale(1.02);
		box-shadow: 
			0 40px 100px rgba(0,0,0,0.2), 
			0 25px 60px rgba(67, 204, 37, 0.15),
			inset 0 1px 0 rgba(255, 255, 255, 0.9);
	}
}

.page-banner h1{
	position:relative;
	font-size:60px;
	color:#1a2940;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #1a2940 0%, #226214 50%, #1a2940 100%);
	background-size: 200% 200%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: textShine 4s ease-in-out infinite;
}

@keyframes textShine {
	0%, 100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

.page-banner .bread-crumb {
	position: relative;
}

.page-banner .bread-crumb li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #999999;
	font-weight: 400;
	cursor: default;
	padding-right:  9px;
	margin-right: 9px;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

.page-banner .bread-crumb li:before{
	position: absolute;
	right: -3px;
	font-size: 13px;
	line-height: 25px;
	color: #999999;
    content: "/";
}

.page-banner .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-banner .bread-crumb li:last-child:before{
	display: none;
}

.page-banner .bread-crumb li a{
	color:#999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-banner .bread-crumb li a:hover{
	color:#43cc25;	
}

.page-banner.style-two:after{
	display: none;
}

.page-banner.style-two .inner-container{
	margin-bottom: -30px;
	z-index: 9;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	z-index: 1;
	margin-bottom:60px;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: normal;
	color: #999999;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:36px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 700;
	padding-left: 20px;
}

.sec-title h2:before{
	position: absolute;
	left: 0;
	top: 5%;
	height: 90%;
	width: 5px;
	background: linear-gradient(to right, #226214, #43cc25);
	content: "";
}

.sec-title .text{
	position: relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-top: 20px;
}

.sec-title.light h2{
	color: #ffffff;
}

.sec-title.light .text{
	color: rgba(255,255,255,.65);
}

.sec-title.text-center h2{
	padding-left: 0;
}

.sec-title.text-center h2:before{
	display: none;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .slide-item .content-box{
	position: relative;
	height: 700px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

.banner-section .slide-item .content-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 400px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.01) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 );
	content: "";
}

.banner-section .slide-item .content-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #070c15;
	opacity: .40;
	content: "";
}

.banner-section .slide-item .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
}

.banner-section .slide-item h2{
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 70px;
	color: #ffffff;
	font-weight: 700;
	padding-left: 25px;
	margin-bottom: 20px;
	object-position: 0;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active-slide h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.banner-section .slide-item h2:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 5px;
	content: "";
	background: linear-gradient(to right, #226214, #43cc25);
	transition: all 700ms ease;
}

.banner-section .active-slide h2:before{
	height: 100%;
	transition-delay: 500ms;
}

.banner-section .slide-item .text{
	position: relative;
	font-size: 28px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 45px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .slide-item .text span{
	font-weight: 500;
}

.banner-section .active-slide .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section .slide-item .btn-box{
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section .active-slide .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.banner-section .banner-pagination{
	position: absolute;
	right: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
}

.banner-section .banner-pagination ul li{
	position: relative;
	text-align: right;
	font-size: 22px;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 20px;
}

.banner-section .banner-pagination ul li a{
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .banner-pagination ul li a.active{
	letter-spacing: 3px;
	background: linear-gradient(to right, #226214, #43cc25);
	padding: 0 10px;
}

.banner-section .bx-controls{
	display: none;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two{
	position: relative;
}

.banner-section-two .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section-two .slide-item .content-box{
	position: relative;
	height: 800px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

.banner-section-two .slide-item .content-box:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 400px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.01) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 );
	content: "";
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
	opacity: .70;
}

.banner-section-two .slide-item .content-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .70;
	content: "";
}

.banner-section-two .slide-item .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
	text-align: center;
}

.banner-section-two .slide-item h2{
	position: relative;
	display: block;
	font-size: 70px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	object-position: 0;
	text-transform: uppercase;
	opacity: 0;
	padding-top: 50px;
	margin-bottom: 0px;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-two .active-slide h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.banner-section-two .slide-item .text{
	position: relative;
	font-size: 56px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 35px;
	opacity: 0;
	letter-spacing: .2em;
	text-transform: uppercase;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-two .slide-item .text span{
	font-weight: 500;
}

.banner-section-two .active-slide .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section-two .slide-item .btn-box{
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-two .active-slide .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.banner-section-two .active-slide .btn-box .theme-btn{
	margin: 0 7px;
	text-transform: uppercase;
}

.banner-section-two .active-slide .btn-box .btn-style-one{
	line-height: 35px;
	margin-bottom: 10px;
}

.banner-section-two .active-slide .btn-box .btn-style-two{
	line-height: 31px;
	margin-bottom: 10px;
}

.banner-section-two .banner-pagination{
	position: absolute;
	width: 100%;
	bottom: 80px;
	z-index: 9;
	text-align: center;
}

.banner-section-two .banner-pagination ul li{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	font-weight: 300;
	margin: 0 85px 10px;
}

.banner-section-two .banner-pagination ul li a{
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .banner-pagination ul li a.active{
	color: #226214;
}

.banner-section-two .bx-controls{
	display: none;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-three{
	position: relative;
}

.banner-section-three .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section-three .slide-item .content-box{
	position: relative;
	height: 700px;
	width: 100%;
	display: table;
	vertical-align: middle;
}

.banner-section-three .slide-item .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 9;
}

.banner-section-three .slide-item .content .inner{
	position: relative;
	float: right;
	max-width: 600px;
	width: 100%;
	margin-right: -70px;
}

.banner-section-three .slide-item .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .active-slide .title{
	opacity: 1;
}

.banner-section-three .slide-item h2{
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 70px;
	color: #1a2940;
	font-weight: 700;
	padding-left: 25px;
	margin-bottom: 40px;
	object-position: 0;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .active-slide h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.banner-section-three .slide-item h2:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 5px;
	content: "";
	background: linear-gradient(to right, #226214, #43cc25);
	transition: all 700ms ease;
}

.banner-section-three .active-slide h2:before{
	height: 100%;
	transition-delay: 500ms;
}

.banner-section-three .slide-item .text{
	position: relative;
	font-size: 28px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 300;
	margin-bottom: 55px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .slide-item .text span{
	font-weight: 500;
}

.banner-section-three .active-slide .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section-three .slide-item .btn-box{
	opacity: 0;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.banner-section-three .active-slide .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 750ms;
	-moz-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.banner-section-three .active-slide .btn-box .theme-btn{
	line-height: 36px;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 14px;
}

.banner-section-three .bx-controls{
	display: none;
}

/*** 

====================================================================
	Features Section
====================================================================

***/

.top-sections{
	position: relative;
}

.top-sections:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.05;
	content: "";
}

.features-section{
	position: relative;
}

.features-section .outer-box{
	position: relative;
	max-width: 1020px;
	margin: -15px auto 0;
}

.feature-block{
	position: relative;
}

.feature-block .image-box{
	position: relative;
}

.feature-block .image{
	position: relative;
	margin-bottom: 0;
}

.feature-block .image img{
	display: block;
	width: 100%;
	height: auto;
}

.feature-block .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	transition: all 300ms ease;
	border-bottom: 4px solid #ffffff;
}

.feature-block .overlay-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 16px;
	width: 100%;
	background-color: #ffffff;
	content: "";
	transition: all 300ms ease;
}

.feature-block .image-box:hover .overlay-box:after{
	height: 0;
}

.feature-block .image-box:hover .overlay-box{
	background-color: #1a2940;
	border-bottom: 4px solid #226214;
}

.feature-block .overlay-box:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.01) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.01) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 );
	content: "";
	transition: all 300ms ease;
}

.feature-block .image-box:hover .overlay-box:before{
	opacity: 0;
	transition: all 700ms ease;
}

.feature-block .overlay-box .icon-box{
	position: absolute;
	top: 80px;
	width: 100%;
	text-align: center;
	opacity: 0;
}

.feature-block .image-box:hover .overlay-box .icon-box{
	opacity: 1;
	-webkit-transform: scale(-1) rotate(-180deg);
	-moz-transform: scale(-1) rotate(-180deg);
	-ms-transform: scale(-1) rotate(-180deg);
	-o-transform: scale(-1) rotate(-180deg);
	transform: scale(-1) rotate(-180deg);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.feature-block .image-box .overlay-box .icon-box .icon{
	font-size: 100px;
	line-height: 1em;
	color: #226214;
}

.feature-block .title-box{
	position: absolute;
	left: 0;
	bottom: 70px;
	width: 100%;
	padding: 0 15px;
	text-align: center;
}

.feature-block .title-box h4{
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
}

.feature-block .title-box h4 a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .title-box h4 a:hover{
	color: #226214;
}

/*** 

====================================================================
	Features Section Two
====================================================================

***/

.features-section-two{
	position: relative;
	padding: 110px 0 80px;
	background-color: #f7f7f7;
}

.features-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-3.jpg);
	opacity: .02;
}

.feature-block-two{
	position: relative;
	margin-bottom: 30px;
}

.feature-block-two .inner-box{
	position: relative;
	background-color: #ffffff;
	padding: 50px 40px;
	padding-left: 110px;
	overflow: hidden;
	box-shadow: 0 0px 40px rgba(0,0,0,0.10);
}

.feature-block-two .inner-box:before{
	position: absolute;
	left: -20px;
	top: 30px;
	height: 100px;
	width: 100px;
	background-color: #f3f4f5;
	content: "";
	border-radius: 50%;
}

.feature-block-two .icon-box{
	position: absolute;
	left: 30px;
	top: 50px;
}

.feature-block-two .icon-box .icon{
	position: relative;
	font-size: 54px;
	line-height: 1em;
	color: #1a2940;
}

.feature-block-two h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #1a2940;
	font-weight: 500;
	letter-spacing: -0.04em;
	margin-bottom: 10px;
}

.feature-block-two h4 a{
	color: #1a2940;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-two h4 a:hover{
	color: #226214;
}

.feature-block-two .text{
	position: relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 20px;
}

.feature-block-two .link-box{
	position: relative;
}

.feature-block-two .link-box a{
	font-size: 15px;
	color: #226214;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	transition: all 300ms ease;
}

.feature-block-two .link-box a span{
	float: right;
	margin-left: 10px;
	color: #1a2940;
	font-size: 18px;
}

.feature-block-two .link-box a:hover{	
	color: #1a2940;
}

.features-section-two.alternate{
	background-color: #ffffff;
	padding: 90px 0 80px;
}

.features-section-two.alternate:before{
	display: none;
}

.features-section-two.style-two .feature-block-two .inner-box{
	background-color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.features-section-two.style-two .feature-block-two .inner-box:before{
	background-color: #ffffff;
	opacity: .08;
}

.features-section-two.style-two .feature-block-two .inner-box:hover .link-box a,
.features-section-two.style-two .feature-block-two .icon-box .icon,
.features-section-two.style-two .feature-block-two h4 a,
.features-section-two.style-two .feature-block-two .link-box a:hover,
.features-section-two.style-two .feature-block-two .link-box a span,
.features-section-two.style-two .feature-block-two .text{
	color: #ffffff;
}

.features-section-two.style-two .feature-block-two h4 a:hover{
	color: #1a2940;
}

.features-section-two.style-two .feature-block-two .inner-box:hover{
	background: linear-gradient(to right, #226214, #43cc25);
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section{
	position: relative;
	padding: 110px 0 60px;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #f1f7ff 100%);
	overflow: hidden;
}

.about-section:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 30%, rgba(67, 204, 37, 0.03) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(34, 98, 20, 0.05) 0%, transparent 50%);
	animation: aboutBgShift 12s ease-in-out infinite;
	z-index: 1;
}

@keyframes aboutBgShift {
	0%, 100% {
		transform: translateX(0) translateY(0);
		opacity: 1;
	}
	25% {
		transform: translateX(10px) translateY(-5px);
		opacity: 0.8;
	}
	50% {
		transform: translateX(-5px) translateY(10px);
		opacity: 1;
	}
	75% {
		transform: translateX(-10px) translateY(-5px);
		opacity: 0.9;
	}
}

.about-section .content-column{
	position: relative;
	margin-bottom: 50px;
	z-index: 2;
}

.about-section .content-column .inner-column{
	position: relative;
	padding-left: 65px;
	animation: slideInLeft 1s ease-out;
}

@keyframes slideInLeft {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.about-section .sec-title{
	margin-bottom: 23px;
}

.about-section .sec-title h2{
	padding-left: 25px;
}

.about-section .content-column .text{
	position: relative;
	margin-bottom: 35px;
}

.about-section .content-column .text p{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 28px;
}

.about-section .info-list{
	position: relative;
	margin-bottom: 35px;
}

.about-section .info-list li{
	position: relative;
	padding-left: 70px;
	font-size: 18px;
	line-height: 26px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 20px;
	min-height: 70px;
}

.about-section .info-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #1a2940;
	font-size: 22px;
	line-height: 50px;
	color: #ffffff;
	border-radius: 50%;
}

.about-section .link-box{
	position: relative;
}

.about-section .link-box a{
	font-size: 15px;
	color: #226214;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	transition: all 300ms ease;
}

.about-section .link-box a span{
	float: right;
	margin-left: 10px;
	color: #1a2940;
	font-size: 18px;
}

.about-section .link-box a:hover{	
	color: #1a2940;
}

.about-section .info-box{
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease;
	animation: infoBoxFloat 8s ease-in-out infinite;
}

.about-section .info-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

@keyframes infoBoxFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

.about-section .info-box .inner{
	position: relative;
	float: left;
	padding-left: 110px;
	min-height: 65px;
	padding-top: 15px;
}

.about-section .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 65px;
	width: 65px;
	border-radius: 50%;
	overflow: hidden;
}

.about-section .info-box .thumb img{
	display: block;
	width: 100%;
}

.about-section .info-box .name{
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
}

.about-section .info-box .designation{
	display: block;
	font-size: 15px;
	line-height: normal;
	color: #555555;
	font-weight: 300;
	margin-top: 5px;
}

.about-section .info-box .signature{
	position: relative;
	float: right;
	padding-top: 15px;
	transition: all 0.3s ease;
}

.about-section .info-box .signature:hover {
	transform: scale(1.05);
	filter: drop-shadow(0 5px 15px rgba(67, 204, 37, 0.2));
}

.about-section .image-column{
	position: relative;
	margin-bottom: 50px;
	z-index: 2;
}

.about-section .image-column .inner-column{
	position: relative;
	margin-left: -25px;
	margin-right: -40px;
	padding-bottom: 115px;
	animation: slideInRight 1s ease-out;
}

@keyframes slideInRight {
	0% {
		transform: translateX(50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.about-section .image-column img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	border-radius: 15px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.about-section .image-column img:hover {
	transform: scale(1.05) rotate(2deg);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

.about-section .image-column .image-1{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 20px;
	animation: imageFloat 6s ease-in-out infinite;
}

@keyframes imageFloat {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

.about-section .image-column .image-2{
	position: absolute;
	right: 0px;
	bottom: 0;
	margin-bottom: 0;
	border: 10px solid #ffffff;
}

.about-section.style-two .image-column .inner-column{
	padding-bottom: 70px;
}

/*** 

====================================================================
	About Section Two
====================================================================

***/

.about-section-two{
	position: relative;
	z-index: 2;
	padding: 0 0 60px;
}

.about-section-two .content-column .inner-column{
	position: relative;
	padding-top: 110px;
}

.about-section-two .experience{
	position: relative;
	float: left;
	height: 270px;
	width: 270px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	padding: 20px;
	margin-right: 50px;
	padding-top: 75px;
	font-family: "Montserrat", sans-serif;
}

.about-section-two .experience:before{
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	background-color: #ffffff;
	content: "";
}

.about-section-two .experience strong{
	position: relative;
	display: inline-block;
	font-size: 116px;
	line-height: .8em;
	color: #226214;
	font-weight: 700;
	margin-bottom: 10px;
}

.about-section-two .experience p{
	position: relative;
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	font-weight: 500;
	text-transform: uppercase;
}

.about-section-two .title-box{
	position: relative;
	float: right;
	max-width: 330px;
	width: 100%;
	padding-top: 10px;
}

.about-section-two .sec-title .text{
	float: left;
	width: 100%;
	margin-top: 45px;
	max-width: 640px;
}

.about-section-two .sec-title h2{
	padding-left: 29px;
	letter-spacing: -0.02em;
}

.about-section-two .features-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .features-column .inner-column{
	position: relative;
	padding-left: 50px;
}

.about-section-two .features-list{
	position: relative;
	margin-top: -10px;
	box-shadow: 0 27px 50px rgba(0,0,0,0.05);
	background-color: #ffffff;
	z-index: 3;
	padding: 60px 60px;
}

.about-section-two .features-list li{
	position: relative;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
}

.about-section-two .features-list li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.about-section-two .features-list li .inner{
	position: relative;
	padding-left: 80px;
	min-height: 50px;
}

.about-section-two .features-list li .icon{
	position: absolute;
	left: 5px;
	top: 5px;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 44px;
	color: #226214;
}

.about-section-two .features-list li .icon:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	background-color: #f3f4f5;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.about-section-two .features-list li .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 300;
}

.about-section-two .features-list li strong{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

/*** 

====================================================================
	About Section Three
====================================================================

***/

.about-section-three{
	position: relative;
	padding: 110px 0 0px;
}

.about-section-three .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-three .content-column .inner-box{
	position: relative;
}

.about-section-three .content-column .sec-title{
	position: relative;
	margin-bottom: 40px;
}

.about-section-three .content-column .sec-title .text{
	margin-top: 30px;
}

.about-section-three .content-column .sec-title p{
	position: relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 400;
	margin-bottom: 35px;
}

.about-section-three .image-column{
	position: relative;
}

.about-section-three .image-column .inner-column{
	position: relative;
	margin-right: -220px;
	margin-top: -60px;
}

.about-section-three.style-two{
	padding: 0 0 100px;
}

.about-section-three.style-two .image-column .inner-column{
	margin: 0;
	padding: 0;
}

.about-section-three.style-two .content-column .inner-column{
	margin-left: -15px;
}

.about-section-three.style-two .image-column .image{
	position: relative;
	margin-bottom: 0;
}

/*** 

====================================================================
	Mission Section
====================================================================

***/

.mission-section{
	position: relative;
	padding: 0 0 90px;
}

.about-block{
	position: relative;
	margin-bottom: 30px;
}

.about-block .inner-box{
	position: relative;
	text-align: center;
	padding: 60px 50px 50px;
	background-color: #f9f9fa;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-block .inner-box:hover{
	background-color: #ffffff;
	box-shadow: 0 27px 50px rgba(0,0,0,0.05);
}

.about-block .icon{
	position: relative;
	display: inline-block;
	height: 95px;
	width: 95px;
	font-size: 48px;
	line-height: 95px;
	color: #ffffff;
	background-color: #1a2940;
	border-radius: 50%;
	margin-bottom: 40px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.about-block .inner-box:hover .icon{
	background: linear-gradient(to right, #226214, #43cc25);
}

.about-block h5{
	font-size: 20px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 700;
	margin-bottom: 25px;
}

.about-block .text{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
}

/*** 

====================================================================
	Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
}

.call-to-action .outer-box{
	position: relative;
	border-top: 1px solid #e8e8e8;
	padding: 60px 0;
}

.call-to-action .title-box{
	position: relative;
	float: left;
}

.call-to-action .title-box h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 50px;
	font-weight: 500;
	color: #1a2940;
}

.call-to-action .info-box{
	position: relative;
	float: right;
}

.call-to-action .info-box h3{
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 50px;
	color: #226214;
	font-weight: 700;
}

.call-to-action .info-box h3 a{
	color: #226214;
	display: inline-block;
}

.call-to-action .info-box h3 .icon{
	position: relative;
	float: left;
	font-size: 30px;
	margin-right: 10px;
	line-height: 50px;
}

/*** 

====================================================================
	Call To Action Two
====================================================================

***/

.call-to-action-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 160px 0 50px;
	margin-top: -55px;
	z-index: -1;
}

.call-to-action-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to right, #226214, #43cc25);
	opacity: .89;
	content: "";
}

.call-to-action-two .title-column{
	position: relative;
	margin-bottom: 50px;
}

.call-to-action-two .title-column .inner-column{
	position: relative;
	padding-top: 10px;
}

.call-to-action-two .title-column h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 5px;
}

.call-to-action-two .title-column .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.call-to-action-two .btn-column{
	position: relative;
	margin-bottom: 20px;
}

.call-to-action-two .btn-column .theme-btn{
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 16px 36px;
}

.call-to-action-two .btn-column .phone{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	text-align: center;
}

.call-to-action-two .btn-column .phone .icon{
	position: relative;
	display: inline-block;
	top: 3px;
	font-size: 28px;
	line-height: 30px;
	margin-right: 5px;
}

.call-to-action-two .btn-column .phone a{
	color: #ffffff;
	display: inline-block;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.call-to-action-two .btn-column .phone a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Call To Action Three
====================================================================

***/

.call-to-action-three{
	position: relative;
	border-top: 1px solid #e8e8e8;
	padding: 0 0 110px;
	background: linear-gradient(135deg, #1a2940 0%, #2c4a6b 50%, #226214 100%);
	overflow: hidden;
}

.call-to-action-three:before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: radial-gradient(circle at 50% 50%, rgba(67, 204, 37, 0.1) 0%, transparent 70%);
	animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
	0%, 100% { opacity: 0.5; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.1); }
}

.call-to-action-three .sec-title{
	margin-bottom: 35px;
	position: relative;
	z-index: 2;
}

.call-to-action-three .sec-title h2 {
	color: #ffffff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.call-to-action-three .sec-title .icon{
	position: relative;
	display: inline-block;
	height: 60px;
	width: 120px;
	text-align: center;
	font-size: 28px;
	line-height: 60px;
	color: #43cc25;
	background-color: rgba(255, 255, 255, 0.95);
	margin-bottom: 40px;
	margin-top: -15px;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	vertical-align: middle;
}

.call-to-action-three .sec-title .icon:hover {
	transform: translateY(-3px) scale(1.1);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.call-to-action-three .number{
	position: relative;
	text-align: center;
	display: block;
	font-size: 36px;
	line-height: 1em;
	color: #43cc25;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	z-index: 2;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.call-to-action-three .number a{
	color: #43cc25;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.call-to-action-three .number a:hover{
	color: #ffffff;
	text-decoration: underline;
	text-shadow: 0 0 20px rgba(67, 204, 37, 0.8);
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 110px 0 0;
}

.services-section:after,
.services-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.services-section:after{
	background-color: #1a2940;
	opacity: 0.97;
}

.services-section:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-2.jpg);
}

.services-section .outer-box:before{
	position: absolute;
	left: 0;
	height: 220px;
	width: 100%;
	background-color: #ffffff;
	content: "";
	bottom: 0;
	z-index: 1;
}

.services-section .row{
	position: relative;
	z-index: 3;
}

.services-section .image-column{
	position: relative;
}

.services-section .image-column .inner-column{
	position: relative;
	padding-right: 65px;
	margin-left: -90px;
}

.services-section .image-column .service-img{
	position: relative;
	margin-left: -300px;
}

.services-section .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.services-section .service-img img{
	display: block;
	width: 100%;
	height: auto;
}

.services-section .content-collumn{
	position: relative;
}

.services-section .content-collumn .inner-column{
	position: relative;
	padding-left: 45px;
	padding-top: 30px;
}

.service-block{
	position: relative;
	margin-bottom: 58px;
}

.service-block .inner-box{
	position: relative;
	padding-left: 125px;
}

.service-block .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 90px;
	border: 2px solid #ffffff;
	border-radius: 2px;
	text-align: center;
	overflow: hidden;
}

.service-block .icon-box:before{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	content: "";
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover .icon-box:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	border-radius: 0;
}

.service-block .icon-box .icon{
	position: relative;
	font-size: 42px;
	line-height: 90px;
	width: 90px;
	color: #226214;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 9;
}

.service-block .inner-box:hover .icon-box .icon{
	color: #1a2940;
}
.service-block h4{
	position: relative;
	top: -4px;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
}

.service-block h4 a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block h4 a:hover{
	color: #226214;
}

.service-block .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: rgba(255,255,255,.65);
}

.services-section .view-more{
	position: relative;
}

.services-section .view-more a{
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	transition: all 300ms ease;
}

.services-section .view-more a span{
	float: right;
	margin-left: 10px;
	color: #226214;
	font-size: 18px;
}

.services-section .view-more a:hover{
	color: #226214;
}

/*** 

====================================================================
		New Services Section - Service Tiles
====================================================================

***/

.new-services-section {
	position: relative;
	padding: 80px 0;
	background: #f8f9fa;
}

.services-grid {
	position: relative;
}

.services-row {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.service-tile {
	position: relative;
	flex: 1;
	min-width: 250px;
	max-width: 300px;
	background: #ffffff;
	border-radius: 15px;
	padding: 40px 30px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease;
	overflow: hidden;
}

.service-tile:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 50px rgba(34, 98, 20, 0.2);
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.service-tile .tile-inner {
	position: relative;
	z-index: 2;
}

.service-tile .icon-box {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	margin-bottom: 25px;
	border-radius: 50%;
	background: linear-gradient(135deg, #226214 0%, #43cc25 100%);
	transition: all 0.4s ease;
	overflow: hidden;
}

.service-tile:hover .icon-box {
	transform: scale(1.1) rotate(10deg);
	box-shadow: 0 15px 30px rgba(34, 98, 20, 0.3);
}

.service-tile .icon-box .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 36px;
	color: #ffffff;
	transition: all 0.4s ease;
}

.service-tile:hover .icon-box .icon {
	transform: translate(-50%, -50%) rotate(-10deg) scale(1.1);
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.service-tile h4 {
	font-size: 20px;
	font-weight: 600;
	color: #1a2940;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

.service-tile:hover h4 {
	color: #226214;
}

.service-tile .text {
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	transition: all 0.3s ease;
}

.service-tile:hover .text {
	color: #555555;
}

.services-cta {
	text-align: center;
	margin-top: 60px;
}

.services-cta h3 {
	font-size: 28px;
	font-weight: 600;
	color: #1a2940;
}

.services-cta h3 a {
	color: #226214;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease;
}

.services-cta h3 a:hover {
	color: #43cc25;
	border-bottom-color: #43cc25;
}

/*** 

====================================================================
		Fun Facts Section
====================================================================

***/

.fun-facts-section{
	position: relative;
	z-index: 4;
}

.fun-facts-section .facts-couner{
	position: relative;
	float: right;
	max-width: 970px;
	margin-right: -240px;
	width: 100%;
	margin-top: -115px;
}

.fun-facts-section .facts-couner .row{
	margin: 0 -30px;
}

.fun-facts-section .counter-column{
	position: relative;
	padding: 0 30px;
}

.fun-facts-section .counter-column .inner{
	position: relative;
	padding: 78px 15px;
	text-align: center;
	box-shadow: 0 27px 50px rgba(233,233,233,.55);
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .counter-column .inner:hover{
	background: linear-gradient(to right, #226214, #43cc25);
}

.fun-facts-section .counter-column .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fun-facts-section .counter-column .icon-box .icon{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	font-size: 162px;
	line-height: 1em;
	color: #226214;
	font-weight: 400;
	opacity: .10;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .counter-column .inner:hover .icon-box .icon{
	color: #ffffff
}

.fun-facts-section .counter-column .count-box{
	position:relative;
	font-size:60px;
	color:#1a2940;
	line-height: 60px;
	font-weight:600;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .counter-column .inner:hover .count-box .count-text,
.fun-facts-section .counter-column .inner:hover .count-box{
	color: #ffffff;
}

.fun-facts-section .counter-column .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:60px;
	color:#1a2940;
	line-height: 60px;
	font-weight:600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .counter-column .counter-title{
	position: relative;
	display: block;
	font-size:20px;
	line-height: 25px;
	font-weight:300;
	color:#222222;
	font-family: "Poppins", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section .counter-column .inner:hover .counter-title{
	color: #ffffff;
}

/*** 

====================================================================
		Fun Facts Section Two
====================================================================

***/

.fun-facts-section-two{
	position: relative;
	z-index: 4;
}

.fun-facts-section-two .facts-couner{
	position: relative;
	padding: 56px 0 16px;
	border-top: 1px solid #e8e8e8;
}

.fun-facts-section-two .counter-column{
	position: relative;
	margin-bottom: 40px;
}

.fun-facts-section-two .counter-column .inner{
	position: relative;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section-two .counter-column .icon-box{
	position: relative;
	display: inline-block;
}

.fun-facts-section-two .counter-column .icon-box .icon{
	position: relative;
	display: inline-block;
	color: #226214;
	font-weight: 400;
	font-size: 50px;
	line-height: 60px;
	margin-right: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section-two .counter-column .count-box{
	position:relative;
	display: inline-block;
	font-size:60px;
	color:#1a2940;
	line-height: 60px;
	font-weight:600;
	margin-bottom: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section-two .counter-column .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:60px;
	color:#1a2940;
	line-height: 60px;
	font-weight:600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section-two .counter-column .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height: 25px;
	font-weight:400;
	color:#222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-facts-section-two.alternate{
	border-top: 0;
	padding: 110px 0 60px;
	border-bottom: 1px solid #e8e8e8;
}

.fun-facts-section-two.alternate .facts-couner{
	padding: 0;
	border: 0;
}

/*** 

====================================================================
		Project Section
====================================================================

***/

.project-section{
	position: relative;
	padding: 120px 0 90px;
}

.project-section .column{
	position: relative;
}

.project-section .column.pd-top{
	padding-top: 40px;
}

.project-section .sec-title{
	position: relative;
	max-width: 480px;
}

.project-block{
	position: relative;
	margin-bottom: 30px;
}

.project-block .image-box{
	position: relative;
}

.project-block .image-box .image{
	position: relative;
}

.project-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-block .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7);
}

.project-block .image-box:hover .overlay-box{
	background-color: rgba(26,41,54,.95);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.project-block .overlay-box:before{
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #226214;
	content: "";
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7);
}

.project-block .image-box:hover .overlay-box:before{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.project-block .overlay-box .inner{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .image-box:hover .overlay-box .inner{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
	opacity: 1;
}

.project-block .overlay-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 5px;
}

.project-block .overlay-box h4 a{
	display: inline-block;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .overlay-box h3 a:hover{
	color: #226214;
}

.project-block .tags{
	position: relative;
}

.project-block .tags a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 1.2em;
	color: #999999;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .tags a:hover{
	color: #ffffff;
}

.project-link-box{
	position: relative;
	margin-bottom: 30px;
}

.project-link-box .inner{
	position: relative;
}

.project-link-box a{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 700;
	padding: 70px 15px;
	text-transform: uppercase;
	text-align: center;
	background: linear-gradient(to right, #226214, #43cc25);
	text-decoration: underline;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-link-box a i{
	position: relative;
	margin-left: 7px;
}

.project-link-box a:hover{
	color: #226214;
	background: #1a2940;
}

.project-section.style-two{
	padding: 110px 30px 80px;
}

.project-section.style-three{
	padding: 110px 0px 80px;
}

/*** 

====================================================================
		Project Section Two
====================================================================

***/

.project-section-two{
	position: relative;
	padding: 110px 0 110px;
}

.project-section-two .projects-carousel{
	position: relative;
	max-width: 840px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.project-section-two .owl-carousel .owl-stage-outer{
	overflow: visible;
}

.project-block-two{
	position: relative;
}

.project-block-two .image{
	position: relative;
	margin-bottom: 0;
}

.project-block-two .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-section-two .owl-nav{
	display: none;
}

.project-section-two .owl-dots{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -10px;
	text-align: center;
}

.project-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 15px;
	background-color: #cccccc;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-section-two .owl-dot.active{
	width: 30px;
	background: linear-gradient(to right, #226214, #43cc25);
}

.project-section-three{
	position: relative;
}

.project-section-three .project-block{
	margin-bottom: 0;
}

.project-section-three .owl-nav{
	display: none;
}

/*** 

====================================================================
		Project Page Section
====================================================================

***/

.projects-page-section{
	position: relative;
	padding: 110px 0 95px;
}

.projects-page-section .upper-box{
	position: relative;
	max-width: 800px;
	width: 100%;
	margin: 0 auto 50px;
	text-align: center;
}

.projects-page-section .upper-box .text{
	position: relative;
	font-size: 15px;
	line-height: 29px;
	color: #555555;
	font-weight: 300;
}

/*=== Mixitup Gallery ===*/

.projects-page-section .filters{
	margin-bottom:40px;
	text-align: center;
}

.projects-page-section .filters .filter-tabs{
	position:relative;
	display: block;
}

.projects-page-section .filters li{
	position:relative;
	display: inline-block;
	font-size:16px;
	line-height:20px;
	padding:10px 20px;
	cursor:pointer;
	color:#1a2940;
	font-weight:400;
	margin:0 10px 10px;
	border-radius: 2px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-page-section .filters .filter.active,
.projects-page-section .filters .filter:hover{
	color: #ffffff;
	background: linear-gradient(to right, #226214, #43cc25);
}

.projects-page-section .row{
	margin: 0 -7.5px;
}

.projects-page-section .project-block{
	margin-bottom: 15px;
	padding: 0 7.5px;
}

.mixitup-gallery .project-block{
	display: none;
}

/*** 

====================================================================
		Project Details
====================================================================

***/

.project-details-section{
	position:relative;
	padding:110px 0px 110px;	
}

.project-detail .image-box{
	position: relative;
	margin-bottom: 30px;
}

.project-detail .image-box .image{
	position: relative;
	margin-bottom: 30px;
}

.project-detail .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .content-box{
	position:relative;
}

.project-detail .content-column{
	position:relative;
}

.project-detail .content-column .inner-column{
	position: relative;
}

.project-detail h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 500;
	padding-left: 23px;
	margin-bottom: 25px;
}

.project-detail h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 34px;
	width: 5px;
	background: linear-gradient(to right, #226214, #43cc25);
	content: "";
}

.project-detail .content-box p{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 28px;
}

.project-detail .two-column{
	position: relative;
	margin-top: 50px;
	margin-bottom: 15px;
}

.project-detail .two-column .image-column,
.project-detail .two-column .text-column{
	position: relative;
	margin-bottom: 30px;
}

.project-detail .two-column .image{
	position: relative;
}

.project-detail .two-column .image img{
	display: block;
	height: auto;
}

.project-detail .two-column .solution-list{
	position: relative;
}

.project-detail .two-column .solution-list li{
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color: #222222;
	font-weight: 400;
	padding-left: 70px;
	margin-bottom: 40px;
}

.project-detail .two-column .solution-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	background: linear-gradient(to right, #226214, #43cc25);
	border-radius: 50%;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
}

.project-detail .info-column{
	position:relative;
	margin-bottom:50px;
}

.project-detail .info-box{
	position: relative;
	background-color: #f7f7f7;
	border: 1px solid #226214;
	padding: 55px 55px;
}

.project-detail .info-box h2{
	margin-bottom: 35px;
}

.project-detail .info-list{
	position: relative;
}

.project-detail .info-list li{
	position:relative;
	font-size:15px;
	color: #555555;
	line-height: 28px;
	font-weight: 300;
	margin-bottom: 30px;
}

.project-detail .info-list li a{
	color: #848484;
}

.project-detail .info-list li a:hover{
	text-decoration: underline;
}

.project-detail .info-list li strong{
	position: relative;
	display: block;
	font-size:16px;
	color: #222222;
	line-height: 26px;
	text-transform: capitalize;
	letter-spacing: -0.02em;
	font-weight: 500;
}

.project-detail .info-list .social-links{
	position:relative;
	margin-top: 40px;
	margin-bottom: 0;
}

.project-detail .info-list .social-links a{
	position:relative;
	float:left;
	display:inline-block;
	font-size:16px;
	color: #cccccc;
	line-height: 28px;
	font-weight: 300;
	margin-right:20px;	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.project-detail .info-list .social-links a:hover{
	color:#1a2940;	
}

.project-detail .post-controls{
	margin-top: 80px;
	border-top: 1px solid #e8e8e8;
}

.post-controls{
	position:relative;
	padding:45px 0px 0;
	text-align:center;
}

.post-controls .prev-post,
.post-controls .next-post{
	position:relative;
	display:block;
	font-size:15px;
	font-weight:700;
	color:#1a2940;
	line-height:25px;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.post-controls .prev-post:hover,
.post-controls .next-post:hover{
	color:#226214;	
}

.project-detail .post-controls .icon{
	color: #226214;
}

/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 110px 0 90px;
}

.pricing-section .sec-title .btn-box{
	position: relative;
	text-align: right;
	padding-top: 20px;
}

.pricing-section .sec-title .btn-box .theme-btn{
	padding: 13px 35px;
	text-transform: uppercase;
}

.pricing-table{
	position: relative;
	margin-bottom: 30px;
}

.pricing-table.tagged{
	z-index: 2;
}

.pricing-table:hover{
	z-index: 9;
}

.pricing-table .inner-box{
	position: relative;
	padding: 85px 45px 70px;
	text-align: center;
	overflow: hidden;
	background-color: #fafafa;
	border-top: 3px solid transparent;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table:hover .inner-box,
.pricing-table.tagged .inner-box{
	border-top: 3px solid #1a2940;
	box-shadow: 0 0px 70px rgba(233,233,233,.70);
}

.pricing-table .preferred{
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 600;
	letter-spacing: 6px;
	text-transform: uppercase;
}

.pricing-table .sub-title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}

.pricing-table .price{
	position: relative;
	font-size: 100px;
	line-height: 1em;
	color: #226214;
	font-weight: 500;
}

.pricing-table .price sup{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 75px;
	color: #226214;
	font-weight: 300;
	vertical-align: top;
	top: -10px;
} 

.pricing-table .title{
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	color: #1a2940;
	font-weight: 700;
	padding: 25px 15px;
	max-width: 290px;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 27px 50px rgba(0,0,0,0.04);
	margin-top: -20px;
}

.pricing-table .table-content{
	position: relative;
	padding-top: 30px;
}

.pricing-table .table-content ul{
	position: relative;
	text-align: left;
	max-width: 290px;
	width: 100%;
	margin: 0 auto 60px;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 15px;
	line-height: 29px;
	color: #555555;
	font-weight: 400;
	padding: 15px 0;
	padding-left: 23px;
	border-bottom: 1px solid #e8e8e8;
}

.pricing-table .table-content ul li:before{
	position: absolute;
	left: 0;
	top: 15px;
	font-size: 12px;
	color: #1a2940;
	font-weight: 900;
	line-height: 29px;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
}

.pricing-table .table-footer{
	position: relative;
}

.pricing-table .table-footer a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	color: #ffffff;
	padding: 14px 30px;
	border-radius: 3px;
	background-color: #1a2940;
	text-transform: uppercase;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background: linear-gradient(to right, #226214, #43cc25);
}

.pricing-section .bottom-box{
	position: relative;
	max-width: 940px;
	margin: 30px auto;
}

.pricing-section .bottom-box .text{
	position: relative;
	float: left;
	max-width: 690px;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	padding-right: 30px;
}

.pricing-section .bottom-box .btn-box{
	position: relative;
	float: right;
}

.pricing-section .bottom-box .theme-btn{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #1a2940;
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 30px;
	border: 2px solid #1a2940;
	border-radius: 1px;
}

.pricing-section .bottom-box .theme-btn:hover{
	background-color: #1a2940;
	color: #ffffff;
}

/*** 

====================================================================
	Services and Skills
====================================================================

***/

.services-and-skills{
	position: relative;
}

/*=== Services ===*/
.services-and-skills .services{
	position: relative;
	padding: 110px 0 0;
}

.services-and-skills .services:after,
.services-and-skills .services:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.services-and-skills .services:after{
	background-color: #1a2940;
	opacity: .97;
}

.services-and-skills .services:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-2.jpg);
}

.services-and-skills .carousel-outer:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background-color: #ffffff;
	content: "";
	z-index: 1;
}

.service-block-two{
	position: relative;
}

.service-block-two .inner-box{
	position: relative;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .inner-box:hover{
	background: linear-gradient(to right, #226214, #43cc25);
}

.service-block-two .info-box{
	position: relative;
	padding: 50px 20px 45px;
	text-align: center;
}

.service-block-two .icon-box{
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.service-block-two .icon-box .icon{
	display: block;
	font-size: 56px;
	line-height: 1em;
	color: #226214;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two h4{
	font-size:20px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 600;
}

.service-block-two h4 a{
	color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .inner-box:hover .icon-box .icon,
.service-block-two .inner-box:hover h4 a{
	color: #ffffff;
}

.services-and-skills .owl-nav{
	display: none;
}

/*=== Skills ===*/

.skills{
	position: relative;
	padding: 80px 0 60px;
}

.skills .skill-item{
	position:relative;
	margin-bottom:50px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:8px;
	background-color:#eeeeee;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:8px;
	background:none;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:8px;
	width:0px;
	-webkit-transition:all 3000ms ease;
	-moz-transition:all 3000ms ease;
	-ms-transition:all 3000ms ease;
	-o-transition:all 3000ms ease;
	transition:all 3000ms ease;
	background: rgb(26,41,64);
	background: -moz-linear-gradient(left, rgba(26,41,64,1) 0%, rgba(68,107,167,1) 100%);
	background: -webkit-linear-gradient(left, rgba(26,41,64,1) 0%,rgba(68,107,167,1) 100%);
	background: linear-gradient(to right, rgba(26,41,64,1) 0%,rgba(68,107,167,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2940', endColorstr='#446ba7',GradientType=1 );
}

.skills .skill-item .skill-header{
	position:relative;
	font-family: "Montserrat", sans-serif;
	padding-left: 4px;
	margin-bottom:7px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
	float:left;
	font-size:16px;
	line-height:24px;
	color:#222222;
	font-weight:600;
}

.skills .skill-item .skill-header .skill-percentage{
	float:right;
	font-size:16px;
	font-weight:600;
	color:#222222;
	line-height:24px;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position: relative;
	padding: 110px 0 110px;
	background-color: #f7f7f7;
}

.services-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-3.jpg);
	opacity: .02;
}

.services-section-two .services-carousel{
	position: relative;
	padding-bottom: 110px;
}

.service-block-two .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #1a2940;
	text-align: center;
	padding: 70px 20px 20px;
	opacity: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .inner-box:hover .overlay-box{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.service-block-two .overlay-box .icon-box{
	position: relative;
	margin-bottom: 33px;
}

.service-block-two .overlay-box .icon-box .icon{
	position: relative;
	display: inline-block;
	height: 90px;
	width: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 50px;
	background: linear-gradient(to right, #226214, #43cc25);
	color: #ffffff;
	opacity: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
}

.service-block-two .inner-box:hover .overlay-box .icon-box .icon{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.service-block-two .overlay-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .overlay-box h4 a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .overlay-box h4 a:hover{
	color: #226214;
}

.service-block-two .inner-box:hover .overlay-box h4{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.service-block-two .overlay-box .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: rgba(255,255,255,.65);
	font-weight: 400;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .inner-box:hover .overlay-box .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.services-section-two .owl-nav{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
}

.services-section-two .owl-next,
.services-section-two .owl-prev{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 22px;
	color: #cccccc;
	line-height: 48px;
	background-color: transparent;
	border: 1px solid #dddddd;
	margin-left: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-section-two .owl-next:hover,
.services-section-two .owl-prev:hover{
	color: #ffffff;
	background-color: #1a2940;
}

.services-section-two .bottom-text{
	position: relative;
	padding-top: 100px;
}

.services-section-two .bottom-text .text{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 500;
	text-align: center;
}

.services-section-two .bottom-text .text a{
	color: #226214;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-section-two .bottom-text .text a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position: relative;
	padding: 110px 0 80px;
}

.service-block-three{
	position: relative;
	margin-bottom: 30px;
}

.service-block-three .inner-box{
	position: relative;
	background-color: #f9f9fa;
	text-align: center;
	padding: 60px 40px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover{
	background-color: #1a2940;
}

.service-block-three .icon{
	position: relative;
	display: inline-block;
	height: 95px;
	width: 95px;
	font-size: 50px;
	color: #1a2940;
	line-height: 95px;
	background-color: #eeeef1;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover .icon{
	background: linear-gradient(to right, #226214, #43cc25);
	color: #ffffff;
}

.service-block-three h4{
	font-size: 20px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 500;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover h4 a{
	color: #ffffff;
}

.service-block-three h4 a{
	color: #1a2940;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three h4 a:hover{
	color: #226214;
}

.service-block-three .text{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover .text{
	color: #ffffff;
	opacity: .65;
}

/*** 

====================================================================
		Service Details
====================================================================

***/

.service-detail-section{
	position:relative;
	padding:140px 0px 90px;	
	background-color: #ffffff;
	z-index: 2;
	overflow: hidden;
}

.service-detail-section .service-detail{
	position: relative;
	padding-left: 20px;
}

.service-detail-section .sec-title{
	margin-bottom: 35px;
}

.service-detail .image-box{
	position: relative;
	padding-bottom: 5px;
}

.service-detail .image-box .image{
	position: relative;
	margin-bottom: 30px;
}

.service-detail .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-detail .content-box{
	position:relative;
}

.service-detail .content-box h4{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 700;
	margin-bottom: 25px;
}

.service-detail .content-box p{
	position:relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 28px;
}

.service-detail .post-img{
	position: relative;
	margin-bottom: 25px;
}

.service-detail .post-img .column{
	position: relative;
	margin-bottom: 30px;
}

.service-detail .post-img .image{
	position: relative;
	margin-bottom: 0;
}

.service-detail .post-img .image img{
	display: block;
	width: 100%;
}

.service-detail .list-style-one{
	margin-bottom: 30px;
}

.service-detail hr{
	position: relative;
    border: 0;
    border-top: 1px solid #e8e8e8;
    margin-top: 50px;
    margin-bottom: 55px;
}

.service-detail .accordion-box{
	margin-top: 40px;
	margin-bottom: 60px;
}

.service-detail .two-column{
	position: relative;
}

.service-detail .two-column h4{
	margin-bottom: 40px;
}

.service-detail .two-column .text-column{
	position: relative;
}

.service-detail .two-column .image-column{
	position: relative;
	margin-bottom: 30px;
}

.service-detail .two-column .image{
	position: relative;
	margin-bottom: 0;
}

.service-detail .two-column .image img{
	display: block;
	width: 100%;
}

.services-sidebar{
	position: relative;
}

.sidebar-widget{
	margin-bottom: 60px;
}

.sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar{
	position: relative;
	background-color: #f7f7f7;
	padding-right: 60px;
}

.sidebar:after,
.sidebar:before{
	position: absolute;
	right: 0;
	top: -140px;
	height: 1000%;
	width: 1000%;
	content: "";
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-3.jpg);
	opacity: .02;
}

.sidebar:after{
	background-color: #f7f7f7;
	background-image: none;
	opacity: 1;
	z-index: -1;
}

.sidebar-title{
	position: relative;
	margin-bottom: 30px;
}

.sidebar-title h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 25px;
	color: #1a2940;
	font-weight: 700;
	padding-left: 18px;
}

.sidebar-title h3:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 5px;
    background: linear-gradient(to right, #226214, #43cc25);
    content: "";
}

/*Services Category*/

.category-list{
	position:relative;
	margin-bottom: 60px;
}

.category-list li{
	position:relative;
	margin-bottom: 15px;
}

.category-list li:before{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 4px;
	background-color: #1a2940;
	content: "";
	opacity: 0;
	z-index: 10;
	visibility: hidden;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active:before,
.category-list li:hover:before{
	opacity: 1;
	visibility: visible;
}

.category-list li a{
	position: relative;
	font-size:18px;
	font-weight:400;
	color:#1a2940;
	line-height: 26px;
	padding: 15px 25px;
	display:block;
	padding-left: 45px;
	border-radius: 3px;
	background-color: #ffffff;
	z-index: 9;
	overflow: hidden;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active a,
.category-list li:hover a{
	color: #ffffff;
	padding-left: 25px;
}

.category-list li a:before{
	position: absolute;
	left: 22px;
	top: 15px;
	font-size: 18px;
	line-height: 26px;
	color: #226214;
	font-weight: 900;
  	content: "\f0da";
  	font-family: "Font Awesome 5 Free";
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.category-list li.active a:before,
.category-list li:hover a:before{
	opacity: 0;
}

.category-list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #226214;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.category-list li.active a:after,
.category-list li:hover a:after{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

/*contact widget*/

.sidebar .contact-widget{
	position: relative;
}

.sidebar .contact-widget .widget-content{
	position: relative;
	background-color: #ffffff;
	padding: 50px 45px;
}

.sidebar .contact-list{
	position: relative;
	margin-bottom: 25px;
}

.sidebar .contact-list .number{
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	padding-left: 35px;
}

.sidebar .contact-list .number a{
	color: #222222;
}

.sidebar .contact-list .number .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	line-height: 30px;
	color: #1a2940;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sidebar .contact-list li{
	position:relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
	margin-bottom: 10px;
}

.sidebar .contact-list li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #226214;
}

.sidebar .contact-list li a{
	color:#666666;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.sidebar .contact-list li a:hover{
	color: #226214;
}

.sidebar .contact-widget .theme-btn{
	font-size: 14px;
	line-height: 25px;
	padding: 10px 20px;
	color: #ffffff;
}

.sidebar .contact-widget .theme-btn:hover{
	color: #226214;
}

/*brochure Box*/

.brochure-box{
	position:relative;
	background-color: #ffffff;
	text-align: center;
}

.brochure-box .title-box{
	position: relative;
	background-color: #1a2940;
	padding: 40px 40px; 
}

.brochure-box .title-box .sidebar-title{
	margin-bottom: 0;
}

.brochure-box .title-box .sidebar-title h3{
	color: #ffffff;
}

.brochure-box .image{
	position: relative;
}

.brochure-box .image img{
	display: block;
	width: 100%;
}

.brochure-box .text{
	position: relative;
	background-color: #226214;
	padding: 25px 25px 50px;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	letter-spacing: -0.02em;
}

.brochure-box .theme-btn{
	margin-top: -23px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}

.brochure-box .theme-btn:hover{
	color: #1a2940;
}

.brochure-box .number{
	position: relative;
	padding: 34px 20px 35px;
	border-bottom: 3px solid #1a2940;
}

.brochure-box .number .icon{
	display: inline-block;
	float: left;
	top: 3px;
	font-size: 30px;
	font-weight: 400;
	color: #226214;
	margin-right: 5px;
}

.brochure-box .number a{
	position: relative;
	display: inline-block;
	font-size: 24px;
	color: #222222;
	line-height: 1.2em;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

.brochure-box .number a:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Why Choos Us
====================================================================

***/

.why-chosse-us{
	position: relative;
}

.why-chosse-us:after,
.why-chosse-us:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 77%;
	content: "";
}

.why-chosse-us:after{
	background-color: #1a2940;
	opacity: .93;
}

.why-chosse-us:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-4.jpg);
}

.why-chosse-us .outer-box{
	position: relative;
	z-index: 1;
}

.why-chosse-us .content-column{
	position: relative;
	float: right;
	width: 50%;
}

.why-chosse-us .content-column .inner-column{
	position: relative;
	padding: 110px 15px;
	padding-left: 25px;
	max-width: 600px;
	width: 100%;
}

.why-chosse-us .content-column .sec-title{
	margin-bottom: 40px;
}

.why-chosse-us .features-list{
	position: relative;
}

.why-chosse-us .features-list li{
	position: relative;
	padding-left: 70px;
	min-height: 50px;
	margin-bottom: 32px;
}

.why-chosse-us .features-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 48px;
	line-height: 1em;
	color: #226214;
}

.why-chosse-us .features-list li h5{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 8px;
}

.why-chosse-us .features-list li .text{
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #ffffff;
	opacity: .65;
}

.why-chosse-us .content-column .link-box{
	position: relative;
	margin-top: 55px;
}

.why-chosse-us .content-column .link-box a{
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.why-chosse-us .content-column .link-box a span{
	float: right;
	margin-left: 10px;
	color: #226214;
	font-size: 18px;
}

.why-chosse-us .content-column .link-box a:hover{	
	color: #226214;
}

.why-chosse-us .image-column{
	position: absolute;
	left: -80px;
	top: 55px;
	bottom: 55px;
	width: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.why-chosse-us .image-column .image{
	position: relative;
	display: none;
}

/*** 

====================================================================
	Skills Section
====================================================================

***/

.skills-section{
	position: relative;
}

.skills-section .skills{
	padding: 0 0 60px;
}

/*** 

====================================================================
	Quote Section
====================================================================

***/

.quote-section{
	position: relative;
	padding: 110px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.quote-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #1a2940;
	opacity: .90;
	content: "";
}

.quote-section:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 125px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.quote-section .info-column{
	position: relative;
	float: left;
	width: 36.8%;
}

.quote-section .info-column .inner{
	position: relative;
	padding: 200px 55px 50px;
	background: linear-gradient(to right, #226214, #43cc25);
	z-index: 9;
}

.quote-section .info-column .inner:before{
	position: absolute;
	left: 50px;
	top: 50px;
	width: 182px;
	height: 203px;
	background-image: url(../images/icons/theme-icon.png);
	content: "";
	opacity: .10;
}

.quote-section .info-column h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.quote-section .info-column h3 a{
	color: #ffffff;
}

.quote-section .info-column .link-box{
	position: relative;
}

.quote-section .info-column .link-box a{
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.quote-section .info-column .link-box a span{
	float: right;
	margin-left: 10px;
	color: #ffffff;
	font-size: 18px;
}

.quote-section .info-column .link-box a:hover{	
	color: #1a2940;
}

.quote-section .form-column{
	position: relative;
	float: right;
	width: 63.2%;
}

.quote-section .form-column .inner-column{
	position: relative;
}

.request-form{
 	position: relative;
	background-color: #ffffff;
	padding: 70px 60px 45px;
 	z-index: 1;
 	box-shadow: 0 27px 50px rgba(0,0,0,0.05);
}

.request-form .row{
	margin: 0 -7px;
}

.request-form .form-group{
	position:relative;
	padding: 0 7px;
	margin-bottom:15px;
}

.request-form .form-group:last-child{
	margin-bottom: 0;
}

.request-form .ui-selectmenu-button.ui-button,
.request-form .form-group input[type="text"],
.request-form .form-group input[type="email"],
.request-form .form-group input[type="tel"],
.request-form .form-group input[type="url"],
.request-form .form-group textarea,
.request-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 28px;
    color: #555555;
    font-weight: 400;
    height: 60px;
    padding: 15px 26px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    font-family: "Poppins", sans-serif;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.request-form .form-group input:focus,
.request-form .form-group select:focus,
.request-form .form-group textarea:focus{
	border-color:#226214;
}

.request-form .form-group textarea{
	height: 150px;
	resize: none;
	margin-bottom: 5px;
}

.request-form .form-group input[type=submit],
.request-form .form-group button{
	width: 100%;
	display: block;
	text-transform: uppercase;
	line-height: 26px;
	padding: 15px 33px;
}

.request-form .form-group .text{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 30px;
	color: #1a2940;
	font-weight: 500;
	padding: 15px 13px;
	font-family: "Montserrat", sans-serif;
}

.request-form .form-group .text a{
	color: #226214;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.request-form .form-group .text a:hover{
	color: #1a2940;
}

.request-form label.error{
	color: #ff0000;
	margin-top: 5px;
}

.request-form .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#43c3ea;	
}

.request-form .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#999999;
	line-height:20px;
	font-size:18px;
	text-align:center;
	z-index:5;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #226214;
	border-color:#226214;
}

/*** 

====================================================================
		FAQ'S Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 110px 0 60px;
}

.faq-section .accordion-column{
	position: relative;
	margin-bottom: 50px;
}

.faq-section .accordion-column .inner-column{
	position: relative;
	padding-right: 50px;
	padding-top: 20px;
}

.faq-section .accordion-column .sec-title{
	margin-bottom: 35px;
}

.accordion-box{
	position: relative;
	counter-reset:count;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 20px;
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:25px;
	color:#222222;
	font-weight:500;
	cursor:pointer;
	padding:20px 34px;
	background-color: #f3f4f5;
	padding-right: 100px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .icon{
	position:absolute;
	right: 15px;
	top:15px;
	height: 35px;
	width: 35px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	background: #1a2940;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn:before{
	position:absolute;
	right: 15px;
	top:15px;
	height: 35px;
	width: 35px;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	background: #1a2940;
	counter-increment: count;
    content: "0" counter(count);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	position: relative;
}

.accordion-box .block .acc-btn.active:before{
	background-color: #226214;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	background-color: #ffffff;
	padding: 24px 30px 15px;
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
}

.faq-section .image-column{
	position: relative;
}

.faq-section .image-column .inner-column{
	position: relative;
	margin-right: -135px;
	text-align: right;
}

.faq-section .image-column .image-1{
	position: relative;
	margin-bottom: 0;
}

.faq-section .image-column .image-2{
	position: absolute;
	left: -10px;
	bottom: -70px;
	border: 10px solid #ffffff;
	margin-bottom: 0;
}

.faq-section.style-two{
	position: relative;
	padding: 110px 0;
}

.faq-section.style-two .accordion-box .block .acc-btn:before{
    content: "+";
    font-size: 24px;
}

.faq-section.style-two .accordion-box .block .acc-btn.active:before{
	content: "-";
	padding-left: 3px;
}

/*** 

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section{
	position:relative;
	padding: 110px 0 110px;
	z-index: 1;
}

.faq-form-section .sec-title{
	margin-bottom: 35px;
}

.faq-form .form-group{
	position:relative;
	margin-bottom: 30px;
}

.faq-form .form-group:last-child{
	margin-bottom: 0;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group textarea,
.faq-form .form-group select{
	position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 15px;
    color: #555555;
    line-height: 23px;
    font-weight: 300;
    padding: 10px 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
	border-color:#226214;
	color: #222222;
}

.faq-form .form-group textarea{
	height: 120px;
	resize: none;
	margin-bottom: 30px;
}

.faq-form .form-group input[type="submit"],
.faq-form .form-group button{
	text-transform: uppercase;
	color: #ffffff;
	line-height: 30px;
	padding: 15px 40px;
}

.faq-form .form-group input[type="submit"]:hover,
.faq-form .form-group button:hover{
	color: #226214;
}

.faq-form ::-webkit-input-placeholder{color: #555555;}
.faq-form ::-moz-input-placeholder{color: #555555;}
.faq-form ::-ms-input-placeholder{color: #555555;}

/*** 

====================================================================
		Team Section
====================================================================

***/

.team-section{
	position: relative;
	padding: 110px 0 50px;
	background-color: #f7f7f7;
}

.team-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-3.jpg);
	opacity: .02;
}

.team-section .sec-title .text{
	margin-left: -30px;
	margin-top: 15px;
}

.team-carousel{
	position: relative;
}

.team-block{
	position: relative;
}

.team-block .inner-box{
	position: relative;
	padding-bottom: 115px;
}

.team-block .image-box{
	position: relative;
}

.team-block .image-box .image{
	position: relative;
	margin: 0;
}

.team-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.team-block .info-box{
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 50px;
	text-align: center;
	background-color: #ffffff;
	padding: 35px 20px;
	box-shadow: 0 27px 30px rgba(0,0,0,.03);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .info-box{
	background-color: #1a2940;
}

.team-block .info-box .name{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 1em;
	color: #1a2940;
	font-weight: 600;
	margin-bottom: 5px;
}

.team-block .info-box .name a{
	color: #1a2940;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .name a{
	color: #ffffff;
}

.team-block .inner-box .name a:hover{
	color: #226214;
}

.team-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .info-box .designation{
	color: #999999;
}

.team-block .info-box .social-links{
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .inner-box:hover .social-links{
	visibility: visible;
	opacity: 1;
	margin-top: 20px;
	height: 30px;
}

.team-block .info-box .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 10px;
}

.team-block .info-box .social-links li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: rgba(255,255,255,.80);
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box .social-links li a:hover{
	color: #226214;
}

.team-block .info-box .social-links li span{
    position: absolute;
    left: 50%;
    top: -23px;
    display: block;
    font-size: 10px;
    color: #ffffff;
    font-weight: 400;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #222222;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.team-block .info-box .social-links li span:before{
	position: absolute;
	left: 50%;
	bottom: -6px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 6px solid #222222;
	content: "";
	margin-left: -7px;
}

.team-block .info-box .social-links li:hover span{
	visibility: visible;
	top: -33px;
	opacity: 1;
}

.team-carousel .owl-nav{
	position: absolute;
	right: 0;
	top: -110px;
}

.team-carousel .owl-next,
.team-carousel .owl-prev{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 22px;
	color: #cccccc;
	line-height: 48px;
	background-color: transparent;
	border: 1px solid #dddddd;
	margin-left: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-carousel .owl-next:hover,
.team-carousel .owl-prev:hover{
	color: #ffffff;
	background-color: #226214;
}

.team-section.alternate{
	background-color: #ffffff;
}

.team-section.alternate:before{
	display: none;
}

/*** 

====================================================================
		Team Page Section
====================================================================

***/

.team-page-section{
	position: relative;
	padding: 110px 0 40px;
}

.team-page-section .team-block{
	position: relative;
	margin-bottom: 80px;
}

.team-page-section .team-block .inner-box{
	padding-bottom: 70px;
}

.team-page-section .team-block .info-box{
	bottom: 0;
}

.team-block.style-two .info-box{
	left: 0;
	right: 0;
}

/*** 

====================================================================
	Testimonials Section
====================================================================

***/

.testimonials-section{
	position:relative;
	padding:110px 0px;
	z-index: 1;
}

.testimonials-section .anim-icons{
	position: absolute;
	left: 0;
	right: 0;
	top: 200px;
	width: 100%;
	max-width: 1450px;
	margin: 0 auto;
}

.testimonials-section .double-dot,
.testimonials-section .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 85px;
	width: 85px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 9;
}

.testimonials-section .thumb.small{
	height: 53px;
	width: 53px;
}

.testimonials-section .thumb-1{
	top: 0;
	left: 115px;
}

.testimonials-section .thumb-2{
	left: 60px;
	top: 160px;
}

.testimonials-section .thumb-3{
	left: auto;
	right: 30px;
	top: -20px;
}

.testimonials-section .thumb-4{
	left: auto;
	right: 115px;
	top: 120px;
}

.testimonials-section .double-dot.left{
	left: 0;
	top: 75px;
	border-radius: 0;
	height: 90px;
	width: 53px;
	background-image: url(../images/icons/double-dot-1.png);
	animation: fa-spin 20s infinite alternate;
}

.testimonials-section .double-dot.right{
	left: auto;
	right: 0;
	top: 65px;
	border-radius: 0;
	height: 71px;
	width: 116px;
	background-image: url(../images/icons/double-dot-2.png);
	animation: fa-spin 20s infinite ease-in-out;
}

.testimonial-block{
	max-width: 950px;
	margin: 0 auto;
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
	text-align:center;
}

.testimonial-block .icon{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1em;
	color: #226214;
	font-weight: 400;
	margin-bottom: 25px;
}

.testimonial-block .text{
	position:relative;
	display: block;
	font-size:18px;
	color:#222222;
	font-style:italic;
	line-height:32px;
	margin-bottom: 32px;
}

.testimonial-block .inner-box h3{
	position:relative;
	color:#222222;
	font-size:18px;
	font-weight:600;
	margin-bottom: 5px;
}

.testimonial-block .designation{
	position:relative;
	display: block;
	color:#555555;
	font-size:15px;
	font-weight:300;
	margin-bottom: 12px;
}

.testimonial-block .rating{
	position: relative;
	display: block;
}

.testimonial-block .rating span{
	font-size: 10px;
	color: #43cc25;
}

.testimonials-section .owl-dots,
.testimonials-section .owl-nav{
	display:none;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position: relative;
}

.video-section{
	position: relative;
}

.video-section:after,
.video-section:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.video-section:after{
	background-color: #1a2940;
	opacity: .93;
}

.video-section:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-4.jpg);
}

.video-section .row{
	position: relative;
	z-index: 1;
}

.video-section .video-column{
	position: relative;
}

.video-section .video-column .inner-column{
	position: relative;
	text-align: center;
	padding: 130px 15px 120px;
}

.video-section .video-column .link{
	position: relative;
	display: inline-block;
	height: 100px;
	width: 100px;
	padding: 10px;
	border-radius: 50%;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,.13);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .video-column .link:hover{
	background-color: #ffffff;
}

.video-section .video-column .link .icon{
	position: relative;
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 20px;
	padding-left: 3px;
	border-radius: 50%;
	background-color: rgba(255,255,255,1);
	color: #226214;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .video-column .link:hover .icon{
	background-color: #226214;
	color: #ffffff;
}

.video-section .video-column h4{
	display: block;
	font-size: 36px;
	line-height: 46px;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin-bottom: 10px;
	margin-bottom: 50px;
}

.video-section .video-column .theme-btn{
	text-transform: uppercase;
	padding: 14px 36px;
	font-weight: 600;
}

.video-section .video-column .text{
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	opacity: .65;
	margin-top: 5px;
}

.video-section .image-column{
	position: relative;
}

.video-section .image-column .inner-column{
	position: relative;
	margin-top: -40px;
	margin-right: -60px;
}

/*** 

====================================================================
	Testimonials Section Two
====================================================================

***/

.testimonials-section-two{
	position: relative;
	padding: 110px 0 60px;
}

.testimonials-section-two .title-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonials-section-two .title-column .sec-title{
	margin-bottom: 0;
}

.testimonials-section-two .title-column .inner-column{
	position: relative;
	padding-right: 90px;
}

.testimonials-section-two .title-column .icon{
	position: relative;
	display: block;
	font-size: 45px;
	line-height: 1em;
	color: #226214;
	margin-bottom: 40px;
}

.testimonials-section-two .title-column .sec-title h2{
	padding-left: 0;
}

.testimonials-section-two .title-column .sec-title h2:before{
	display: none;
}

.testimonials-section-two .title-column .sec-title .text{
	margin-top: 30px;
}

.testimonials-section-two .testimonial-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonials-section-two .testimonial-column .inner-column{
	position: relative;
	margin-right: -160px;
	margin-left: -60px;
}

.testimonial-block-two{
	position: relative;
}

.testimonial-block-two .inner-box{
	position: relative;
	background-color: #f7f7f7;
	padding: 65px 50px;
	padding-right: 60px;
}

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 40px;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-left: 65px;
	padding-top: 7px;
}

.testimonial-block-two .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 52px;
	width: 52px;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-block-two .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 2px;
}

.testimonial-block-two .info-box .name a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-block-two .info-box .location{
	position:relative;
	display: block;
	color:#555555;
	font-size:15px;
	font-weight:300;
	margin-bottom: 5px;
}

.testimonial-block-two .info-box .rating{
	position: relative;
	display: block;
}

.testimonial-block-two .info-box .rating span{
	font-size: 10px;
	color: #226214;
}

.testimonials-section-two .owl-nav{
	display: none;
}

.testimonials-section-two .owl-dots{
	position: absolute;
	left: -430px;
	bottom: 20px;
}

.testimonials-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 15px;
	background-color: #cccccc;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonials-section-two .owl-dot.active{
	width: 30px;
	background-color: #226214;
}

/*** 

====================================================================
	Testimonial And Clients
====================================================================

***/

.testimonial-and-clients{
	position: relative;
	padding: 110px 0 50px;
}

.testimonial-and-clients:after,
.testimonial-and-clients:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.testimonial-and-clients:after{
	background-color: #1a2940;
	opacity: .93;
}

.testimonial-and-clients:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-4.jpg);
}

.testimonial-and-clients .sec-title h2{
	font-weight: 500;
}

.testimonial-and-clients .row{
	position: relative;
	z-index: 1;
}

.testimonial-and-clients .testimonial-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-and-clients .testimonial-column .inner-column{
	position: relative;
	margin-left: -80px;
	padding-right: 100px;
}

.testimonial-block-three{
	position: relative;
}

.testimonial-block-three .inner-box{
	position: relative;
	padding-left: 80px;
}

.testimonial-block-three .icon{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 42px;
	color: #226214;
	line-height: 1em;
}

.testimonial-block-three .text{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 20px;
}

.testimonial-block-three .info-box{
	position: relative;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 500;
}

.testimonial-block-three .location{
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	margin-left: 5px;
	opacity: .65;
}

.testimonial-and-clients .bx-has-controls-direction{
	display: none;
}

.testimonial-and-clients .testimonial-thumb-outer{
	position:relative;
	margin-left: 80px;
	margin-top: 45px;
	max-width:180px;
	overflow:hidden;	
}

.testimonial-and-clients .testimonial-thumb{
	position:relative;
	padding:0;
	margin:0;
	max-width:55px;
}

.testimonial-thumb .thumb{
	position: relative;
	width: 55px;
	height: 55px;
	overflow: hidden;
	border-radius: 50%;
	background-color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-thumb .thumb img{
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-thumb .thumb:hover img,
.testimonial-thumb .active .thumb img{
	opacity: 0.30;
}

.testimonial-and-clients .testimonial-thumb .owl-stage-outer{
	overflow:visible;	
}

.testimonial-and-clients .clients-column{
	position: relative;
	margin-bottom: 50px;
}

.testimonial-and-clients .clients-column .inner-column{
	position: relative;
	padding-left: 35px;
	margin-right: -80px;
}

.testimonial-and-clients .clients-column .row{
	margin: 0 -7.5px;
}

.testimonial-and-clients .client-block{
	position: relative;
	padding: 0 7.5px;
	margin-bottom: 15px;
}

.client-block .image{
	position: relative;
	text-align: center;
	margin-bottom: 0;
	background-color: #ffffff;
}

.client-block .image img{
	position: relative;
	display: inline-block;
	max-width: 100%;
	opacity: .50;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.client-block .image:hover img{
	opacity: 1;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	padding: 110px 0;
}

.clients-section:after,
.clients-section:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.clients-section:after{
	background-color: #1a2940;
	opacity: .93;
}

.clients-section:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-4.jpg);
}

.client-block{
	position: relative;
}

.clients-section .sponsors-carousel{
	position: relative;
	padding-bottom: 110px;
}

.clients-section .owl-nav{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9;
}

.clients-section .owl-next,
.clients-section .owl-prev{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 22px;
	color: #cccccc;
	line-height: 48px;
	background-color: transparent;
	border: 1px solid #dddddd;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .owl-next:hover,
.clients-section .owl-prev:hover{
	color: #ffffff;
	background-color: #226214;
	border: 1px solid #226214	;
}

/*** 

====================================================================
	Work Section
====================================================================

***/

.work-section{
	position: relative;
	padding: 110px 0 60px;
	background: linear-gradient(135deg, #0d1117 0%, #1a2940 50%, #2c4a6b 100%);
	overflow: hidden;
}

.work-section:after,
.work-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.work-section:after{
	background: radial-gradient(circle at 30% 70%, rgba(67, 204, 37, 0.1) 0%, transparent 50%),
				radial-gradient(circle at 70% 30%, rgba(34, 98, 20, 0.08) 0%, transparent 50%);
	animation: backgroundShift 10s ease-in-out infinite;
}

.work-section:before{
	background: 
		radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 50%),
		radial-gradient(circle at 40% 40%, rgba(67, 204, 37, 0.05) 0%, transparent 30%);
	animation: backgroundShift 15s ease-in-out infinite reverse;
}

@keyframes backgroundShift {
	0%, 100% {
		transform: translateX(0) translateY(0) scale(1);
	}
	25% {
		transform: translateX(-5px) translateY(5px) scale(1.02);
	}
	50% {
		transform: translateX(5px) translateY(-5px) scale(0.98);
	}
	75% {
		transform: translateX(-3px) translateY(-3px) scale(1.01);
	}
}

.work-section .row{
	position: relative;
	z-index: 9;
}

.work-section .auto-container{
	max-width: 1470px;
}

.work-step{
	position: relative;
	margin-bottom: 50px;
	transition: all 0.5s ease;
}

.work-step:hover {
	transform: translateY(-10px);
}

.work-step .inner-box{
	position: relative;
	text-align: center;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 20px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.5s ease;
}

.work-step:hover .inner-box {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(67, 204, 37, 0.3);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.work-step .inner-box:before{
	position: absolute;
	right: 0;
	top: 90px;
	height: 26px;
	width: 55px;
	margin-right: -43px;
	background: linear-gradient(45deg, #43cc25, #226214);
	content: "→";
	font-size: 20px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	animation: pulseArrow 2s ease-in-out infinite;
}

.work-step:last-child .inner-box:before{
	display: none;
}

@keyframes pulseArrow {
	0%, 100% {
		transform: scale(1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
}

.work-step .image-box{
	position: relative;
	display: inline-block;
	height: 200px;
	width: 200px;
	border: 3px solid transparent;
	border-radius: 50%;
	margin-bottom: 50px;
	background: linear-gradient(135deg, rgba(67, 204, 37, 0.2), rgba(34, 98, 20, 0.3));
	background-clip: padding-box;
	transition: all 0.5s ease;
	animation: rotateGlow 8s linear infinite;
}

.work-step:hover .image-box {
	transform: scale(1.05);
	box-shadow: 0 0 40px rgba(67, 204, 37, 0.4);
}

@keyframes rotateGlow {
	0% {
		box-shadow: 0 0 20px rgba(67, 204, 37, 0.3);
		filter: hue-rotate(0deg);
	}
	25% {
		box-shadow: 0 0 30px rgba(67, 204, 37, 0.4);
	}
	50% {
		box-shadow: 0 0 40px rgba(67, 204, 37, 0.3);
		filter: hue-rotate(90deg);
	}
	75% {
		box-shadow: 0 0 30px rgba(67, 204, 37, 0.4);
	}
	100% {
		box-shadow: 0 0 20px rgba(67, 204, 37, 0.3);
		filter: hue-rotate(360deg);
	}
}

.work-step .image-box .image{
	position: relative;
	left: 0px;
	top: 8px;
	height: 180px;
	width: 180px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.work-step:hover .image-box .image {
	transform: rotate(5deg) scale(1.02);
}

.work-step .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.5s ease;
}

.work-step:hover .image-box .image img {
	transform: scale(1.1);
	filter: brightness(1.1) contrast(1.1);
}

.work-step .image-box .count{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -18px;
	margin: 0 auto;
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 28px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	border-radius: 50%;
	background: linear-gradient(135deg, #226214 0%, #43cc25 100%);
	box-shadow: 0 10px 30px rgba(34, 98, 20, 0.4);
	transition: all 0.5s ease;
	animation: bounce 2s ease-in-out infinite;
}

.work-step:hover .image-box .count {
	transform: scale(1.1) rotate(360deg);
	box-shadow: 0 15px 40px rgba(34, 98, 20, 0.6);
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-5px);
	}
	60% {
		transform: translateY(-3px);
	}
}

.work-step .info-box{
	position: relative;
	max-width: 280px;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.work-step:hover .info-box {
	transform: translateY(-5px);
}

.work-step .info-box h4{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

.work-step:hover .info-box h4 {
	color: #43cc25;
	text-shadow: 0 0 10px rgba(67, 204, 37, 0.3);
}

.work-step .info-box h4 a{
	color: inherit;
	display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-decoration: none;
}

.work-step .info-box h4 a:hover{
	color: #43cc25;
	transform: scale(1.05);
}

.work-step .info-box .text{
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 300;
	opacity: .75;
	transition: all 0.3s ease;
}

.work-step:hover .info-box .text {
	opacity: 1;
	color: #f0f0f0;
}

/* Add floating particles effect */
.work-section .floating-particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.work-section .particle {
	position: absolute;
	background: rgba(67, 204, 37, 0.3);
	border-radius: 50%;
	animation: floatParticle 12s linear infinite;
}

.work-section .particle:nth-child(1) {
	width: 4px;
	height: 4px;
	left: 10%;
	animation-delay: 0s;
	animation-duration: 8s;
}

.work-section .particle:nth-child(2) {
	width: 6px;
	height: 6px;
	left: 30%;
	animation-delay: 2s;
	animation-duration: 10s;
}

.work-section .particle:nth-child(3) {
	width: 3px;
	height: 3px;
	left: 60%;
	animation-delay: 4s;
	animation-duration: 12s;
}

.work-section .particle:nth-child(4) {
	width: 5px;
	height: 5px;
	left: 80%;
	animation-delay: 6s;
	animation-duration: 9s;
}

@keyframes floatParticle {
	0% {
		transform: translateY(100vh) rotate(0deg);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		transform: translateY(-100px) rotate(360deg);
		opacity: 0;
	}
}

/*** 

====================================================================
	Location Section
====================================================================

***/

.location-section{
	position: relative;
}

.location-section:after,
.location-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
}

.location-section:after{
	background-color: #1a2940;
	opacity: .97;
}

.location-section:before{
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/icons/pattern-2.jpg);
}

.location-section .location-column{
	position: relative;
	float: right;
	width: 50%;
}

.location-section .location-column .inner-column{
	position: relative;
	padding: 150px 15px;
	max-width: 470px;
	margin: 0 auto;
}

.location-block{
	position: relative;
	padding-bottom: 50px;
}

.location-block .inner{
	position: relative;
	text-align: center;
}

.location-block h2{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

.location-block .number{
	display: block;
	font-size: 20px;
	line-height: 1.3em;
	color: #226214;
	font-weight: 500;
	margin-bottom: 10px;
}

.location-block .number a{
	color: #226214;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.location-block .number a:hover{
	color: #ffffff;
}

.location-block .info-list{
	position: relative;
}

.location-block .info-list li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 15px;
}

.location-block .info-list li a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.location-block .info-list li a:hover{
	color: #226214;
}

.location-section .owl-nav{
	display: none;
}

.location-section .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.location-section .owl-dot{
	position: relative;
	display: inline-block;
	height: 6px;
	width: 15px;
	border: 1px solid #4e5a6c;
	margin: 0 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.location-section .owl-dot.active{
	background-color: #226214;
	border-color: #226214;
}

.location-section .map-column{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: 8;
}

.location-section .google-map,
.location-section .map-canvas{
	position: absolute;
	height: 100%;
	width: 100%;
}

/*** 

====================================================================
	Download Section
====================================================================

***/

.download-section{
	position: relative;
	padding: 150px 0 60px;
}

.download-section .image-column{
	position: relative;
	margin-bottom: 50px;
}

.download-section .image-column .inner-column{
	position: relative;
}

.download-section .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.download-section .image-column .image img{
	max-width: 100%;
	height: auto;
}

.download-section .content-column{
	position: relative;
	margin-bottom: 50px;
}

.download-section .content-column .inner-column{
	position: relative;
}

.download-section .sec-title{
	margin-bottom: 50px;
}

.download-section .sec-title h2{
	padding-left: 0;
}

.download-section .sec-title h2:before{
	display: none;
}

.download-section .content-column .sec-title .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
}

.download-section .features-list{
	position: relative;
	padding-right: 100px;
}

.download-section .features-list li{
	position: relative;
	padding-left: 70px;
	margin-bottom: 35px;
}

.download-section .features-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 50px;
	line-height: 1em;
	color: #226214;
	font-weight: 400;
}

.download-section .features-list li h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 500;
	margin-bottom: 5px;
}

.download-section .features-list li h4 a{
	display: inline-block;
	color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.download-section .features-list li .text{
	position: relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 400;
}

.download-section .btn-box{
	position: relative;
}

.download-section .btn-box .theme-btn{
	padding: 15px 30px;
	padding-left: 75px;
	height: 75px;
	margin-bottom: 10px;
}

.download-section .btn-box .theme-btn{
	position: relative;
	background-color: #226214;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 300;
	margin-right: 10px;
}

.download-section .btn-box .theme-btn i{
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 34px;
	line-height: 1em;
}

.download-section .btn-box .theme-btn span{
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

.download-section .btn-box .apple-btn{
	background-color: #1a2940;
}

.download-section .btn-box .apple-btn i{
	font-size: 38px;
	top: 15px;
}

.download-section .btn-box .theme-btn:hover{
	box-shadow: 0 20px 30px rgba(0,0,0,0.20);
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 110px 0 60px;
}

.news-section:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.05;
    content: "";
}

.news-section .sec-title .text{
	margin-top: 10px;
}

.news-section .sec-title .theme-btn{
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 26px;
	padding: 15px 35px;
	margin-top: 10px;
}

.news-section .sec-title .theme-btn:hover{
	color: #226214;
}

.news-section .news-block{
	margin-bottom: 80px;
}

.news-block{
	position: relative;
	margin-bottom: 60px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .image-box{
	position: relative;
	margin-bottom: 50px;
}

.news-block .image-box .image{
	position: relative;
	background-color: #1a2940;
	margin-bottom: 0;
	overflow: hidden;
}

.news-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .inner-box:hover .image img{
	opacity: .70;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .lower-content{
	position: relative;
}

.news-block .post-info{
	position: relative;
	margin-bottom: 25px;
}

.news-block .post-info li{
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	padding-right: 15px;
	margin-right: 10px;	
}

.news-block .post-info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 500;
	content: '/';
}

.news-block .post-info li:last-child:before{
	display: none;
}

.news-block .post-info li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .post-info li a:hover{
	color: #226214;
}

.news-block .lower-content h3{
	font-size: 24px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 700;
	margin-bottom: 12px;
}

.news-block .lower-content h3 a{
	display: inline-block;
	color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.news-block .lower-content h3 a:hover{
	color: #226214;
}

.news-block .lower-content .text{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 30px;
}

.news-block .lower-content .read-more{
	font-size: 15px;
	line-height: 25px;
	color: #226214;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .read-more i{
	color: #1a2940;
	margin-left: 4px;
	font-size: 18px;
	line-height: 25px;
}

.news-block .lower-content .read-more:hover{
	color: #1a2940;
}

.news-block-three{
	position: relative;
	margin-bottom: 50px;
}

.news-block-three .inner-box{
	position: relative;
}

.news-block-three .post-info{
	position: relative;
}

.news-block-three .post-info li{
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
	text-transform: uppercase;
}

.news-block-three .post-info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 500;
	content: '/';
}

.news-block-three .post-info li:last-child:before{
	display: none;
}

.news-block-three .post-info li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .post-info li a:hover{
	color: #226214;
}

.news-block-three h4{
	font-size: 20px;
	line-height: 30px;
	color: #1a2940;
	font-weight: 500;
	margin-bottom: 12px;
}

.news-block-three h4 a{
	display: inline-block;
	color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.news-block-three h4 a:hover{
	color: #226214;
}

.blog-grid{
	position: relative;
	padding: 110px 0;
}

.blog-grid .styled-pagination{
	margin-top: 50px;
}

/*** 

====================================================================
	Blog Sidebar
====================================================================

***/

.blog-sidebar{
	position: relative;
	padding-left: 20px;
}

.news-block-two{
	position: relative;
	margin-bottom: 60px;
}

.news-block-two .inner-box{
	position: relative;
	padding-bottom: 35px;
	border-bottom: 1px solid #e8e8e8;
}

.news-block-two .image-box{
	position: relative;
	margin-bottom: 45px;
}

.news-block-two .image-box .image{
	position: relative;
	background-color: #1a2940;
	margin-bottom: 0;
	overflow: hidden;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .inner-box:hover .image a img{
	opacity: .70;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-two .image-box .date{
	position: absolute;
	right: 25px;
	bottom: 25px;
	height: 75px;
	width: 75px;
	background-color: #226214;
	text-align: center;
	padding-top: 10px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
}

.news-block-two .image-box .date span{
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
}

.news-block-two .lower-content{
	position: relative;
}

.news-block-two .post-info{
	position: relative;
	margin-bottom: 15px;
}

.news-block-two .post-info li{
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
}

.news-block-two .post-info li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 500;
	content: '/';
}

.news-block-two .post-info li:last-child:before{
	display: none;
}

.news-block-two .post-info li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .post-info li a:hover{
	color: #226214;
}

.news-block-two .lower-content h3{
	font-size: 30px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 700;
	margin-bottom: 12px;
}

.news-block-two .lower-content h3 a{
	display: inline-block;
	color: #1a2940;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.news-block-two .lower-content h3 a:hover{
	color: #226214;
}

.news-block-two .lower-content .text{
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 26px;
}

.news-block-two .lower-content .read-more{
	font-size: 15px;
	line-height: 25px;
	color: #226214;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: "Montserrat", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .lower-content .read-more i{
	color: #1a2940;
	margin-left: 4px;
	font-size: 18px;
	line-height: 25px;
}

.news-block-two .lower-content .read-more:hover{
	color: #1a2940;
}

.news-block-two .lower-content .share-links{
	position: relative;
	float: right;
	margin-top: -5px;
}

.share-links{
	position: relative;
}

.share-links li{
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.share-links li a{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 28px;
	color: #cccccc;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #cccccc;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.share-links li a:hover{
	background-color: #1a2940;
	border-color: #1a2940;
	color: #ffffff;
}

/*** 

====================================================================
	Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
	padding-left: 20px;
}

.blog-detail .news-block-two{
	margin-bottom: 50px;
}

.blog-detail .news-block-two .inner-box{
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.blog-detail .lower-content h3{
	margin-bottom: 20px;
}

.blog-detail .lower-content p{
	position: relative;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 28px;
}

.blog-detail .lower-content h4{
	font-size: 24px;
	line-height: 1.2em;
	color: #1a2940;
	font-weight: 500;
	margin-bottom: 30px;
}

.blog-detail .two-column{
	position: relative;
	margin-top: 50px;
	margin-bottom: 10px;
}

.blog-detail .two-column .image{
	margin-bottom: 30px;
}

.blog-detail .two-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

/*post share options*/

.blog-detail .post-share-options{
	position:relative;
	margin-top: 50px;
	margin-bottom: 65px;
}

.blog-detail .post-share-options p{
	position:relative;
	font-size:18px;
	color:#222222;
	line-height: 30px;
	font-weight:400;
	margin:0;
	margin-right: 5px;
	display: inline-block;
}

.blog-detail .post-share-options .tags{
	position: relative;
	display: inline-block;
	padding-top: 5px;
}

.blog-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	font-size:14px;
	color:#1a2940;
	font-weight:500;
	line-height: 30px;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .tags a:hover{
	color: #226214;
}

.blog-detail .post-share-options .share-links{
	margin-top: 0;
}

/*=== Author Box ===*/

.blog-detail .author-box{
	position: relative;
	padding: 50px 50px 40px;
	background-color: #f7f7f7;
	margin-bottom: 75px;
}

.blog-detail .author-box .inner{
	position: relative;
	padding-left: 110px;
}

.blog-detail .author-box .info-box{
	position: relative;
	padding-left: 150px;
	min-height: 120px;
	margin-bottom: 25px;
	padding-top: 30px;
}

.blog-detail .author-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

.blog-detail .author-box .thumb img{
	display: block;
	width: 100%;
}

.blog-detail .author-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 8px;
}

.blog-detail .author-box p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 20px;
}

.blog-detail .author-box .social-icon-one{
	margin-bottom: 0;
}

.blog-detail .social-icon-one li{
	margin-right: 15px;
	margin-left: 0;
}

.blog-detail .social-icon-one li a:hover{
	color: #226214;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin:0px 6px 6px 0px;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size:16px;
	color:#1a2940;
	font-weight:400;
	background:#ffffff;
	line-height: 50px;
	border:1px solid #dddddd;
	text-transform:capitalize;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	border-color:#226214;
	background-color:#226214;
}

.styled-pagination li.gap{
	width: 60px;
	font-size:16px;
	color:#1a2940;
	font-weight:400;
}

.styled-pagination li.next a,
.styled-pagination li.prev a{
	border: 0;
	background-color: #ffffff;
	color:#1a2940;
	font-size: 22px;
}

.styled-pagination li.next a:hover,
.styled-pagination li.prev a:hover{
	color:#226214;
}

/*** 

====================================================================
	Contact Map Section
====================================================================

***/

.contact-map-section{
	position: relative;
}

.contact-map-section .map-outer{
	position: relative;
}

.contact-map-section .map-canvas{
	height: 550px;
}

.map-canvas{
	position: relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	padding: 110px 0 60px;
}

.contact-page-section .form-column{
	position: relative;
	margin-bottom: 50px;
}

.contact-page-section .form-column .inner-column{
	position: relative;
	padding-left: 70px;
	padding-right: 70px;
}

.contact-page-section .form-column .sec-title{
	margin-bottom: 30px;
}

.contact-form .form-group{
	position:relative;
	margin-bottom: 20px;
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 15px;
    color: #555555;
    line-height: 23px;
    font-weight: 300;
    padding: 10px 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#226214;
	color: #222222;
}

.contact-form .form-group textarea{
	height: 150px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button{
	text-transform: uppercase;
	color: #ffffff;
	line-height: 30px;
	padding: 15px 40px;
	margin-top: 20px;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form .form-group button:hover{
	color: #226214;
}

.contact-form ::-webkit-input-placeholder{color: #555555;}
.contact-form ::-moz-input-placeholder{color: #555555;}
.contact-form ::-ms-input-placeholder{color: #555555;}

.contact-form .form-group label.error{
	color: #ff0000;
}

.contact-page-section .info-column{
	position: relative;
	margin-bottom: 50px;
}

.contact-page-section .info-column .inner-column{
	position: relative;
	margin-left: -30px;
	background-color: #1a2940;
	padding: 65px 60px;
}

.contact-page-section .contact-info-list{
	position: relative;
}

.contact-page-section .contact-info-list li{
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: rgba(255,255,255,.65);
	font-weight: 400;
	margin-bottom: 35px;
}

.contact-page-section .contact-info-list li a{
	color: rgba(255,255,255,.65);
	display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-page-section .contact-info-list li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.contact-page-section .contact-info-list li strong{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 34px;
	color: #ffffff;
	padding-left: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.contact-page-section .contact-info-list li strong:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	width: 5px;
	background-color: #226214;
	content: "";
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	padding:90px 0px 50px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
	z-index: 1;
}

.newsletter-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .80;
	content: "";
}

.newsletter-section .title-column{
	position: relative;
	margin-bottom: 40px;
}

.newsletter-section .title-column .inner-column{
	position: relative;
	padding-left: 70px;
}

.newsletter-section .title-column .icon-box{
	position: absolute;
	left: 0;
	top: 8px;
}

.newsletter-section .title-column .icon-box .icon{
	font-size: 50px;
	line-height: 1em;
	color: #226214;
	font-weight: 400;
}

.newsletter-section .title-column h2{
	position:relative;
	font-size:30px;
	color:#ffffff;
	line-height:1.3em;
	font-weight:700;
}

.newsletter-section .title-column .text{
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.newsletter-section .form-column{
	position: relative;
	margin-bottom: 40px;
}

.newsletter-section .form-column .inner-column{
	position: relative;
	padding-left: 78px;
}

/*Subscribe Form*/

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:60px;
	background-color: #ffffff;
	border-radius: 3px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	height:60px;
	font-size:15px;
	color:#555555;
	font-weight: 300;
	background:#ffffff;
	padding:10px 80px 10px 28px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .submit-btn{
	position:absolute;
	right:0px;
	top:0px;
	height: 60px;
	width: 60px;
	color:#ffffff;
	font-size:18px;
	cursor:pointer;
	border-radius: 0px 3px 3px 0px;
	background-color:#226214;
	text-transform:uppercase;
}

.subscribe-form .form-group input[type="submit"]:hover,
.subscribe-form .submit-btn:hover{
	color: #226214;
	background-color: #0d1522;
}

.newsletter-section.style-two{
	position: relative;
}

.newsletter-section.style-two:before{
	background-color: #226214;
	opacity: .92;
}

.newsletter-section.style-two .form-group input[type="submit"], 
.newsletter-section.style-two .submit-btn{
	background-color: #1a2940;
}

.newsletter-section.style-two .title-column .icon-box .icon{
	color: #ffffff;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	background-color:#0d1522;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:25px;
}

.main-footer .widgets-section{
	position:relative;
	padding:40px 0px 30px;
}

.main-footer .footer-widget .title{
	position:relative;
	color:#ffffff;
	font-size:20px;
	line-height:1.2em;
	font-weight:500;
	margin-bottom:34px;
	padding-bottom:14px;
	text-transform:capitalize;
}

.main-footer .footer-widget .title:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:1px;
	width:50px;
	background-color:#226214;
}

/* Center the line under services title */
.main-footer .services-widget .title.text-center:before{
	left:50%;
	transform:translateX(-50%);
}

/* What is Renvex Section */
.what-is-renvex-section {
	position: relative;
	padding: 100px 0;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 30%, #f1f7ff 60%, #e8f5e8 100%);
	overflow: hidden;
}

.what-is-renvex-section:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 20%, rgba(67, 204, 37, 0.08) 0%, transparent 50%),
		radial-gradient(circle at 80% 80%, rgba(34, 98, 20, 0.06) 0%, transparent 50%),
		radial-gradient(circle at 60% 40%, rgba(67, 204, 37, 0.04) 0%, transparent 50%);
	animation: backgroundShimmer 15s ease-in-out infinite;
	z-index: 1;
}

@keyframes backgroundShimmer {
	0%, 100% {
		opacity: 0.8;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
}

.what-is-renvex-section .sec-title {
	margin-bottom: 70px;
	position: relative;
	z-index: 2;
	animation: titleSlideUp 1.2s ease-out;
}

@keyframes titleSlideUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.what-is-renvex-section .sec-title .title {
	color: #226214;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 20px;
	text-shadow: 0 2px 10px rgba(34, 98, 20, 0.2);
	animation: titleGlow 3s ease-in-out infinite;
}

@keyframes titleGlow {
	0%, 100% {
		text-shadow: 0 2px 10px rgba(34, 98, 20, 0.2);
	}
	50% {
		text-shadow: 0 2px 20px rgba(34, 98, 20, 0.4);
	}
}

.what-is-renvex-section .sec-title h2 {
	color: #1a2940;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0;
	background: linear-gradient(135deg, #1a2940 0%, #226214 50%, #43cc25 100%);
	background-size: 200% 200%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: textShine 4s ease-in-out infinite;
}

@keyframes textShine {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Feature Blocks */
.what-is-renvex-section .feature-block {
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
	animation: blockSlideIn 1s ease-out;
}

.what-is-renvex-section .feature-block:nth-child(2) {
	animation-delay: 0.2s;
}

.what-is-renvex-section .feature-block:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes blockSlideIn {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(0.9);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.what-is-renvex-section .feature-block .inner-box {
	position: relative;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 25px;
	padding: 50px 35px;
	text-align: center;
	box-shadow: 
		0 15px 50px rgba(26, 41, 64, 0.1),
		0 5px 20px rgba(67, 204, 37, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	border: 2px solid rgba(67, 204, 37, 0.1);
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.what-is-renvex-section .feature-block .inner-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(67, 204, 37, 0.1), transparent);
	transition: left 0.8s ease;
}

.what-is-renvex-section .feature-block .inner-box:hover:before {
	left: 100%;
}

.what-is-renvex-section .feature-block .inner-box:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 
		0 25px 80px rgba(26, 41, 64, 0.15),
		0 15px 40px rgba(67, 204, 37, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 1);
	border-color: rgba(67, 204, 37, 0.3);
}

.what-is-renvex-section .feature-block .icon-box {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #226214 0%, #43cc25 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	box-shadow: 
		0 10px 30px rgba(34, 98, 20, 0.3),
		0 0 0 5px rgba(67, 204, 37, 0.1);
	animation: iconPulse 4s ease-in-out infinite;
}

@keyframes iconPulse {
	0%, 100% {
		box-shadow: 
			0 10px 30px rgba(34, 98, 20, 0.3),
			0 0 0 5px rgba(67, 204, 37, 0.1);
	}
	50% {
		box-shadow: 
			0 15px 40px rgba(34, 98, 20, 0.4),
			0 0 0 10px rgba(67, 204, 37, 0.2);
	}
}

.what-is-renvex-section .feature-block .icon-box:hover {
	transform: scale(1.15) rotate(360deg);
	box-shadow: 
		0 20px 50px rgba(34, 98, 20, 0.5),
		0 0 0 15px rgba(67, 204, 37, 0.3),
		0 0 50px rgba(67, 204, 37, 0.5);
}

.what-is-renvex-section .feature-block .icon-box .icon {
	font-size: 38px;
	color: #ffffff;
	z-index: 2;
	position: relative;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	animation: iconFloat 3s ease-in-out infinite;
}

@keyframes iconFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(-3px) scale(1.1);
	}
}

.what-is-renvex-section .feature-block .icon-box .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #43cc25 0%, #226214 100%);
	opacity: 0;
	transition: all 0.5s ease;
	border-radius: 50%;
}

.what-is-renvex-section .feature-block .inner-box:hover .icon-box .hover-overlay {
	opacity: 1;
}

.what-is-renvex-section .feature-block h5 {
	font-size: 22px;
	font-weight: 600;
	color: #1a2940;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

.what-is-renvex-section .feature-block .inner-box:hover h5 {
	color: #226214;
}

.what-is-renvex-section .feature-block .text {
	font-size: 16px;
	line-height: 1.6;
	color: #666666;
	margin: 0;
}

/* Quote Box */
.what-is-renvex-section .quote-box {
	margin-top: 80px;
	padding: 50px;
	background: linear-gradient(135deg, #0d1117 0%, #1a2940 50%, #2c4a6b 100%);
	border-radius: 30px;
	box-shadow: 
		0 25px 80px rgba(26, 41, 64, 0.3),
		0 10px 30px rgba(67, 204, 37, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(67, 204, 37, 0.2);
	animation: quoteFloatSmooth 12s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes quoteFloatSmooth {
	0%, 100% {
		transform: translateY(0) scale(1);
		box-shadow: 
			0 25px 80px rgba(26, 41, 64, 0.3),
			0 10px 30px rgba(67, 204, 37, 0.1),
			inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	25% {
		transform: translateY(-3px) scale(1.005);
		box-shadow: 
			0 28px 85px rgba(26, 41, 64, 0.32),
			0 12px 32px rgba(67, 204, 37, 0.12),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}
	50% {
		transform: translateY(-5px) scale(1.008);
		box-shadow: 
			0 30px 90px rgba(26, 41, 64, 0.35),
			0 13px 35px rgba(67, 204, 37, 0.15),
			inset 0 1px 0 rgba(255, 255, 255, 0.15);
	}
	75% {
		transform: translateY(-3px) scale(1.005);
		box-shadow: 
			0 28px 85px rgba(26, 41, 64, 0.32),
			0 12px 32px rgba(67, 204, 37, 0.12),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
	}
}

.what-is-renvex-section .quote-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 30% 30%, rgba(67, 204, 37, 0.1) 0%, transparent 50%),
		radial-gradient(circle at 70% 70%, rgba(67, 204, 37, 0.05) 0%, transparent 50%);
	animation: quoteGlow 6s ease-in-out infinite;
	z-index: 1;
}

@keyframes quoteGlow {
	0%, 100% {
		opacity: 0.8;
	}
	50% {
		opacity: 1;
	}
}

.what-is-renvex-section .quote-box::after {
	content: '"';
	position: absolute;
	top: -20px;
	left: 40px;
	font-size: 150px;
	color: rgba(67, 204, 37, 0.15);
	font-family: serif;
	line-height: 1;
	z-index: 1;
	animation: quoteMark 4s ease-in-out infinite;
}

@keyframes quoteMark {
	0%, 100% {
		opacity: 0.15;
		transform: scale(1);
	}
	50% {
		opacity: 0.25;
		transform: scale(1.1);
	}
}

.what-is-renvex-section .quote-box .quote-text {
	font-size: 28px;
	color: #ffffff;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 25px;
	position: relative;
	z-index: 3;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
	animation: textGlowSmooth 8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
}

@keyframes textGlowSmooth {
	0%, 100% {
		text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
	}
	33% {
		text-shadow: 0 2px 25px rgba(67, 204, 37, 0.15);
	}
	66% {
		text-shadow: 0 2px 28px rgba(67, 204, 37, 0.25);
	}
}

.what-is-renvex-section .quote-box .author {
	font-size: 18px;
	color: #43cc25;
	font-weight: 600;
	position: relative;
	z-index: 3;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Floating Background Elements */
.what-is-renvex-section .floating-elements {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.what-is-renvex-section .floating-elements .element {
	position: absolute;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(34, 98, 20, 0.08) 0%, rgba(67, 204, 37, 0.12) 100%);
	animation: advancedFloat 12s ease-in-out infinite;
	box-shadow: 0 0 30px rgba(67, 204, 37, 0.1);
}

.what-is-renvex-section .floating-elements .element-1 {
	width: 120px;
	height: 120px;
	top: 15%;
	right: 8%;
	animation-delay: 0s;
}

.what-is-renvex-section .floating-elements .element-2 {
	width: 80px;
	height: 80px;
	bottom: 25%;
	left: 10%;
	animation-delay: 4s;
}

.what-is-renvex-section .floating-elements .element-3 {
	width: 100px;
	height: 100px;
	top: 60%;
	right: 15%;
	animation-delay: 8s;
}

.what-is-renvex-section .floating-elements .element-4 {
	width: 60px;
	height: 60px;
	top: 30%;
	left: 5%;
	animation-delay: 2s;
}

.what-is-renvex-section .floating-elements .element-5 {
	width: 90px;
	height: 90px;
	bottom: 15%;
	right: 25%;
	animation-delay: 6s;
}

@keyframes advancedFloat {
	0%, 100% {
		transform: translateY(0px) translateX(0px) rotate(0deg) scale(1);
		opacity: 0.6;
	}
	25% {
		transform: translateY(-15px) translateX(10px) rotate(90deg) scale(1.1);
		opacity: 0.8;
	}
	50% {
		transform: translateY(-25px) translateX(0px) rotate(180deg) scale(1.2);
		opacity: 1;
	}
	75% {
		transform: translateY(-15px) translateX(-10px) rotate(270deg) scale(1.1);
		opacity: 0.8;
	}
}

/* Responsive */
@media (max-width: 991px) {
	.what-is-renvex-section {
		padding: 60px 0;
	}
	
	.what-is-renvex-section .sec-title h2 {
		font-size: 32px;
	}
	
	.what-is-renvex-section .feature-block .inner-box {
		padding: 30px 20px;
	}
	
	.what-is-renvex-section .quote-box {
		padding: 30px 20px;
		margin-top: 40px;
	}
	
	.what-is-renvex-section .quote-box .quote-text {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.what-is-renvex-section .sec-title h2 {
		font-size: 28px;
	}
	
	.what-is-renvex-section .quote-box .quote-text {
		font-size: 18px;
	}
}

.main-footer .about-widget .text{
	position:relative;
	font-size:15px;
	font-weight: 300;
	line-height:28px;
	color:rgba(255,255,255,.65);
	margin-top:22px;
	margin-bottom:35px;
}

.social-icon-two{
	position: relative;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	margin-right: 3px;
}

.social-icon-two li a{
	position: relative;
	display: block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 33px;
	color: #999999;
	border-radius: 50%;
	text-align: center;
	border: 1px solid rgba(255,255,255,0.2);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color: #226214;
}

/* Footer Service List */
.main-footer .services-widget{
	position: relative;
	padding-left: 20px;
}

.footer-service-list{
	position:relative;
}

.footer-service-list li{
	position:relative;
	margin-bottom:10px;
}

.footer-service-list li a{
	position:relative;
	color:rgba(255,255,255,.65);
	font-size:15px;
	line-height: 22px;
	font-weight: 300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.footer-service-list li a:hover{
	color:#226214;
}

/*News Widget Block*/

.news-widget-block{
	position:relative;
	margin-bottom:25px;
}

.news-widget-block:last-child{
	margin-bottom:0px;
}

.news-widget-block .widget-inner{
	position:relative;
	padding-left:110px;
	min-height:75px;
}

.news-widget-block .widget-inner .image{
	position:absolute;
	left:0px;
	top:0px;
	width:85px;
	height:0px;
}

.news-widget-block .widget-inner .post-date{
	position:relative;
	color:#226214;
	font-size:12px;
	font-weight:500;
	margin-top:5px;
}

.news-widget-block .widget-inner h3{
	position:relative;
	font-size:15px;
	line-height:1.4em;
	color:#ffffff;
	font-weight:500;
	top:-4px;
	margin-bottom: 5px;
}

.news-widget-block .widget-inner h3 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-widget-block .widget-inner h3 a:hover{
	color:#226214;
}

.main-footer .contact-widget .number{
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	margin-bottom:15px;
}

.main-footer .contact-widget ul li{
	position:relative;
	color:#888888;
	font-weight: 300;
	font-size:16px;
	line-height: 24px;
	margin-bottom:8px;
}

.main-footer .contact-widget ul li a{
	color:#888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .contact-widget ul li a:hover{
	color:#ffffff;	
}

.main-footer .contact-widget .theme-btn{
	margin-top: 25px;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 25px;
    padding: 10px 22px;
}

/* Footer Column Separators */
.main-footer .services-column {
	position: relative;
	border-right: 1px solid rgba(255,255,255,0.15);
	padding-right: 30px;
}

.main-footer .contact-column {
	padding-left: 30px;
}

@media (max-width: 991px) {
	.main-footer .services-column {
		border-right: none;
		padding-right: 15px;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	
	.main-footer .contact-column {
		padding-left: 15px;
	}
}

.main-footer .footer-bottom{
	position:relative;
	padding:20px 0px;
	border-top:1px solid rgba(255,255,255,0.10);
}

.main-footer .footer-bottom .copyright{
	position:relative;
	color:#888888;
	font-size:15px;
	line-height: 30px;
}

.main-footer .footer-bottom .copyright a{
	color:#888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright a:hover{
	text-decoration: underline;
	color: #ffffff;
}

.main-footer .footer-links{
	position: relative;
	float: right;
}

.main-footer .footer-links li{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
}

.main-footer .footer-links li:last-child:before{
	display: none;
}

.main-footer .footer-links li:before{
	position: absolute;
	right: -3px;
	top: 0;
	font-size: 15px;
	line-height: 30px;
	color: #888888;
	font-weight: 300;
	content: "|";
}

.main-footer .footer-links li a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #888888;
	font-weight: 300;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-links li a:hover{
	color: #ffffff;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:140px 0px 90px;	
	background-color: #ffffff;
	z-index: 2;
	overflow: hidden;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:30px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	padding:15px 24px;
	border:1px solid #e5e5e5;
	background:#1a2940;
	display:block;
	font-size:15px;
	color:#ffffff;
	line-height:26px;
	width:100%;
	height:56px;
	border-radius: 4px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right: 0;
	top: 0;
	height:56px;
	width:56px;
	display:block;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	background:transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	color: #226214;
}

/*Post Widget*/
.sidebar .popular-posts{
	margin-bottom: 60px;
}

.sidebar .popular-posts .post{
	position:relative;
	margin-bottom: 40px;
}

.sidebar .popular-posts .post .post-inner{
	position:relative;
	padding-left:100px;
	min-height:80px;
	padding-top: 8px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:80px;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-2px;
	font-size:18px;
	line-height:normal;
	font-weight:500;
	color:#1a2940;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10px;
}

.sidebar .popular-posts .post .text a{
	color:#1a2940;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	color:#226214;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:14px;
	color:#999999;
	font-weight:500;
	line-height:1em;
}

/*Popular Tags*/

.sidebar .popular-tags .widget-content{
	position: relative;
}

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	padding:10px 20px;
	color:#1a2940;
	text-align:center;
	font-size:14px;
	line-height:24px;
	background:none;
	font-weight:500;
	border:1px solid #1a2940;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-right: 2px;
	font-family: "Montserrat", sans-serif;
	text-transform:uppercase;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	border-color:#226214;
	background-color:#226214;
	color:#ffffff;	
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 40px;
}

.group-title h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 25px;
	color: #1a2940;
	font-weight: 700;
	padding-left: 18px;
}

.group-title h3:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 25px;
    width: 5px;
    background-color: #226214;
    content: "";
}

.comments-area{
	position:relative;
	margin-bottom: 75px;
}

.comments-area .comment-box{
	position:relative;
	padding-bottom: 35px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 40px;
}

.comments-area .comment-box.reply-comment{
	padding-left: 60px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 100px;
	padding-left: 110px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:5px;
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:16px;
	line-height:1.2em;
	font-weight:700;
	color:#222222;
}

.comments-area .comment-box .time{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 25px;
	color: #888888;
	font-weight: 500;
	text-transform: uppercase;
}

.comments-area .comment-box .text{
	font-size: 15px;
	line-height: 28px;
	color:#555555;
	font-weight: 300;
	margin-bottom: 20px;
}

.comments-area .comment-box .reply-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #226214;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

.comments-area .comment-box .reply-btn span{
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	margin-right: 2px;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form .group-title{
	margin-bottom: 25px;
}

.comment-form .text{
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #555555;
	font-weight: 300;
	margin-bottom: 20px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 20px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 15px;
    color: #555555;
    line-height: 23px;
    font-weight: 300;
    padding: 10px 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#226214;
	color: #222222;
}

.comment-form .form-group textarea{
	height: 150px;
	resize: none;
	margin-bottom: 10px;
}

.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
	text-transform: uppercase;
	color: #ffffff;
}

.comment-form .form-group input[type="submit"]:hover,
.comment-form .form-group button:hover{
	color: #226214;
}

.comment-form ::-webkit-input-placeholder{color: #555555;}
.comment-form ::-moz-input-placeholder{color: #555555;}
.comment-form ::-ms-input-placeholder{color: #555555;}