/* Green Land HTML5 Template */


/************ TABLE OF CONTENTS ***************
1. Import Files
2. Reset
3. Global
4. Section style
5. Divider style
6. Main Header style
7. About style One
8. Work Time Secction
9. Gallery style
10. Service Section
11. FAQ Section
12. Pricing Section 
13. Team style
14. BLog Section
15. Contact Section
16. Sidebar
17. Main Footer
18. Menu style Two
19. Testimonials style Two
20. Sponsors Slider Style
21. Menu style Three
22. Features style One
23. Testimonials style Two
24. Gallery Section
25. Featured Menu Style
26. Gallery Single Item
27. Map Section Style
28. 404 Section Style


1.Import Files
**********************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|PT+Serif');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('stroke-gap-icons.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');
@import url('magnific-popup.css');

/*** 

====================================================================
	2.Reset
====================================================================

 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	3.Global Settings
====================================================================

 ***/
 @import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
body {
	font-family: 'Rubik', sans-serif;
	font-size:16px;
	color:#3f3a36;
	line-height:1.8em;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-size: 2.571em;
    font-family: 'Rubik', sans-serif;
}

h2 {
	font-size: 2.143em

}

h3 {
	font-size: 1.714em

}

h4 {
	font-size: 1.286em;
	letter-spacing: 1px;

}

h5 {
	font-size: 1.143em;
	letter-spacing: 0.5px;

}

h6 {
	font-size: 12px;
	color: #969696;
	font-family: 'Roboto Slab', serif;
	font-weight: 300 !important;
	line-height: 0;
}


h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    color: #8cc63f;
    margin-top: 0px;
    font-style: normal;
    font-weight: 300;
    text-transform: normal;
}


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


