/* Greenry Point  - Garden Care HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header Style Two / Style Three / Sticky Header 
5. Page Title 
6. Banner Section / Two / Three
7. About Section
8. Services Section / Two / Three
9. Service Detail Section 
10. Service Detail
11. Why Choose Us
12. Work Section
13. Testimonial Section
14. Call Back and Testimonial
15. Projects Section / Two / Three
16. Project Detail
17. Project Detail Section
18. Call To Action / Two
19. Products Section
20. Fun Fact Section / Two
21. Team Section
22. Pricing Section
23. Contact Section
24. Contact Map Section
25. News Section / Two / Three
26. Blog Classic
27. Blog Detail
28. Styled Pagination
29. FAQ Section
30. Clients Section
31. Main Footer / Two / Three
32. Sidebar Page Container
33. Comment Area
34. Comment Form
35. Shop Page
36. Shop Single
37. Cart Section
38. CheckOut Section
39. Login Section
40. Error Section
41. Coming Soon
42. Right To Left Style 
43. Box Version Style
**********************************************/

/*** 

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

***/

@import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Lora:400,400i,700,700i');

/*
font-family: 'Archivo', sans-serif;
font-family: 'Lora', serif;
*/

@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('jquery.touchspin.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

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

 ***/

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

/*** 

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

 ***/

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

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

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: 'Lora', serif;
}

textarea{
	overflow:hidden;	
	resize: none;
}

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

p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

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

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

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 99;
}

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

.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;
}

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 35px;
	font-weight: 700;
	background-color: #7abf18;
	font-family: "Lora", sans-serif;
}

.btn-style-one:hover{
	background:#222222;
	color:#ffffff;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#222222;
	padding: 15px 35px;
	font-weight: 700;
	background-color: #ffffff;
}

.btn-style-two:hover{
	background:#222222;
	color:#ffffff;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 35px;
	font-weight: 700;
	background-color: #222222;
}

.btn-style-three:hover{
	background:#ffffff;
	color:#222222;
}

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

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

.list-style-one li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 12px;
	padding-left: 35px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 13px;
	line-height: 24px;
	color: #7abf18;
	font-weight: 600;
    content: "\f193";
	font-family: "flaticon";
}

.theme_color{
	color:#7abf18;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

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

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

/*** 

====================================================================
	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:#7abf18;
	color: #ffffff;
}

.tabs-box{
	position: relative;
}

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

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

/*** 

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

***/

.main-header{
	position: relative;
	width:100%;
	z-index: 999999;
}

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

.main-header .header-top:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #7abf18;
	height: 10px;
	content: "";
}

.main-header .header-top .inner-container{
	padding: 0 25px;
	background-color: #7abf18;
	border-radius: 0 0 20px 20px;
}

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

.main-header .top-left .text{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding:10px 0;
}

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

.main-header .top-right .text{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding:10px 0;
}

.main-header .top-right .text a{
	color: #ffffff;
}

.main-header .top-right .social-icon-one{
	position: relative;
	float: right;
	margin-left: 100px;
	padding: 10px 0;
}

.social-icon-one{
	position: relative;
}

.social-icon-one li{
	position: relative;
	float: left;
	margin-left: 15px;
}

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

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	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;
}

.social-icon-one li a:hover{
	color: #333333;
}

.main-header .header-upper{
	position:relative;
	z-index:5;
	background-color: #ffffff;
	z-index: 99999;
}

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

.main-header .logo-outer{
	padding: 40px 0px;
}

.main-header .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .header-upper .upper-right{
	position:relative;
	float: right;
	padding-top:45px;
}

.main-header .info-box{
	position:relative;
	float:left;
	padding-left: 65px;
	margin-left: 40px;
	min-height:50px;
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #4c4c4c;
	font-weight: 600;
	border: 1px dashed #7abf18;
	border-radius: 10px 10px 0 10px;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .info-box li{
	position:relative;
	font-size:14px;
	line-height:25px;
	color:#777777;
	font-weight:400;
	text-transform:capitalize;
}

.main-header .info-box li span{
	position: relative;
	display: block;
	font-size: 16px;
	color: #222222;
	font-family: "Lora", sans-serif;
	font-weight: 600;
}

.main-header .info-box li 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;
}

.main-header .info-box li a:hover{
	color: #7abf18;
}

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

.main-header .header-lower{
	position: relative;
	z-index: 99999;
	background: rgb(17,17,17);
	background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 99%);
	background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 99%);
	background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 );
}

.main-header .header-lower .nav-outer{
	position:static;
	float: left;
}

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

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right: 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;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:15px;
	line-height:30px;
	font-weight:500;
	color:#ffffff;
	opacity:1;
	text-align:center;
	padding: 15px 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;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#25262c;
	background:#ffffff;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	line-height:20px;
	font-size:13px;
	font-weight: 900;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:110%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	opacity: 1;
	-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{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	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{
	background:#222222;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:15px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	color: #ffffff;
	font-weight:900;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:110%;
	top:0%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	-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{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	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 > a:hover{
	color: #ffffff;
	background:#222222;
}

.main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	visibility:visible;
	opacity:1;
	top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top: 0;
	left: 100%;
	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 .navbar-collapse > ul 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:30px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

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

/*Search Box Widget*/

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

.main-header .search-box{
	position: relative;
	padding: 15px 0;
	min-width: 170px;
}

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

.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#ffffff;
	line-height:30px;
	height:30px;
	width:100%;
	background-color: 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;
}

.main-header .search-box .form-group input:focus{
	border-color:#7abf18;	
}

.main-header .search-box .form-group input[type="submit"],
.main-header .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0;
	height:30px;
	line-height: 30px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#ffffff;
}

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

.main-header .outer-box .btn-box .theme-btn{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 15px 40px; 
	font-weight: 500;
	border-radius: 0;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position:static;
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background:rgba(47,46,50,.90);
    padding: 30px 30px;
    top: 100%;
	z-index:100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	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:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
}

.main-menu .navigation > li.has-mega-menu h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 15px;
}

.main-menu .navigation > li .mega-menu-bar ul{
	position:relative;
	background-color: #7abf18;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
	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 .mega-menu-bar .column{
	position:relative;
	margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
	border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	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 .mega-menu-bar .column > ul > li > a:hover{
	background:#222222;
}

.main-header .main-menu .navigation > li > a:before{
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 2px;
	width: 0%;
	background-color: #7abf18;
	content: "";
	-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 .main-menu .navigation > li > a:after{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 6px solid #7abf18;
	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;
}

.main-header .main-menu .navigation > li:hover > a:after,
.main-header .main-menu .navigation > li.current > a:after{
	opacity: 1;
}

.main-header .main-menu .navigation > li:hover > a:before,
.main-header .main-menu .navigation > li.current > a:before{
	width: 100%;
	left: 0;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a,
.main-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #71b100;
}

/*** 

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

***/

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

.header-style-two .header-lower{
	background: transparent;
}

.header-style-two .inner-container{
	position: relative;
	background-color: #ffffff;
}

.header-style-two .logo-outer{
	position: relative;
	float: left;
	padding: 10px 0 10px 20px;
}

.header-style-two .header-lower .nav-outer{
	float: right;
}

.header-style-two .outer-box{
	float: left;
	margin: 0;
}

.header-style-two .main-menu .navigation > li{
	margin-right: 8px;
}

.header-style-two .main-menu .navigation > li > a{
	position: relative;
	padding: 20px 15px;
	color: #333333;
	font-weight: 500;
	z-index: 9;
}

.header-style-two .main-menu .navigation > li > a:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: #7abf18;
	content: "";
	z-index: -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;
}

.header-style-two .header-lower .main-menu .navigation > li.current > a,
.header-style-two .header-lower .main-menu .navigation > li:hover > a{
	color: #ffffff !important;
}

.header-style-two .main-menu .navigation > li.current > a:before,
.header-style-two .main-menu .navigation > li:hover > a:before{
	height: 110%;
	opacity: 1;
	visibility: visible;
}

/*search box btn*/

.header-style-two .search-box-outer{
	position:relative;
	float: right;
	padding: 20px 0;
	margin-left: 25px;
}

.header-style-two .search-btn{
	position: relative;
	display: block;
    cursor: pointer;
    background: none;
    font-size: 18px;
    line-height: 29px;
    color: #333333;
    font-weight: 600;
	outline: 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;
}

.header-style-two .search-btn:hover{
	color: #7abf18;
}

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

.header-style-two .search-box-outer .dropdown-menu{
	top:20px !important;
	right: 0 !important;
	padding:0px;
	width:280px;
	border-radius:0px;
	border-top:3px solid #25262c;
}

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

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

.header-style-two .search-panel input[type="text"],
.header-style-two .search-panel input[type="search"],
.header-style-two .search-panel input[type="password"],
.header-style-two .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;	
}

.header-style-two .search-panel input:focus,
.header-style-two .search-panel select:focus{
	border-color:#7abf18;	
}

.header-style-two .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;
}

.header-style-two .share-btn{
	position:relative;
	float: left;
	padding: 20px 0;
	margin-left: 25px; 
}

.header-style-two .share-btn a{
	position: relative;
	display: block;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    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;
}

.header-style-two .share-btn a:hover{
	color: #7abf18;
}

/*** 

====================================================================
	Header Style Three
====================================================================

***/

.header-style-three{
	position: relative;
}

.header-style-three .header-lower{
	background: #ebebeb;
}

.header-style-three .logo-outer{
	position: relative;
	float: left;
	padding: 25px 40px;
	min-width: 270px;
	text-align: center;
	background-color: #333333;
}

.header-style-three .logo-outer .logo{
	position: relative;
}

.header-style-three .header-lower .nav-outer{
	padding-left: 60px;
}

.header-style-three .main-menu .navigation > li{
	padding: 32.5px 0;
}

.header-style-three .main-menu .navigation > li > a{
	position: relative;
	font-size: 16px;
	line-height: 35px;
	color: #333333;
	padding: 0;
}

.header-style-three .main-menu .navigation > li > a:before,
.header-style-three .main-menu .navigation > li > a:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #7abf18;
	transition: all 300ms ease;
}

.header-style-three .main-menu .navigation > li > a:after{
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	border: 0;
}

.header-style-three .main-menu .navigation > li:hover > a:before,
.header-style-three .main-menu .navigation > li:hover > a:after,
.header-style-three .main-menu .navigation > li.current > a:before,
.header-style-three .main-menu .navigation > li.current > a:after{
	width: 100%;
}

.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li.current-menu-item > a{
	color: #71b100;
}

.header-style-three .call-btn{
	position: relative;
	float: right;
}

.header-style-three .call-btn:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #7abf18;
	content: "";
}

.header-style-three .call-btn a{
	position: relative;
	padding: 35px 30px;
	line-height: 30px;
	border-radius: 0;
	font-family: "Archivo",sans-serif;
	font-weight: 500;
}

.header-style-three .share-btn{
	position: relative;
	float: left;
	padding: 35px 0;
	margin-right: 60px;
}

.header-style-three .share-btn a{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #7abf18;
	-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-three .share-btn a:hover{
	color: #222222;
}

/*search box btn*/

.header-style-three .search-box-outer{
	position:relative;
	float: left;
	background-color: #ffffff;
	text-align: center;
	margin: 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;
}

.header-style-three .search-box-btn{
	line-height: 29px;
}


.main-header .search-box-btn{
	position: relative;
    cursor: pointer;
    background: none;
    font-size: 24px;
    color: #222222;
	outline: none;
	padding: 35px 0;
	width: 100px;
	-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: #7abf18;
}

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

.main-header .search-box-outer .dropdown-menu{
	top:0px !important;
	right: 0 !important;
	padding:0px;
	width:280px;	
	border-radius:0px;
	border-top:3px solid #25262c;
}

.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;
}

/*** 

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

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 5px 5px rgba(0,0,0,0.05);
}

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

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

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

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

.main-header .sticky-header .main-menu .navigation > li > a{
	padding:20px 0px;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	color:#222222;
	text-transform:capitalize;
	-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: #71b100;
}

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

/*** 

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

***/

.sec-title{
	position:relative;
	display: block;
	margin-bottom:50px;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #7abf18;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.sec-title .title:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	background-color: #33373f;
	border-right: 10px solid #ffffff;
	content: '';
}

.sec-title .title:after{
	position: absolute;
	left: 34px;
	bottom: 0;
	height: 2px;
	width: 6px;
	background-color: #7abf18;
	content: "";
}

.sec-title h2{
	position: relative;
	display: inline-block;
	font-size:30px;
	line-height: 1.3em;
	color: #333333;
	font-weight: 700;
}

.sec-title .text{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-top: 25px;
}

.sec-title.text-center .title:before{
	left: 0;
	right: 0;
	margin: 0 auto;
}

.sec-title.text-center .title:after{
	left: 50%;
	margin-left: 1px;
}

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

.sec-title.light .title:before{
	background-color: #ffffff;
	border-right-color: #000000;
}

/*** 

====================================================================
			Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding: 120px 0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity: .50;
	position:absolute;
}

.page-title .inner-container{
	position: relative;
}

.page-title .title-box{
	position: relative;
	float: left;
	padding: 5px 0;
	margin-top:10px;
}

.page-title h1{
	position:relative;
	display: block;
	font-size:30px;
	color:#ffffff;
	line-height: 50px;
	font-weight: 700;
}

.page-title .bread-crumb {
	position: relative;
	float: right;
	background-color: #000000;
	border-radius: 30px;
	border: 1px dashed #ffffff;
	padding: 13px 40px;
	margin-top:20px;
}

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 30px;
	color:#ffffff;
	font-weight: 400;
	text-transform: capitalize;
	cursor: default;
	padding-right:  30px;
	margin-right: 15px;
}

.page-title .bread-crumb li:before{
	font-family: "Font Awesome 5 Brands";
	position: absolute;
	right: -2px;
	font-size: 18px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 900;
	content: "\f299";
}

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

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

.page-title .bread-crumb li a{
	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;
}

.page-title .bread-crumb li a:hover{
	color:#7abf18 ;	
}

/*** 

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

***/

.banner-section{
	position: relative;
}

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

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

.banner-section .content-box{
	position: relative;
	text-align: center;
}

