/* Greenry - 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
7. About Section / Two
8. Call To Action / Two / Three
9. Services Section / Two / Three
10. Service Detail Section
11. Fluid Section One
12. Projects Section / Two
13. Project Detail
14. Styled Pagination
15. Fun Fact Section
16. Products Section
17. Team Section
18. Call Back Section
19. Why Choose Us
20. Testimonial Section / Two
21. Pricing Section
22. FAQ Section
23. Clients Section
24. News Section / Two
25. Blog List
26. Blog Detail
27. Contact Section
28. Main Footer / Style Two
29. Sidebar Page Container
30. Clients Section
31. Main Footer / Two / Three
32. Sidebar Page Container
33. Comment Area
34. Comment Form
35. Shop Page
36. Product Detail
37. Cart Section
38. CheckOut Section
39. Login Section
40. Error Section
41. Coming Soon
**********************************************/

/*** 

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

***/

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

/*
font-family: 'Roboto', 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: 'Roboto', 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;
	font-family: "Lora", sans-serif;
}

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

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 30px;
	font-weight: 600;
	background-color: #7abf18;
}

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

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 30px;
	font-weight: 600;
	background-color: #333333;
}

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

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#333333;
	padding: 15px 30px;
	font-weight: 600;
	background-color: #ffffff;
}

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

/*=== 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: 400;
    content: "\f058";
	font-family: "Font Awesome 5 Free";
}

.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: relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	line-height:40px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#7abf18;
	margin: 0 auto;
	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:#000000;
	color: #ffffff;
	border-radius: 50px;
}

.tabs-box{
	position: relative;
}

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

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

/*** 

====================================================================
	Main Header
====================================================================

***/

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

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

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

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

.main-header .header-top .top-left .text:before{
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -20px;
	height: 100%;
	width: 1000%;
	background-color: #333333;
	content:"";
	z-index: -1;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-ms-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
}

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

.main-header .top-left .info-list li{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	padding: 15px 0;
	margin-right: 45px;
}

.main-header .top-left .info-list li span{
	margin-right: 10px;
}

.main-header .top-left .info-list li 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;
}

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

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

.main-header .top-right .social-icon-one{
	position: relative;
	float: right;
	padding: 15px 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: 16px;
	line-height: 30px;
	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;
}

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

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

.main-header .header-lower{
	position: relative;
	background-color: #7abf18;
	z-index: 99999;
	border-bottom: 5px solid #ffffff;
}

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

.main-header .header-lower .logo-box{
	position: relative;
	float: left;
	padding: 25px 0;
	z-index: 2;
}

.main-header .header-lower .logo-box:before{
	position: absolute;
	right: -90px;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: '';
	z-index: -1;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-ms-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
}

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

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

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right: 30px;
	padding: 25px 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 > a{
	position:relative;
	display:block;
	font-size:15px;
	line-height:30px;
	font-weight:700;
	color:#ffffff;
	opacity:1;
	text-align:center;
	padding: 15px 0;
	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.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: 30px;
}

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

/*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;
}

/************************ 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: 0;
	bottom: 12px;
	height: 4px;
	width: 100%;
	background-image: url(../images/icons/nav-dots.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	-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;
}

.main-header .main-menu .navigation > li.current > a:before,
.main-header .main-menu .navigation > li:hover > a:before{
	-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;
}

.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: #333333;
}

/*** 

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

***/

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

.header-style-two .header-top{
	background-color: #333333;
}

.header-style-two .top-left .info-list li a,
.header-style-two .top-left .info-list li{
	color: #bbbbbb;
}

.header-style-two .top-left .info-list li span{
	color: #7abf18;
}

.header-style-two .top-right .btn-box{
	position: relative;
	float: right;
}

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

.header-style-two .top-right .btn-box a{
	position: relative;
	padding: 15px 35px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	background-color: #7abf18;
}

.header-style-two .top-right .btn-box a i{
	margin-left: 5px;
	font-size: 12px;
}

.header-style-two .top-right .btn-box a:hover{
	background-color: #ffffff;
	color: #000000;
}

.header-style-two .header-lower{
	background-color: #ffffff !important;
	border-bottom: 0;
	z-index: 9;
}

.header-style-two .header-lower .logo-box{
	padding: 35px 0;
}

.header-style-two .header-lower .logo-box:before{
	display: none;
}

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

.header-style-two .main-menu .navigation > li > a{
	font-size: 15px;
	color: #333333;
	font-weight: 500;
}