a:hover,a:focus{
	text-decoration:none;
	outline:none;
	color: #445b37;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}



input,button,select,textarea{
	font-family:  'Roboto', sans-serif;
}

section {
	overflow: hidden;
}


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

.border-1px {
	border: 1px solid #eee;
}

.img-fullwidth {
	width: 100%;
}

.color-333 {
	color: #333;
}

.bg-color-f8 {
	background-color: #f8f8f8;
}
.text-theme-color {
	color: #8cc63f;
}

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


/*** 

====================================================================
	4.Section title style
====================================================================

***/

.container,
.container-fluid{
	padding-top: 70px;
	padding-bottom: 70px;
}

.section-title {
	padding-bottom: 50px;
}

.section-title span {
	color: #445b37;
}

.section-title h6 {
    text-transform: uppercase;
    letter-spacing: 6.9px;
}

.section-title h2 {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.section-title-icon {
    display: block;
}
.section-title-icon::after, .section-title-icon::before {
    border-bottom: 1px solid #445b37;
    content: "";
    display: inline-block;
    height: 1px;
    margin-top: 0;
    vertical-align: middle;
    width: 100px;
}

.section-title-icon img {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin:0px 10px 0px 15px
}

/*** 

====================================================================
	5.Divider style
====================================================================

***/


.overlayer,
.overlayer-black {
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: top center;
}
.overlayer-black::before {
  background-color: rgba(0, 0, 0, 0.50);
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.overlayer::before {
  background-color: rgba(147, 180, 3, 0.86);
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}


/*** 

====================================================================
	6.Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#8fc849;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	border:1px solid #8fc849;
	line-height:34px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	border-radius:0;
	display: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;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#445b37;
	border: 0;
}

/*** 

====================================================================
	7.Main Header style
====================================================================

***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
}


.main-header .header-top{
	position:relative;
	padding:10px 0px;
	background:#3f3a36;
	color:#dadada;	
}

.header-style-two .header-top{
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.10);	
}

.main-header .header-top a{
	color:#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;	
}

.header-style-one.main-header .header-top a{
	color:#dadada;	
}

.info-nav .icon {
	font-size: 14px;
}

.main-header .info-nav li{
	position:relative;
	display: inline;
	margin-right:25px;
}

.main-header .info-nav li a{
	position:relative;
	line-height:30px;
	font-size:12px;
}

.main-header .info-nav li a .icon{
	line-height:30px;
	padding-left:5px;	
	vertical-align: middle;
}

.main-header .info-nav li a .icon{
	color:#ffd71b;	
}

.theme-green .main-header .info-nav li a .icon{
	color:#445b37;	
}

.theme-green .main-header .info-nav li a .icon{
	color:#8fb349;	
}

.main-header .social-links{
	position:relative;
	font-size:13px;
	text-transform:uppercase;
	margin-left:30px;	
}

.main-header ul li .social-links{
	margin:0px;	
}

.main-header .social-links a{
	position:relative;
	display:inline-block;
	margin-left:10px;
	font-size:13px;
}

.main-header .header-top a:hover{
	color:#ffd71b;	
}

.theme-green .main-header .header-top a:hover{
	color:#445b37;	
}

.theme-green .main-header .header-top a:hover{
	color:#8fb349;	
}

.header-style-one.main-header .header-top{
	color:#dadada;	
}

.main-header .header-top li.dropdown{
	color:#dadada;	
}

.main-header .header-top li .dropdown-menu{
	top:48px;
	border:1px solid #d0d0d0;
	border-top:3px solid #ffd71b;
	padding:0px;
	border-radius:0px;
}


.header-mainbox {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:999;	
}

.header-style-one .header-mainbox{
	background:#445b37;	
}

.header-mainbox .logo {
	position: relative;
	padding: 7.5px 0;
}


.header-mainbox .logo::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1000px;
    z-index: -1;
}

.header-mainbox .logo::after {
    border-radius: 0 50px 50px;
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 70%;
    position: absolute;
    top: 0;
    width: 110px;
    z-index: -1;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.organic-text a.btn {
    background: #3f5e2c;
    padding: 22px 56px;
    margin-top: 44px;
}

.organic-text a.btn:hover {
    background: #8cc63f !important;
    padding: 22px 56px;
    margin-top: 44px;
    color: #fff;
}
.btn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 22px 45px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: .3s;
    vertical-align: middle;
    background: #8cc63f;
    border-radius: 0;
    border: none;
}
.organic-area {
    background-size: cover;
    background-position: center center;
}
.pb-180 {
    padding-bottom: 180px;
}
.pt-165 {
    padding-top: 165px;
}

.header-mainbox .outer-box {
    float: right;	
	float: right;	
    float: right;	
    margin-top: 10px;
}


.header-mainbox .logo-outer {
	position: relative;
}

.fixed-header .header-mainbox{
  position:fixed;
  border-bottom:1px solid rgba(0,0,0,0.20); 
}

.main-header .header-mainbox .logo-outer{
	position:relative;
}

.main-menu{
	position:relative;
}

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

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: 'Roboto Slab', serif;
}

.main-menu .navigation > li{
	position: relative;
	float: left;
	padding: 7px 0;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding:25px 25px;
	color:#FFF;
	font-weight:400;
	font-size:14px;
	line-height:30px;
	text-transform:uppercase;
	opacity:1;
	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:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	color:#ffd71b;
	opacity:1;
}

.theme-green .main-menu .navigation > li:hover > a,
.theme-green .main-menu .navigation > li.current > a,
.theme-green .main-menu .navigation > li.current-menu-item > a{
	color:#8fc849;
}
.theme-green .main-menu .navigation > li:hover > a:after,
.theme-green .main-menu .navigation > li.current-menu-item > a:after {
	content: '.....';
	position: absolute;
	letter-spacing: 4px; 
	left: 0;
	right: 0;
	text-align: center;
	bottom: 10px;

}

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

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:120%;
	width:200px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffd71b;
	border:1px solid rgba(0,0,0,0.50);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.theme-green .main-menu .navigation > li > ul{
	background:#445b37;	
}

.theme-green .main-menu .navigation > li > ul{
	background:#8fb349;	
}

.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(0,0,0,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:13px;
	text-transform:capitalize;
	color:#333333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.theme-green .main-menu .navigation > li > ul > li > a,
.theme-green .main-menu .navigation > li > ul > li > a{
	color:#ffffff;	
}

.main-menu .navigation > li > ul > li:hover > a{
	background:rgba(255,255,255,0.20);
}

 li:hover > a > img{
	background-image: url(images/marcador-branco.png) !important;
}

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

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0px;
	width:200px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffd71b;
	border:1px solid rgba(0,0,0,0.50);
}

.theme-green .main-menu .navigation > li > ul > li > ul{
	background:#445b37;	
}

.theme-green .main-menu .navigation > li > ul > li > ul{
	background:#8fb349;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,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:8px 20px;
	line-height:22px;
	font-weight:400;
	font-size:13px;
	text-transform:capitalize;
	color:#333333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.theme-green .main-menu .navigation > li > ul > li  > ul > li > a{
	color:#ffffff;	
}

.theme-green .main-menu .navigation > li > ul > li  > ul > li > a{
	color:#ffffff;	
}

.main-menu .navigation > li > ul > li  > ul > li:hover > a{
	background:rgba(255,255,255,0.20);
	color:#ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	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:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	background:url(../images/icons/submenu-icon.png) center center no-repeat;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/*** 

====================================================================
	8.Slider Style
====================================================================

 ***/
.slider-title {
    font-size: 72px;
    font-family: 'Rubik', sans-serif;
    color: #FFF;
    line-height: 80px;
}

.main-title {
    font-size: 180px;
    font-family: 'Rubik', sans-serif;
    color: #FFF;
    opacity: 0.15;
    text-transform: uppercase;
    line-height: 48px;
}
.slider-btn {
    color: #fff !important;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    border-radius: 5px;
    background-color: #333;
    padding: 10px 20px;
    text-transform: uppercase;
}

.slider-btn:hover {
    color: #333 !important;
    background-color: #445b37;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    transition:all 500ms ease; 
}


/*** 

====================================================================
	9.About style One
====================================================================

***/

.welcome-title {
	text-align: center;
}

.welcome-title h1 {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
}
.welcome-title h1 span {
	color: #445b37;
}

.theme-btn {
    background-color: #333;
    border-radius: 0px;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 22px;
    font-family: 'Roboto Slab', serif;
}

.theme-btn:hover {
    background-color: #445b37;
    color: #fff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.about-item h5 {
	letter-spacing: 1px;
	margin: 15px 0 5px 0;
	text-transform: uppercase;
}
.about-item h5 a:hover {
	color: #445b37;
}

.about-item .image{
	position:relative;
	overflow:hidden;
}

.about-item .image img{
	position:relative;
	display:block;
	width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.about-item .image .lightbox-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	color:#ffffff;
	background:rgba(147,180,3,0.8);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.about-item .image .lightbox-image span{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-10px;
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	font-size: 30px;
}

.about-item .image:hover .lightbox-image{
	opacity:1;
}


.about-list li {
    padding-top:12px;
    font-style: italic;
    font-family: 'PT Serif', serif;
}

.about-list li:first-child {
    padding: 0;
}

.about-list li i {
    color: #445b37;
    margin-right: 15px;
}


.about-2 li {
    float: left;
    width: 48%;
    margin-right: 10px;
    padding-bottom: 20px;
}

.about-title-2 h6 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 11px;
    font-family:'Roboto Slab',sans-serif;
}
.about-title-2 h1 {
    letter-spacing: 1px;
    text-transform: uppercase;
}
.about-title-2 h1.intro-title {
    font-size: 46px;
    line-height: 1.4em;
}
.bg3 {
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 20px;
}

.contact-img {
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.bg4 {
    background-image: url("images/bg/img-tree.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

.bg4 h2 {
	text-transform: uppercase;
    font-size: 120px;
    color: #F9f9f9;
    position: absolute;
    top: -120px;
    left: 50px;
    font-family:'Roboto Slab',sans-serif;
}

.about-3 {
    background-color: rgba(255,255,255, 0.85);
    padding: 40px;
    -webkit-box-shadow: 1px 2px 7px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 7px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 7px -3px rgba(0,0,0,0.75);
}

.about-3 h3 {
    font-family: 'PT Serif', serif;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
}
.about-3 p {
    margin-top: 12px;
}

.parallux-section  h2 {
    font-family: 'Roboto Slab', serif;
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 30px;
}

.forcefullwidth_wrapper_tp_banner {
	z-index: 0;
}

/*** 

====================================================================
	10.Work Secction
====================================================================

***/

.work {
    position: relative;
}

.work-time .border {
    border: 1px solid #696867;
    padding: 20px;
    padding-left: 40px;
}

.work-time {
    background-color: #3f3a36;
    padding: 30px;
}

.work-time h3 {
    color: #FFF;
    text-transform: uppercase;
    font-family: 'PT Serif', serif;
}

.work-time h3 span {
    color: #445b37;
}

.work-time li {
    color: #FFF;
    padding: 10px;
}

.work-time li:hover {
    background-color: #445b37;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.work-time li span {
    float: right;
    padding-right: 30%;
}

.work-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -60px;
}


/*** 

====================================================================
	11.Service Section
====================================================================

***/

.service-item h5 {
	margin: 15px 0 5px 0;
	text-transform: uppercase;
}



.service-item:hover h5 a {
	color: #445b37;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-1 {
    position: relative;
}
.border-nn {
    position: absolute;
    top: 12%;
    border: 1px solid #445b37;
    width: 70%;
    left: 25%;
    height: 100%;
}

.services-details .content p {
    margin-top: 20px;
}

.service-1 h4 {
    color: #445b37;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'PT Serif', serif;
}
.service-1 h6 {
    color: #bcbcbc;
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    margin-top: 40px;
}
.border-width {
    border-bottom: 1px solid #445b37;
    width: 260px;
    position: absolute;
    left: -28%;
    top: 27%;
}


.vertical-tab .nav-tabs > li {
  float: none;
  margin-bottom: 0;
}

.vertical-tab .nav-tabs>li>a {
    margin-bottom: 5px;
    background-color: #f4f6f8;
    color: #838383;
    border-radius: 0;
    font-weight: 300;
    font-style: italic;
}

.vertical-tab .nav-tabs>li>a span {
    font-size: 15px;
    margin-right: 10px;
}

.vertical-tab .nav-tabs>li.active>a,
.vertical-tab .nav-tabs>li.active>a:focus,
.vertical-tab .nav-tabs>li.active>a:hover,
.vertical-tab .nav-tabs>li>a:hover,
.vertical-tab .nav-tabs>li>a .active,
.vertical-tab .nav-tabs>li>a:focus
 {
    background-color: #445b37;
    color: #FFF;
}
.vertical-tab .nav-tabs {
    border-bottom:0;
}

/*** 

====================================================================
	12.FAQ Section 
====================================================================

***/

.faq-default-content.faq-content {
  margin-top: -10px;
}
.faq-content .panel-group .panel {
  border-radius: 0;
  margin-top: 10px;
}
.faq-content .panel-group .panel {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 10px;
}
.faq-content .panel-group .panel.panel-default {
  border: medium none;
}
.faq-content .panel-group .panel.panel-default .panel-heading {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e6e8ed;
  height: 47px;
  padding: 15px 0;

}
.faq-content .panel-group .panel.panel-default .panel-heading .panel-title a {
  color: #333;
  display: block;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  padding-left: 65px;
  line-height: 1.6;
  position: relative;
}
.faq-content .panel-group .panel.panel-default .panel-heading .panel-title a::after {
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 20px;
  height: 47px;
  left: -1px;
  padding: 9px 15px;
  position: absolute;
  top: -16px;
  width: 47px;
  background: #445b37;
}
.faq-content .panel-group .panel.panel-default .panel-heading .panel-title a.collapsed:after {
  border: 1px solid #e6e8ed;
  border-right: 0;
  color: #445b37;
  content: "";
  font-family: fontawesome;
  font-size: 20px;
  height: 47px;
  left: -1px;
  padding: 9px 15px;
  position: absolute;
  top: -16px;
  width: 47px;
  background: #FFF;
}


.faq-content .panel-group .panel.panel-default .panel-collapse .panel-body {
  border-top-color: #fff;
  padding-bottom: 14px;
  padding-left: 65px;
  padding-top: 17px;
}
.faq-content .panel-group .panel.panel-default .panel-collapse .panel-body .panel_body_up p {
  color: #8b8b8b;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  font-family: 'Lato', sans-serif;
  font-style: italic;
}
/*** 

====================================================================
	13.pricing Section 
====================================================================

***/
.price-content {
    text-align: center;
    position: relative;
}
.price-table-top  {
    background-color: #445b37;
}

.price-box-price-info p{
    padding: 15px;
    line-height: 30px;
}
.price-table-top h3 {
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24px;
    font-family: 'PT Serif', serif;
}
.price-box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #FFF;
  padding: 40px;
}
.price-box .price {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    font-family: 'PT Serif', serif;
}
.price-box p {
    background-color: rgba(63,58,54,0.8);
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    overflow: hidden;
    margin-bottom: 0;
    padding:10px 20px;
    border-radius: 5px;
    font-family: 'Roboto Slab', serif;
}


.price-box span.symbol {
    position: absolute;
    left: 33%;
    top: 100px;
}


/*** 

====================================================================
	14.Progress Levels Section
====================================================================

 ***/

.progress-levels {
	margin-top: 20px;
	margin-bottom: 20px;
}

.progress-levels .progress-box{
	position:relative;
	margin-bottom:25px;
	overflow:hidden;	
}

.progress-levels .progress-box:last-child{
	margin-bottom:0px;	
}

.progress-levels .progress-box:last-child{
	margin-bottom:0px;	
}

.progress-levels .progress-box .box-title{
	position:relative;
	font-size:18px;
	line-height:24px;
	color:#181818;
	text-transform:capitalize;
	margin-bottom:16px;
	font-family: 'Raleway', sans-serif;
}

.progress-levels .progress-box .bar{
	 position:relative;
	 height:10px;
	 background:#eeeeee;	
}

.progress-levels .progress-box .bar .bar-innner{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:4px;
}

.progress-levels .progress-box .bar .bar-fill{
	position:absolute;
	left:-100%;
	top:0px;
	width:0px;
	height:10px;
	background:#445b37;
	-moz-transition:all 2000ms ease 300ms;
	-webkit-transition:all 2000ms ease 300ms;
	-ms-transition:all 2000ms ease 300ms;
	-o-transition:all 2000ms ease 300ms;
	transition:all 2000ms ease 300ms;
}

.progress-levels .progress-box.animated .bar .bar-fill{
	left:0px;	
}

.progress-levels .progress-box .percent{
	position:absolute;
	right:0px;
	top:-40px;
	letter-spacing:0px;
	font-size:18px;
	color:#181818 !important;
	font-family: 'Roboto Slab', serif;
	line-height:24px;
	opacity:0;
	-moz-transition:all 2000ms ease 700ms;
	-webkit-transition:all 2000ms ease 700ms;
	-ms-transition:all 2000ms ease 700ms;
	-o-transition:all 2000ms ease 700ms;
	transition:all 2000ms ease 700ms;
}

.progress-levels .progress-box.animated .percent{
	opacity:1;	
}


.appointment {
  margin-top: 15px;
}
.appointment h2 {
  text-transform: uppercase;
}
.appointment h2 span {
  color: #445b37;
}
.appointment p {
  margin-bottom: 30px;
}

/*** 

====================================================================
	15.Team Section
====================================================================

***/
.team-item h4 a {
    color: #fff;
    font-family: 'PT Serif', serif;
}

.team-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px !important;
}
.team-item p {
    text-transform: uppercase;
    line-height: 16px;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
}

.team-item .img-title {
    background-color: #445b37;
    bottom: 0;
    opacity: 0.9;
    position: absolute;
    display: block;
    width: 100%;
    padding: 10px 20px;
}



.team-item .team-img:before {
	background-color: rgba(0, 0, 0, 0.80);
	content: " ";
	height: 100%;
	left: 0%;
	position: absolute;
	top: -99%;
	opacity: 0;
	width: 100%;
	z-index: 0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
.team-item .team-img:after {
	background-color: rgba(0, 0, 0, 0.80);
	content: " ";
	height: 100%;
	left: 0%;
	position: absolute;
	top: -99%;
	opacity: 0;
	width: 100%;
	z-index: 0;
}
.team-item:hover .team-img:after {
	top: 0;
	opacity: 1;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
/*.team-item:hover .team-img:before {
	top: 0;
	opacity: 1;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}*/


.team-icon {
  position: absolute;
  margin: auto;
  top: -38%;
  left: 36%;
  opacity: 0;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
.team-item:hover .team-icon {
  position: absolute;
  top: 38%;
  left: 36%;
  opacity: 1;
  margin: auto;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

.team-icon ul li {
    display: inline-block;
}

.team-icon ul li a {
    background-color: #333;
    font-size: 22px;
    padding: 5px 8px;
    color: #fff;
}
.team-icon ul li a:hover {
    background-color: #445b37;
    color: #fff;
}


.zeep img {
    position: absolute;
    right: 1%;
    width: 22%;
    top: 25%;
}

.team-content h2 {
	line-height: 1;
	text-transform: uppercase;
}
.team-content h5 {
	color: #445b37;
	font-weight: 300;
	margin-bottom: 20px;
}
.team-content {
	border-left: 1px solid #eee;
	padding-left: 30px;
}

.team-contact  {
	padding-top: 15px;
}
.team-contact ul li a {
	font-size: 24px;
}


/*** 

====================================================================
	16.Fact Counter
====================================================================

***/

.fact-counter{
	position:relative;
}

.fact-counter.overlayer {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.coun-icon {
	float: left;
	font-size: 48px;
	padding-right: 15px;
	padding-top: 15px;
}

.fact-counter .counter-column{
	position:relative;
}

.fact-counter .counter-column:last-child:after{
	display:none;	
}

.fact-counter .counter-column .count-outer{
	font-size:36px;
	margin-bottom:5px;
	font-weight:600;
	font-family: 'Open Sans', sans-serif;
}

.fact-counter .counter-column .count-outer span{
	display:inline-block;
	line-height:40px;		
}

.fact-counter .counter-column .count-outer .icon{
	position:relative;
	top:-3px;
	display:inline-block;
	font-size:40px;
	color:#ffd71b;
	line-height:60px;
	padding-right:20px;
}

.theme-green .fact-counter .counter-column .count-outer .icon{
	color:#445b37;
}

.fact-counter .counter-column .text h4{
	font-size:24px;
	font-family: 'Rubik', sans-serif;
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-weight: bold;
}

.fact-counter.style-two .counter-column .count-outer,
.fact-counter.style-two .counter-column .count-outer .icon,
.fact-counter.style-two .counter-column .text{
	color:#ffffff;	
}


.fact-counter.style-two.extended .sec-title h2{
	color:#ffffff;	
}


/*** 

====================================================================
	17.BLog Section Style
====================================================================

***/
.post-info a {
    color: #bcbcbc;
    font-family: 'Roboto Slab', serif;
}
.post-info a:hover {
    color: #445b37;
}
.post h3 {
    font-family: 'PT Serif', serif;
    line-height: 34px;
    padding-bottom: 10px;
    padding-top: 5px;
    letter-spacing: 0;
}

.post-body {
  display: table-cell;
  padding-left: 20px;
}
.blog-effect {
  float: left;
  clear: both;
}

.post-info a span {
	font-size: 14px;
}

.post figure {
  overflow: hidden;
}

.blog-effect figure {
  position: relative;
}
.blog-effect figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(147,180,3,0) 0%, rgba(147,180,3,.3) 100%);
  background: linear-gradient(to right, rgba(147,180,3,0) 0%, rgba(147,180,3,.3) 100%);
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}
.post:hover .blog-effect figure::before {
	-webkit-animation: shine 2s;
  	animation: shine 2s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}



/*** 

====================================================================
	17.Contact Section
====================================================================

***/

.contact-form h2{
	font-size:30px;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:25px;
	font-weight:700;	
}

.form-control {
    height: 50px;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    background-color: #f6f7f3;
    font-family: 'Roboto Slab', serif;
}
.contact-form h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.contact-1 {
	position: relative;
}

.contact-1 h2,
.contact-2 h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 36px;
    margin-bottom: 20px;
}
.contact-1 h2 span,
.contact-2 h2 span {
    color: #445b37;
}

.contact-item {
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(240,240,240,1);
    box-shadow: 0px 0px 8px 0px rgba(240,240,240,1);
}

.contact-item h5 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact-item .content {
    float: left;
}
.contact-item span {
    font-size: 72px;
    color: #f0f0f0;
    margin-top: 25px;
    float: right;
}



/*** 

====================================================================
	18.Sidebar
====================================================================

***/

.sidebar-title::after {
    border: 1px solid #afafaf;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100px;
}
.sidebar-title {
    padding-bottom: 10px;
    position: relative;
}

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

.sidebar .sidebar-title h2{
	color:#333333;
	font-weight:600;
	text-transform:capitalize;
	font-size:18px;
	font-family: 'Rubik', sans-serif;
}

.sidebar .sidebar-widget{
	position:relative;
	margin-bottom:30px;	
	background-color: #eee;
	padding: 30px;
}

.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;
	line-height:24px;
	padding:10px 50px 10px 20px;
	border:1px solid #e9e9e9;
	background:#ffffff;
	color:#3a3a3a;
	display:block;
	width:100%;
	height:46px;
	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:#445b37;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:46px;
	width:50px;
	line-height:46px;
	text-align:center;
	display:block;
	font-size:15px;
	color:#fff;
	background:#445b37;
}

.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
	background-color:#445b37;
	color:#ffffff;
}

.sidebar .sidebar-title h3{
	font-size:18px;
	color:#2c2c2c;
	font-weight:700;
	text-transform:uppercase;
}

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#cccccc;
	padding:15px 0px;
	padding-left:90px;
	min-height:70px;
}

.sidebar .popular-posts .post:last-child{
	border-bottom:none;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:12px;
	 width:70px;
	background:#333333;	
}

.sidebar .popular-posts .post:hover .post-thumb img{
	opacity:0.50;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
}

.sidebar .popular-posts .post h4{
	font-size:14px;
	margin:0px;
	line-height:1.4em;
	color:#666666;
	font-family:'Roboto',serif;	
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
	color:#445b37;	
}

.sidebar .popular-posts .post h4 a{
	color:#666666;	
}

.sidebar .popular-posts .post-info{
	font-size:14px;
	color:#bcbcbc;
	font-family:'Roboto Slab',serif;	
}

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:5px 18px;
	margin:0px 4px 12px 0px;
	color:#fff;
	background-color: #000;
	text-align:center;
	font-size:14px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	background-color:#445b37;
	color:#fff;	
}

.sidebar .archives-list{
	position:relative;
}

.sidebar .archives-list li{
	position:relative;
	line-height:24px;
	padding:10px 0px;
}

.sidebar .archives-list li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}