.banner-section h4{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 20px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section .active h4{
	opacity: 1;
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.banner-section h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	letter-spacing: -20px;
	margin-bottom: 40px;
	text-transform: uppercase;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.banner-section .active h2{
	opacity: 1;
	letter-spacing: 0px;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-section .content-box .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 55px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section .active  .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: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-section .active .link-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: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	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;
}

.banner-section .link-box a:after,
.banner-section .link-box a:before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	height: 1px;
	width: 100%;
	content: "";
	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;
}

.banner-section .link-box a:after{
	width: 60%;
	bottom: -5px;
}

.banner-section .link-box a i{
	color: #7abf18;
}

.banner-section .link-box a:hover:after,
.banner-section .link-box a:hover:before{
	width: 0;
}

.banner-section .link-box a:hover{
	color: #7abf18;
}

.banner-carousel .owl-nav{
	position: absolute;
	top: 50%;
	width:100%;
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev{
	position: absolute;
	left: 5%;
	top: 0;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel .owl-next{
	left: auto;
	right: 5%;
	padding-left: 0;
	padding-right: 25px;
}

.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover{
	color: #7abf18;
}

.banner-carousel .owl-next:before,
.banner-carousel .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #ffffff;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel .owl-next:hover:before,
.banner-carousel .owl-prev:hover:before{
	border-color: #7abf18;
}

.banner-carousel .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #ffffff;
	border-left: 0;
}

.banner-carousel .owl-next span{
	margin-left: 5px;
	font-size: 14px;
}

.banner-carousel .owl-prev span{
	margin-right: 5px;
	font-size: 14px;
}

/***

====================================================================
		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;
	padding: 280px 0 100px;
}

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

.banner-section-two .content-box{
	position: relative;
	max-width: 600px;
	width: 100%;
}

.banner-section-two .content-box .inner-box{
	position: relative;
	padding: 40px 40px;
	border-top: 5px solid transparent;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.banner-section-two .active .content-box .inner-box{
	border-top: 5px solid #ffffff;
}

.banner-section-two .content-box .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.80);
	content: "";
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	border-radius: 0 0 30px 30px;
}

.banner-section-two .active .content-box .inner-box:before{
	height: 100%;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section-two h4{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #7abf18;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 10px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-two .active h4{
	opacity: 1;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.banner-section-two h2{
	position: relative;
	display: block;
	font-size: 46px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 30px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active 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: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section-two .content-box .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 30px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-two .active  .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: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.banner-section-two .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-section-two .active .link-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: 2500ms;
	-moz-transition-delay: 2500ms;
	-ms-transition-delay: 2500ms;
	-o-transition-delay: 2500ms;
	transition-delay: 2500ms;
}

.banner-section-two .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	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;
}

.banner-section-two .link-box a:after,
.banner-section-two .link-box a:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	content: "";
	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;
}

.banner-section-two .link-box a:after{
	width: 40%;
	bottom: 0px;
}

.banner-section-two .link-box a i{
	color: #7abf18;
}

.banner-section-two .link-box a:hover:after,
.banner-section-two .link-box a:hover:before{
	width: 0;
}

.banner-section-two .link-box a:hover{
	color: #7abf18;
}

/*** 

====================================================================
		Banner Section Three
====================================================================

***/

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

.banner-section-three .slide-item{
	position: relative;
	overflow: hidden;
}

.banner-section-three .content-box{
	position: relative;
	float: left;
	width: 44%;
	padding: 100px 0;
	z-index: 1;
}

.banner-section-three .content-box .inner-box{
	position: relative;
	float: right;
	max-width: 470px;
	width: 100%;
	background-color: #eeeeee;
	padding: 130px 15px;
}

.banner-section-three .content-box .inner-box:before{
	position: absolute;
	top: 0;
	right: 0px;
	height: 100%;
	width: 1000%;
	background-color: #eeeeee;
	content: "";
	-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 .content-box .inner-box:before{
	right: -70px;
}

.banner-section-three h4{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #7abf18;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 10px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

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

.banner-section-three h2{
	position: relative;
	display: block;
	font-size: 56px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 50px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .active 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: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-section-three .content-box .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 40px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-three .active  .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: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section-three .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-section-three .active .link-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: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.banner-section-three .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", 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;
}

.banner-section-three .link-box a:after,
.banner-section-three .link-box a:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	content: "";
	background-color: #bbbbbb;
	-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-three .link-box a:after{
	width: 40%;
	bottom: 0px;
}

.banner-section-three .link-box a i{
	color: #7abf18;
}

.banner-section-three .link-box a:hover:after,
.banner-section-three .link-box a:hover:before{
	width: 0;
}

.banner-section-three .link-box a:hover{
	color: #7abf18;
}

.banner-section-three .image-box{
	position: absolute;
	right: -70px;
	top: 0;
	height: 100%;
	width: 56%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	-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 .image-box{
	opacity: 1;
	visibility: visible;
	right: 0;
}

.banner-section-three .owl-nav{
	position: absolute;
	bottom: 0px;
    height: 50px;
    width: 190px;
    left: 50%;
    margin-left: -550px;
}

.banner-section-three .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.banner-section-three .owl-next,
.banner-section-three .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	text-transform: capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-section-three .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.banner-section-three .owl-next:hover,
.banner-section-three .owl-prev:hover{
	color: #7abf18;
}

.banner-section-three .owl-next:before,
.banner-section-three .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-section-three .owl-next:hover:before,
.banner-section-three .owl-prev:hover:before{
	border-color: #7abf18;
}

.banner-section-three .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.banner-section-three .owl-next span{
	margin-left: 5px;
}

.banner-section-three .owl-prev span{
	margin-right: 5px;
}

.banner-section-three .carousel-outer{
	margin: 0 -15px;
}

/*** 

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

***/

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

.about-section.alternate{
	padding-bottom: 170px;
}

.about-section .content-column{
	position: relative;
	position: relative;
	z-index: 9;
}

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

.about-section .content-column .content{
	position: relative;
	padding: 50px 50px;
	background-color: #ffffff;
	box-shadow: 0 2px 23px rgba(0,0,0,0.10);
}

.about-section .content-column .sec-title{
	margin-bottom: 20px;
}

.about-section .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.about-section .content-column .link-box a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	font-weight: 700;
	font-family: "Lora", 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;
}

.about-section .content-column .link-box a i{
	color: #7abf18;
	margin-left: 5px;
	font-size: 14px;
}

.about-section .content-column .link-box a:hover{
	color: #7abf18;
}

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

.about-section .image-column .inner-column{
	position: relative;
	margin-right: -30px;
	padding-left: 70px;
}

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

.about-section .image-column .image-box:before{
	position: absolute;
	left: -90px;
	top: 90px;
	height: 490px;
	width: 890px;
	background-color: #7abf18;
	content: "";
}

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

.about-section .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

/*** 

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

***/

.services-section{
	position: relative;
}

.services-section .outer-box{
	position: relative;
	margin-top: -85px;
}

.service-block{
	position: relative;
}

.service-block .inner-box{
	position: relative;
	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;
}

.service-block .inner-box:hover{
	box-shadow: 0 0px 30px rgba(0,0,0,.10)
}

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

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

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

.service-block .caption-box{
	position: relative;
	padding: 20px 40px;
	padding-right: 70px;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	border-top: 0;
}

.service-block .caption-box .icon{
	position: absolute;
	right: 0;
	top: 0;
	height: 70px;
	width: 70px;
	text-align: center;
	background-color: #7abf18;
	font-size: 30px;
	line-height: 70px;
	color: #ffffff;
}

.service-block .caption-box h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
}

.service-block .caption-box h4 a{
	display: inline-block;
	color: #333333;
	-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 .caption-box h4 a:hover{
	color: #7abf18;
}

.service-block .overlay-box{
	position: absolute;
	left: 0;
	top: 100%;
	height: 100%;
	width: 100%;
	background-color: rgb(34,34,34,.90);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 600ms ease;
}

.service-block .inner-box:hover .overlay-box{
	top:0%;
}

.service-block .overlay-box:before{
	position: absolute;
	left: 40px;
	bottom: 0;
	height: 90%;
	width: 1px;
	background-color: #ffffff;
	content: "";
	opacity: .70;
}

.service-block .overlay-box:after{
	position: absolute;
	bottom: 40px;
	left: 0;
	height: 1px;
	width: 90%;
	background-color: #ffffff;
	opacity: .70;
	content: "";
}

.service-block .overlay-box .inner{
	position: absolute;
	left: 0;
	bottom: 80px;
	width: 100%;
	padding-left: 70px;
	padding-right: 30px;
}

.service-block .overlay-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

.service-block .overlay-box .link-box{
	position: relative;
	display: block;
}

.service-block .overlay-box .link-box a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	font-family: "Lora", 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;
}

.service-block .overlay-box .link-box a:hover{
	color: #7abf18;
}

.service-block .overlay-box .link-box a i{
	margin-left: 5px;
	color: #7abf18;
}

.services-carousel .owl-nav{
	position: absolute;
	top: 50%;
	width:100%;
}

.services-carousel .owl-next,
.services-carousel .owl-prev{
	position: absolute;
	left: -115px;
	top: 0;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel .owl-next{
	left: auto;
	right: -115px;
	padding-left: 0;
	padding-right: 25px;
}

.services-carousel .owl-next:hover,
.services-carousel .owl-prev:hover{
	color: #7abf18;
}

.services-carousel .owl-next:before,
.services-carousel .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #777777;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel .owl-next:hover:before,
.services-carousel .owl-prev:hover:before{
	border-color: #7abf18;
}

.services-carousel .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #777777;
	border-left: 0;
}

.services-carousel .owl-next span{
	margin-left: 5px;
	font-size: 14px;
}

.services-carousel .owl-prev span{
	margin-right: 5px;
	font-size: 14px;
}

.services-section.style-two{
	position: relative;
	padding: 100px 0 40px;
}

.services-section.style-two .service-block{
	margin-bottom: 60px;
}

/*** 

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

***/

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

.services-section-two .outer-box{
	position: relative;
}

.services-section-two .title-column{
	position: relative;
	float: left;
	max-width: 37.5%;
	width: 100%;
}

.services-section-two .title-column .inner-column{
	position: relative;
	float: right;
	max-width: 350px;
	width: 100%;
	padding-right: 60px;
	padding-top: 120px;
}

.services-section-two .services-column{
	position: relative;
	float: right;
	max-width: 62.5%;
	width: 100%;
}

.services-section-two .services-column .inner-column{
	position: relative;
	padding: 85px 55px 0;
}

.services-section-two .services-column .inner-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 300px;
	width: 100%;
	background-image: url(../images/icons/pattern-2.jpg);
	background-repeat: repeat;
	background-position:center;
	content: '';
}

.services-carousel-two{
	position: relative;
}

.service-block-two{
	position: relative;
	padding: 15px 15px 25px;
}

.service-block-two .inner-box{
	position: relative;
	background-color: #ffffff;
	padding: 70px 15px 70px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.10);
}

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

.service-block-two .icon-box .icon{
	position: relative;
	display: inline-block;
	font-size: 50px;
	line-height: 1em;
	color: #7abf18;
	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 .inner-box:hover .icon-box .icon{
	color: #222222;
}

.service-block-two h5{
	position: relative;
	display: block;
	font-size: 20px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px;
}

.service-block-two h5 a{
	color: #333333;
	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 h5 a:hover{
	color: #7abf18;
}	

.service-block-two .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #666666;
	font-weight: 400;
}

.service-block-two .link-box{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	margin: 0 auto;
}

.service-block-two .link-box a{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	background-color: #7abf18;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	border-radius: 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;
}

.service-block-two .link-box a:hover{
	background-color: #222222;
}

.services-carousel-two .owl-nav{
	position: absolute;
	left: -410px;
	bottom: 50px;
	width: 190px;
}

.services-carousel-two .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.services-carousel-two .owl-next,
.services-carousel-two .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel-two .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.services-carousel-two .owl-next:hover,
.services-carousel-two .owl-prev:hover{
	color: #7abf18;
}

.services-carousel-two .owl-next:before,
.services-carousel-two .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel-two .owl-next:hover:before,
.services-carousel-two .owl-prev:hover:before{
	border-color: #7abf18;
}

.services-carousel-two .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.services-carousel-two .owl-next span{
	margin-left: 5px;
}

.services-carousel-two .owl-prev span{
	margin-right: 5px;
}

/*** 

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

***/

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

.services-carousel-three{
	position: relative;
}

.service-block-three{
	position: relative;
	padding: 15px 15px 25px;
}

.service-block-three .inner-box{
	position: relative;
	background-color: #ffffff;
	padding: 40px 15px 70px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,0.10);
}

.service-block-three .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 100%;
	background-color: #7abf18;
	content: "";
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-three .inner-box:hover:before{
	height: 100%;
}

.service-block-three .icon-box{
	position: relative;
	height: 70px;
	width: 70px;
	background-color: #ffffff;
	border-radius: 50%;
	display: block;
	margin: 0 auto 25px;
}

.service-block-three .icon-box .icon{
	position: relative;
	display: inline-block;
	font-size: 54px;
	line-height: 70px;
	color: #7abf18;
	font-weight: 400;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-three .inner-box:hover .icon-box .icon{
	color: #333333;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7);
}

.service-block-three h5{
	position: relative;
	display: block;
	font-size: 20px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px;
}

.service-block-three h5 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.service-block-three .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #666666;
	font-weight: 400;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.service-block-three .link-box{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	margin: 0 auto;
}

.service-block-three .link-box a{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	background-color: #7abf18;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	border-radius: 50%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-three .inner-box:hover .link-box a{
	background-color: #222222;
}

.services-carousel-three .owl-nav{
	position: relative;
	height: 50px;
	width: 190px;
	margin: 80px auto 0px;
}

.services-carousel-three .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.services-carousel-three .owl-next,
.services-carousel-three .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel-three .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.services-carousel-three .owl-next:hover,
.services-carousel-three .owl-prev:hover{
	color: #7abf18;
}

.services-carousel-three .owl-next:before,
.services-carousel-three .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.services-carousel-three .owl-next:hover:before,
.services-carousel-three .owl-prev:hover:before{
	border-color: #7abf18;
}

.services-carousel-three .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.services-carousel-three .owl-next span{
	margin-left: 5px;
}

.services-carousel-three .owl-prev span{
	margin-right: 5px;
}

.services-section-three .carousel-outer{
	margin: 0 -15px;
}

/*** 

====================================================================
		Service Detail Section
====================================================================

***/

.service-detail-section{
	position: relative;
	padding: 100px 0 60px;
}

.service-detail{
	position: relative;
}

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

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

.service-detail .lower-content{
	position: relative;
	padding-top: 30px;
}

.service-detail .lower-content h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 25px;
}

.service-detail .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-detail .lower-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 27px;
}

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

.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%;
	height: auto;
}

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

.accordion-box.style-two{
	margin-bottom: 30px;
	margin-top: 30px;
}

.accordion-box.style-two .block {
	position: relative;
	border-radius: 0;
	margin-bottom: 10px;
}

.accordion-box.style-two .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#333333;
	font-weight:700;
	padding:15px 20px 15px;
	padding-right: 40px;
	background-color: #f5f5f5;
	border-radius: 0;
	border:0;
	font-family: "Lora", sans-serif;
}

.accordion-box.style-two .block .acc-btn.active{
	background-color: #ffffff;
	color: #7abf18;
}

.accordion-box.style-two .block .icon{
	position:absolute;
	left: auto;
	right: 15px;
	top:15px;
	height: 30px;
	width: 30px;
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
	color: #7abf18;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box.style-two .block .acc-btn.active .icon:before{
	left: auto;
	right: 7px;
	content: "\f358";
	color: #333333;
	font-size: 17px;
	background-color: #ffffff;
	font-weight: 400;
	font-family: 'Font Awesome 5 Free';
}

.accordion-box.style-two .block .content{
	border:0;
	padding:0 20px 20px;
}

/*=======================
	Service Tabs Style
=======================*/
.table-style-one{
	position: relative;
}

.table-style-one table{
	position: relative;
	border: 1px solid #dddddd;
	min-width: 800px;
}

.table-style-one thead{
	position: relative;
	background-color: #f1f1f1;
}

.table-style-one thead th{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	font-family: "Lora", sans-serif;
	padding: 15px 40px;
	text-align: center;
}

.table-style-one thead th:first-child{
	background-color: #333333;
	color: #ffffff;
	text-align: left;
}

.table-style-one tbody th{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	padding: 20px 40px;
	color: #333333;
	font-weight: 400;
	font-family: "Lora", sans-serif;
} 

.table-style-one tbody tr,
.table-style-one tbody td{
	position: relative;
	text-align: center;
	padding: 20px 40px;
	border-right: 1px solid #dddddd;
}

.table-style-one tbody tr th:first-child{
	text-align: left;
	border-right: 1px solid #dddddd;
	font-weight: 600;
}

.table-style-one tbody tr:last-child th{
	padding: 10px 40px;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.table-style-one tbody tr:last-child th:first-child{
	background-color: #7abf18;
	color: #ffffff;
}

.service-detail .table-style-one{
	margin-bottom: 60px;
}

/*=======================
	Service Tabs Style
=======================*/

.service-info-tabs{
	position:relative;
	margin-bottom: 60px;
}

.service-tabs .tab-btns{
	position:relative;
	z-index:1;	
}

.service-tabs .tab-btns .tab-btn{
	position:relative;
	float:left;
	top: 2px;
	margin-right:5px;
	font-size:15px;
	line-height:30px;
	color:#222222;
	font-weight:700;
	cursor:pointer;
	text-transform:capitalize;
	background-color: transparent;
	border:1px solid transparent;
	padding:10px 25px;
	font-family: "Lora", sans-serif;
	-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;
}

.service-tabs .tab-btns .tab-btn:hover:after,
.service-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	width:100%;
	height:5px;
	background-color:#ffffff;
	border-bottom: 0;
	-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;
}

.service-tabs .tab-btns .tab-btn:hover,
.service-tabs .tab-btns .tab-btn.active-btn{
	color:#7abf18;
	border-color:#7abf18;
	background:#ffffff;
}