.header-style-two .main-menu .navigation > li > a:before{
	height: 2px;
	background: #7abf18;
	bottom: 10px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a{
	color: #7abf18;
}

.header-style-two .outer-box{
	margin-left: 60px;
}

.header-style-two .cart-btn{
	position: relative;
	padding: 47px 0 48px;
}

.main-header .cart-btn a{
	position: relative;
	display: block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #333333;
	border: 1px dashed #7abf18;
	border-radius: 50%;
	transition: all 200ms linear;	
}

.main-header .cart-btn .count{
	position: absolute;
	left: -6px;
	top: -1px;
	font-size: 10px;
	color: #ffffff;
	background-color: #333333;
	height: 16px;
	width: 16px;
	text-align: center;
	border-radius: 50%;
	line-height: 16px;
}

.main-header .cart-btn a:hover{
	background-color: #7abf18;
	color: #ffffff;
}

/*search box btn*/

.header-style-two .search-box-outer{
	position:relative;
	float: left;
	padding: 12px 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-two .search-box-btn{
	position: relative;
	height: 36px;
	width: 36px;
    cursor: pointer;
    background: none;
    font-size: 12px;
    line-height: 36px;
    color: #ffffff;
	outline: none;
	border: 1px dashed #7abf18;
	background-color: transparent;
	border-radius: 50px;
}

.main-header .search-box-outer .dropdown-menu{
	top: 46px !important;
	right: 0 !important;
	left: auto !important;
	transform: none !important;
}

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

.main-header .search-box-outer .dropdown-menu{
	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;
}

/*** 

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

***/

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

.header-style-three .header-lower .logo-box:before{
	display: none;
}

.header-style-three .header-lower{
	background-color: transparent !important;
	border-bottom: 0;
}

.header-style-three .header-lower .main-box{
	position: static;
	background-color: rgba(255,255,255,.85);
	padding: 0 35px;
}

.header-style-three .main-menu .navigation > li{
	margin: 0;
}

.header-style-three .main-menu .navigation > li:hover,
.header-style-three .main-menu .navigation > li.current{
	background-color: #333333;
	color: #ffffff;
}

.header-style-three .main-menu .navigation > li > a{
	color: #333333;
	font-size: 15px;
	padding: 15px 20px;
}

.header-style-three .main-menu .navigation > li > a:before{
	bottom: -25px;
	width: 100%;
	background: #7abf18;
}

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

.header-style-three .outer-box{
	padding: 37px 0;
}

.header-style-three .search-box-btn {
    position: relative;
    height: 36px;
    width: 36px;
    cursor: pointer;
    background: none;
    font-size: 12px;
    line-height: 36px;
    color: #ffffff;
    outline: none;
    background-color: #7abf18;
    border-radius: 50px;
}

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

.header-style-three.fixed-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-three.fixed-header .header-lower .main-box{
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.header-style-three.fixed-header .main-menu .navigation > li,
.header-style-three.fixed-header .header-lower .logo-box{
	padding: 10px 0;
}

.header-style-three.fixed-header .outer-box{
	padding: 22px 0;
}

.header-style-three.fixed-header .main-menu .navigation > li > a:before{
	bottom: -10px;
}

/*** 

====================================================================
				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;
	margin-bottom: 70px;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #7abf18;
	font-weight: 700;
	margin-bottom: 15px;
}

.sec-title h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.sec-title .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-top: 30px;	
}

.sec-title .separator{
	position: relative;
	display: inline-block;
	width: 140px;
}

.sec-title .separator:before,
.sec-title .separator:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55px;
	border-bottom: 1px solid #cccccc;
	content: "";
}

.sec-title .separator:after{
	left: auto;
	right: 0;
}

.sec-title .separator .icon{
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 26px;
	margin-left: -13px;
	font-size: 18px;
	line-height: 20px;
	color: #7abf18;
}

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

.sec-title.light .separator:before,
.sec-title.light .separator:after{
	border-color: #ffffff;
}

/*** 

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

***/

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

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

.page-title h1{
	position:relative;
	display: block;
	font-size:48px;
	color:#ffffff;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 25px;
}

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

.page-title .bread-crumb li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #7abf18;
	font-weight: 700;
	text-transform: uppercase;
	cursor: default;
	padding-right:  10px;
	margin-right: 10px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -8px;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 900;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

.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: 190px 0 190px;
}

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

.banner-section .content-box .inner-box{
	position: relative;
	padding: 70px 70px 50px;
	background-color: rgba(0,0,0,0.70);
	-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 .content-box .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	border: 10px solid rgba(255,255,255,.20);
	border-right: 0;
	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;
}

.banner-section .active .content-box .inner-box:before{
	width: 230px;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.3em;
	color: #7abf18;
	font-weight: 500;
	text-transform: uppercase;
	opacity: 0;
	margin-bottom: 30px;
	-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 .active .title{
	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 h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.6em;
	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 .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 .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(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
}

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

.banner-section .link-box .theme-btn{
	margin-right: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	padding: 15px 40px;
}

.banner-section .link-box .theme-btn:last-child{
	margin-right: 0;
}

.banner-section .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section .owl-next,
.banner-section .owl-prev{
	position: absolute;
	left: 80px;
	top: 0;
	height: 50px;
	font-size: 30px;
	line-height: 52px;
	color: #ffffff;
	width: 50px;
	text-align: center;
	background-color: rgba(0,0,0,0.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;
}

.banner-section .owl-next{
	right: 80px;
	left: auto;
}

.banner-section .owl-next:hover,
.banner-section .owl-prev:hover{
	color: #7abf18;
	background-color: rgba(0,0,0,.80);
}

/* Bnner Section Style Two */
.banner-section.style-two .content-box{
	float: right;
}

.banner-section.style-two .slide-item{
	padding: 340px 0 170px;
}

.banner-section.style-two .content-box .inner-box{
	padding: 70px 60px 50px;
}

.banner-section.style-two .content-box .inner-box:before{
	display: none;
}

.banner-section.style-two h2{
	margin-bottom: 40px;
}

/*** 

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

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

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

.banner-section-two h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #7abf18;
	font-weight: 400;
	opacity: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: "Roboto", sans-serif;
	-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 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-two h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	letter-spacing: -20px;
	margin-bottom: 30px;
	-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-two .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-two .content-box .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 35px;
	-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: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

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

.banner-section-two .link-box .theme-btn{
	padding: 15px 40px;
	line-height: 30px;
	font-size: 18px;
	margin: 0 15px;
}

.banner-section-two .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section-two .owl-next,
.banner-section-two .owl-prev{
	position: absolute;
	left: 80px;
	top: 0;
	height: 50px;
	font-size: 48px;
	line-height: 52px;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .owl-next{
	right: 80px;
	left: auto;
}

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

/***

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

***/

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

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

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

.about-section .title-box{
	position: relative;
	margin-bottom: 45px;
}

.about-section .title-box h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 48px;
	color: #333333;
	font-weight: 700;
}

.about-section .title-box h3 span{
	color: #7abf18;
}

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

.about-section p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.about-section .image-column .inner-column{
	position: relative;
	padding-bottom: 40px;
}

.about-section .image-column .image-2,
.about-section .image-column .image{
	position: relative;
	display: inline-block;
	border: 3px solid #ffffff;
	margin-bottom: 0;
	box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

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

.about-section .image-column .image-2{
	position: absolute;
	right: 0;
	bottom: 0px;
}

/***

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

***/

.about-section-two{
	position: relative;
	padding: 130px 0 80px;
}

.about-section-two .content-column{
	position: relative;
	margin-bottom: 20px;
}

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

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

.about-section-two .text{
	position: relative;
	margin-bottom: 40px;
}

.about-section-two .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

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

.about-block .inner{
	position: relative;
	padding-left: 50px;
}

.about-block .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #7abf18;
}

.about-block h4{
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.about-block .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	margin-bottom: 0;
}

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

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

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

.about-section-two .image-column .image:before{
	position: absolute;
	right: -30px;
	top: -30px;
	height: 270px;
	width: 270px;
	background-image: url(../images/icons/pattern3.png);
	background-repeat: no-repeat;
	background-position: right top;
	content: "";
	z-index: -1;
}

.about-section-two .image-column .image:after{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -40px;
	height: 50px;
	width: 390px;
	border: 8px solid #eeeeee;
	content: "";
	z-index: -1;
}

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

/***

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

***/

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

.call-to-action.alternate{
	padding-bottom: 100px;
}

.call-to-action .outer-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	background-color: #ffffff;
	margin-bottom: 25px;
	padding: 55px 20px 0;
	-webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-o-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	box-shadow: 0 25px 50px rgba(0,0,0,0.05);
}

.call-to-action .outer-box:before{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-bottom: -100px;
	bottom: 0;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-moz-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-ms-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-o-box-shadow: 0 0px 100px rgba(255,255,255,1);
	box-shadow: 0 0px 100px rgba(255,255,255,1);
	content: "";
}

.call-to-action h2{
	position: relative;
	display: block;
	font-size: 38px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.call-to-action .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 5px;
}

.call-to-action .btn-box{
	position: relative;
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-ms-transform: translateY(25px);
	-o-transform: translateY(25px);
	transform: translateY(25px);
}

.call-to-action .btn-box .theme-btn{
	padding: 15px 40px;
}

/***

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

***/

.call-to-action-two{
	position: relative;
	padding: 50px 0;
	background-color: #333333;
}

.call-to-action-two .auto-container{
	max-width: 1030px;
}

.call-to-action-two .title-column{
	position: relative;
	float: left;
	padding: 5px 0;
}

.call-to-action-two .title-column h2{
	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;
}

.call-to-action-two .btn-box a{

}

.call-to-action-two.alternate{
	background-color: #7abf18;
}

.call-to-action-two.alternate .title-column h2{
	color: #ffffff;
}

.call-to-action-two.alternate .auto-container{
	max-width: 1200px;
}

/***

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

***/

.call-to-action-three{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	background-color: #ffffff;
	padding: 125px 0px 130px;
}

.call-to-action-three h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 40px;
}

.call-to-action-three .contact-info{
	position: relative;
	font-family: "Lora", sans-serif;
	margin-bottom: 40px;
}

.call-to-action-three .contact-info li{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin: 0 15px 10px;
}

.call-to-action-three .contact-info a{
	color: #7abf18;
	display: inline-block;
	transition: 300ms ease;
}

.call-to-action-three .contact-info a:hover{
	color: #333333;
}

.call-to-action-three .btn-box{
	position: relative;
}

.call-to-action-three .btn-box .theme-btn{
	padding: 15px 40px;
	line-height: 25px;
	font-size: 18px;
}

/*** 

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

***/

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

.services-section .left-column{
	position: relative;
	text-align: left;
	margin-bottom: 50px;
}

.services-section .right-column{
	position: relative;
	margin-bottom: 50px;
}

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

.service-block:last-child{
	margin-bottom: 0;
}

.service-block .inner{
	position: relative;
	padding-left: 85px;
	min-height: 50px;
}

.service-block .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 25px;
	-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 .icon-box .icon{
	position: relative;
	font-size: 50px;
	line-height: 1em;
	color: #000000;
	-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:hover .icon-box .icon{
	color: #7abf18;
}

.service-block .inner:hover .icon-box{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.service-block h6{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

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

.service-block .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.services-section .right-column .service-block .inner{
	position: relative;
	text-align: right;
	padding-left: 0;
	padding-right: 85px;
}

.services-section .right-column .service-block .icon-box{
	left: auto;
	right: 0;
}

.services-section .center-image{
	margin-bottom: 50px;
}

.services-section .center-image .inner-box{
	position: relative;
	margin-top: -30px;
	text-align: center;
}

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

.services-section .center-image .image img{
	max-width: 100%;
	height: auto;
}

/*** 

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

***/

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

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

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

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

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

.service-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #7abf18;
}

.service-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-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-two .inner-box:hover .image-box .image img{
	opacity: .70;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.service-block-two .lower-content{
	position: relative;
	padding: 35px 0 0;
}

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

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

.service-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

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

.services-section-two .owl-dots{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

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

.services-section-two .owl-dot:hover,
.services-section-two .owl-dot.active{
	background-color: #7abf18;
}

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

.services-section-two.alternate .outer-box{
	margin-top: 0;
}

/*** 

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

***/

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

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

.service-block-three .inner-box{
	position: relative;
	padding-top: 35px;
	padding-left: 40px;
}

.service-block-three .content{
	position: relative;
	padding: 30px 20px 20px;
	padding-left: 70px;
	border: 1px dashed #cccccc;
}

.service-block-three .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 85px;
	text-align: center;
	background-color: #ffffff;
	border: 1px dashed #333333;
	z-index: 1;
	font-size: 50px;
	line-height: 80px;
	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;
}

.service-block-three .icon-box .icon{
	position: relative;
}

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

.service-block-three h6{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-block-three h6 a{
	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-three .inner-box:hover h6 a{
	color: #7abf18;
}

.service-block-three .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

/*** 

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

***/

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

.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 .post-info{
	position: relative;
	margin-bottom: 50px;
	padding: 30px 25px 10px;
	border: 2px solid #ebebeb;
}

.service-detail .post-info .info-list{
	position: relative;
}

.service-detail .post-info .info-list li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
	padding: 0 15px;
}

.service-detail .post-info .info-list li strong{
	float: left;
	width: 50%;
	font-size: 16px;
	line-height: 24px;
	font-family: "Lora", sans-serif;
	color: #333333;
	font-weight: 700;
}

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

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

.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;
	padding-top: 10px;
}

/*Services Category*/

.services--list{
	position:relative;
	margin-bottom: 70px;
}

.services--list li{
	position:relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.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-left: 5px solid #7abf18;
	background-color: #ebebeb;
	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.active a,
.services--list li:hover a{
	color: #ffffff;
	background-color: #7abf18;
	border-color: #333333;
}

.services--list li a:before{
	position:absolute;
	content:'\f101';
	right:33px;
	top:20px;
	color:#333333;
	font-size: 16px;
	line-height: 30px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

.services--list li a:after{
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7px;
	content: "";
	opacity: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #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;
}

.services--list li.active a:after,
.services--list li:hover a:after{
	opacity: 1;
}

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

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

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

.sidebar .brochure-link a{
	position:relative;
	display: block;
	font-size: 18px;
	line-height: 35px;
	color: #333333;
	font-weight: 700;
	padding: 15px 50px;
	padding-left: 35px;
	font-family:"Lora", sans-serif;
	border-left: 5px solid #7abf18;
	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:after{
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7px;
	content: "";
	opacity: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px 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;
}

.sidebar .brochure-link a:hover:after{
	left: 0;
	opacity: 1;
}

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

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

/*brochure Box*/

.brochure-box{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #7abf18;
	background-size:cover;
	padding:45px 40px 50px;
	margin-bottom: 50px;
}

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

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

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

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

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

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

/*** 

====================================================================
		Fluid Section One
====================================================================

***/

.fluid-section-one{
	position: relative;
	background-color: #f5f5f5;
}

.fluid-section-one .outer-container{
	position: relative;
}

.fluid-section-one .video-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.fluid-section-one .video-column .inner-column{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.fluid-section-one .video-column .content{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
}

.fluid-section-one .video-column .content .inner{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	padding: 100px 0;
	background-color: rgba(0,0,0,0.70);
	border-top: 5px solid rgba(255,255,255,.70);
	border-bottom: 5px solid rgba(255,255,255,.70);
	transform: translateY(-50%);
}

.fluid-section-one .video-column h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.fluid-section-one .video-column .text{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

/* Play Box */

.video-link-box .play-box{
	position:relative;
	display:block;
	text-align:center;
	width:80px;
	height:80px;
	margin:0 auto 50px;
	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;
}

.video-link-box .play-box .icon{
	position: relative;
	width:80px;
	height: 80px;
	z-index:99;
	display:inline-block;
	color: #7abf18;
	font-weight:400;
	font-size:24px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	line-height:80px;
	background-color: #ffffff;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	-ms-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-link-box .play-box .icon-outer{
	position:relative;
	display:block;
	width:80px;
	height:80px;
	margin:0 auto;
}

.video-link-box .play-box .icon-outer:before{
	content:'';
	position:absolute;
	left:-15px;
	top:-15px;
	width:110px;
	height:110px;
	background:rgba(255,255,255,0.30);
	border-radius:50%;	
}

.video-link-box .play-box .icon:after{
	content:'';
	position:absolute;
	left:-5px;
	top:-5px;
	bottom:-5px;
	right:-5px;
	background:rgba(255,255,255,0.30);
	border-radius:50%;	
}

.video-link-box .ripple,
.video-link-box .ripple:before,
.video-link-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-link-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-link-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.fluid-section-one .form-column{
	position: relative;
	float: right;
	width: 50%;
	background-color: #f5f5f5;
}

.fluid-section-one .form-column .inner-column{
	position: relative;
	max-width: 	600px;
	width: 100%;
	float: left;
	padding: 100px 15px 105px 115px;
}

.fluid-section-one .form-column .sec-title{
	margin-bottom: 25px;
}

.fluid-section-one .contact-form .form-group input[type="text"],
.fluid-section-one .contact-form .form-group input[type="email"],
.fluid-section-one .contact-form .form-group input[type="url"],
.fluid-section-one .contact-form .form-group textarea,
.fluid-section-one .contact-form .form-group select{
	border-color: #888888;
}

.fluid-section-one .contact-form .form-group input:focus,
.fluid-section-one .contact-form .form-group select:focus,
.fluid-section-one .contact-form .form-group textarea:focus{
	border-color:#7abf18;
}

.fluid-section-one.style-two .form-column{
	background-color: #161616;
	background-image: url(../images/icons/footer-bg.jpg);
}

.fluid-section-one.style-two .sec-title h2{
	color: #ffffff;
}

.fluid-section-one.style-two .video-column .content{
	background-color: rgba(51,51,51,0.50);
}

.fluid-section-one.style-two .video-column .content .inner{
	border: 0;
	background: none;
}

/***

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

***/

.projects-section{
	position: relative;
	background-color: #f7f7f7;
	padding: 100px 0;
}

.projects-section.alternate{
	background-color: #ffffff;
}

.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: 16px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	cursor: pointer;
 	text-transform: capitalize;
 	margin: 0 18px;
	-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;
}

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

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

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

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

.project-block .image img{
	width: 100%;
}

.project-block .overlay-box:before {
    background: rgba(255,255,255,1) none repeat scroll 0 0 padding-box content-box;
    content: "";
    height: 100%;
    width: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
    -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
}

.project-block .image-box:hover .overlay-box:before {
    opacity: 0.80;
    width: 100%;
    left: 0;
}

.project-block .overlay-box .content{
    padding: 14px 18px;
    text-align: center;
    width: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-block .overlay-box .content a{
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-transform: translateY(50px) rotate(45deg);
    -moz-transform: translateY(50px) rotate(45deg);;
    -ms-transform: translateY(50px) rotate(45deg);;
    -o-transform: translateY(50px) rotate(45deg);;
    transform: translateY(50px) rotate(45deg);
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.project-block .image-box:hover .overlay-box .content a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(-45deg);;
    -moz-transform: translateY(0) rotate(-45deg);;
    -ms-transform: translateY(0) rotate(-45deg);;
    -o-transform: translateY(0) rotate(-45deg);;
    transform: translateY(0) rotate(-45deg);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.project-block .image-box:hover .overlay-box .content a:last-child {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.project-block .overlay-box .content a .icon{
	display: block;
    font-size: 14px;
    height: 40px;
    width: 40px;
    color: #ffffff;
    background-color: #333333;
    line-height: 40px;
    margin: 0 7px;
	-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 .content a .icon:before{
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.project-block .overlay-box .content a .icon:hover {
    color: #222222;
	background-color :#7abf18;
}

.projects-section .btn-box{
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.projects-section .btn-box a{
	padding: 20px 45px;
	font-size: 18px;
}

.projects-section .styled-pagination{
	margin-top: 70px;
}

/***

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

***/

.project-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
}

.project-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #7abf18;
	opacity: .80;
	content: "";
}

.project-section-two .sec-title .title{
	color: #ffffff;
}

.project-section-two .projects-carousel{
	position: relative;
}

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

.project-section-two .owl-nav{
	position: absolute;
	right: 0;
	left: 0;
	top: -110px;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
	text-align: right;
}

.project-section-two .owl-next,
.project-section-two .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #333333;
	border: 1px solid #333333;
	text-align: center;
	margin-left: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-section-two .owl-next:hover,
.project-section-two .owl-prev:hover{
	color: #ffffff;
	border-color: #ffffff;
}

/***

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

***/

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

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

.project-detail .accordion-area .image-box .image{
	text-align: center;
}

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

.project-detail .two-column .list-column{
	margin-bottom: 50px;
}

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

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

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

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

.accordion-box.style-two .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-two .block .acc-btn.active{
	background-color: #ffffff;
	color: #7abf18;
}

.accordion-box.style-two .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-two .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-two .block .content{
	border:0;
	padding:15px 0;
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 0 8px;
	margin-right: 9px;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.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:#666666;
	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;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#ffffff;	
	border-color:#333333;
	background:#333333;
}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
	width: auto;
	padding: 0 20px;
}

/***

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

***/

.fun-fact-section{
	position: relative;
	background-color: #f4f4f4;
	padding:100px 0 30px;
	z-index: 9;
}

.fun-fact-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image:url(../images/icons/pattern2.png);
	content: "";
}

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

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

.fun-fact-section .icon{
	position: relative;
	display: inline-block;
	font-size:64px;
	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 .counter-column:hover .icon{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	color: #333333;
}

.fun-fact-section .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	color:#888888;
	margin-bottom: 30px;
	font-family: "Roboto", sans-serif;
}

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

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

/***

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

***/

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

.products-carousel{
	position: relative;
}

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

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

.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: 24px;
	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: 13px;
	line-height: 24px;
	color: #ffb200;
	font-weight: 400;
}

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

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

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

/*** 

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

***/

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

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

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

.team-block .image-box{
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

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

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

.team-block .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	border-radius: 50%;
	-webkit-transform: scale(.7) rotate(360deg);
	-moz-transform: scale(.7) rotate(360deg);
	-ms-transform: scale(.7) rotate(360deg);
	-o-transform: scale(.7) rotate(360deg);
	transform: scale(.7) rotate(360deg);
	-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 .overlay-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	border-radius: 50%;
	background: #7abf18 padding-box content-box;
	padding: 15px;
	opacity: .80;
}

.team-block .overlay-box .social-links{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	text-align: center;
	margin-top: -20px;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
}

.team-block .social-links li a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: 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;
}

.team-block .social-links li a:hover{
	background-color: #333333;
}

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

.team-block .caption-box{
	position: relative;
	text-align: center;
}

.team-block .caption-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 18px;
}

.team-block .caption-box .name 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;
}

.team-block .caption-box .name a:hover{
	color: #7abf18;
}

.team-block .caption-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	font-weight: 400;
}
/***

==================================================================
		Call Back Section
==================================================================

***/

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

.call-back-section .sec-title{
	margin-bottom: 30px;
}

.call-back-section .form-outer{
	position: relative;
	float: right;
	max-width: 770px;
}

.contact-form{
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

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

.contact-form label.error{
	color: #ff0000;
}

.call-back-section .side-image{
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 38%;
	text-align: center;
}

.call-back-section .side-image img{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/***

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

***/

.why-choose-us{
	position: relative;
	background-color: #f7f7f7;
}

.why-choose-us .outer-container{
	position: relative;
}

.why-choose-us .features-column{
	position: relative;
	float: left;
	width: 65%;
}

.why-choose-us .features-column .inner-column{
	position: relative;
	max-width: 950px;
	padding: 100px 15px 75px;
	margin: 0 auto;
	width: 100%;
}

.why-choose-us .sec-title{
	margin-bottom: 50px;
}

.why-choose-us .features-column .row{
	margin: 0 -20px;
}

.why-choose-us .features-column .feature-block{
	padding: 0 20px;
}

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

.feature-block .inner-box{
	position: relative;
	padding: 40px 40px 40px;
	padding-left: 120px;
	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;
}	

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

.feature-block .icon{
	position: absolute;
	left: 40px;
	top: 40px;
	font-size: 48px;
	color: #7abf18;
	font-weight: 400;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

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

.feature-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.why-choose-us .image-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	right: 0;
	top: 0;
	height: 100%;
	width: 35%;
}

.why-choose-us .image-column .image-box{
	position: relative;
	display: none;
}

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

/***

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

***/

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

.testimonial-section .layer-image{
	position: absolute;
	top: 0;
	left: 4%;
	width: 9%;
}

.testimonial-section .layer-image img{
	max-width: 100%;
	height: auto;
}

.testimonial-section .testimonial-carousel{
	position: relative;
	padding-bottom: 15px;
}

.testimonial-block{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.testimonial-block .inner-box{
	position: relative;
	padding-top: 45px;
	padding-left: 70px;
}

.testimonial-block .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 225px;
	z-index: 1;
}

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

.testimonial-block .content{
	position: relative;
	padding: 40px 50px;
	padding-left: 190px;
	border: 2px solid #cccccc;
}

.testimonial-block .content .icon{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	color: #bbbbbb;
	margin-bottom: 20px;
	opacity: .50;
}

.testimonial-block .content .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

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

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
}

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

.testimonial-carousel .owl-nav{
	position: absolute;
    right: 9%;
    bottom: 0px;
    width: 85px;
    height: 35px;
    background-color: #7abf18;
    margin-right: 45px;
}

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

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
	position: absolute;
	left: 13px;
	bottom: 0;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
	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;
}

.testimonial-carousel .owl-next{
	left: auto;
	right: 13px;
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
	color: #ffffff;
}

/***

==================================================================
		Testimonial Section Two
==================================================================

***/

.testimonial-section-two{
	position: relative;
	background-color: #7abf18;
	padding: 100px 0;
}

.testimonial-section-two:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 380px;
	width: 100%;
	content: "";
	background-image: url(../images/icons/bg-1.png);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.testimonial-section-two .carousel-outer{
	position: relative;
	max-width: 1090px;
	margin: 0 auto;
}

.testimonial-section-two .testimonial-carousel-two{
	position: relative;
	padding-bottom: 120px;
}

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

.testimonial-block-two .inner-box{
	position: relative;
	padding: 35px 50px 40px;
	background-color: rgba(255,255,255,.20);
	border-radius: 10px;
}

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-top: 25px;
	min-height: 100px;
	padding-left: 140px;
}

.testimonial-block-two .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

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

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

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

.testimonial-block-two .info-box .icon{
	position: absolute;
	right: 0;
	bottom: 15px;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
}

.testimonial-carousel-two .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
    bottom: 0px;
    width: 85px;
    height: 40px;
    background-color: #7abf18;
    margin: 0 auto;
    border: 2px solid #ffffff;
}

.testimonial-carousel-two .owl-nav:before{
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	line-height: 38px;
	content: "/";
	text-align: center;
}

.testimonial-carousel-two .owl-next,
.testimonial-carousel-two .owl-prev{
	position: absolute;
	left: 13px;
	bottom: -2px;
	font-size: 16px;
	color: #333333;
	line-height: 38px;
	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;
}

.testimonial-carousel-two .owl-next{
	left: auto;
	right: 13px;
}

.testimonial-carousel-two .owl-next:hover,
.testimonial-carousel-two .owl-prev:hover{
	color: #ffffff;
}

/*** 

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

***/

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

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

.pricing-table .inner-box{
	position: relative;
	padding: 30px 0px 45px;
	text-align: center;
	overflow: hidden;
	border: 2px solid #f3f3f3;
	-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 .inner-box:hover ,
.pricing-table.tagged .inner-box{
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	box-shadow: 0 0 15px rgba(0,0,0,0.09);
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 18px;
	color: #7abf18;
	font-weight: 700;
	margin-bottom: 15px;
	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:hover .title,
.pricing-table.tagged .title{
	color: #333333;
}

.pricing-table .price{
	position: relative;
	font-size: 50px;
	line-height: 1em;
	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;
}

.pricing-table .price span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-top: 10px;
}

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

.pricing-table .table-content{
	position: relative;
	margin-top: 30px;
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	margin-bottom: 45px;
}

.pricing-table .table-content ul{
	position: relative;
	text-align: left;
}

.pricing-table .table-content ul li{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	padding: 15px 0;
	text-align: center;
}

.pricing-table .table-content ul li:nth-child(even){
	background-color: #f3f3f3;
}

.pricing-table .table-content ul li:before{
	position: relative;
	margin-right: 15px;
	font-size: 15px;
	line-height: 30px;
	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: 16px;
	line-height: 20px;
	padding: 13px 40px;
	color: #7abf18;
	font-weight: 600;
	font-family: "Lora", sans-serif;
	background-color: #ffffff;
	border: 2px solid #7abf18;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
}

/*** 

====================================================================
			FAQ Section
====================================================================

***/

.faq-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 50px;
}

.faq-section .sec-title{ 
	margin-bottom: 50px;
}

.faq-section .location-column{
	position: relative;
	margin-bottom: 20px;
}

.faq-section .location-column .inner-column{
	position: relative;
}

.location-list{
	position: relative;
}

.location-list li{
	position: relative;
}

.location-list li{
	position:relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 36px;
}

.location-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 24px;
	color: #7abf18;
	font-weight: 900;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
}

.location-list li a{
	display: block;
	color: #888888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.location-list li a:hover{
	color:#7abf18;
}

.faq-section .location-list li{
	float: left;
	width: 33.33333333%;
}

.faq-section .faq-column{
	position: relative;
	margin-bottom: 40px;
}

.faq-section .faq-column .inner-column{
	position: relative;
}

.faq-section .accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	padding: 14px;
	border:1px solid #e1e1e1;
	background-color: transparent;
	margin-bottom: 10px;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:26px;
	color:#333333;
	font-weight:700;
	padding:7px 30px;
	cursor:pointer;
	padding-left: 65px;
	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: 0px;
	top:0px;
	height: 40px;
	width: 40px;
	color: #7abf18;
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	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{
	background-color: #333333;
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f068";
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 10px 40px 0 65px; 
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

/*** 

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

/***

==================================================================
		News Section
==================================================================

***/

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

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

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

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

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #7abf18;
	overflow: hidden;
}

.news-block .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .lower-content{
	position: relative;
	padding:0 20px 20px;
	margin-top: -20px;
}

.news-block .lower-content .inner{
	position: relative;
	background-color: #ffffff;
	padding: 25px 25px 0;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.news-block .post-info{
	position: relative;
	margin-bottom: 15px;
}

.news-block .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .post-info li:last-child{
	margin-right: 0;
}

.news-block .post-info li a:hover{
	color: #7abf18;
}

.news-block h5{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block h5 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;
}

.news-block h5 a:hover{
	color: #7abf18;
}

.news-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.news-block .btn-box{
	position: relative;
	display: block;
	text-align: center;
	transform: translateY(20px);
}

.news-block .btn-box a{
	line-height: 25px;
	padding: 10px 30px;
	font-size: 14px;
}

/***

==================================================================
		News Section Two
==================================================================

***/

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

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

.news-block-two .inner-box{
	position: relative;
	padding-left: 260px;
	min-height: 240px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.news-block-two .image-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 260px;
	height: auto;
}

.news-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #7abf18;
	overflow: hidden;
}

.news-block-two .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-two .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 25px 20px 0;
}

.news-block-two .post-info{
	position: relative;
	margin-bottom: 18px;
}

.news-block-two .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block-two .post-info li span{
	margin-right: 5px;
	color: #7abf18;
	font-size: 14px;
}

.news-block-two .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .post-info li:last-child{
	margin-right: 0;
}

.news-block-two .post-info li a:hover{
	color: #7abf18;
}

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

.news-block-two h5 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;
}

.news-block-two h5 a:hover{
	color: #7abf18;
}

.news-block-two .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.news-section-two .owl-nav{
	position: absolute;
	right: 0;
	left: 0;
	top: -110px;
	max-width: 1170px;
	margin: 0 auto;
	text-align: right;
}

.news-section-two .owl-next,
.news-section-two .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #333333;
	border: 1px solid #333333;
	text-align: center;
	margin-left: 18px;
	-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-two .owl-next:hover,
.news-section-two .owl-prev:hover{
	color: #7abf18;
	border-color: #7abf18;
}

/***

==================================================================
		Blog List
==================================================================

***/

.blog-list{
	position: relative;
}

.news-block-three{
	position: relative;
	margin-bottom: 60px;
}

.news-block-three .inner-box{
	position: relative;
	padding-left: 370px;
	min-height: 290px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.news-block-three .image-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 370px;
	height: auto;
}

.news-block-three .image-box .image{
	position: relative;
	margin-bottom: 0;
	background-color: #7abf18;
	overflow: hidden;
}

.news-block-three .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-three .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 35px 30px 30px;
}