.sidebar .archives-list a{
	position:relative;
	display:block;
	color:#666666;
	font-size:14px;
	font-weight:400;
	line-height:24px;
}

.sidebar .archives-list a:hover{
	color:#445b37;
}

.sidebar-widget.search-box span{
	font-size: 16px;
}


.flickr-feed ul li {
  display: inline-block;
  margin-bottom: 4px;
}


/*** 

====================================================================
	19.Main Footer
====================================================================

***/

.main-footer {
	background-color: #3f3a36;
}


.main-footer .footer-1 p {
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main-footer .social li {
    display: inline-block;
    padding-right: 10px;
}

.main-footer .social li a:hover {
    color: #445b37;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
.main-footer .social li a span {
    color: #445b37;
    font-size: 11px;
    text-transform: uppercase;
}
.main-footer h4 {
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 20px;
}

.footer-2 p,
.main-footer h4,
.social li a,
.footer-3 p {
	color: #FFF !important;
}
.footer-2 p { 
	border-bottom: 1px solid #5a5856;
	padding-bottom: 18px;
}

.footer-3 p span {
    color: #8fc849;
    font-weight: 600;
}

.footer-3 p {
	padding-bottom: 5px;
}

.main-footer .copyright {
	text-align: center;
	color: #FFF;
	padding-bottom: 50px;
}
.main-footer .copyright a {
	color: #445b37;
}


/*** 

====================================================================
	20.Home about Two column
====================================================================

***/


.two-col-fluid {
    background-attachment: fixed;
    background-color: rgba(147, 180, 3, 0.86);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: visible;
}
.two-col-fluid::before {
    background-color: rgba(147, 180, 3, 0.86);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.two-col-fluid .auto-container {
    position: relative;
    z-index: 2;
}

.two-col-fluid{
	position:relative;
	padding:50px 0px 50px;
	color:#ffffff;
	background-color:#242424;
}

.two-col-fluid .bg-grey{
	background-color: #fff;
    height: 101%;
    position: absolute;
    right: 153px;
    top: 0;
    width: 23%;
	transform:skewX(-25deg);
	-webkit-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
}
.two-col-fluid .bg-image{
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
}
.two-col-fluid .auto-container{
	position:relative;
	z-index:2;	
}
.auto-container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
    position: static;
}
.zeepimg {
	position: relative;
}
.zeepimg img{    
	left: -34%;
    position: absolute;
    z-index: 111;
    top: -95px;
}


/*** 

====================================================================
	21.Testimonials style Three
====================================================================

***/

.testimonial {
	padding-bottom: 70px;
}
.testimonial-item p {
    font-family: 'Roboto Slab', serif;
    margin-top: 25px;
}


.testimonial-item .content {
    padding-top: 30px;
}

.testimonial-item .content img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    border: 3px solid #c5d67d;
    width: 100px;
    height: 100px;

}
.testimonial-item .content h4 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-top: 17px;
}