.service-tabs .tabs-content{
	position:relative;
	padding:30px 30px 30px;
	border:1px solid #7abf18;
}

.service-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.service-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.service-tabs .tabs-content .tab .content{
	position:relative;
}

.service-tabs .tabs-content .tab .content:after{
	display: table;
	content: "";
	clear: both;
}

.service-tabs .tabs-content .tab .content .image{
	position: relative;
	float: left;
	margin-bottom: 0;
	margin-right: 30px;
}

.service-tabs .tabs-content .tab .content .thumb img{
	display: block;
	width: 100%;
}

.service-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:14px;
	line-height:30px;
	color:#777777;
	margin-bottom:0px;
	padding-top: 10px;
}

/*Services Category*/

.services--list{
	position:relative;
	margin-bottom: 50px;
	border: 1px solid #dddddd;
}

.services--list li{
	position:relative;
	overflow: hidden;
}

.services--list li a{
	font-size:18px;
	font-weight:700;
	color:#333333;
	line-height: 28px;
	padding: 20px 25px;
	display:block;
	font-family:"Lora", sans-serif;
	border-bottom:1px solid #dddddd;
	overflow: hidden;
	padding-right: 75px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services--list li:last-child a{
	border-bottom: 0;
}

.services--list li .icon{
	position: absolute;
	height: 72px;
	width: 72px;
	background-color: #7abf18;
	color: #ffffff;
	top: -1px;
	right: -1px;
	text-align: center;
	line-height: 70px;
	font-size: 30px;
	font-weight: 400;
}

.services--list li.active a,
.services--list li:hover a{
	color: #ffffff;
}

.services--list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	background-color: #222222;
	z-index: -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;
}

.services--list li.active a:after,
.services--list li:hover a:after{
	width: 101%;
}

/*Brochure links*/
.sidebar .links-box{
	position: relative;
}

.sidebar .links-box .sec-title .title{
	margin-bottom: 10px;
}

.sidebar .links-box .sec-title{
	margin-bottom: 30px;
}

.sidebar .links-box .sec-title h2{
	font-size: 24px;
}


.sidebar .brochure-link{
	position: relative;
	margin-bottom:10px;
}

.sidebar .brochure-link a{
	position:relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	padding: 15px 50px;
	padding-left: 35px;
	background-color: #ebebeb;
	-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;
}

.sidebar .brochure-link a i{
	position: relative;
	float: right;
	font-size: 20px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 400;
	-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;
}

.sidebar .brochure-link a:hover{
	background-color: #333333;
	color: #ffffff;
}

/*brochure Box*/

.brochure-box{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	padding:45px 40px 50px;
	margin-bottom: 50px;
	text-align: center;
}

.brochure-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.90;
	content: "";
}

.brochure-box .sec-title{
	margin-bottom: 20px;
}

.brochure-box p{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	font-weight: 400;
	margin-bottom:24px;
}

.brochure-box .theme-btn{
	position: relative;
	padding: 10px 35px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #7abf18;
	border: 1px solid #ffffff;
	background-color: transparent;
}

.brochure-box .theme-btn:hover{
	background-color: #7abf18;
	border-color: #7abf18;
	color: #ffffff;
}

/*** 

====================================================================
		Why Choose Us
====================================================================

***/

.why-choose-us{
	position: relative;
	padding: 100px 0 50px;
}

.why-choose-us:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 35%;
	background-color: #f7f7f7;
	content: "";
}

.why-choose-us .image-column{
	position: relative;
	margin-bottom: 50px;
}

.why-choose-us .image-column .inner-column{
	position: relative;
}

.why-choose-us .image-column .image{
	position: relative;
	margin-bottom: 0;
	display: inline-block;
}

.why-choose-us .image-column .image:before{
	position: absolute;
	top: 60px;
	right: -65px;
	width: 65px;
	height: 460px;
	background-image: url(../images/icons/pattern-4.jpg);
	content: "";
	z-index: 1;
}

.why-choose-us .image-column .image img{
	display: block;
	max-width: 100%;
	height: auto
}

.why-choose-us .features-column{
	position: relative;
}

.why-choose-us .features-column .inner-column{
	position: relative;
}

.why-choose-us .features-column .sec-title{
	margin-bottom: 70px;
}

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

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

.feature-block .icon{
	position: relative;
	display: inline-block;
	font-size: 50px;
	color: #7abf18;
	font-weight: 400;
	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;
}

.feature-block .inner-box:hover .icon{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	color: #333333;
}

.feature-block h5{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 25px;
}

.feature-block h5 a{
	color: #333333;
	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 h5 a:hover{
	color: #7abf18;
}

.feature-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #777777;
	font-weight: 400;
	font-family: "Archivo", sans-serif;
	padding-right: 30px;
}

/*** 

====================================================================
		Work Section
====================================================================

***/

.work-section{
	position: relative;
	padding: 100px 0 50px;
}

.work-tabs{
	position: relative;
	text-align: center;
}

.work-tabs .tab-btns{
	position:relative;
	display: inline-block;
	border-radius: 30px;
	z-index:1;
}

.work-tabs .tab-btns .tab-btn{
	position:relative;
	float:left;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	background:#333333;
	text-transform:capitalize;
	font-weight:400;
	cursor:pointer;
	padding: 15px 25px;
	min-width: 200px;
	text-align: center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.work-tabs .tab-btns .tab-btn:first-child{
	border-radius: 30px 0 0 30px;
}

.work-tabs .tab-btns .tab-btn:last-child{
	border-radius: 0 30px 30px 0;
}

.work-tabs .tab-btns .tab-btn:after{
	position:absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	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;
}

.work-tabs .tab-btns .tab-btn.active-btn:after{
	border-top: 10px solid #7abf18;
}

.work-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#7abf18;
}

.work-tabs  .tabs-content{
	position:relative;
	text-align: left;
	padding: 70px 0 0;
}

.work-tabs .content-column{
	position: relative;
	margin-bottom: 50px;
}

.work-tabs .content-column .inner-column{
	position: relative;
	max-width: 370px;
	margin: 0 auto;
}

.work-tabs .content-column h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 35px;
}

.work-tabs .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	color: #777777;
	line-height: 27px;
	margin-bottom: 23px;
}

.work-tabs .content-column .list-style-one{
	margin-bottom: 35px;
}

.work-tabs .content-column .btn-box{
	position: relative;
}

.work-tabs .image-column{
	position: relative;
	margin-bottom: 50px;
}

.work-tabs .image-column .inner-column{
	position: relative;
	padding: 0 30px;
}

.work-tabs .image-column .image{
	position: relative;
	margin-bottom: 0;
}

.work-tabs .image-column .image:before{
	position: absolute;
	left: -60px;
	top: 40px;
	height: 100%;
	width: 100%;
	border: 15px solid #ebebeb;
	content: "";
	z-index: -1;
}

.work-tabs .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

/***

====================================================================
			Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 0 100px;
	margin-top: 100px;
}

.testimonial-section .testimonial-column{
	position: relative;
	float: right;
	max-width: 600px;
	background-color: #f5f5f5;
	margin-top: -100px;
	border-radius: 15px;
}

.testimonial-section .testimonial-column .inner-column{
	position: relative;
	padding: 95px 90px 165px;
}

/***

====================================================================
	Call Back and Testimonial
====================================================================

***/

.call-back-and-testimonial{
	position: relative;
	padding: 100px 0 50px;
	background-color: #f5f5f5;
}

.call-back-and-testimonial .form-column{
	position: relative;
	margin-bottom: 50px;
}

.call-back-and-testimonial .form-column .inner-column{
	position: relative;
	padding-top: 70px;
	padding-left: 100px;
}

.call-back-and-testimonial .form-column .image-box{
	position: absolute;
	left: 0;
	top: 0;
}

.call-back-and-testimonial .form-column .image{
	position: relative;
	margin-bottom: 0;
}

.call-back-and-testimonial .form-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.appointment-form{
	position: relative;
	padding: 45px 45px 35px;
	background-color: #ffffff;
	z-index: 9;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0 40px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0 40px rgba(0,0,0,0.10);
	box-shadow: 0 0 40px rgba(0,0,0,0.10);
}

.appointment-form .title-box{
	position: relative;
	text-align: center;
	margin-bottom: 25px; 
}

.appointment-form .title-box h3{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
}

.appointment-form .form-group{
	position:relative;
	margin-bottom:10px;	
}

.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #aaaaaa;
    font-weight: 400;
    padding: 14px 25px;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border: 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;
}

.appointment-form .form-group textarea{
	height: 100px;
	resize: none;
	margin-bottom: 10px;
}

.appointment-form .form-group input[type="submit"],
.appointment-form button{
	margin-top: 20px;
	font-size: 18px;
	min-width: 150px;
}

.appointment-form .form-group input:focus,
.appointment-form .form-group textarea:focus,
.appointment-form .form-group select:focus{
	border-color: #7abf18;
}

.appointment-form .message-box{
	position: relative;
	margin-top: 25px;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	text-align: center;
}

.appointment-form .message-box span{
	color: #7abf18;
}

.appointment-form .message-box a{
	color: #777777;
	display: inline-block;
}

.appointment-form .message-box a:hover{
	text-decoration: underline;
}

.call-back-and-testimonial .testimonial-column{
	position: relative;
	margin-bottom: 50px;
}

.call-back-and-testimonial .testimonial-column .inner-column{
	position: relative;
	padding-top: 70px;
	padding-left: 100px;
	padding-right: 50px;
}

.testimonial-carousel{
	position: relative;
}

.testimonial-block{
	position: relative;
}

.testimonial-block .inner-box{
	position: relative;
}

.testimonial-block .info-box{
	position: relative;
	padding-left: 100px;
	padding-top: 10px;
}

.testimonial-block .info-box .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
}

.testimonial-block .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #71b100;
	font-weight: 700;
}

.testimonial-block .info-box .designation{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	font-weight: 400;
}

.testimonial-block .info-box .rating{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 25px;
	color: #71b100;
	font-weight: 400;
}

.testimonial-block .info-box .rating .dark{
	color: #333333;
}

.testimonial-block .content-box{
	position: relative;
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px solid #bbbbbb;
}

.testimonial-block .content-box .icon{
	position: absolute;
	right: 30px;
	top: -16px;
	height: 30px;
	width: 30px;
	font-size: 14px;
	text-align: center;
	background-color: #333333;
	color: #ffffff;
	line-height: 30px;
}

.testimonial-block .content-box .text{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
}

.testimonial-carousel{
	position: relative;
}

.testimonial-carousel .owl-nav{
	display: none;
}

.testimonial-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: -70px;
}

.testimonial-carousel .owl-dot{
	position: relative;
	float: left;
	height: 6px;
	width: 16px;
	margin-right: 10px;
	background-color: #71b100;
	-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-carousel .owl-dot:hover{
	background-color: #333333;
}

.testimonial-carousel .owl-dot.active{
	width: 30px;
	background-color: #333333;
}

/***

====================================================================
	Projects Section
====================================================================

***/

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

.mixitup-gallery .filters{
 	margin-bottom:65px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display: inline-block;
}

.mixitup-gallery .filters li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	cursor: pointer;
 	text-transform: capitalize;
 	padding: 0 0 10px;
 	margin: 0 15px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color: #7abf18;
}

.mixitup-gallery .filters li:after,
.mixitup-gallery .filters li:before{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	height: 1px;
	width: 0%;
	content: "";
	background-color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li:after{
	margin: 0;
	bottom: 10px;
}

.mixitup-gallery .filters li.active:before{
	width: 100%;
}

.mixitup-gallery .filters li.active:after{
	width: 60%;
}

.project-block.mix{
	display: none;
}

.project-block{
	position: relative;
	padding: 0 2px;
	margin-bottom: 4px;
}

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

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

.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%;
	z-index:1;
	background-color: rgb(34,34,34,.90);
	-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(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}

.project-block .image-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

.project-block .overlay-box:before{
	position: absolute;
	left: 40px;
	top: 0;
	height: 90%;
	width: 1px;
	background-color: #ffffff;
	content: "";
	opacity: .70;
}

.project-block .overlay-box:after{
	position: absolute;
	top: 40px;
	left: 0;
	height: 1px;
	width: 90%;
	background-color: #ffffff;
	opacity: .70;
	content: "";
}

.project-block .overlay-box .inner{
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	padding-left: 70px;
	padding-right: 30px;
}

.project-block .overlay-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

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

.project-block .overlay-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

.project-block .overlay-box .link-box{
	position: relative;
	display: block;
}

.project-block .overlay-box .link-box a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	font-family: "Lora", 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;
}

.project-block .overlay-box .link-box a:hover{
	color: #7abf18;
}

.project-block .overlay-box .link-box a i{
	margin-left: 5px;
	color: #7abf18;
}

.project-block .overlay-box .tag{
	position: absolute;
	left: 30px;
	bottom: 30px;
	text-align: right;
	opacity:0;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

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

.projects-section.alternate{
	padding: 100px 0;
}

.projects-section.alternate .btn-box{
	position: relative;
	margin-top: 75px;
}

.projects-section.alternate .btn-box a{
	font-size: 16px;
}

/*** 

====================================================================
		Projects Section Two
====================================================================

***/

.projects-section-two{
	position: relative;
	padding: 100px 0;
}

.projects-carousel-two{
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

.project-block-two{
	position: relative;
	padding: 0 20px;
	padding-right: 310px;
	transition: all 300ms ease;
}

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

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

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

.project-block-two .image-box .date{
	position: absolute;
	left: -20px;
	bottom: 55px;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	padding: 9px 35px 9px 55px; 
	border: 1px solid #ffffff;
	background-color: #333333;
	border-radius: 0 30px 30px 0;
	font-family: "Lora",sans-serif;
}	

.project-block-two .image-box .date:before{
	position: absolute;
	left: 0;
	bottom: -21px;
	border-left: 20px solid transparent;
	border-top: 20px solid #777777;
	content: "";
}

.project-block-two .info-box{
	position: absolute;
	right: 4px;
	top: 55px;
	opacity: 1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.projects-carousel-two .active .project-block-two .info-box{
	right: 20px;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.project-block-two .info-box .inner-box{
	position: relative;
	background: #ffffff;
	max-width: 550px;
	width: 100%;
	padding: 35px 40px 40px;
	-webkit-box-shadow: 0 10px 18px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 10px 18px rgba(0,0,0,0.08);
	-ms-box-shadow: 0 10px 18px rgba(0,0,0,0.08);
	-o-box-shadow: 0 10px 18px rgba(0,0,0,0.08);
	box-shadow: 0 10px 18px rgba(0,0,0,0.08);
}

.project-block-two .info-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 35px;
}

.project-block-two .info-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 35px;
}

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

.project-block-two .link-box a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #7abf18;
	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;
}

.project-block-two .link-box a:after,
.project-block-two .link-box a:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	content: "";
	background-color: #777777;
	-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-two .link-box a:after{
	width: 40%;
	bottom: 0px;
}

.project-block-two .link-box a i{
	color: #7abf18;
}

.project-block-two .link-box a:hover:after,
.project-block-two .link-box a:hover:before{
	width: 0;
}

.project-block-two .link-box a:hover{
	color: #222222;
}

.projects-section-two .message-box{
	position: relative;
	text-align: right;
	margin-top: -30px;
}

.projects-section-two .message-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	font-weight: 400;
}

.projects-section-two .message-box .text a{
	color: #7abf18;
}

.projects-section-two .message-box .text a:hover{
	text-decoration: underline;
}

.projects-section-two .owl-nav{
	position: absolute;
	right: 0;
	top: -100px;
	width: 190px;
}

.projects-section-two .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.projects-section-two .owl-next,
.projects-section-two .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.projects-section-two .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.projects-section-two .owl-next:hover,
.projects-section-two .owl-prev:hover{
	color: #7abf18;
}

.projects-section-two .owl-next:before,
.projects-section-two .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.projects-section-two .owl-next:hover:before,
.projects-section-two .owl-prev:hover:before{
	border-color: #7abf18;
}

.projects-section-two .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.projects-section-two .owl-next span{
	margin-left: 5px;
}

.projects-section-two .owl-prev span{
	margin-right: 5px;
}