.news-block-three .post-info{
	position: relative;
	margin-bottom: 22px;
}

.news-block-three .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block-three .post-info li span{
	margin-right: 5px;
	color: #7abf18;
	font-size: 14px;
}

.news-block-three .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .post-info li:last-child{
	margin-right: 0;
}

.news-block-three .post-info li a:hover{
	color: #7abf18;
}

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

.news-block-three h5 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;
}

.news-block-three h5 a:hover{
	color: #7abf18;
}

.news-block-three .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.blog-list .styled-pagination{
	margin-top: 90px;
}

/***

==================================================================
		Blog Detail
==================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .image-box{
	position: relative;
	margin-bottom: 35px;
}

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

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

.blog-detail .post-info{
	position: relative;
	margin-bottom: 22px;
}

.blog-detail .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.blog-detail .post-info li span{
	margin-right: 5px;
	color: #7abf18;
	font-size: 14px;
}

.blog-detail .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-info li:last-child{
	margin-right: 0;
}

.blog-detail .post-info li a:hover{
	color: #7abf18;
}

.blog-detail h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px;
}

.blog-detail .content-box{
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid #dddddd;
}

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

.blog-detail .post-share-options{
	position: relative;
	padding: 30px 0;
	margin-bottom: 40px;
}

.blog-detail .post-share-options .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	padding: 5px 0;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 18px;
}

.blog-detail .post-share-options .social-icon li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	height: 40px;
	width: 40px;
	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:before{
	position: absolute;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	border: 1px dashed #ffffff;
	content: "";
	border-radius: 50%;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #ffffff;
	background-color: #333333;
}

/***

==================================================================
		Contact Section
==================================================================

***/