.testimonial-item .content p {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #445b37;
    margin-top: 0;
}

.testimonial-item i {
    font-size: 48px;
}

.owl-nav {
    position: absolute;
    bottom: -80px;
}

.owl-next {
	margin-left: 15px;
}
.owl-prev,
.owl-next {
    background: transparent !important;
    border: 1px solid #445b37 !important;
    color: #445b37 !important;
    border-radius: 0 !important;
    padding: 4px 30px !important;
    font-size: 20px !important;
	float: left;
}

.owl-prev:hover,
.owl-next:hover {
    background: #445b37 !important;
    color: #FFF !important;
    border: 1px solid #445b37 !important;
}

/*** 

====================================================================
	22.Gallery Style One
====================================================================

***/

.gallery{
	position:relative;
}

.gallery-title h2 span {
	color: #445b37;
}

.gallery .section-title h2,
.gallery .section-title p {
	color: #fff;
}

.gallery .section-title p {
	margin-bottom: 15px;
}
.bg-light-grey{
	background-color:#f8f8f8;	
}

/* ----------------------------------------------------------------
  portfolio
-----------------------------------------------------------------*/

.portfolio-filter-item {
	padding-bottom: 30px;
}
.portfolio .portfolio-item {
    float: left;
}

.portfolio .portfolio-item .thumb {
    position: relative;
}