/***

====================================================================
		Project Section Three
====================================================================

***/

.projects-section-three{
	position: relative;
	padding: 100px 0;
}

.projects-section-three .carousel-outer{
	position: relative;
}

.projects-section-three .carousel-outer:before{
	position: absolute;
	top: 0;
	right: 100%;
	width: 1000%;
	background-color: #ffffff;
	height: 100%;
	content: "";
	z-index: 5;
}

.projects-carousel-three{
	position: relative;
	padding-bottom: 110px;
}

.projects-carousel-three .owl-stage-outer{
	overflow: visible;
}

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

.project-block-three .inner-box{
	position: relative;
}

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

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

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

.project-block-three .overlay-box{
	position: absolute;
	left: 0;
	top: 100%;
	height: 100%;
	width: 100%;
	transition: all 500ms ease;
}

.project-block-three .overlay-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #71b100;
	opacity: .90;
	content: "";
}

.project-block-three .inner-box:hover .overlay-box{
	top: 0;
}

.project-block-three .overlay-box .inner{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 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;
}

.project-block-three .overlay-box .inner:before{
	position: absolute;
	left: 40px;
	bottom: 0;
	height: 108%;
	width: 2px;
	background-color: #ffffff;
	content: "";
	opacity: .70;
}

.project-block-three .overlay-box .inner:after{
	position: absolute;
	left: 0;
	bottom: 50px;
	height: 2px;
	width: 100%;
	background-color: #ffffff;
	opacity: .70;
	content: "";
}

.project-block-three .inner-box:hover .overlay-box .inner{
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
	bottom: 0;
}

.project-block-three .btn-box{
	position: absolute;
	right: 50px;
	top: 50px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.project-block-three .btn-box a{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 14px;
	color: #71b100;
	font-weight: 400;
	line-height: 50px;
	background-color: #ffffff;
	margin-left: 15px;
	-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-three .btn-box a:hover{
	background-color: #333333;
	border-color: #ffffff;
	color: #ffffff;
}

.project-block-three .inner-box:hover .btn-box{
	top: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(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;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.project-block-three .overlay-box .link-box{
	position: absolute;
	left: 80px;
	bottom: 80px;
}

.project-block-three .overlay-box .link-box a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	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;
}

.project-block-three .overlay-box .link-box a:hover{
	color: #ffffff;
}

.project-block-three .lower-content{
	position: relative;
	padding: 20px 40px;
	border: 2px solid #ebebeb;
}

.project-block-three .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	color: #222222;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 5px;
}

.project-block-three .lower-content .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;
}

.project-block-three .lower-content .category{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #7abf18;
	font-weight: 400;
}
	
.project-block-three .lower-content .name a:hover{
	color: #7abf18;
}

.projects-carousel-three .owl-nav{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 50px;
	width: 190px;
	margin: 80px auto 0px;
}

.projects-carousel-three .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.projects-carousel-three .owl-next,
.projects-carousel-three .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.projects-carousel-three .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.projects-carousel-three .owl-next:hover,
.projects-carousel-three .owl-prev:hover{
	color: #7abf18;
}

.projects-carousel-three .owl-next:before,
.projects-carousel-three .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.projects-carousel-three .owl-next:hover:before,
.projects-carousel-three .owl-prev:hover:before{
	border-color: #7abf18;
}

.projects-carousel-three .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.projects-carousel-three .owl-next span{
	margin-left: 5px;
}

.projects-carousel-three .owl-prev span{
	margin-right: 5px;
}

.projects-section-three .carousel-outer{
	margin: 0 -15px;
}

/***

====================================================================
		Project Detail
====================================================================

***/

.project-detail{
	position: relative;
	padding: 100px 0;
}

.project-detail .outer-container{
	position: relative;
	max-width: 1000px;
	padding: 0 15px;
	margin: 0 auto;
}

.project-detail .upper-box{
	position: relative;
	margin-bottom: 50px;
}

.project-detail .upper-box .image-box{
	position: relative;
}

.project-detail .upper-box .image{
	position: relative;
	margin-bottom: 0;
}

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

.project-detail .content-box h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 25px;
}

.project-detail .content-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.project-detail .content-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.project-detail .content-box .image-box .image{
	position: relative;
	margin-bottom: 0;
}

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

.project-detail .two-column .list-style-one{
	padding-top: 15px;
}

.project-detail .two-column .list-style-one li{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 12px;
}

.project-detail .two-column .list-style-one li:before{
	font-size: 15px;
	line-height: 30px;
}

.project-detail .owl-nav{
	position: absolute;
	left: -100px;
	right: -100px;
	top: 50%;
	margin-top:-25px; 
}

.project-detail .owl-next,
.project-detail .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.project-detail .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.project-detail .owl-next:hover,
.project-detail .owl-prev:hover{
	color: #7abf18;
}

.project-detail .owl-next:before,
.project-detail .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.project-detail .owl-next:hover:before,
.project-detail .owl-prev:hover:before{
	border-color: #7abf18;
}

.project-detail .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.project-detail .owl-next span{
	margin-left: 5px;
}

.project-detail .owl-prev span{
	margin-right: 5px;
}

.accordion-box.style-three{
	margin-bottom: 50px;
}

.accordion-box.style-three .block {
	position: relative;
	border-radius: 0;
	margin-bottom: 10px;
	border: 0;
}

.accordion-box.style-three .block .acc-btn{
	position:relative;
	font-size:15px;
	line-height:28px;
	color:#333333;
	font-weight:700;
	padding:10px 15px 10px;
	padding-left: 70px;
	background-color: transparent;
	border-radius: 0;
	border:1px solid #dddddd;
	font-family: "Lora", sans-serif;
}

.accordion-box.style-three .block .acc-btn.active{
	background-color: #ffffff;
	color: #7abf18;
}

.accordion-box.style-three .block .icon{
	position:absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	background-color: #7abf18;
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box.style-three .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 50px;
	line-height: 50px;
	content: "\f358";
	color: #ffffff;
	height: 50px;
	background-color: #333333;
	font-size: 16px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.accordion-box.style-three .block .content{
	border:0;
	padding:15px 0;
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}

.project-detail .post-controls{
	margin-top: 50px;
}

.post-controls{
	position: relative;
	display: block;
	min-height: 50px;
	text-align: center;
}

.post-controls .next a,
.post-controls .prev a{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.post-controls .next a{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.post-controls .next:hover a,
.post-controls .prev:hover a{
	color: #7abf18;
}

.post-controls .next:before,
.post-controls .prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #777777;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.post-controls .next:hover:before,
.post-controls .prev:hover:before{
	border-color: #7abf18;
}

.post-controls .next:before{
	left: auto;
	right: 0px;
	border: 1px solid #777777;
	border-left: 0;
}

.post-controls .next span{
	margin-left: 5px;
}

.post-controls .prev span{
	margin-right: 5px;
}

.post-controls .load-more a{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 50px;
	color: #bbbbbb;
	font-weight: 900;
	height: 50px;
	-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 .load-more a:hover{
	color: #7abf18;
}

/***

====================================================================
		Project Detail Section
====================================================================

***/

.project-detail-section{
	padding: 100px 0 50px;
}

.project-detail-section .project-detail{
	padding: 0;
}

.project-detail-section .content-side{
	margin-bottom: 50px;
}

.project-detail-section .upper-box{
	position: relative;
	margin-bottom: 40px;
}

.project-detail-section .carousel-outer{
	position: relative;
}

.project-detail-section .carousel-outer .image-carousel{
	position: relative;
	margin-bottom: 40px;
}

.project-detail-section .carousel-outer .thumbs-carousel{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 30px;
}

.project-detail-section .carousel-outer .thumbs-carousel img{
	-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-section .carousel-outer .thumbs-carousel li:hover img{
	opacity: .70;
	cursor: pointer;
}

.project-detail-section .owl-nav {
    position: absolute;
    left: -85px;
    right: -85px;
    top: 50%;
    margin-top: -25px;
}

.project-detail-section .two-column .list-style-one{
	padding-top: 0;
}

/***

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

***/

.call-to-action{
	position: relative;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0 50px;
}

.call-to-action:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: .60;
}

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

.call-to-action .content-column .inner-column{
	position: relative;
}

.call-to-action .content-column .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
}

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

.call-to-action .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
}

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

.call-to-action .btn-column .inner-column{
	position: relative;
	text-align: right;
	padding-top: 50px;
}

.call-to-action .btn-column .message-box{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 700;
	font-family: "Lora", sans-serif;
}

.call-to-action .btn-column .message-box span{
	float: right;
	line-height: 30px;
	color: #ffffff;
	margin-left: 25px;
	margin-right: 40px;
}

.call-to-action .btn-column .btn-box{
	position: relative;
	display: inline-block;
}

/***

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

***/

.call-to-action-two{
	position: relative;
	background-repeat: no-repeat;
	background-position:center;
	padding: 0 0 100px;
}

.call-to-action-two .outer-box{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 70px;
}

.call-to-action-two .outer-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: .60;
	content: "";
}

.call-to-action-two .outer-box:after{
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px dashed #ffffff;
	content: "";
}

.call-to-action-two .title-box{
	position: relative;
	float: left;
	z-index: 9;
	padding: 10px 0;
}

.call-to-action-two .title-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 700;
}

.call-to-action-two .btn-box{
	position: relative;
	float: right;
	z-index: 9;
	padding: 5px 0;
}

.call-to-action-two .btn-box a{
	font-family: "Lora",sans-serif;
	color: #7abf18;
}







/***

====================================================================
			Products Section
====================================================================

***/

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

.products-carousel{
	position: relative;
	padding-bottom: 130px;
}

.product-block{
	position: relative;
}

.product-block .inner-box{
	position: relative;
}

.product-block .image-box{
	position: relative;
	overflow: hidden;
	border: 1px 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;
}

.product-block .inner-box:hover .image-box{
	border: 1px solid #7abf18;
}

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

.product-block .image-box .tag{
	position: absolute;
	left: -140px;
	top: -140px;
	height: 80px;
	width: 80px;
	background-color: #7abf18;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	padding-top: 58px;
	opacity: 0;
	z-index: 9;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.product-block .inner-box:hover .image-box .tag{
	left: -40px;
	top: -40px;
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

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

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

}

.product-block .btn-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	text-align: center;
	-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 center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.product-block .btn-box a{
	position: relative;
}

.product-block .inner-box:hover .btn-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.product-block .lower-content{
	position: relative;
	padding: 25px 0 0;
}

.product-block .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
    text-align: center;
}

.product-block .lower-content .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;
}

.product-block .lower-content .name a:hover{
	color: #7abf18;
}

.product-block .lower-content .price{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	margin-bottom: 13px;
}

.product-block .lower-content .price del{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #777777;
	margin-right: 10px;
}

.product-block .lower-content .rating{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #71b100;
	font-weight: 400;
}

.product-block .lower-content .green2
{
	width: 200px;
        min-height: 40px;
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 88% 100%, 100% 0);
        background: green;
}

.product-block .lower-content .rating span{
	margin-right: 3px;
}

.product-block .lower-content .rating .light{
	color: #dddddd;
}

.products-carousel .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 170px;
}

.products-carousel .owl-nav:before{
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	line-height: 20px;
	content: "/";
	text-align: center;
}

.products-carousel .owl-next,
.products-carousel .owl-prev{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.products-carousel .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.products-carousel .owl-next:hover,
.products-carousel .owl-prev:hover{
	color: #7abf18;
}

.products-carousel .owl-next:before,
.products-carousel .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #bbbbbb;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.products-carousel .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #bbbbbb;
	border-left: 0;
}

.products-carousel .owl-next span{
	margin-left: 5px;
}

.products-carousel .owl-prev span{
	margin-right: 5px;
}

/***

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	padding:100px 0 20px;
	z-index: 9;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
	-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);
}

.fun-fact-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: #88c630;
	content: "";
}

.fun-fact-section .fact-counter{
	position: relative;
}

.fun-fact-section .counter-column{
	position:relative;
	margin-bottom:80px;
}

.fun-fact-section .count-box{
	position: relative;
	padding-left: 100px;
	font-size:30px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
}

.fun-fact-section .count-box .icon{
	position: absolute;
	left:30px;
	top: 0;
	font-size:48px;
	line-height: 50px;
	font-weight:400;
	color:#333333;
	margin-bottom: 30px;
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:30px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
	font-family: "Lora",sans-serif;
}

.fun-fact-section .count-box .counter-title{
	position: relative;
	display: block;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	color:#ffffff;
}

.fun-fact-section .counter-column:nth-child(3n + 3) .icon,
.fun-fact-section .counter-column:nth-child(3n + 4) .icon{
	color: #7abf18;
}

.fun-fact-section .counter-column:nth-child(3n + 3) .counter-title,
.fun-fact-section .counter-column:nth-child(3n + 4) .counter-title{
	color: #777777;
}

.fun-fact-section .counter-column:nth-child(3n + 3) .count-box,
.fun-fact-section .counter-column:nth-child(3n + 4) .count-box,
.fun-fact-section .counter-column:nth-child(3n + 3) .count-text,
.fun-fact-section .counter-column:nth-child(3n + 4) .count-text{
	color: #333333;
}

/***

====================================================================
			Fun Fact Section Two
====================================================================

***/

.fun-fact-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	background-attachment: fixed;
	padding:100px 0 50px;
	z-index: 9;
}

.fun-fact-section-two .fact-counter{
	position: relative;
}

.fun-fact-section-two .counter-column{
	position:relative;
	text-align: center;
	margin-bottom: 50px;
}

.fun-fact-section-two .icon{
	position: relative;
	display: inline-block;
	font-size:52px;
	line-height: 50px;
	font-weight:400;
	color:#71b100;
	margin-bottom: 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;
}

.fun-fact-section-two .counter-column:hover .icon{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	color: #ffffff;
}

.fun-fact-section-two .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	color:#ffffff;
	margin-bottom: 30px;
}

.fun-fact-section-two .count-box{
	position: relative;
	font-size:36px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
	font-family: "Lora", sans-serif;
}

.fun-fact-section-two .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:36px;
	line-height: 1em;
	font-weight:700;
	color:#ffffff;
	font-family: "Lora",sans-serif;
}

.fun-fact-section-two .counter-column:nth-child(even){
	margin-top: 50px;
}

/***

====================================================================
			Team Section
====================================================================

***/

.team-section{
	position: relative;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0 0;
}

.team-section:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: 0.90;
}

.team-section:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 250px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.team-section .sec-title{
	margin-bottom: 60px;
}

.team-block{
	position: relative;
	z-index: 9;
}

.team-block .inner-box{
	position: relative;
}

.team-block .image-box{
	position: relative;
	overflow: hidden;
}

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

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

.team-block .overlay-box{
	position: absolute;
	left: 0;
	top: 100%;
	height: 100%;
	width: 100%;
	padding-top: 30px;
	padding-right: 30px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
	transition: all 500ms ease;
}

.team-block .inner-box:hover .overlay-box{
	top: 0;
}

.team-block .overlay-box:before{
	position: absolute;
	left: 40px;
	bottom: 0;
	height: 88%;
	width: 1px;
	background-color: #ffffff;
	content: "";
	opacity: .70;
}

.team-block .overlay-box:after{
	position: absolute;
	left: 0;
	bottom: 40px;
	height: 1px;
	width: 88%;
	background-color: #ffffff;
	opacity: .70;
	content: "";
}