.contact-section{
	position: relative;
}

.contact-section .outer-container{
	position: relative;
}

.contact-section .form-column{
	position: relative;
	float: left;
	width: 40%;
}

.contact-section .form-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern.png);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.contact-section .form-column .inner-column{
	position: relative;
	max-width: 460px;
	width: 100%;
	padding: 120px 15px 85px;
	margin: 0 auto;
}

.contact-section .form-column .title-box{
	position: relative;
	margin-bottom: 40px;
}

.contact-section .form-column .title-box .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #7abf18;
	font-weight: 400;
	margin-bottom: 12px;
}

.contact-section .form-column .title-box h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-section .form-column .title-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

.contact-section .contact-form{
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:15px;	
}

.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: 14px;
    color: #888888;
    line-height: 29px;
    padding: 15px 0px;
    background-color: transparent;
    font-weight: 400;
    height: 50px;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#92c800;
}

.contact-form .form-group textarea{
	height: 150px;
	resize: none;
}

.contact-form .form-group button{
	line-height: 25px;
	padding: 10px 35px;
	margin-top: 25px;
	font-size: 16px;
	text-transform: capitalize;
}

/*== Map Column ===*/
.contact-section .map-column{
	position: absolute;
	right: 25%;
	width: 35%;
	height: 100%;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.contact-section .map-column .map-outer{
	position: absolute;
	height: 100%;
	width: 100%;
}

.contact-section .map-column .map-canvas{
	position:absolute;
	height: 100%;
	width: 100%;
}

/*== Info Column ===*/

.contact-section .info-column{
	position: relative;
	float: right;
	width: 25%;
	margin-left: 35%;
	background-color: #88c630;
	z-index: 9;
}

.contact-section .info-column .inner-column{
	position: relative;
	padding: 120px 15px;
	max-width: 300px;
	margin: 0 auto;
}

.contact-section .contact-info-box{
	position: relative;
	margin-bottom: 60px;
}

.contact-section .contact-info-box:last-child{
	margin-bottom: 0;
}

.contact-section .contact-info-box .inner-box{
	position: relative;
	padding-left: 45px;
}

.contact-section .contact-info-box .icon{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 24px;
	line-height: 1em;
	color: #333333;
	margin-bottom: 20px;
}

.contact-section .contact-info-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-section .contact-info-box ul{
	position: relative;
}

.contact-section .contact-info-box ul li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.contact-section .contact-info-box ul 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;
}