.portfolio .portfolio-item .thumb img{
    width: 100%;
    height: auto;
    display: block;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}


.portfolio-item:hover .portfolio-hover .portfolio-description {
    bottom: 45%;
    margin-bottom: -90px;
}

.portfolio-item:hover .portfolio-hover .action-btn {
    top: 40%;
    margin-top: -55px;
}

.portfolio-hover .portfolio-description {
    position: absolute;
    bottom: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}


.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}

.portfolio-description,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
    text-align: center;
    color: #222;
}

.portfolio-description h4 {
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.portfolio-description p {
    font-size:12px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Abel', sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
    color: #757575;
}

.portfolio-description a,
.portfolio-title a {
    color: #757575;
}

/*gutter*/

.portfolio.gutter .portfolio-item {
    padding: 10px;
}


/*portfolio 2 grid*/

.portfolio.col-2 .portfolio-item {
    width: 49.99%;
}


/*portfolio 3 grid*/

.portfolio.col-3 .portfolio-item {
    width: 33.3333333%;
}

/*portfolio 4 grid*/

.portfolio.col-4 .portfolio-item {
    width: 24.98%;
}

/*portfolio 5 grid*/

.portfolio.col-5 .portfolio-item {
    width: 19.99%;
}

/*portfolio 6 grid*/

.portfolio.col-6 .portfolio-item {
    width: 16.666666667%;
}

.portfolio-filter {
    margin:0px;
    padding: 0px;
    list-style: none;
}

.portfolio-filter li {
    display: inline-block;
}

.portfolio-filter li a {
    color: #a9a8a8;
    margin: 0 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}


.portfolio-filter li a:hover,
.portfolio-filter li.active a{
    color: #222222;
}


.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    border: medium none;
    outline: medium none;
}
.flex-control-nav {
    border: medium none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.flex-direction-nav {
    display: none;
}
.flexslider {
    margin: 0;
    padding: 0;
    position: relative;
}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
}
.flex-control-nav {
    bottom: 15px;
    margin: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    z-index: 10;
}
.flex-control-nav li {
    display: block;
    float: left;
    height: 10px;
    margin: 0 3px;
    width: 10px;
}
.flex-control-nav li a {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    text-indent: -9999px;
    transition: all 0.3s ease-in-out 0s;
    width: 10px;
}
.flex-control-nav li:hover a, .flex-control-nav li a.flex-active {
    background-color: #fff;
}
.flex-direction-nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.flex-direction-nav {
}
.flex-direction-nav a {
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: -40px 0 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
    width: 40px;
    z-index: 200;
}
.flex-direction-nav a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.flex-direction-nav a::before {
    color: #fff;
    content: "";
    display: block;
    font-family: "fontawesome";
    font-size: 16px;
    text-align: center;
    width: 40px;
}
.flex-direction-nav a.flex-next::before {
    content: "";
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
}
.post-slider-thumb .flex-control-thumbs {
    left: auto;
    margin: 0 auto;
    position: relative;
    right: auto;
    text-align: left;
    top: 10px;
    z-index: 10;
}
.post-slider-thumb .flex-control-thumbs li {
    cursor: pointer;
    display: inline-block;
    float: none;
    height: auto;
    margin: 0 3px 0 0;
    width: 80px;
}
.post-slider .flex-direction-nav, .post-slider-thumb .flex-direction-nav {
    display: block;
}
.post-slider .flex-direction-nav .flex-prev, .post-slider .flex-direction-nav .flex-next, .post-slider-thumb .flex-direction-nav .flex-prev, .post-slider-thumb .flex-direction-nav .flex-next {
    opacity: 0;
}
.post-slider:hover .flex-direction-nav .flex-prev, .post-slider:hover .flex-direction-nav .flex-next, .post-slider-thumb:hover .flex-direction-nav .flex-prev, .post-slider-thumb:hover .flex-direction-nav .flex-next {
    opacity: 1;
}
.post-list-aside .post-img img {
    border: 2px solid transparent;
}
.post-list-aside .post-img img.flex-active {
    border: 2px solid rgba(0, 0, 0, 0.8);
}
.post-slider .flex-control-thumbs {
    display: none;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev, .post-slider .flex-direction-nav .flex-prev, .post-slider-thumb .flex-direction-nav .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav .flex-next, .post-slider .flex-direction-nav .flex-next, .post-slider-thumb .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
}
}