.team-block .overlay-box .inner{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -200px;
	padding: 30px 30px 0 55px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block .inner-box:hover .overlay-box .inner{
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
	bottom: 0;
}

.team-block .social-links{
	position: relative;
	top: -20px;
	padding-bottom: 10px;
	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;
}

.team-block .inner-box:hover .social-links{
	top: 0;
	opacity: 1;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.team-block .social-links li a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	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 .social-links li a:hover{
	color: #7abf18;
}

.team-block .overlay-box .email{
	position: relative;
	display: block;
	padding: 10px 0;
}

.team-block .overlay-box .email a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	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 .overlay-box .email a:hover{
	color: #7abf18;
}

.team-block .lower-content{
	position: relative;
	padding: 20px 40px;
	border: 2px solid #f1f1f1;
	border-top: 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 .lower-content{
	background-color: #7abf18;
}

.team-block .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #7abf18;
	font-weight: 700;
	margin-bottom: 5px;
}

.team-block .lower-content .name a{
	color: #7abf18;
	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 .lower-content .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	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 .inner-box:hover .lower-content .designation,
.team-block .inner-box:hover .lower-content .name a{
	color: #ffffff;
}

.team-carousel{
	position: relative;
}

.team-carousel .owl-nav{
	position: absolute;
	right: 0;
	top: -130px;
	width: 190px;
}

.team-carousel .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #777777;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.team-carousel .owl-next,
.team-carousel .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.team-carousel .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.team-carousel .owl-next:hover,
.team-carousel .owl-prev:hover{
	color: #7abf18;
}

.team-carousel .owl-next:before,
.team-carousel .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #434343;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.team-carousel .owl-next:hover:before,
.team-carousel .owl-prev:hover:before{
	border-color: #7abf18;
}

.team-carousel .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #434343;
	border-left: 0;
}

.team-carousel .owl-next span{
	margin-left: 5px;
}

.team-carousel .owl-prev span{
	margin-right: 5px;
}

.team-section.style-two{
	background-color: #ffffff;
	padding: 100px 0 40px;
}

.team-section.style-two:before{
	display: none;
}

.team-section.style-two .team-block{
	margin-bottom: 60px;
}	


/*** 

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

***/

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

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

.pricing-table .inner-box{
	position: relative;
	padding: 50px 20px 45px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #cccccc;
	border-top: 5px solid #7abf18;
	border-bottom: 5px solid #7abf18;
	-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: 5px solid #333333;
	border-bottom: 5px solid #333333;
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 18px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 15px;
	font-family: "Lora", sans-serif;
}

.pricing-table .price{
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #7abf18;
	font-weight: 700;
	font-family: "Lora", 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;
}

.pricing-table .price span{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 400;
	text-align: left;
	font-family: "Archivo", sans-serif;
} 

.pricing-table:hover .price,
.pricing-table.tagged .price{
	color: #333333;
}

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

.pricing-table .table-content ul{
	position: relative;
	max-width: 180px;
	margin: 0 auto 40px;
	text-align: left;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	padding-left: 35px;
	margin-bottom: 20px;
	font-family: "Archivo", sans-serif;
}

.pricing-table .table-content ul li:before{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	color: #888888;
	font-weight: 900;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

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

.pricing-table .table-footer a{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	padding: 14px 40px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	background-color: #333333;
	border-radius: 10px;
	border: 1px solid #333333;
}

.pricing-table .table-footer a i{
	margin-left: 4px;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background-color: #ffffff;
	border-color: #7abf18;
	color: #7abf18;
}

.pricing-tabs{
	position: relative;
}

.pricing-tabs .tab-buttons{
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.pricing-tabs .tab-btns{
	position: relative;
	display: inline-block;
}

.pricing-tabs .tab-btns li{
	position: relative;
	float: left;
	padding:14px 30px;
	line-height: 20px;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	margin-left: -1px;
	cursor: pointer;
	background-color: #ffffff;
	min-width: 115px;
	border: 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;
}

.pricing-tabs .tab-btns .tab-btn.active-btn{
	background-color: #7abf18;
	border-color: #7abf18;
	color: #ffffff;
}

/***

==================================================================
		Contact Section
==================================================================

***/

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

.contact-section .form-column{
	position: relative;
	margin-bottom: 50px;
}

.contact-section .contact-form{
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #222222;
    line-height: 20px;
    padding: 14px 25px;
    background-color: transparent;
    font-weight: 400;
    height: 50px;
    border: 1px solid #cccccc;
    -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:#7abf18;
}

.contact-form .form-group textarea{
	height: 120px;
	resize: none;
}

.contact-form .form-group button{
	margin-top: 20px;
	padding: 15px 50px;
	line-height: 20px;
	font-size: 16px;
}

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

.contact-section .image-column .inner-column{
	position: relative;
	margin-top: -10px;
}

.contact-section .image-column .image{
	position: relative;
	margin-bottom: -70px;
	z-index: 9;
}

/*** 

====================================================================
	Contact Map Section
====================================================================

 ***/

 .map-section{
 	position: relative;
 	background-color: #c6ecb5;
 }

.map-section{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#222222;
}

.map-canvas{
	height:590px;
}

/*** 

====================================================================
			News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 100px 0;
	background-color: #71b100;
}

.news-section:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 240px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.news-section .outer-container{
	position: relative;
	max-width: 1680px;
	padding: 0 15px;
	margin: 0 auto;
}

.news-section .title-column{
	position: relative;
}

.news-section .title-column .sec-title .text,
.news-section .title-column .sec-title span{
	color: #ffffff;
	max-width: 300px;
}

.news-section .carousel-column{
	position: relative;
}

.news-section .carousel-outer{
	margin: -40px -15px 0;
}

.news-section .news-carousel{
	position: relative;
}

.news-block{
	position: relative;
	padding: 20px 30px;
}

.news-block .row{
	background-color: #ffffff;
	box-shadow: 0 2px 18px rgba(0,0,0,0.18);
	padding-top: 70px;
}

.news-block .row:before{
	position: absolute;
	left: 0;
	top: 0;
	height:90px;
	width: 100%;
	background-color: #71b100;
	content: "";
}

.news-block .image-column{
	position: relative;
}

.news-block .image-column .image{
	position: relative;
	padding: 0 55px 55px;
	padding-right: 40px;
	margin-bottom: 0;
	margin-top: -50px;
	transition: all 500ms ease;
	opacity: 0;
	top: -100px;
}

.news-section .active .news-block .image-column .image{
	opacity: 1;
	top: 0px;
	transition-delay: 400ms;
}

.news-block .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-o-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	box-shadow: 0 2px 18px rgba(0,0,0,0.10);
}

.news-block .content-column{
	position: relative;
}

.news-block .content-column .inner{
	position: relative;
	padding-top: 60px;
	padding-right: 55px;
	padding-bottom: 55px;
}

.news-block .content-column h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.6em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.news-block .content-column h3 a{
	color: #333333;
	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;
}

.news-block .content-column h3 a:hover{
	color: #71b100;
}

.news-block .content-column .info{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.news-block .content-column .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #33373f;
	font-weight: 400;
	margin-right: 15px;
}

.news-block .content-column .info li a{
	position: relative;
	display: inline-block;
	color: #33373f;
	-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 .content-column .info li a:hover{
	color: #7abf18;
}

.news-block .content-column .info li i{
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #7abf18;
}

.news-block .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.news-block .content-column .link-box{
	position: relative;
}

.news-block .content-column .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", 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 .content-column .link-box a:after,
.news-block .content-column .link-box a:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	content: "";
	background-color: #bbbbbb;
	-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 .content-column .link-box a:after{
	width: 40%;
	bottom: 0px;
}

.news-block .content-column .link-box a i{
	color: #7abf18;
}

.news-block .content-column .link-box a:hover:after,
.news-block .content-column .link-box a:hover:before{
	width: 0;
}

.news-block .content-column .link-box a:hover{
	color: #7abf18;
}

.news-section .owl-nav{
	position: absolute;
    bottom: 20px;
    height: 50px;
    width: 190px;
    left: 0;
    margin-left: -32%;
}

.news-section .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.news-section .owl-next,
.news-section .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	text-transform: capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-section .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.news-section .owl-next:hover,
.news-section .owl-prev:hover{
	color: #7abf18;
}

.news-section .owl-next:before,
.news-section .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-section .owl-next:hover:before,
.news-section .owl-prev:hover:before{
	border-color: #7abf18;
}

.news-section .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.news-section .owl-next span{
	margin-left: 5px;
}

.news-section .owl-prev span{
	margin-right: 5px;
}

/*** 

====================================================================
		News Section Two
====================================================================

***/

.news-section-two{
	position: relative;
	padding: 100px 0 85px;
	background-color: #f5f5f5;
}

.news-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern-3.jpg);
	background-position:center;
	background-size: cover;
	content:'';
}

.news-sectio-two .carousel-outer{
	margin: 0 -15px;
}

.news-sectio-two .news-block-two{
	position: relative;
	padding: 0 15px 15px;
}

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

.news-block-two .inner-box{
	position: relative;
	background-color: #ffffff;
}

.news-block-two .image-box{
	position: relative;
}

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

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

.news-block-two .overlay-box{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

.news-block-two .overlay-box:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 0;
	opacity: 0.90;
	z-index: 9;
	content: "";
	background-color: #7abf18;
	-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 .overlay-box:before{
	width: 100%;
}

.news-block-two .overlay-box .link{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	z-index: 99;
	opacity: 0;
	margin-left: -30px;
	font-family: "Lora", sans-serif;
}

.news-block-two .overlay-box .link:hover{
	text-decoration: underline;
}

.news-block-two .overlay-box .link i{
	display: inline-block;
	font-size: 14px;
}

.news-block-two .inner-box:hover .overlay-box .link{
	opacity: 1;
	margin-left: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	transition-delay: 300ms;
}

.news-block-two .lower-content{
	position: relative;
	padding: 30px 30px 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;
}

.news-block-two .inner-box:hover .lower-content{
	z-index: 2;
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.13);
	-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.13);
	-ms-box-shadow: 0 2px 15px rgba(0,0,0,0.13);
	-o-box-shadow: 0 2px 15px rgba(0,0,0,0.13);
	box-shadow: 0 2px 15px rgba(0,0,0,0.13);
}

.news-block-two .lower-content .info-box{
	position: relative;
	padding-left: 70px;
	margin-bottom: 20px;
	min-height: 80px;
}

.news-block-two .lower-content .date{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 50px;
	background-color: #f5f5f5;
	font-size: 24px;
	line-height: 50px;
	color: #33373f;
	font-weight: 700;
	text-align: center;
	font-family: "Lora", sans-serif;
}

.news-block-two .lower-content .date span{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	font-family: "Archivo", sans-serif;
	background-color: #7abf18;
}

.news-block-two .lower-content h4{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 27px;
	color: #33373f;
	font-weight: 700;
	top: -5px;
	margin-bottom: -3px;
}

.news-block-two .lower-content h4 a{
	color: #33373f;
	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;
}

.news-block-two .lower-content h4 a:hover{
	color: #7abf18;
}

.news-block-two .lower-content .info{
	position: relative;
	display: block;
}

.news-block-two .lower-content .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #33373f;
	font-weight: 400;
	margin-right: 15px;
}

.news-block-two .lower-content .info li a{
	position: relative;
	display: inline-block;
	color: #33373f;
	-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 .info li a:hover{
	color: #7abf18;
}

.news-block-two .lower-content .info li i{
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #7abf18;
}

.news-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
}

.news-carousel-two .owl-nav{
	position: absolute;
	right: 15px;
	top: -110px;
	width: 190px;
}

.news-carousel-two .owl-nav:before {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    content: "/";
    text-align: center;
}

.news-carousel-two .owl-next,
.news-carousel-two .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	line-height: 20px;
	padding: 15px 0;
	padding-left: 25px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-carousel-two .owl-next{
	left: auto;
	right: 0;
	padding-left: 0;
	padding-right: 25px;
}

.news-carousel-two .owl-next:hover,
.news-carousel-two .owl-prev:hover{
	color: #7abf18;
}

.news-carousel-two .owl-next:before,
.news-carousel-two .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	border: 1px solid #dddddd;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.news-carousel-two .owl-next:hover:before,
.news-carousel-two .owl-prev:hover:before{
	border-color: #7abf18;
}

.news-carousel-two .owl-next:before{
	left: auto;
	right: 0px;
	border: 1px solid #dddddd;
	border-left: 0;
}

.news-carousel-two .owl-next span{
	margin-left: 5px;
	font-size: 14px;
}

.news-carousel-two .owl-prev span{
	margin-right: 5px;
	font-size: 14px;
}

.news-carousel-two .owl-prev span{
	margin-right: 5px;
	font-size: 14px;
}

.news-section-two .owl-carousel .owl-stage-outer{
	padding: 0 0 15px;
}

.news-section-two.alternate{
	padding: 100px 0;
}

.news-section-two.alternate .news-block-two{
	margin-bottom: 50px;
}

/*** 

====================================================================
			News Section Three
====================================================================

***/

.news-section-three{
	position: relative;
	background-color: #f5f5f5;
	padding: 100px 0;
}

.news-block-three{
	position: relative;
}

.news-block-three .row{
	background-color: #ffffff;
}

.news-block-three .image-column{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.news-block-three .image-column .image{
	position: relative;
	margin-bottom: 0;
	display: none;
}

.news-block-three .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	-o-box-shadow: 0 2px 18px rgba(0,0,0,0.10);
	box-shadow: 0 2px 18px rgba(0,0,0,0.10);
}

.news-block-three .content-column{
	position: relative;
}

.news-block-three .content-column .inner{
	position: relative;
	padding: 60px 55px;
}

.news-block-three .content-column h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.6em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block-three .content-column h3 a{
	color: #333333;
	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;
}

.news-block-three .content-column h3 a:hover{
	color: #71b100;
}

.news-block-three .content-column .info{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.news-block-three .content-column .info li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #33373f;
	font-weight: 400;
	margin-right: 15px;
}

.news-block-three .content-column .info li a{
	position: relative;
	display: inline-block;
	color: #33373f;
	-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 .content-column .info li a:hover{
	color: #7abf18;
}

.news-block-three .content-column .info li i{
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #7abf18;
}

.news-block-three .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.news-block-three .content-column .link-box{
	position: relative;
}

.news-block-three .content-column .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", 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-three .content-column .link-box a:after,
.news-block-three .content-column .link-box a:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 1px;
	width: 100%;
	content: "";
	background-color: #bbbbbb;
	-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 .content-column .link-box a:after{
	width: 40%;
	bottom: 0px;
}

.news-block-three .content-column .link-box a i{
	color: #7abf18;
}

.news-block-three .content-column .link-box a:hover:after,
.news-block-three .content-column .link-box a:hover:before{
	width: 0;
}

.news-block-three .content-column .link-box a:hover{
	color: #7abf18;
}

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

.news-section-three .owl-dots{
	position: relative;
	display: block;
	margin-top: 60px;
	text-align: center;
}

.news-section-three .owl-dot{
	position: relative;
	display: inline-block;
	height: 6px;
	width: 16px;
	margin: 0 5px;
	background-color: #71b100;
	-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-section-three .owl-dot:hover{
	background-color: #333333;
}

.news-section-three .owl-dot.active{
	width: 30px;
	background-color: #333333;
}

/*** 

====================================================================
		Blog Classic
====================================================================

***/

.blog-classic{
	position: relative;
}

.blog-classic .news-block-two{
	margin-bottom: 50px;
}

.news-block-two h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.3em;
	color: #33373f;
	font-weight: 700;
	margin-bottom: 10px;
	padding-top: 5px;
}

.news-block-two h3 a{
	color: #33373f;
	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;
}

.news-block-two h3 a:hover{
	color: #7abf18;
}

.news-block-two .image-box .abs-link{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.news-block-two .image-box .abs-link .icon{
	position: absolute;
	left: 0;
	top: 30px;
	height: 40px;
	width: 50px;
	text-align: center;
	line-height: 40px;
	background-color: #ffffff;
	font-size: 14px;
	color: #222222;
}

.news-block-two .image-box .owl-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -60px;
}

.news-block-two .image-box .owl-nav .owl-next,
.news-block-two .image-box .owl-nav .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	background-color: rgba(255,255,255,.70);
	-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 .image-box .owl-nav .owl-next{
	left: auto;
	right: 0;
}

.news-block-two .image-box .owl-nav .owl-next:hover,
.news-block-two .image-box .owl-nav .owl-prev:hover{
	background-color: rgba(0,0,0,.70);
	color: #ffffff;
}

/*** 

====================================================================
		Blog Detail
====================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .news-block-two p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

.blog-detail blockquote{
	position: relative;
	max-width: 600px;
	margin: 35px auto;
	background-color: #f5f5f5;
	border-left: 3px solid #7abf18;
	padding: 25px 40px;
	text-align: right;
}

.blog-detail  .news-block-two blockquote p{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	font-weight: 700;
	font-style: italic;
	text-align: left;
	margin-bottom: 20px;
	font-family: "Lora", sans-serif;
}

.blog-detail blockquote cite{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	font-family: "Archivo", sans-serif;
	font-style: normal;
}

.blog-detail blockquote cite:before{
	position: absolute;
	left: -35px;
	top: 10px;
	height: 2px;
	width: 30px;
	background-color: #7abf18;
	content:'';
}

.blog-detail .two-column{
	position: relative;
	margin-bottom: 25px;
}

.blog-detail .two-column .image-column{
	position: relative;
	margin-bottom: 40px;
}

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

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

.blog-detail .two-column .text-column{
	position: relative;
	padding-top: 25px;
}

.blog-detail .post-share-options{
	position: relative;
	padding-top: 20px;
	border-top: 2px solid #dddddd;
}

.blog-detail .post-share-options .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	padding: 20px 0 0;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
	padding: 15px 0 0;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.blog-detail .post-share-options .social-icon li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 35px;
	color: #ffffff;
	height: 35px;
	width: 35px;
	text-align: center;
	background-color: #7abf18;
	border-radius: 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;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #ffffff;
	background-color: #333333;
}

/* post-controls */

.blog-detail .post-controls{
	position: relative;
	text-align: left;
	padding: 40px 40px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background-color: #ffffff;
	margin-bottom: 50px;
	margin-top: 75px;
}

.blog-detail .post-controls .inner{
	position: relative;
}

.blog-detail .post-controls:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	border-right: 1px solid #dddddd;
	content: "";
}