.contact-section .contact-info-box ul li a:hover{
	color: #222222;
}

.contact-section .contact-info-box.follow-us h4{
	margin-left: -40px;
}

.contact-section .contact-info-box.follow-us ul li{
	display: inline-block;
}

/*=== Social Icon Two ===*/

.social-icon-two{
	position: relative;
	display: block;
}

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

.social-icon-two li:last-child{
	margin-right: 0;
}

.social-icon-two li a{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 30px;
	color: #e8e8e8;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color: #222222;
}

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

.contact-section.style-two .info-column{
	float: none;
	margin-left: 0;
}

.contact-section.style-two .map-column{
	width: 100%;
	height: auto;
	left: 0;
	right: auto;
	position: relative;
}

.contact-section.style-two .form-column .inner-column{
	max-width: 970px;
}

/***

==================================================================
				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: #ffffff;
	opacity: .80;
	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:#333333;
	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: #888888;
	font-weight: 400;
	margin-bottom: 25px;
}

.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: #333333;
	font-weight: 400;
}

.main-footer .about-widget .social-links li 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;
}

.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: #888888;
	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: inline-block;
	color: #888888;
	-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;
}

.main-footer .quick-widget{
	position: relative;
	padding-left: 30px;
}

.main-footer .quick-widget .list li:before{
	content: "\f101";
	font-size: 13px;
}

/*=== Popular Posts ===*/