/* ----------------------------------------------------------------
  portfolio with title
-----------------------------------------------------------------*/


.portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {
    top: 58%;
    margin-top: -45px;
}

.portfolio-with-title .portfolio-title {
    padding: 15px 0px;
}

.portfolio-with-title .portfolio-title h4,
.portfolio-with-title .portfolio-title h4 a {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#222
}

.portfolio-with-title .portfolio-title h3,
.portfolio-with-title .portfolio-title h3 a {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#222
}

.portfolio-with-title .portfolio-title p {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Abel', sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    color: #7e7e7e;
}


.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px;
}


.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0;
}

/* ----------------------------------------------------------------
  portfolio masonry
-----------------------------------------------------------------*/


.portfolio-masonry {

}

/* clear fix */
.portfolio-masonry:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.portfolio-masonry .portfolio-item {
    float: left;
}

.portfolio-masonry .portfolio-item-width2 { width: 200px; }
.portfolio-masonry .portfolio-item-height2 { height: 200px; }



/* ----------------------------------------------------------------
  Isotope Filtering
-----------------------------------------------------------------*/


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/*Isotope CSS3 transitions */

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/*disabling Isotope CSS3 transitions */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}




.title-portfolio .portfolio-title {
    background-color: #000;
    padding: 20px;
}