.blog-detail .post-controls .title a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	color: #777777;
	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;
}

.blog-detail .post-controls .title a:hover{
	color: #7abf18;
}

.blog-detail .post-controls h5{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 700;
	max-width: 150px;
}

.blog-detail .post-controls h5 a{
	display: inline-block;
	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;
}

.blog-detail .post-controls h5 a:hover{
	color: #7abf18;
}

.blog-detail .post-controls .prev-post{
	position: relative;
	float: left;
	width: 50%;
	padding-left: 100px;
}

.blog-detail .post-controls .prev-post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
}

.blog-detail .post-controls .prev-post .thumb img{
	display: block;
	width: 100%;
}

.blog-detail .post-controls .next-post{
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
	padding-right: 100px;
}

.blog-detail .post-controls .next-post .thumb{
	position: absolute;
	right: 0;
	top: 0;
	height: 70px;
	width: 70px;
}

.blog-detail .post-controls .next-post .thumb img{
	display: block;
	width: 100%;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
	text-align: center;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 10px 8px;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:38px;
	font-weight:400;
	font-size:14px;
	color:#333333;
	border:1px solid #bbbbbb;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#222222;	
	border-color:#7abf18;
	background:#ffffff;
}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
	width: auto;
	padding: 0 20px;
}

/*** 

====================================================================
			FAQ Section
====================================================================

***/

.faq-section{
	position: relative;
	padding: 100px 0 80px;
}

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

.faq-section .image-column .inner-column{
	position: relative;
	padding-top: 15px;
}

.faq-section .image-column .image-box{
	position: relative;
}

.faq-section .image-column .image{
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.faq-section .image-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

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

.faq-section .faq-column .inner-column{
	position: relative;
}

.faq-section .accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 20px;
	border:1px solid #cacaca;
	border-radius: 15px;
	background-color: #ffffff;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#222222;
	font-weight:700;
	padding:15px 30px 15px;
	cursor:pointer;
	padding-left: 60px;
	font-family: "Lora", sans-serif;
	-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{
	color: #7abf18;
}

.accordion-box .block .icon{
	position:absolute;
	left: 25px;
	top:15px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #7abf18;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0px;
	top:0px;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 0 30px 25px;
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	padding: 50px 0;
	background-color: #fafafa;
}

.clients-section .sponsors-outer{
	position: relative;
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
}

.clients-section .image-box img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
	opacity: 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;
}

.clients-section .image-box:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
	display: none;
}

.clients-section.style-two{
	background-color: #ffffff;
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	box-shadow: 0 0px 20px rgba(0,0,0,0.10);
}

.clients-section.style-two.alternate{
	box-shadow: none;
	padding-top: 100px;
}	

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .90;
	content: "";
}

/*=== Widgets Section ===*/

.main-footer .widgets-section{
	position:relative;
	padding: 100px 0 40px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.main-footer .widget-title{
	position: relative;
	font-size:22px;
	font-weight:700;
	color:#ffffff;
	line-height: 30px;
	margin-bottom: 40px;
}

/*=== About Widget ===*/
.main-footer .about-widget{
	position: relative;
}

.main-footer .about-widget .footer-logo{
	position: relative;
	margin-bottom: 30px;
}

.main-footer .about-widget .footer-logo .image{
	position: relative;
	margin-bottom: 0;
}

.main-footer .about-widget .footer-logo img{
	display: block;
	height: auto;
	max-width: 100%;
}

.main-footer .about-widget .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 35px;
}

.main-footer .about-widget .social-links{
	position: relative;
	display: block;
}

.main-footer .about-widget .social-links li{
	position: relative;
	display: inline-block;
	margin-right: 17px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.main-footer .about-widget .social-links 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;
}

.main-footer .about-widget .social-links li a:hover{
	color: #7abf18;
}

/*=== Cities Widget ===*/

.main-footer .links-widget{
	position: relative;
	padding-left: 30px;
}

.main-footer .list{
	position: relative;
}

.main-footer .list li{
	position:relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 20px;
}

.main-footer .list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 20px;
	color: #7abf18;
	font-weight: 900;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
}

.main-footer .list li a{
	display: block;
	color: #ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li a:hover{
	color:#7abf18;
}

/*=== Popular Posts ===*/

.popular-posts{
	position: relative;
}

.popular-posts .post{
	position: relative;
	min-height: 80px;
	padding-left: 115px;
	border-bottom: 1px solid #555555;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.popular-posts .post:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.popular-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

.popular-posts .post .thumb a{
	display: block;
}

.popular-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.popular-posts .post h4{
	position: relative;
	top: -3px;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 5px;
}

.popular-posts .post h4 a{
	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;
}

.popular-posts .post h4 a:hover{
	color: #7abf18;
}

.popular-posts .post .date{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 24px;
	color: #bbbbbb;
}

/*=== Subscribe Area ===*/
.subscribe-area{
	position: relative;
	padding: 60px 0;
	border-top: 1px solid #333333;
}

.subscribe-area .title-column{
	position: relative;
}

.subscribe-area .title-column .text{
	position: relative;
	display: block;
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 400;
	padding: 10px 0;
}

.subscribe-area .title-column .text span{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #7abf18;
	margin-left: 15px;
}

/*=== Subscribe Form ===*/

.main-footer .subscribe-form{
	position: relative;
}

.main-footer .subscribe-form .form-group{
	position:relative;
	width: 100%;
	margin:0px;	
}

.main-footer .subscribe-form .form-group input[type="text"],
.main-footer .subscribe-form .form-group input[type="email"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#ffffff;
	line-height:28px;
	padding:10px 20px;
	padding-right: 160px;
	height:50px;
	width:100%;
	border:1px solid #343434;
	background-color: transparent;
	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-input-placeholder{color:#999999;}
::-moz-input-placeholder{color:#999999;}
::-ms-input-placeholder{color:#999999;}

.main-footer .subscribe-form .form-group input:focus{
	border-color:#7abf18;	
}

.main-footer .subscribe-form .form-group input[type="submit"],
.main-footer .subscribe-form .form-group button{
	position:absolute;
	right: 0;
	top: 0;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	background-color: #7abf18;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	padding:20px 0;
	text-align: center;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a{
	color: #000000;
}

.main-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer.style-two .footer-bottom{
	background-color: #222222;
}

.main-footer.style-two .footer-bottom .copyright-text a{
	color: #7abf18;
}

/*** 

====================================================================
			Main Footer Style Three
====================================================================

***/

.main-footer.style-three .widgets-section{
	position: relative;
	padding-top: 220px;
	padding-bottom: 10px;
	z-index: 2;
}

.main-footer.style-three:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 150px;
	width: 100%;
	background-color: #f5f5f5;
	content: "";
}

.main-footer .contact-widget{
	position: relative;
	padding-right: 40px;
}

.contact-form-two{
	position: relative;
	background-color: #ffffff;
	padding: 50px 40px 30px;
	margin-top: -220px;
	box-shadow: 0 0 27px rgba(0,0,0,0.07);
}

.contact-form-two .sec-title{
	margin-bottom: 30px;
}

.contact-form-two .form-group{
	position:relative;
	margin-bottom:20px;	
}

.contact-form-two .form-group input[type="text"],
.contact-form-two .form-group input[type="email"],
.contact-form-two .form-group input[type="url"],
.contact-form-two .form-group textarea,
.contact-form-two .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #999999;
    line-height: 28px;
    padding: 10px 20px;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    font-weight: 400;
    border-radius: 5px;
    height: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form-two .form-group input:focus,
.contact-form-two .form-group select:focus,
.contact-form-two .form-group textarea:focus{
	border-color:#7abf18;
}

.contact-form-two .form-group textarea{
	height: 150px;
	resize: none;
}

.contact-form-two .form-group button{
	padding: 15px 40px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Archivo", sans-serif;
}

.contact-form-two label.error{
	color: #ff0000;
}

.main-footer .contact-info-list {
	position: relative;
}

.main-footer .contact-info-list li{
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	padding-left: 70px;
	min-height: 50px;
	margin-bottom: 50px;
}

.main-footer .contact-info-list li:last-child{
	margin-bottom: 0;
}

.main-footer .contact-info-list li .icon{
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 48px;
	border:1px dashed #7abf18;
	border-radius: 10px 10px 0 10px;
	color: #ffffff;
	font-size: 24px;
}

.main-footer .contact-info-list li strong{
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Lora", sans-serif;
}

.main-footer .contact-info-list li p{
	font-size: 15px;
	line-height: 24px;
	color: #bbbbbb;
	font-weight: 400;
}

.main-footer .contact-info-list li p a{
	color: #bbbbbb;
	-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-info-list li a:hover{
	color: #7abf18;
}

.main-footer .title-column{
	position: relative;
}

.main-footer .title-column .text{
	position: relative;
	display: block;
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 400;
	padding: 10px 0;
}

.main-footer .title-column .text span{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #7abf18;
	margin-left: 15px;
}

.main-footer.style-three .footer-bottom{
	background-color: transparent;
}

.main-footer.style-three .footer-bottom .outer-box{
	position: relative;
	border-top: 1px solid #777777;
}

.main-footer.style-three .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding: 25px 0;
}

.main-footer.style-three .footer-bottom .copyright-text a{
	color: #7abf18;
}

.main-footer.style-three .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer.style-three .footer-bottom .social-links{
	position: relative;
	float: right;
	padding: 25px 0;
}

.main-footer.style-three .footer-bottom .social-links li{
	margin-left: 20px;
}

.main-footer.style-three .footer-bottom .social-links li a{
	font-size: 16px;
}

.main-footer.style-three .footer-bottom .social-links li a:hover{
	color: #7abf18;
}

.main-footer.style-three.alternate:after{
	display: none;
}

.main-footer.style-three.alternate .widgets-section{
	padding-top: 60px;
}

.main-footer.style-three.alternate .contact-form-two .form-group textarea{
	height: 200px;
}

.main-footer.style-three.alternate .contact-form-two{

}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container.bg-colored{
	background-color: #f5f5f5;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-page-container .sidebar{
	background-color: #ffffff;
	padding: 40px 35px;
}

.sidebar-side .sec-title .title{
	margin-bottom: 10px;
}

.sidebar-side .sec-title{
	margin-bottom: 30px;
}

.sidebar-side .sec-title h2{
	font-size: 24px;
}


.sidebar-widget{
    position: relative;
    margin-bottom:55px;
}

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

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .sidebar-title h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.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;
	display:block;
	font-size:16px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	height:60px;
	width:100%;
	border:1px solid #dddddd;
	background-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;
}

.sidebar .search-box .form-group input:focus{
	border-color:#7abf18;	
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#7abf18;
	font-weight:normal;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	color: #222222;
}

/*=== Categories ===*/
.sidebar .categories .sidebar-title{
	margin-bottom: 20px;
}

.cat-list{
	position:relative;
}

.cat-list li{
	position:relative;
}

.cat-list li a{
	position:relative;
	font-size:16px;
	color:#888888;
	line-height: 20px;
	font-weight:400;
	padding: 20px 0px;
	display:block;
	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;
}

.cat-list li a span{
	float: right;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #7abf18;
}

/*=== Latest News ===*/

.latest-news .post{
	position: relative;
	padding-left: 95px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dddddd;
	min-height: 80px;
}

.latest-news .post:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h5{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 4px;
}

.latest-news .post h5 a{
	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;
}

.latest-news .post:hover h5 a{
	color: #7abf18;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

/*=== Gallery Widget ===*/

.sidebar .gallery-widget .sec-title .title{
	margin-bottom: 20px;
}

.sidebar .gallery-widget .sec-title,
.sidebar .gallery-widget .widget-title{
	margin-bottom: 30px;
}

.sidebar .gallery-widget .link-box{
	position: relative;
	float: right;
	margin-top: -60px;
}

.sidebar .gallery-widget .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #888888;
	font-weight: 400;
}

.sidebar .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -5px 0;
}

.sidebar .gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 33.333333%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.sidebar .gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
}

.sidebar .gallery-widget .btn-box{
	position: relative;
	display: block;
	margin-top: 25px;
	text-align: center;
}

.sidebar .gallery-widget .btn-box a{
	padding: 8px 45px;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 13px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    padding: 9px 30px;
    font-weight: 400;
    text-align: center;
    border: 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;
}

.tag-list li a:hover{
	background-color: #7abf18;
	border-color: #7abf18;
	color: #ffffff;
}

/*Sidebar Range slider */

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:400;
	margin-top:8px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#848484;
	font-size:16px;
	font-weight:300;
}

.range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:16px;
	font-weight:300;
	width:auto;
	text-align:left;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-bottom:35px;
	background:#eeeeee;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:3px;
	background:#333333;	
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-3px;
	width:10px;
	height:10px;
	background:#7abf18;
	cursor:pointer;
	border-radius:0px;
	border-color:#7abf18;
}

.range-slider-one .theme-btn{
	padding:8px 35px;
	border-radius:0px;
}

.range-slider-one .theme-btn:before{
	display: none;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
	position:relative;
	padding:0px 0px;
	padding-left:90px;
	margin-bottom:20px;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
	border:0px;
	min-height:inherit;
}

.sidebar .related-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:70px;
}

.sidebar .related-posts .post .post-thumb img{
	display:block;
	width:100%;	
}

.sidebar .related-posts .post h4{
	top:-2px;
	font-size:18px;
	font-weight:600;
	color:#333333;
	line-height:1.2em;
	text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
	color:#333333;
	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 .related-posts .post a,
.sidebar .related-posts .post a:hover{
	color:#7abf18;	
}

.sidebar .related-posts .post .price{
	font-size:15px;
	letter-spacing:1px;
	font-weight:400;
	color:#777777;
}

.sidebar .related-posts .post .rating{
	margin-bottom:1px;	
	line-height:1em;
}

.sidebar .related-posts .post .rating .fa{
	position:relative;
	display:inline-block;
	font-size:14px;
	line-height:26px;
	color:#7abf18;
}

.sidebar.shop-sidebar{
	padding: 0;
}

.our-shop .styled-pagination{
	margin-top:40px;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 55px;
}

.group-title h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
}

.comments-area{
	position:relative;
	margin-bottom: 60px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom:80px;
}

.comments-area .comment-box.reply-comment{
	margin-left: 120px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 135px;
	padding-top: 30px;
	padding-left: 160px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 135px;
	width: 120px;
}

.comments-area .comment-box .author-thumb img{
	display:block;
	width:100%;
	border: 3px solid #ffffff;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 13px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	color:#222222;
	font-family: "Lora", sans-serif;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 400;
	margin-left: 25px;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 24px;
	color:#777777;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	width: 80px;
	line-height: 35px;
	color: #ffffff;
	background-color: #7abf18;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.02em;
	font-family: "Lora", 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;
}