.popular-posts{
	position: relative;
}

.popular-posts .post{
	position: relative;
	min-height: 80px;
	padding-left: 115px;
	border-bottom: 1px solid #dddddd;
	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: #333333;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

.popular-posts .post h4 a{
	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;
}

.popular-posts .post h4 a:hover{
	color: #7abf18;
}

.popular-posts .post .date{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 24px;
	color: #888888;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	text-align: center;
}

.main-footer .footer-bottom:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	max-width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #dddddd;
	content: "";
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	padding:25px 0;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a{
	color: #888888;
}

.main-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

/***

==================================================================
				Main Footer Style Two
==================================================================

***/

.main-footer.style-two{
	position: relative;
}

.main-footer.style-two:before{
	background-image: url(../images/icons/footer-bg.jpg);
	background-repeat: repeat;
	background-position: center;
	opacity: 1;
}

.main-footer.style-two .about-widget .social-links li a{
	color: #888888;
}

.main-footer.style-two .popular-posts .post h4,
.main-footer.style-two .popular-posts .post h4 a,
.main-footer.style-two .widget-title{
	color: #ffffff;
}

.main-footer.style-two .about-widget .social-links li a:hover,
.main-footer.style-two .popular-posts .post h4 a:hover{
	color: #7abf18;
}

.main-footer.style-two .popular-posts .post{
	border-color: #333333;
}

.main-footer.style-two .footer-bottom:before{
	background-color: #222222;
	height: 100%;
	max-width: 100%;
}

/***

==================================================================
		Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-page-container .sidebar{
	padding-left: 30px;
}

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

.sidebar .search-box.style-two .form-group input[type="text"],
.sidebar .search-box.style-two .form-group input[type="search"]{
	height: 50px;
	line-height: 50px;
}

.sidebar .search-box.style-two .form-group input[type="submit"],
.sidebar .search-box.style-two .form-group button{
	background-color: #7abf18;
	color: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

/*=== 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: 110px;
	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%;	
    -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 .gallery-widget .gallery-outer .image:hover img{
	opacity: .70;
}

.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:30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #cccccc;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
	padding-bottom: 0;
	border:0px;
}

.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{
	line-height:1em;
}

.sidebar .related-posts .post .rating .fa{
	position:relative;
	display:inline-block;
	font-size:13px;
	line-height:20px;
	color:#7abf18;
}

.sidebar.shop-sidebar{
	padding: 0;
}

.our-shop .styled-pagination{
	margin-top:40px;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 60px;
}

.group-title h4{
	position: relative;
	display: block;
	font-size: 30px;
	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:20px;
	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 Section
==================================================================

***/

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

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

.shop-upper-box .items-label{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #848484;
	padding: 10px 0;
}

.shop-upper-box .items-label span{
	color: #222222;
}

.shop-upper-box .sort-by{
	position: relative;
}

.sort-by .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	height:50px;
	width:100%;
	min-width: 220px;
	line-height:26px;
	text-align: left;
	padding:10px 20px;
	font-size: 15px;
	border: 1px solid #888888;
	color: #222222;
	font-weight: 400;
	text-transform:capitalize;
	background:#ffffff;
}