.title-portfolio .portfolio-title h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "PT Serif", serif;
}

.title-portfolio .portfolio-title p a,
.title-portfolio .portfolio-title h4 a {
	color: #fff;
}
.title-portfolio .portfolio-title p {
    font-size: 9px;
    font-family: "Roboto Slab", serif;
    letter-spacing: 2px;
}
.title-portfolio .portfolio-title .zoom-btn {
    position: absolute;
    right: 30px;
    bottom: 15%;
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgb(26, 26, 26);
    font-size: 14px;
    color: #445b37;
}

.title-portfolio .portfolio-item:hover .portfolio-title {
	background-color: #445b37;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.title-portfolio .portfolio-item:hover .portfolio-title p a {
	color: #333;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.title-portfolio .portfolio-item:hover .portfolio-title .zoom-btn {
	color: #FFF;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.title-portfolio .portfolio-title .zoom-btn:hover span:before {
    color: #333;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.title-portfolio .portfolio-hover {
    border: 0;
} 


.overlayer-black .section-content {
	position: relative;
	clear: both;
}
.overlayer-black .portfolio-filter li a {
	color: #fff;
}
.overlayer-black .portfolio-filter li a:hover,
.overlayer-black .portfolio-filter li.active a{
    color: #445b37;
}


/*  portfolio style two  */

.portfolio-style-two .portfolio-description h4{
  font-size:18px;
  text-transform:uppercase;
  font-family: 'PT Serif', serif;
  letter-spacing: 1px;
}
.portfolio-style-two .portfolio-description p {
  font-size:10px;
  text-transform:uppercase;
  font-family:'Roboto Slab',sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  font-style: italic;
}
.portfolio-style-two .portfolio-description p a{
  color:#333;
}


.portfolio-style-two .portfolio-description h4 a{
  color:#ffffff;  
	color:#ffffff;
  color:#ffffff;  
}

.portfolio-style-two .action-btn i:before {
  font-size: 48px;
  color: #fff;
}
.portfolio-style-two .portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 0;
    transform: scale(0);
    opacity: 0;
    background-color: rgba(115,167,2,0.70);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.portfolio-style-two .portfolio-item:hover .portfolio-hover .action-btn {
  top: 42%
}
.portfolio-style-two .portfolio-item:hover .portfolio-hover {
    transform: scale(1);
    opacity: 1;
}


/*** 

====================================================================
	23.Gallery style Two
====================================================================

***/

/*** 

====================================================================
	24.Featured Menu Style
====================================================================

***/
.featured-box i {
    font-size: 45px;
    float: left;
    margin-right: 20px;
}

.featured-box h5 {
    margin-top:11px;
    text-transform: uppercase;
}

.featured-box p {
    margin-top: 15px;
    color: #bcbcbc;
    padding-bottom: 10px;
}

.featured-box {
    padding:38px 10px 5px 25px;
    background: #FFF;
    margin-bottom: 30px;
}