.comments-area .comment-box .reply-btn:hover{
	color: #ffffff;
	background-color: #222222;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form .group-title{
	margin-bottom: 30px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 30px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="url"],
.comment-form .form-group input[type="date"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #555555;
    line-height: 20px;
    font-weight: 400;
    padding: 13px 22px;
    background-color: #ffffff;
    border: 2px 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[type="submit"],
.comment-form .form-group button{
	font-size: 18px;
	line-height: 30px;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#7abf18;
}

.comment-form .form-group textarea{
	height: 185px;
	resize: none;
}

/*** 

====================================================================
		Shop Page
====================================================================

 ***/

.shop-item{
	position:relative;
	margin-bottom:60px;
}

.shop-item .inner-box{
	position:relative;
	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;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#f8f8f8;
	overflow: hidden;
}

.shop-item .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.50);
	-moz-transform: scale(1.50);
	-ms-transform: scale(1.50);
	-o-transform: scale(1.50);
	transform: scale(1.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;
}

.shop-item .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.shop-item .overlay-box .tag{
	position: absolute;
	left: 20px;
	top: 25px;
	padding: 0px 15px;
	border-radius: 3px; 
	background-color: #7abf18;
	font-size: 12px;
	line-height: 25px;
	color: #ffffff; 
	border-radius: 5px;
}

.shop-item .overlay-box .like{
	position: absolute;
	right: 30px;
	top: 25px;
}

.shop-item .overlay-box .like a{
	position: relative;
	display: block;
	font-size: 12px;
	color: #222222;
	line-height: 25px;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 5px 20px rgba(1,0,57,.27);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .overlay-box .like a:hover{
	background-color: #7abf18;
	color: #ffffff;
}

.shop-item .overlay-box .btn-box{
	position: absolute;
	text-align: center;
	bottom: 30px;
	width: 100%;
}

.shop-item .overlay-box .btn-box a{
	padding: 10px 25px;
	border-radius: 5px;
}

.shop-item .inner-box .image img{
	width:100%;
	display:inline-block;
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	padding:20px 0px 0px;
	text-align: center;
}

.shop-item .inner-box .lower-content h3{
	position:relative;
	font-size:18px;
	font-weight:500;
	margin-bottom:5px;
	text-transform:capitalize;
}

.shop-item .inner-box .lower-content h3 a{
	color:#222222;
	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;
}

.shop-item .inner-box .lower-content h3 a:hover{
	color:#7abf18;
}

.shop-item .inner-box .lower-content .price{
	position:relative;
	color:#7abf18;
	font-size:20px;
	font-weight:700;
}

.shop-item .inner-box .lower-content .price .discount{
	position:relative;
	color:#777777;
	margin-right:8px;
	text-decoration:line-through;
}

.shop-item .inner-box .lower-content .rating .fa{
	position:relative;
	display:inline-block;
	font-size:12px;
	color:#7abf18;
	margin: 0 -1px;
}

/*=== Product Detail ===*/

.product-details .basic-details{
	position:relative;
	margin-bottom:50px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:20px;
}

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
	background-color:#f7f7f7;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:16px;
}

.product-details .basic-details .details-header h4{
	font-size:24px;
	font-weight:700;
	margin:5px 0px 20px;
	line-height:1.4em;
	color:#222222;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;	
}

.product-details .basic-details .details-header .rating{
	font-size:18px;
	color:#7abf18;
	margin-bottom:15px;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
	display:inline-block;
	color:#777777;
	font-weight:400;
	margin-left:15px;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
}

.product-details .basic-details .details-header .rating .txt{
	font-size:14px;
	padding-left:10px;
	color:#777777;	
}

.product-details .basic-details .details-header .item-price{
	font-size:22px;
	font-weight:700;
	color:#7abf18;
	line-height:24px;
}

.product-details .basic-details .prod-info{
	margin-bottom:15px;
	line-height:1.6em;
	font-size:13px;	
}

.product-details .basic-details .prod-info strong{
	font-weight:700;
	color:#111111;	
}