.sort-by .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#43c3ea;	
}

.sort-by .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#222222;
	line-height:20px;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #7abf18;
	border-color:#7abf18;
}

.shop-page-section .product-block{
	position: relative;
	margin-bottom: 60px;
}

.shop-page-section .product-block .btn-box a{
	line-height: 20px;
	padding: 15px 30px;
	font-size: 14px;
}

/***

==================================================================
		Product Detail
==================================================================

***/

.product-details .basic-details{
	position:relative;
	margin-bottom:50px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:30px;
}

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

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:30px;
}

.product-details .basic-details .details-header h4{
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	color:#333333;
	margin:5px 0px 12px;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;	
}

.product-details .basic-details .details-header .item-price{
	font-size:20px;
	font-weight:400;
	color:#7abf18;
	line-height:30px;
	margin-bottom: 5px;
}

.product-details .basic-details .details-header .item-price del{
	font-size: 16px;
	color: #888888;
	font-weight: 400;
	margin-right: 5px;
}

.product-details .basic-details .details-header .rating{
	font-size:14px;
	color:#ffb200;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
	display:inline-block;
	color:#777777;
	font-size: 14px;
	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:#888888;	
}

.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{
	color:#888888;
	font-size:15px;
	font-weight:400;
	line-height:30px;	
	margin-bottom: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-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{
	margin-left: 25px;
}

.comments-area.style-two{

}

.comments-area.style-two .comment-box{
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	padding: 20px 20px;
}

.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-box .author-thumb img{
	border: 0;
}

.comments-area.style-two .comment-info{
	font-size: 16px;
	line-height: 20px;
	font-family: "Lora", sans-serif;
	font-weight: 700;
	color: #333333;
	margin-bottom: 8px;
}

.comments-area.style-two .comment-info span{
	font-size: 14px;
	color: #888888;
	margin-left: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.comments-area.style-two .comment-box .rating{
	font-size: 11px;
	line-height: 10px;
	color: #7abf18;
	margin-bottom: 8px;
}

.comments-area.style-two .comment-box .text{
	font-size: 13px;
	color: #888888;
	line-height: 24px;
}

.shop-single .product-details .prod-tabs{
	position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	font-size:16px;
	background:#eeeeee;
	color:#333333;
	font-weight:600;
	line-height:24px;
	cursor:pointer;
	border: 1px solid #dddddd;
	font-family: "Lora", sans-serif;
	text-transform: uppercase;
	padding:15px 30px 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:#333333;
	background:#ffffff;
}

.shop-single .product-details .prod-tabs .tabs-content{
	position:relative;
	border: 1px solid #dddddd;
	padding: 50px 30px;
}

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

/*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:0px;
	display:inline-block;
	font-weight: 400;
	font-size: 13px;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#333333;
	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;
	padding: 15px 40px;
	line-height: 30px;
	font-size: 16px;
	margin-top:10px;
	font-family: "Roboto", sans-serif;
	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:#7abf18;
	color:#ffffff;
	border:1px solid #ebebeb;
	font-family: "Lora", sans-serif;
}

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

.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;
	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:600;
	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;
	font-weight: 600;
	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:600;
}

.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;
	text-transform:capitalize;
	background-color:#333333;
	font-family: 'Lora', 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:#7abf18;
}

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

.cart-section .coupon-btn{
    padding:13px 40px;
    line-height: 24px;
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	background-color:#333333;
	text-transform:capitalize;
	font-family: 'Lora', 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:#7abf18;
}

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

.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:400;
	text-transform:capitalize;
}

.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 40px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	background-color:#333333;
    text-transform: capitalize;
    font-family: 'Lora', 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: #7abf18;
}

.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:#7abf18;
	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 40px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	margin-top:6px;
    text-transform: capitalize;
	background-color:#333333;
    font-family: 'Lora', 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: #7abf18;
}

/*====================================================================
		CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:100px 0px 50px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;	
}

.checkout-page .default-links li{
	font-size:16px;
	line-height:24px;
	padding:25px 25px;
	font-weight: 400;
	color:#888888;
	background-color :#eeeeee;
	margin-bottom: 20px;
}

.checkout-page .default-links li .fa{
	position:relative;
	font-size:24px;
	line-height: 25px;
	font-weight: 400;
	color:#7abf18;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#333333;
	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: 30px;
	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:#333333;	
	font-size:14px;
	font-weight:400;
	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: 30px;
	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 :#7abf18;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
	padding: 0;
}

.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 :#333333;
}

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

.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:30px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:30px;
}

.login-form{
	position:relative;
	margin-bottom:40px;
	padding:30px 40px 25px;
	background-color:#f5f5f5;
}

.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:#222222;
	font-size:16px;
	font-weight:400;
	margin-bottom:12px;
}

.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:20px;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:15px 36px;
	line-height: 20px;
	color:#ffffff;
	text-transform:uppercase;
}

.login-form .psw{
	position:relative;
	display: block;
	margin-top: -20px;
	color:#222222;
	font-size:16px;
	font-weight:400;
}

.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:900;
	line-height:1em;
}

.error-section .error-title span{
	color: #71b100;
}

.error-section h4{
	color:#333333;
	display: block;
	font-size:36px;
	font-weight:700;
	line-height: 1em;
	text-transform:capitalize;
	margin-bottom: 30px;
}

.error-section .text{
	color:#666666;
	font-size:24px;
	margin-top:18px;
	margin-bottom:40px;
}

.error-section .theme-btn{
	border-radius:5px;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin: 0 5px 10px;
}

/*** 

====================================================================
		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:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: .70;
	content: "";
}

.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:40px;
	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:150px;
	background-color: #ffffff;
	text-align:center;
	display:inline-block;
	color:#7abf18;
	font-size:20px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:40px;
}

.time-counter .time-countdown .counter-column .count{
	position:relative;
	display:block;
	font-size:60px;
	line-height:40px;
	padding:40px 0px 15px;
	color:#222222;
	letter-spacing:1px;
	font-weight:700;
	font-family: "Lora", sans-serif;
}

.coming-soon .emailed-form .form-group{
	position:relative;
	display:block;
	max-width:500px;
	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:#ffffff;
	overflow:hidden;
	padding:20px 30px 20px;
	text-align: center;
	background:rgba(0,0,0,0.60);
	border: 1px solid rgba(255,255,255,.20);
	-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: relative;
	display: block;
	width: 100%;
	margin-top: 10px;
	line-height:20px;
	padding: 20px 40px;
	font-size:18px;
	font-weight:600;
	text-align:center;
}

.ser a:hover{
	color:#000;
}















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

.contact-section .title-text{
	position:relative;
	font-size:18px;
	line-height:1.6em;
	margin-bottom:40px;
	color:rgba(0,0,0,0.70);
}

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

.contact-info .inner{
	position:relative;
	padding:35px 20px;
	text-align:center;
	min-height:272px;
	border:1px solid #ececec;
}

.contact-info .inner .icon-box{
	position:relative;
	color:#38bd0d;
	font-size:34px;
	line-height:1em;
}

.contact-info .inner h3{
	position:relative;
	font-size:24px;
	font-weight:700;
	color:#212121;
	margin:12px 0px;
	text-transform:capitalize;
}

.contact-info .inner .text{
	margin-bottom:10px;
}

.contact-info .inner .social-icon-three a{
	font-size:20px;
	margin:0px 10px;
	line-height:20px;
}

.new-style{
	 min-height: 272px;
}












.example3 {
	border: 1px solid;
    padding: 22px;
    box-shadow: inset -2px -2px 18px #7abf18;
  }











  .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:#121212;
}

.map-canvas{
	height:400px;
}

.map-section{
	position:relative;
}

.map-section .column{
	position:relative;
	margin-bottom:40px;
}

.map-section .contact-from-column .form-inner{
	padding-left:40px;
}

.map-section .column h2{
	margin: 0 0 0 146px;
	position:relative;
	font-size:42px;
	font-weight:700;
	color:#212121;
	margin-bottom:15px;
}

.map-section1 .column h2{
	margin: -673px 0 0 897px;
	position:relative;
	font-size:42px;
	font-weight:700;
	color:#212121;
	margin-bottom:15px;
}










* {
	box-sizing: border-box;
  }
  
  input[type=text], select, textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
  }
  
  label {
	padding: 12px 12px 12px 0;
	display: inline-block;
  }
  
  input[type=submit] {
	      margin: 0px 0 2px 317px;

	background-color: #7abf18;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
  }
  
  input[type=submit]:hover {
	background-color: #45a049;
  }
  
  .container {
	margin: -575px 0 0 634px;
	max-width: 700px;
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
  }
  
  .col-25 {
	float: left;
	width: 13%;
	margin-top: 6px;
  }
  
  .col-75 {
	float: left;
	width: 75%;
	margin-top: 6px;
  }
  
  /* Clear floats after the columns */
  .row:after {
	content: "";
	display: table;
	clear: both;
  }
  
  /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
	.col-25, .col-75, input[type=submit] {
	  width: 100%;
	  margin-top: 0;
	}
  }

  .copyright-text1{
	color: #7abf18;
  }