.featured-box:hover i {
    color: #445b37;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}


.featured-box:hover {
    -webkit-box-shadow: 1px 2px 7px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 7px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 7px -3px rgba(0,0,0,0.75);
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	border-left: 1px solid #445b37;
}


.featured-title h2 {
    font-family: 'Rubik', sans-serif;
    color: white;
    text-transform: uppercase;
    line-height: 42px;
}

.featured-title h2 span {
	color: #333;
}

.featured-title p {
    color: white;
    font-size: 13px;	
    font-family: 'Roboto Slab', serif;
}

.featured-icon {
    margin-top: 30px;
    text-align: center;
}
.featured-icon span {
    font-size: 30px;
    color: #fff;
}
.featured-icon h4 {
    font-size: 20px;
    color: #fff;
    font-family: 'PT Serif', serif;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0;
}

.featured-icon h4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
    width: 65px;
    height: 1px;
    background: #FFF;
}
.featured-icon h4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
    width: 35px;
    height: 1px;
    top: 45px;
    background: #FFF;
}

.icon-box li {
    padding-right: 15px;
    padding-left: 0;
}


.featured-icon:hover span,
.featured-icon:hover h4 {
	color: #222;
	cursor: pointer;
	transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;

}
.featured-icon:hover h4:before,
.featured-icon:hover h4:after {
	background-color: #222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


/*** 

====================================================================
	25.404 Section Style
====================================================================

***/

.error li h2 {
    font-size: 200px;
    letter-spacing: 1px;
    line-height: 1;
}

.error ul .zero {
    font-size: 72px;
    font-style: italic;
    background-color: #445b37;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    padding-top: 50px;
    vertical-align: text-bottom;
    font-weight: 300;
    font-family: 'Playfair Display', serif;
}
.error h3 {
    font-size: 48px;
    color: #445b37;
    font-style: italic;
    font-weight: 300;
    font-family: 'Playfair Display', serif;
}

/*** 

====================================================================
	26.inner Page style
====================================================================

***/
.inner-title h2 {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.3;
}

.inner-title p {
    color: #fff;
    font-family: 'Roboto Slab', serif;
}

 .inner-blog-grid .post {
    padding-bottom: 30px;
}

.inner-blog-grid .post .post-info {
	margin-top: 20px;
}
.inner-blog-grid .post .post-body {
	padding-left: 0;
}

.inner-about .service-item img {
    float: left;
    width: 70px;
    height: 70px;
}

.inner-about .service-item .content {
    padding-left: 100px;
}

.inner-about .service-item {
    padding-bottom: 30px;
}

.inner-blog-single .post-title h3 {
    font-weight: 300px;
    font-family: 'Rubik', sans-serif;
}

.my-2{
    margin-top: 8px;
    margin-bottom: 8px;
}

.post-title{
    color: #000 !important;
}

.inner-blog-single .media-left {
	padding-right: 30px;
}

.post .media-left {
	overflow: hidden; 
}

.post .media-left img {
	transition: all .2s ease-in-out;
}


.post:hover .media-left img {
	transform: scale(1.1);
}	



.inner-blog-single .post h3 {
    font-weight: 400px;
}

.inner-blog-single .post .post-italic {
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    color: #333;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
}

blockquote {
    background-color: #f5f2eb;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 30px 17px;
    border-left: 0px;
    font-family: 'PT Serif', serif;
    font-weight: 600;
}

.inner-blog-single .post-list li i {
    color: #445b37;
    margin-right: 15px;
}

.inner-blog-single .post-list {

    font-size: 14px;
}
.inner-service .about-item {
                margin-bottom: 30px;
            }

.comment-heading {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: 400;
}

.inner-blog-single .comment-info p {
    font-family: 'Roboto Slab', serif;
    font-size: 11px;
    letter-spacing: 2px;
}

.inner-blog-single .post-share-options .social-posts {
    font-family: 'Lato', sans-serif;
    color: #bcbcbc;
}

.inner-blog-single .social-posts a span {
    color: #bcbcbc;
    padding: 10px;
    
    width: 32px;
    height: 32px;
}

.inner-blog-single .social-posts a span:hover {
    color: #fff;
    background-color: #445b37;
    border-radius: 50%;
    line-height: 11px;
    text-align: center;
}

.inner-blog-single .inner-media {
    border-radius: 50%;
}

.inner-blog-single .post-body {
	padding-left: 0;
}

#contact_form span {
    color: #445b37;
}

.inner-service .about-item {
 padding-bottom: 30px;
}

.pln {
	padding-left: 0;
}
.prn {
	padding-right: 0;
}
.ptn {
	padding-top: 0;
}
.pbn {
	padding-bottom: 0;
}

.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}


.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}


.prn {
	padding-right: 0;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.pr50 {
	padding-right: 50px;
}



.pln {
	padding-left: 0;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}



.mln {
	margin-left: 0;
}
.mrn {
	margin-right: 0;
}
.mtn {
	margin-top: 0;
}
.mbn {
	margin-bottom: 0;
}


.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}



.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}




.mrn {
	margin-right: 0;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}



.mln {
	margin-left: 0;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}


/*aqui*/
.about-text{}
.about-text span {
	font-size: 16px;
	color: #6a6a6a;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: inline-block;
	position: relative;
	padding-left: 70px;
}
.about-text span::before {
	position: absolute;
	height: 2px;
	width: 50px;
	content: "";
	background: #8cc63f;
	left: 0;
	top: 12px;
}
.about-text h1 {
	font-size: 60px;
	color: #000;
	line-height: 70px;
	font-weight: 300;
	margin-top: 22px;
	margin-bottom: 36px;
}
.about-text p {
	margin-bottom: 0;
	padding-right: 33px;
}
.about-text a.btn {
	color: #222;
	border: 2px solid #8cc63f;
	background: none;
	padding: 21px 50px;
	margin-top: 45px;
	transition:.3s;
}
.about-text a.btn:hover{color:#fff;}

.img-fluid{
    width: 100%
}
.about-info {
	margin-top: 63px;
}
.about-info h1 {
	font-size: 48px;
	line-height: 50px;
	font-weight: 300;
	margin-bottom: 34px;
}
.about-info span {
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin-bottom: 20px;
	display: inline-block;
}
.about-info p {
	margin-bottom: 0;
}