.product-details .basic-details .text{
	margin-bottom:25px;
	color:#777777;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;	
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	line-height:24px;
	padding:10px 15px !important;
	height:46px !important;
	box-shadow:none !important;	
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical{
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:11px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:6px;	
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:85px;
	margin-bottom:25px;
	margin-right:25px;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
	font-size:18px;
	line-height:24px;
	padding:10px 15px !important;
	height:50px !important;
	box-shadow:none !important;	
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:12px 10px;
	background:#f4f5f6;
	border-radius:0px;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
	top:8px;	
	font-weight: 900;
}

.product-details .basic-details .add-to-cart{
	padding:15px 40px;
	font-weight:600;
	font-size:16px;
	border-radius:50px;
	margin-left: 20px;
}

.comments-area.style-two{
	max-width: 700px;
}

.comments-area.style-two .comment-box{
	margin-bottom: 50px;
}

.comments-area.style-two .comment{
	padding-top: 0;
	padding-left: 90px;
	min-height: 70px;
}

.comments-area.style-two .comment-box .author-thumb{
	height: 70px;
	width: 70px;
}

.comments-area.style-two .comment-info{
	margin-bottom: 0px;
}

.comments-area.style-two .comment-info span{
	color: #7abf18;
}

.comments-area.style-two .comment-box .rating{
	font-size: 12px;
	line-height: 20px;
	color: #7abf18;
	margin-bottom: 5px;
}

/*** 

====================================================================
	Shop Single
====================================================================

***/

.shop-single .product-details .prod-tabs{
	position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	margin-bottom:50px;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:10px;
	font-size:16px;
	background:#eeeeee;
	color:#000000;
	font-weight:600;
	line-height:24px;
	cursor:pointer;
	border-radius:50px;
	padding:15px 50px 15px;
	transition:all 500ms ease;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#7abf18;
}

.shop-single .product-details .prod-tabs .tabs-content{
	position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:25px;
	color:#797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
	margin-bottom:0px;
}

.prod-tabs .tabs-content .tab .title{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:600;
	margin-bottom:30px;
	font-family: 'Montserrat', sans-serif;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:50px;
}

.shop-comment-form h2{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	color:#333333;
	margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
	position:relative;
	margin-right:5px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#cccccc;
	font-size:14px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
	color:#7abf18;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
	border-color:#7abf18;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
	font-weight:600;
	font-size:16px;
	padding:10px 32px;
	margin-top:10px;
	text-transform:uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#7abf18;	
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	padding:100px 0px 60px;
}

.cart-outer{
	position:relative;	
}

.checkout-page .cart-outer{
	margin-bottom:40px;	
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
}

.cart-outer .cart-table{
	width:100%;
	min-width:900px;	
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:13px;
	background:#222222;
	color:#ffffff;
	border:1px solid #ebebeb;
}

.cart-table thead tr th{
	line-height:24px;
	padding:15px 25px;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #ffffff;
	font-family: 'Arimo', sans-serif;
}

.cart-table thead tr th .fa{
	font-size:18px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 25px 30px;
}

.cart-table tbody tr .qty{
	width:200px;
}

.cart-table tbody tr .qty .item-quantity{
	max-width: 100px;
	margin: 0 auto;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#ffffff;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:relative;
	width:140px;
	margin: 0 auto;
	text-align: center;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:inline-block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:14px;
	color:#444444;
	font-weight:400;
	line-height:90px;
}

.cart-table tbody tr .prod-column .author{
	font-size:13px;
	color:#333333;
	margin-bottom:0px;
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	color:#222222;
	font-size:16px;
}

.cart-table tbody tr .sub-total.price{
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#7abf18;
	line-height:30px;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	font-size:18px;
	line-height:30px;
}

.cart-table tbody tr .remove-btn:hover{
	color:#444444;
}

.cart-table tbody tr{
	border-bottom:1px solid #cccccc;	
}

.cart-table tbody tr td{
	vertical-align:middle;
	color:#797979;
	font-size:17px;
	text-align:center;
	border-left:1px solid #cccccc;
}

.cart-table tbody tr td.prod-column{
	padding-left:48px;
}

.cart-table tbody tr td.total{
	font-size:18px;
	color:#333333;
}

.cart-table tbody tr td:last-child{
	border-right:1px solid #ebebeb;
	text-align:center;
}

.cart-table tbody tr td .prod-title{
	position:relative;
	font-size:16px;
	color:#222222;
	font-weight:400;
	font-family: 'Arimo', sans-serif;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;	
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#223555;
	border-radius:50%;
}

.cart-section .cart-options{
	position:relative;
	padding:40px 0px 10px;
	margin-bottom:30px;
	border-top:0px;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .cart-options .cart-btn{
	padding:13px 36px;
    line-height: 24px;
	font-size:15px;
	color:#ffffff;
	font-weight:700;
	border-radius:50px;
	text-transform:capitalize;
	background-color:#7abf18;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover{
	background-color:#222222;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:30px;	
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:28px;
	padding:10px 25px;
	border:1px solid #cccccc;
	width:225px;
	height:50px;
	background:#ffffff;
	border-radius:50px;
}

.cart-section .coupon-btn{
    padding:13px 29px;
    line-height: 24px;
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	border-radius:50px;
	text-transform:capitalize;
	background-color:#7abf18;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .coupon-btn:hover{
	background-color:#222222;
}

.cart-section .cart-options .btn-style-one{
	top:-7px;
	padding-left:32px;
	padding-right:32px;
}

.cart-section .totals-table{
	position:relative;
	margin-bottom:20px;
	border:1px solid #cccccc;
}

.cart-section .totals-table li{
	line-height:24px;
	padding:18px 30px;
	border-bottom:1px solid #cccccc;	
}

.cart-section .totals-table li:first-child{
	background-color:#dddddd;
}

.cart-section .totals-table li h3{
	position:relative;
	font-weight:700;
	color:#333333;
	font-size:18px;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
	padding:40px 20px 50px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color:#222222;
	font-size:16px;
	font-weight:700;
	text-transform:capitalize;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li .col:last-child{
	text-align:right;	
}

.cart-section .totals-table .total .price{
	color:#7abf18;
	font-weight:400;
}

.cart-section .totals-table .proceed-btn{
    padding: 13px 33px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	border-radius:50px;
    text-transform: capitalize;
    background-color: #7abf18;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover{
	background-color:#222222;
}

.shipping-block{
	position:relative;
	margin-bottom:60px;
}

.shipping-block .inner-box{
	position:relative;
	padding:20px 25px 10px;
	border:1px solid #cccccc;
}

.shipping-block .inner-box h3{
	position:relative;
	color:#333333;
	font-size:24px;
	font-weight:700;
	margin-bottom:4px;
	text-transform:capitalize;
}

.shipping-block .inner-box h4{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:400;
	margin-bottom:22px;
	text-transform:capitalize;
}

.shipping-form{
	position:relative;
}

.shipping-form .row{
	position:relative;
	margin:0px -10px;
}

.shipping-form .form-group{
	position:relative;
	margin-bottom:20px;
	padding:0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:23px;
	padding:10px 20px;
	height:45px;
	font-size:14px;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
	border-color:#7abf18;
}

.shipping-form button{
	padding: 13px 33px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	margin-top:6px;
	border-radius:50px;
    text-transform: capitalize;
    background-color: #7abf18;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form button:hover{
	background-color:#222222;
}

/*====================================================================
		CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:100px 0px 50px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;	
}

.checkout-page .default-links li{
	line-height:25px;
	padding:25px 25px;
	font-size:16px;
	font-weight: 500;
	color:#666666;
	background-color :#eeeeee;
	margin-bottom: 20px;
}

.checkout-page .default-links li .fa{
	position:relative;
	font-size:24px;
	line-height: 25px;
	color:#7abf18;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#666666;
	font-size: 16px;
	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;
}

.checkout-page .default-links li a:hover{
	color: #7abf18;
}	

.checkout-page .sec-title{
	margin-bottom: 20px;
} 

.checkout-page .sec-title h3{
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.checkout-form{
	position:relative;
}

.checkout-form .column{
	position: relative;
	margin-bottom: 50px;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom: 15px;
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:capitalize;
	color:#222222;	
	font-size:15px;
	font-weight:500;
	margin-bottom:10px;
}

.checkout-form .form-group .field-label span{
	position: relative;
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 600;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:15px;
	color: #009fe9;
}

.checkout-form .form-group .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height: 24px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	font-size: 16px;
	line-height:26px;
	color: #777777;
	padding:12px 22px;
	height:50px;
	border:1px solid #e0e0e0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-form select{
	cursor:pointer;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.checkout-form textarea{
	resize:none;
	height:60px !important;	
	padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color: #7abf18;
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;	
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#333333;
}

.checkout-page .lower-content{
	margin-top:30px;
}

.checkout-page .lower-content .order-column{
	margin-bottom:40px;
}

.checkout-page .lower-content .column h2{
	position:relative;
	color:#222222;
	font-size:24px;
	margin-bottom:30px;
	padding-bottom:12px;
}

.checkout-page .lower-content .column h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:40px;
	height:2px;
	background-color:#7abf18;
}

/*Coupon Box*/

.coupon-box{
	position:relative;
	padding:25px 25px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}

.coupon-form{
	position:relative;
}

.coupon-form .form-group{
	position:relative;
	margin-bottom:0px;
}

.coupon-form .form-group input[type="text"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:44px;
	font-size:14px;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus{
	border-color: #7abf18;
}

.coupon-form button{
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	padding:8px 26px;
	text-transform:capitalize;
}

.order-box{
	position:relative;
	margin-bottom: 50px;
}

.order-box .sec-title{
	margin-bottom: 25px;
}

.order-box .sec-title h2{
	font-size: 24px;
	padding-bottom: 0;
}

.order-box .sec-title h2:before{
	display: none;
}

.order-box .title-box{
	position:relative;
	padding:15px 30px;
	font-weight: 500;
	color: #ffffff;
	background-color :#222222;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
}

.order-box ul{
	position:relative;
}

.order-box ul li{
	position:relative;
	padding: 25px 30px;
	font-size: 16px;
	font-weight: 500;
	color: #777777;
	line-height: 30px;
	border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
	color:#222222;
	font-weight: 500;
	font-size:16px;
}

.order-box ul li span{
	width:50%;
	float:right;
	color:#7abf18;
	font-size:16px;
}

.order-box ul li span.free{
	color:#777777;
}

.order-box ul li:last-child{
	border-bottom: 0;
}

.payment-box{
	position:relative;
	margin-bottom: 50px;
}

.payment-box .upper-box{
	position:relative;
	padding:15px 35px;
	background-color:#f5f5f5;
	border-bottom:1px solid #b7b7b7;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.payment-box .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.payment-box .payment-options li .radio-option{
	position:relative;		
}

.payment-box .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight: 500;
	text-transform:capitalize;
	color:#222222;
	cursor:pointer;
	font-size:16px;
}

.payment-box .payment-options li .radio-option label strong{
	font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.payment-box .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	line-height:1.8em;
	padding:15px 20px;
	margin-top:20px;
	background-color :#7abf18;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.payment-box .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:30px;
	top:-8px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #7abf18;
}

.payment-box .payment-options li .radio-option label img{
	position:relative;
	display:block;
	max-width:100%;
	padding-left:30px;	
	margin-top:20px;
}

.payment-box .payment-options li .radio-option .what-paypall{
	position:relative;
	display:block;
	color:#777777;
	font-size:16px;
	font-weight:700;
	margin-left:120px;
	margin-top:10px;
}

.payment-box .lower-box{
	position:relative;
	background-color: #f5f5f5;
	padding: 30px 35px;
}

.payment-box .lower-box .theme-btn{
	padding: 13px 32px;
	font-weight: 400;
	margin-right: 0;
}

/*** 

====================================================================
		Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:100px 0px 60px;
}

.login-form.register-form{
	padding-bottom:47px;
}

.login-section h2{
	position:relative;
	color:#222222;
	font-size:32px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:25px;
}

.login-form{
	position:relative;
	margin-bottom:40px;
	padding:30px 40px 25px;
	background-color:#f9f9f9;
}

.login-form .form-group{
	position:relative;
	margin-bottom:16px;
}

.login-form .form-group.check-box{
	margin-bottom:0px;
}

.login-form .form-group:nth-child(2){
	margin-bottom:25px;
}

.login-section.style-two .login-form .form-group:nth-child(2){
	margin-bottom:15px;
}

.login-form .form-group label{
	position:relative;
	top:-1px;
	color:#666666;
	font-weight:400;
	font-size:14px;
	margin-bottom:12px;
}

.login-form .form-group.no-margin{
	margin-bottom:0px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	color: #666666;
	font-size:14px;
	border:1px solid #e0e0e0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
	border-color:#7abf18;
}

.login-form button{
	top:0px;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:10px 36px;
	line-height: 25px;
	color:#ffffff;
	text-transform:uppercase;
}

.login-form .psw{
	position:relative;
	color:#666666;
	font-size:16px;
}

.login-form .psw:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:170px 0px 170px;
}

.error-section .error-title{
	position:relative;
	color:#222222;
	font-size:200px;
	font-weight:800;
	line-height:1em;
}

.error-section .error-title span{
	color: #71b100;
}

.error-section h4{
	color:#333333;
	font-size:40px;
	font-weight:600;
	text-transform:capitalize;
}

.error-section .text{
	color:#666666;
	font-size:24px;
	margin-top:18px;
	margin-bottom:45px;
}

.error-section .theme-btn{
	border-radius:5px;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}

/*** 

====================================================================
		Coming Soon
====================================================================

***/

.coming-soon{
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	overflow-y:auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.coming-soon .content{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align:center;
    vertical-align: middle;
}

.coming-soon .content .content-inner{
	position: relative;
	padding: 100px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo{
	position:relative;
	margin-bottom: 30px;
}

.coming-soon .content .content-inner h2{
	position:relative;
	color:#ffffff;
	font-size:40px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:30px;
	letter-spacing: 0.1em;
	text-transform:uppercase;
}

.coming-soon .content .content-inner .text{
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	line-height:1.6em;
	margin-top:0px;
	margin-bottom:60px;
}

.time-counter{
	position:relative;
}

.time-counter .time-countdown{
	position:relative;
}

.time-counter .time-countdown .counter-column{
	position:relative;
	margin:0px 15px 0px;
	width:140px;
	height:120px;
	text-align:center;
	display:inline-block;
	color:#7abf18;
	font-size:20px;
	line-height:30px;
	text-transform:uppercase;
	border-radius:50%;
	font-weight:700;
	margin-bottom:60px;
}

.time-counter .time-countdown .counter-column .count{
	position:relative;
	display:block;
	font-size:80px;
	line-height:40px;
	padding:40px 0px 30px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:700;
}

.coming-soon .emailed-form .form-group{
	position:relative;
	display:block;
	max-width:770px;
	margin:0 auto;
	width:100%;
	margin-bottom:20px;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	height:60px;
	font-size:18px;
	color:#222222;
	overflow:hidden;
	padding:20px 50px 20px 50px;
	background:#ffffff;
	border-radius:50px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
	position:absolute;
	right:0px;
	top:0px;
	width:195px;
	height:60px;
	line-height:40px;
	padding: 10px 50px;
	font-size:18px;
	font-weight:600;
	text-align:center;
	border-radius:0px 50px 50px 0px;
}

/***

==================================================================
		Right To Left Style
==================================================================

***/

.rtl{
	direction: rtl;
	text-align: right;
}

.rtl .styled-pagination,
.rtl .owl-carousel{
	direction: ltr !important;
}

.rtl .product-details .basic-details .item-quantity,
.rtl .page-title .title-box,
.rtl .main-footer.style-three .footer-bottom .copyright-text,
.rtl .call-to-action-two .title-box,
.rtl .main-header .header-lower .nav-outer,
.rtl .main-header .header-upper .logo-outer,
.rtl .main-header .top-right .text,
.rtl .main-header .top-left{
	float: right;
}

.rtl .cat-list li a span,
.rtl .sidebar .gallery-widget .link-box,
.rtl .sidebar .brochure-link a i,
.rtl .page-title .bread-crumb,
.rtl .main-footer.style-three .footer-bottom .social-links,
.rtl .call-to-action-two .btn-box,
.rtl .header-style-two .header-lower .nav-outer,
.rtl .main-header .header-upper .upper-right,
.rtl .main-header .top-right{
	float: left;
}

.rtl .payment-box .payment-options li .radio-option input[type="radio"],
.rtl .sidebar .related-posts .post .post-thumb,
.rtl .comments-area .comment-box .author-thumb,
.rtl .latest-news .post-thumb,
.rtl .main-footer .contact-info-list li .icon,
.rtl .why-choose-us:before,
.rtl .header-style-three .call-btn:before,
.rtl .news-block-two .lower-content .date,
.rtl .fun-fact-section:before,
.rtl .popular-posts .post .thumb,
.rtl .call-back-and-testimonial .form-column .image-box,
.rtl .testimonial-block .info-box .thumb,
.rtl .list-style-one li:before,
.rtl .team-block .overlay-box:after,
.rtl .project-block .overlay-box:after,
.rtl .service-block .overlay-box:after,
.rtl .main-header .info-box .icon-box{
	left: auto;
	right: 0;
}

.rtl .sidebar .search-box .form-group input[type="submit"],
.rtl .sidebar .search-box .form-group button,
.rtl .team-carousel .owl-nav,
.rtl .projects-section-two .owl-nav,
.rtl .testimonial-block .info-box .rating,
.rtl .service-block .caption-box .icon,
.rtl .main-footer .subscribe-form .form-group input[type="submit"],
.rtl .main-footer .subscribe-form .form-group button,
.rtl .main-header .search-box .form-group input[type="submit"], 
.rtl .main-header .search-box .form-group button{
	right: auto;
	left: 0;
}

.rtl .sec-title .title:before{
	left: auto;
	right: 0;
}

.rtl .sec-title .title:after{
	left: auto;
	right: 0;
}

.rtl .sec-title.text-center .title:before{
	left: 0;
	right: 0;
}

.rtl .sec-title.text-center .title:after{
	left: 50%;
	right: auto;
	margin-left: 15px;
}

.rtl .work-tabs  .tabs-content{
	text-align: right;
}

.rtl .fixed-header .sticky-header .logo{
	float: right !important;
}

.rtl .fixed-header .sticky-header .pull-right{
	float: left !important;
}

.rtl .main-header .top-right .social-icon-one{
	float: left;
	margin-left: 0;
	margin-right: 100px;
}

.rtl .main-header .info-box {
    float: right;
    padding-left: 0;
    padding-right: 65px;
    margin-left: 0;
    margin-right: 40px;
}

.rtl .main-header .outer-box{
	float: left;
	margin-left: 0;
	margin-right: 45px;
}

.rtl .main-header .search-box-outer{
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
	right: auto;
	left: 15px;
	transform: rotate(180deg);
}

.rtl .main-footer .list li:before{
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.rtl .main-menu .navigation > li{
	float: right;
	margin-left: 40px;
	margin-right: 0;
}

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

.rtl .main-menu .navigation > li > ul > li > ul {
	left: auto;
    right: 100%;
}

.rtl .main-header .sticky-header .main-menu .navigation > li{
	margin-left: 0;
	margin-right: 40px;
}

.rtl .header-style-two .main-menu .navigation > li{
	margin-left: 8px;
	margin-right: 0;
}

.rtl .header-style-two .logo-outer{
	float: right;
	padding: 10px 20px 10px 0px;
}

.rtl .header-style-two .search-box-outer{
	float: left;
}

.rtl .header-style-two .outer-box{
	float: right;
	margin-left: 45px;
	margin-right: 0;
}

.rtl .service-block .caption-box{
	padding-right: 40px;
	padding-left: 70px;
}

.rtl .service-block .overlay-box .inner {
    padding-right: 70px;
    padding-left: 30px;
}

.rtl .project-block .overlay-box:before,
.rtl .service-block .overlay-box:before{
	left: auto;
	right: 40px;
}

.rtl .service-block .overlay-box .link-box a i{
	float: left;
	margin-right: 5px;
	margin-left: 0;
}

.rtl .list-style-one li{
	padding-left: 0;
	padding-right: 35px;
}

.rtl .testimonial-block .info-box{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .testimonial-block .content-box .icon{
	left: 30px;
	right: auto;
}

.rtl .call-back-and-testimonial .form-column .inner-column{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .project-block .overlay-box .inner{
	padding-left: 30px;
	padding-right: 70px;
}

.rtl .call-to-action .btn-column .inner-column{
	text-align: left;
}

.rtl .call-to-action .btn-column .message-box span {
    float: left;
    margin-right: 25px;
    margin-left: 40px;
}

.rtl .news-section .owl-nav {
	left: auto;
	right: 0;
	margin-left: 0;
    margin-right: -32%;
}

.rtl .news-block .content-column .info li i{
	margin-right: 0;
	margin-left: 10px;
	float: right;
}

.rtl .news-block .content-column .info li{
	margin-right: 0;
	margin-left: 15px;
}

.rtl .main-footer .list li{
	padding-left: 0;
	padding-right: 25px;
}

.rtl .popular-posts .post{
	padding-left: 0;
	padding-right: 115px;
}

.rtl .banner-section-two .auto-container{
	direction: rtl;
}

.rtl .cart-table tbody tr .qty .item-quantity,
.rtl .product-details .basic-details .item-quantity,
.rtl .range-slider-one,
.rtl .pricing-table .price{
	direction: ltr;
}

.rtl .about-section .image-column .inner-column {
	margin-right: 0;
    margin-left: -30px;
    padding-right: 70px;
}

.rtl .about-section .image-column .image-box:before{
	left: auto;
	right: -90px;
}

.rtl .services-section-two .title-column .inner-column {
    float: left;
    padding-right: 0;
    padding-left: 60px;
}

.rtl .services-section-two .title-column{
	float: right
}

.rtl .services-section-two .services-column{
	float: left;
}

.rtl .services-section-two .title-column{
	max-width: 35.6%;
}

.rtl .fun-fact-section .count-box{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .fun-fact-section .count-box .icon{
	left: auto;
	right: 30px;
}

.rtl .team-block .overlay-box:before{
	left: auto;
	right: 50px;
}

.rtl .team-block .overlay-box .inner {
    padding: 30px 60px 0 30px;
}

.rtl .team-block .social-links li{
	margin-right: 0;
	margin-left: 15px;
}

.rtl .news-carousel-two .owl-nav{
	right: auto;
	left: -15px;
}

.rtl .news-block-two .lower-content .info-box{
	padding-left: 0;
	padding-right: 70px;
}

.rtl .news-block-two .lower-content .info li{
	margin-left: 15px;
	margin-right: 0;
}

.rtl .news-block-two .lower-content .info li i{
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .accordion-box .block .acc-btn{
	padding-left: 30px;
    padding-right: 60px;
}

.rtl .accordion-box .block .acc-btn.active .icon:before{
	left: auto;
}

.rtl .accordion-box .block .icon{
	left: auto;
	right: 25px;
}

.rtl .main-footer .title-column .text span{
	margin-left: 0;
	margin-right: 15px;
}

.rtl .main-footer .subscribe-form .form-group input[type="text"], 
.rtl .main-footer .subscribe-form .form-group input[type="email"]{
    padding: 10px 20px;
    padding-left: 160px;
}

.rtl .header-style-three .logo-outer{
	float: right;
}

.rtl .header-style-three .header-lower .nav-outer{
	padding-left: 0;
	padding-right: 60px;
}

.rtl .header-style-three .share-btn,
.rtl .header-style-three .header-lower .main-menu{
	float: right;
}

.rtl .header-style-three .search-box-outer{
	margin: 0;
}

.rtl .header-style-three .share-btn{
	margin-left: 60px;
	margin-right: 0;
}

.rtl .main-header .outer-box{
	margin-left: 0;
	margin-right: 45px;
}

.rtl .feature-block .text{
	padding-left: 30px;
	padding-right: 0;
}

.rtl .projects-section-three .carousel-outer:before{
	right: auto;
	left: 100%;
}

.rtl .pricing-table .table-content ul{
	text-align: right;
}

.rtl .pricing-table .table-content ul li{
	padding-left: 0;
	padding-right: 35px;
}

.rtl .pricing-table .table-content ul li:before{
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.rtl .main-footer .contact-widget{
	padding-right: 0;
	padding-left: 40px;
}

.rtl .main-footer.style-three .footer-bottom .social-links li{
	margin-left: 0;
	margin-right: 20px;
}

.rtl .main-footer .contact-info-list li{
	padding-left: 0;
	padding-right: 70px;
}

.rtl .page-title .bread-crumb li:last-child{
	padding-left: 0;
	margin-left: 0;
}

.rtl .page-title .bread-crumb li {
    float: right;
    padding-left: 30px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 15px;
}

.rtl .page-title .bread-crumb li:before{
	right: auto;
	left: 0px;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"], 
.rtl .coming-soon .emailed-form button {
    right: auto;
    left: 0;
    border-radius: 50px 0px 0px 50px;
}

.rtl .services--list li a{
	padding: 20px 25px;
	padding-left: 75px;
}

.rtl .services--list li .icon{
	right: auto;
	left: -1px;
}

.rtl .service-tabs .tabs-content .tab .content .image{
	margin-left: 30px;
	margin-right: 0;
	float: right;
}

.rtl .accordion-box.style-three .block .acc-btn.active .icon:before,
.rtl .accordion-box.style-three .block .icon{
	right: 0;
}

.rtl .accordion-box.style-three .block .acc-btn{
	padding-left: 15px;
	padding-right: 75px;
}

.rtl .post-controls .prev span{
	float: left;
	margin-top: 1px;
}

.rtl .post-controls .next span{
	float: right;
	margin-top: 1px;
}

.rtl .latest-news .post{
	padding-left: 0;
	padding-right: 90px;
}

.rtl .tag-list li{
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .comments-area .comment-box .date{
	margin-left: 0;
	margin-right: 25px;
}

.rtl .comments-area .comment{
	padding-left: 0;
	padding-right: 160px;
}

.rtl .sidebar .related-posts .post{
	padding-left: 0;
	padding-right: 90px;
}

.rtl .product-details .basic-details .add-to-cart{
	margin-left: 0;
	margin-right: 20px;
}

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

.rtl .comments-area.style-two .comment{
	padding-left: 0;
	padding-right: 90px;
}

.rtl .shop-comment-form .rating-box .rating{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .product-details .basic-details .details-header .reviews{
	margin-left: 0;
	margin-right: 15px;
}

.rtl .checkout-page .default-links li .fa{
	margin-right: 0;
	margin-left: 20px;
}

.rtl .checkout-form select{
	background-position: 20px center;
}

.rtl .payment-box .payment-options li .radio-option label{
	padding-right: 30px;
	padding-left: 0;
}

.rtl .payment-box .payment-options li .radio-option label .small-text:before{
	left: auto;
	right: 30px;
}

.rtl .payment-box .payment-options li .radio-option .what-paypall{
	margin-right: 120px;
	margin-left: 0;
}

.rtl .login-form .form-group.pw{
	text-align: left;
}

.rtl .blog-detail .news-block-two blockquote p{
	text-align: right;
}

.rtl .blog-detail blockquote{
	border-left: 0;
	border-right: 3px solid #7abf18;
}

/*** 

====================================================================
	Box Layout
====================================================================

***/

.box-layout .page-wrapper{
	max-width: 1400px;
	margin: 0 auto;
	border: 15px solid #ffffff;
	overflow: hidden;
	background-color: #ffffff;
}

.box-layout{
	background-image: url(../images/background/3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

.box-layout .sticky-header{
	max-width: 1370px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.box-layout .coming-soon{
	position: relative;
}

.box-layout .coming-soon .content{
	position: relative;
}

.box-layout .banner-carousel .owl-next{
	right: 10px;
} 

.box-layout .banner-carousel .owl-prev{
	left: 10px;
}

.box-layout .header-style-three .share-btn{
	display: none;
}

.myc {
  		width: 200px;
        min-height: 40px;
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 88% 100%, 100% 0);
        background: green;
}