/*------------------------------------------------------------------
[Table of contents]

1. Body ( Main CSS styles are here )

2. Header ( CSS styles for header & slider )

3. About ( CSS styles for about section )

4. Services ( CSS styles for services section )

5. Portfolio ( CSS styles for portfolio section )

6. Blog ( CSS styles for blog section & for blog pages )

7. Testimonial ( CSS style for testimonial section )

8. Contact ( CSS style for contact section & for footer )

-------------------------------------------------------------------*/

/* MODIFICACIONES */
.catego-item{
	list-style: none;
	padding-top: 15px;
	padding-bottom:10px;
	border-bottom: 1px solid gray;
	padding-left: 10px;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}

.catego-item:hover{
	background-color: rgb(240, 240, 240);
}

.catego-item a{
	color: rgb(16, 160, 16);
}

.nota-link{
	padding-top: 10px;
	color: rgb(16, 160, 16);
}

.social-sharing{
	transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

#fb-share:hover, #wa-share:hover, #tw-share:hover{
	color: rgb(90, 90, 90);
	background-color: rgb(233, 230, 230);
}

#fb-share{
	background-color: #3b5998;
	color: white;
}

#wa-share{
	background-color: #00bb2d;
	color: white;
}

#tw-share{
	background-color: #00acee;
	color: white;
}

.sintesis{
	font-style: italic;
}

@media  screen and (max-width: 400px){
	h2{
		font-size: 32px !important;
	}
}
/* ================ Site Styles ================ */
body{
    padding:0px!important;
	font-family: 'Lato', sans-serif;
	position: relative;
}

/* Preloader */
#preloader {
	position:fixed;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background: #fff url(../images/4.jpg) no-repeat;
	background-size:cover;
	z-index:999999;
	text-align:center;
}
.preloader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 3;
	text-align:center;
}

.pre-circle {
	width:100%;
	text-align:center;
	position:relative;
	top:-50px;
}

#preloader p {
  color: #656565;
  font-size: 30px;
  text-align:center;
  position:relative;
  top:130px;
}


#preloader .rotate{
  animation-timing-function: linear;
  -webkit-animation: rotate 5s infinite; /* Chrome, Safari, Opera */ 
   animation: rotate 5s infinite;
  
  margin:0 auto;
}
#preloader .double{
  border: 7px solid #fff;
  border-color: #6dbd63 #656565;
  width: 200px;
  height: 200px;
  border-radius: 300px;
  display: block;
}

@-webkit-keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.pre-circle i{
	position:relative;
	top:12px;
	padding-right:5px;
	font-size:40px;
	color:#d86838;
}

.pre-circle .pre-text{
	font-family: 'Alfa Slab One', cursive;
	color:#656565;
	font-size:32px;
	padding-top:30px;
}

a:hover{
	text-decoration:none;
}

.color{
	color:#6dbd63;
}

.divider-1{
	display:block;
	border-top:1px solid #eeeeee;
	float:left;
	width:100%;
	text-align:center;
	position:relative;
}

.divider-1 span {
	display:inline-block;
	position:relative;
	color:#e2e2e2;
	bottom:9px;
	background:#fff;
	transition:.5s;
}

.divider-1:hover span{
	color:#6dbd63;
	transition:.5s;
	 
}

.divider-1:hover span .fa-heart-o:before{
	content: "\f004";
	font-family: 'FontAwesome';
}

.top-nav{
	position:absolute;
	z-index:3;
	top:40px;
	width:100%;
}

.top-nav .navbar-default{
	width:100%;
	float:right;
	background:none;
}

.top-nav .navbar-default .nav{
	float:right;
}

.top-nav .navbar-default .nav a{
	color:#676e62;
	padding:10px 18px;
	/* font-family: 'Alfa Slab One', cursive; */
	margin-left:5px;
    text-transform: uppercase;
}

.top-nav .top-logo{
	padding-top:5px;
}

.links {
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.links:before, .links:after {
  content: "";
  display: table;
}
.links:after {
  clear: both;
}

.link-effect-9 a {
  position: relative;
  -moz-transition: 0.3s ease-out 0.1s;
  -o-transition: 0.3s ease-out 0.1s;
  -webkit-transition: 0.3s ease-out;
  -webkit-transition-delay: 0.1s;
  transition: 0.3s ease-out 0.1s;
}
.link-effect-9 a::after {
  height: 2px;
  width: 100%;
  background: #676e62;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.link-effect-9 a:hover::after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*-- Slider --*/
.tp-banner-container{
	position:absolute;
	z-index:2;
}

.tp-caption.modern_small_text_dark{
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0);
	line-height:1.6;
}

.tp-caption .tour{
	color:#fff;
	display:inline-block;
	border:1px solid #fff;
	border-radius:5px;
	background-color: rgba(0, 0, 0, 0.4);
	padding:7px 10px 7px 10px;
	font-weight:600;
}

.tp-caption .tour:hover{
	color:#6dbd63;
	background-color: rgba(255, 255, 255, 0.8);
	text-shadow:none;
}

.tp-caption .tour i{
	padding-left:5px;
}

.tp-bannertimer{
	display:none;
}

nav{
	position:relative;
	z-index:5;
	width:100%;
}

.navbar-default {
    border:none;
	background-color: rgb(229, 230, 231);
}

.top-content .navbar-default {
	background-color: rgba(255, 255, 255, .8);
	-webkit-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:none;
	border-bottom:2px solid #6dbd63;
}

.is-sticky .navbar-default{
	background-color: rgba(255, 255, 255, .8);
	-webkit-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 21px 0px rgba(0,0,0,0.2);
}

.navbar {
    border-radius: 0;
}

.navbar-brand{
	padding: 9px 15px;
}

.navbar .open > .dropdown-menu {
	padding:0px 0px;
	border:none;
}

.navbar .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background:#6dbd63;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, .0);
}

.navbar .dropdown-menu li a{
	padding-top:10px;
	padding-bottom:10px;
}

/*--- About --*/
#about{
	background: #fff url(../images/1.jpg) no-repeat;
	background-size:cover;
	width:100%;
	position: relative;
    bottom: 0px;
    z-index: 1;
	padding-top:100px;
	padding-bottom:90px;
}

#about:after {
	position: absolute;
	z-index: 9998;
	content: '';
	width: 1170px;
	max-width: 100%;
	margin-top:90px;
	left: 50%;
	margin-left: -585px;
	height: 53px;
	background: url('../images/header_shadow.png') center center no-repeat;
}

.heading h2{
	font-size:40px;
	letter-spacing:1px;
	font-weight:600;
	text-align:center;
	padding-top:0px;
	font-family: 'Alfa Slab One', cursive;
}

.under-heading{
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:24px;
	color:#656565;
	font-weight:400;
	padding-bottom:30px;
	text-align:center;
}

.service-box{
	text-align:center;
	padding-top:20px;
}

.service-box i{
	border:1px solid #747474;
	padding:40px 40px 40px 40px;
	border-radius:8px;
	background-color: rgba(255, 255, 255, 0.15);
	transition:.5s;
	
}

.service-box i:hover{
	background-color: rgba(255, 255, 255, 0.45);
	cursor:pointer;
	transition:.5s;
	color:#6dbd63;
}

.service-title{
	font-size:20px;
	font-weight:400;
	padding-top:15px;
	color:#000;
}

.service-box p{
	padding-top:10px;
	line-height:24px !important;
	padding-left:15px;
	padding-right:15px;
	color:#656565;
	font-family: 'Lato', sans-serif;
	font-size:13px;
	line-height:24px;
}

.team-1{
	background: #fff url(../images/objetivos.jpg) no-repeat;
	background-size:cover;
	width:100%;
	position: relative;
	padding-top:100px;
}

.team-1 .team-members-1{
	text-align:center;
}

.team-1 .team-members-1 .mem-box{
	display:inline-block;
	padding:4px 18px 4px 18px;
}

.team-1 .team-members-1 .mem-box p{
	padding-top:5px;
	line-height:24px;
	font-size:13px;
}

.team-1 .team-members-1 .mem-name{
	font-size:18px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.team-1 .team-members-1 .mem-position{
	font-size:12px;
	font-style:italic;
}

.team-1 .mem-social{
	padding-bottom:10px;
}

.team-1 .mem-social i{
	display:inline-block;
	width:25px;
	height:25px;
	color:#3e3e3e;
	line-height:1.6;
	border:1px solid #3e3e3e;
	border-radius:3px;
	margin-left:3px;
	transition:.5s;
}

.team-1 .mem-social i:hover{
	background:#3e3e3e;
	color:#fff;
	transition:.5s;
}

.team-1 .vr-1{
	display:block;
	border-left:2px dashed #000;
	height:40px;
	margin-left:130px;
}

.team-1 .vr-1:after{
	content: "\f103";
	font-family: 'FontAwesome';
	position:relative;
	right:77px;
	top:40px;
	font-size:18px;
}

.team-1-img img{
	width:100%;
}

/*--- Services--*/
.services{
	padding-top:60px;
    position: relative;

}

.services:after {
    border-radius: 0 0 50% 50% / 0 0 20px 20px;
    bottom: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    content: "";
    height: 20px;
    left: 10px;
    position: absolute;
    right: 10px;
	z-index:1;
}

 .service-content{
	background: #fff url(../images/3.jpg) no-repeat;
	background-size:cover;
	position:relative;
	z-index:2;
	padding-bottom:60px;
	background-color:#fff;
}

.services h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.services .service-area{
	margin-top:30px;
	float:left;
	margin-bottom:30px;
}

.services .service-area .service-box-1{
	padding-right:25px;
	padding-bottom:30px;
}

.services .service-area i{
	padding-left:1px;
	margin-right:10px;
	color:#676767;
	display:inline-block;
	height:50px;
	width:50px;
	text-align:center;
	border-radius:50%;
	border:1px dashed #676767;
	line-height:1.8;
	transition:.5s;
}

.services .service-area .service-box-1:hover i{
	display:inline-block;
	background:#6dbd63;
	border:1px dashed #6dbd63;
	color:#fff;
	height:50px;
	width:50px;
	border-radius:50%;
	transition:.5s;
}

.services .service-area .s-head{
	font-size:20px;
	font-weight:400;
	font-family: 'Alfa Slab One', cursive;
	color:#676767;
}

.services .service-area p{
	padding-top:5px;
	line-height:24px;
	font-size:13px;
	color:#656565;
}

.services .service-area-2{
	padding-top:50px;
}

.services .service-area-2 h3{
	font-size:30px;
	line-height:1.3;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.services .service-area-2 p{
	padding-top:5px;
	padding-bottom:10px;
	line-height:24px;
	font-size:13px;
	color:#656565;
}

.button_base {
    margin: 0;
    border: 0;
    font-size: 16px;
    position: relative;
    width: 100px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

.b05_3d_roll {
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
}

.b05_3d_roll div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 7px;
    border: #4f4f4f solid 1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.b05_3d_roll div:nth-child(1) {
    color: #4f4f4f;
    background-color: #4f4f4f;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.b05_3d_roll div:nth-child(2) {
    color: #4f4f4f;
    background-color: #ffffff;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.b05_3d_roll:hover div:nth-child(1) {
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

.b05_3d_roll:hover div:nth-child(2) {
    background-color: #4f4f4f;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}

.services .bars{
	padding-top:50px;
	padding-left:40px;
}

.services .bars h3{
	font-size:30px;
	line-height:1.3;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.services .bars p{
	padding-top:5px;
	padding-bottom:10px;
	line-height:24px;
	font-size:13px;
	color:#656565;
}

.services .progress .progress-bar.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

.services .progress {
	position:relative;
	height: 40px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #e2e2e2;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
}

.services .progress span {
    position: absolute;
    display: block;
	font-size:13px;
	padding-left:15px;
	line-height:3;
    color: #fff;
}

.services .progress .progress-bar{
	background-color:#6dbd63;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
}

/*--- Presentation --*/
.presentation{
	background: #fff url(../images/pattern/photography.png) repeat;
	padding-top:60px;
	padding-bottom:60px;
	text-align:left;
}

.presentation h3{
	font-size:40px;
	line-height:1.3;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.presentation p {
	padding-top: 5px;
	line-height: 24px;
	font-size: 13px;
	color: #656565;
}

.presentation .ul-1{
	list-style:none;
	padding-left:0px;
	line-height: 24px;
	font-size: 13px;
}

.presentation .ul-1 li{
	padding-top:10px;
	padding-bottom:10px;
	color: #656565;
}

.presentation .ul-1 li:hover i{
	color:#6dbd63;
	border:1px dashed #6dbd63;
	transition:.5s;
}

.presentation .ul-1 li i{
	display:inline-block;
	border:1px dashed #4f4f4f;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
	font-size: 13px;
	color: #656565;
	line-height:2.3;
	margin-right:10px;
	padding-left:2px;
	transition:.5s;
}

#parallax-1{
	background:url(../images/22.jpg) 50% 0 no-repeat fixed   ;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
}

div#parallax-1:before {
content: '';
background-color: rgba(109, 189, 99, 0.8) !important;
height: 345px;
left: 0px;
width: 100%;
position: absolute;
margin-top: -81px;
}

@-moz-document url-prefix() { 
  div#parallax-1:before {
	content: '';
	background-color: rgba(109, 189, 99, 0.8) !important;
	height: 346px;
	left: 0px;
	width: 100%;
	position: absolute;
	margin-top: -81px;
	}
}

#parallax-1:after {
	position: absolute;
	z-index: 9998;
	content: '';
	width: 1170px;
	max-width: 100%;
	margin-top:80px;
	left: 50%;
	margin-left: -585px;
	height: 53px;
	background: url('../images/header_shadow.png') center center no-repeat;
}

#parallax-1 .p-circles{
	text-align:center;
}

#parallax-1 .col-md-3{
	text-align:center;
}

#parallax-1 .circle{
	display:inline-block;
	height:100px;
	width:100px;
	border:2px dashed #fff;
	border-radius:50%;
	transition:.5s;
}

#parallax-1 .circle:hover{
	border:2px dashed #fff;
	transition:.5s;
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg); /* Standard syntax */
}

#parallax-1 .circle i{
	color:#fff;
	line-height:3.4;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg); /* Standard syntax */
}

#parallax-1 .circle:hover i{
	transition:.5s;
	
}

#parallax-1 h3{
	color:#fff;
	letter-spacing:1px;
	font-family: 'Alfa Slab One', cursive;
}

#parallax-1 p{
	color:#fff;
	font-size:13px;
}

/*--- Presentation-2 --*/
.presentation-2{
	background: url(../images/4.jpg) no-repeat;
	background-size:cover;
	padding-top:60px;
}


.presentation-2 h3{
	font-size:40px;
	line-height:1.3;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.presentation-2 p {
	padding-top: 5px;
	padding-bottom:15px;
	line-height: 24px;
	font-size: 13px;
	color: #656565;
}

/*--- Portfolio --*/
.portfolio{
	background:#fff;
	padding-top:60px;
	padding-bottom:60px;
}

.portfolio h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.cbp-l-grid-gallery .cbp-item  img{
    /* @editable properties */
    width: 100%;
}

/*--- BLOG --*/
.blog{
	background:#e3e6e3;
	padding-top:60px;
	padding-bottom:60px;
}

.blog h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.blog-posts .blog-post {
	padding-right:20px;
}

.blog-posts .blog-post-2 {
	
}

.blog-posts .blog-post-3 {
	padding-left:20px;
}

.blog-posts .green-circle {
	font-family: 'Alfa Slab One', cursive;
	text-align:center;
	font-size:20px;
	border:6px solid #e3e6e3;
	letter-spacing:1px;
	line-height:1.7;
	padding:14px;
	position:absolute;
	color:#fff;
	display:inline-block;
	height:110px;
	width:110px;
	border-radius:95px;
	background:#6dbd63;
	z-index:2;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.blog-posts .green-circle hr {
	margin-top:0px;
	margin-bottom:2px;
}

.blog-posts img {
	width:100%;
	height:454px;
	position:relative;
	top:54px;
}

.blog-posts .blog-caption {
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	padding:10px 0px 12px 10px;
	top:12px;
	text-align:left;
	position:relative;
	z-index:2;
}

.blog-posts .blog-caption a{
	color:#fff;
	font-size:12px;
	transition:.5s;
}

.blog-posts .blog-caption a:hover {
	color:#6dbd63;
	transition:.5s;
}

.blog-posts .blog-caption a i {
	padding-right:3px;
}

.blog-posts .blog-caption .comments {
	padding-right:12px;
	border-right: solid 1px #6dbd63;
}

.blog-posts .blog-caption .likes {
	padding-left:14px;
}

.blog-posts h3{
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
	font-size:22px;
	padding-top:10px;
}

.blog-posts .author {
	font-size:13px;
	color:#656565;
	padding-bottom:10px;
	padding-top:5px;
}

.blog-posts p {
	font-size:13px;
	color:#656565;
	line-height:24px;
	padding-bottom:5px;
}

.blog-posts .button_base {
    margin: 0;
    border: 0;
    font-size: 12px;
    position: relative;
    width: 80px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: pointer;
}

.blog-posts .b05_3d_roll div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 30px;
    padding: 5px 4px 4px 4px;
    border: #4f4f4f solid 1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.blog-posts .b05_3d_roll div:nth-child(1) {
    color: #4f4f4f;
    background-color: #4f4f4f;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.blog-posts .b05_3d_roll div:nth-child(2) {
    color: #4f4f4f;
    background-color: #e3e6e3;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.blog-posts .b05_3d_roll:hover div:nth-child(1) {
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

.blog-posts .b05_3d_roll:hover div:nth-child(2) {
    background-color: #4f4f4f;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}

.blog .archieve-button {
	text-align:center;
	padding-top:50px;
	padding-bottom:25px;
}

.blog .blog-button {
	background:#6dbd63;
	border-radius:5px;
	border-bottom:3px solid #5ba053;
	padding:12px 11px 12px 11px;
	color:#fff;
	display:inline-block;
	font-family: 'Alfa Slab One', cursive;
	font-size:15px;
	letter-spacing:1px;
	transition:.5s;
}

.blog .blog-button:hover {
	background:#4f4f4f;
	transition:.5s;
	border-color:#2d2d2d;
}

/*--- BLOG POSTS --*/
.top-content {
	background: #fff url(../images/bg.jpg) no-repeat;
	background-size:cover;
}

.blog-head {
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}

.blog-head h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#fff;
}

.blog-head p{
	color:#fff;
}

.blog-single{
	background:#fff;
	padding-top:60px;
	padding-bottom:80px;
}

.blog-single .blog-posts .green-circle {
	border:6px solid #fff;
}

.blog-single .blog-posts img {
	width:100%;
	height:auto;
	position:relative;
	top:54px;
}

.blog-single .blog-posts .b05_3d_roll div:nth-child(1) {
    color: #4f4f4f;
    background-color: #4f4f4f;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.blog-single .blog-posts .b05_3d_roll div:nth-child(2) {
    color: #4f4f4f;
    background-color: #fff;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -14px;
    -webkit-transform-origin: 50% 50% -14px;
    -moz-transform-origin: 50% 50% -14px;
}

.blog-single .blog-posts .b05_3d_roll:hover div:nth-child(1) {
    color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

.blog-single .blog-posts .b05_3d_roll:hover div:nth-child(2) {
    background-color: #4f4f4f;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}

.blog-single .blog-post {
	padding-bottom:50px;
}

.blog-single .blog-post .vendor{
	position:relative;
	top:54px;
	padding-bottom:45px;
}

.blog-single .blog-post .vendor iframe {
	border:none;
}

.blog-single .blog-posts .pagination{
	position:relative;
	bottom:9px;
}

.blog-single .blog-posts .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background:#6dbd63;
	border-color:#6dbd63;
	color:#fff;
}

.blog-single .blog-posts .pagination > li > a, .pagination > li > span {
	color:#4f4f4f;
}

.blog-single .blog-posts .sidebar{
	padding-top:54px;
	padding-left:20px;
}

.sidebar .form-control:focus {
	border-color: #6dbd63;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
    box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
}

.sidebar .input-group .btn {
	transition:.5s;
}

.sidebar .input-group .btn:hover {
	background:#6dbd63;
	color:#fff;
	transition:.5s;
}

.sidebar .sidebar-block{
	padding-top:10px;
	padding-bottom:10px;
}

.sidebar .sidebar-block h3 {
	color:#4f4f4f;
	font-family: 'Alfa Slab One', cursive;
	border-bottom: 1px solid #eeeeee;
	padding-bottom:10px;
}

.sidebar .sidebar-block .categories{
	padding-left:0px;
	list-style:none;
}

.sidebar .sidebar-block .categories li {
	padding-bottom:5px;
	padding-top:10px;
}

.sidebar .sidebar-block .categories li a{
	color:#4f4f4f;
	transition:.2s;
}

.sidebar .sidebar-block .categories li a:hover{
	color:#6dbd63;
	transition:.2s;
}

.sidebar .sidebar-block .categories li a:hover kbd {
	background:#6dbd63;
	transition:.2s;
}

.sidebar .sidebar-block .categories li kbd {
	float:right;
	transition:.2s;
}

.sidebar .sidebar-block .tab-panel .nav-tabs a{
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.sidebar .sidebar-block .top-posts li img {
	height:100px;
	width:80px;
}

.sidebar .sidebar-block .tab-content .dl-horizontal {
	padding-top:25px;
	padding-bottom:10px;
}

.sidebar .sidebar-block .tab-content .dl-horizontal dt {
	width:auto;
	overflow:visible;
}

.sidebar .sidebar-block .tab-content .dl-horizontal dd {
	margin-left:115px;
}

.sidebar .sidebar-block .tab-content .dl-horizontal img {
	top:0px;
}

.sidebar .sidebar-block .tab-content .dl-horizontal .small-heading {
	font-weight:700;
}

.sidebar .sidebar-block .tab-content .dl-horizontal .small-heading a{
	color:#4f4f4f;
	transition:.2s;
}

.sidebar .sidebar-block .tab-content .dl-horizontal .small-heading a:hover {
	color:#6dbd63;
	transition:.2s;
}

.sidebar .sidebar-block .tab-content .dl-horizontal .date {
	color:#8c8c8c;
	font-size:11px;
	padding-top:10px;
}
.sidebar .sidebar-block .tags{
	padding-left:0px;
	padding-top:15px;
	list-style:none;
}

.sidebar .sidebar-block .tags li {
	padding-right:5px;
	padding-bottom:5px;
	float:left;
}

.sidebar .sidebar-block .tags a{
	background:#6dbd63;
	display:inline-block;
	color:#fff;
	padding:5px 7px 5px 7px;
	border-radius:5px;
	border-bottom:3px solid #5c9f54;
	transition:.5s;
}

.sidebar .sidebar-block .tags a:hover {
	background:#4f4f4f;
	border-bottom:3px solid #2b2b2b;
	transition:.5s;
}

.blog-single .blog-post blockquote {
	font-style:italic;
}

.blog-single .blog-post blockquote p {
	padding-bottom:0px;
}

.blog-post-single .blog-post{
	padding-bottom:10px;
}

.blog-post-single .blog-posts .post-author img {
	width:auto;
	top:0px;
}

.blog-post-single .blog-posts .comments-2 img {
	width:auto;
	top:0px;
}

 .share-post h3{
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
}

.post-share-icons{
	float:left;
	width:100%;
	list-style:none;
	padding-left:0px;
	padding-bottom:25px;
	border-bottom: 1px solid #e4e3e3;
}

.post-share-icons li{
	float:left;
	margin-right:10px;
	text-align:center;
}

.post-share-icons .fb{
	background:#3e5b97;
	display:block;
	height:30px;
	width:70px;
}

.post-share-icons .sk{
	background:#2aa7de;
	display:block;
	height:30px;
	width:70px;
}

.post-share-icons .pn{
	background:#c3282d;
	display:block;
	height:30px;
	width:70px;
}

.post-share-icons .lk{
	background:#4393cc;
	display:block;
	height:30px;
	width:70px;
}

.post-share-icons li a{
	color:#fff;
	line-height:2.1;
}

.post-author{
	padding-bottom:20px;
	border-bottom: 1px solid #e4e3e3;
	float:left;
}

.post-author h3{
	margin-top:10px;
	margin-bottom:15px;
}

.post-author h4{
	font-weight:500;
}

.post-author p{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}

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

.comments-2{
	float:left;
	border-bottom: 1px solid #e4e3e3;
	padding-bottom:25px;
}

.comments-2 h3{
	margin-top:20px;
}

.comment{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.comment-box{
	border-radius:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.comment .comment-box{
	background:#eeeeee;
	position:relative;
	padding-left:25px;
	padding-right:5px;
}

.comment-box .rp-btn{
	float:right;
	padding-right:20px;
	font-size:15px;
	color:#4f4f4f;
}

.comment-box .post-date{
	font-family: 'Lato', sans-serif;
	font-size:11px; 
	font-weight:800;
	float:right;
	padding-right:20px;
}

.comment-arrow {
	border-bottom: 15px solid transparent;
	border-right: 15px solid #eeeeee;
	border-top: 15px solid transparent;
	height: 0;
	left: -15px;
	position: absolute;
	top: 28px;
	width: 0;
}

.comment h4{
	font-weight:500;
}

.comment p{
	font-size:13px;
	padding-right:10px;
}

.comment-reply{
	float:left;
}

.comment .col-md-2{
	width:15%;
}

.comment .col-md-10{
	width:85%;
}

.comment-reply .col-md-2{
	width:18%;
}

.comment-reply .col-md-10{
	width:82%;
}

.post-comment .input-area{
	padding-top:20px;
}

.post-comment .input-area input{
	width:100%;
	margin-top:5px;
	border-radius:4px;
	border:1px solid #d9d9d9;
	height:30px;
	padding-left:10px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.post-comment .input-area  input:focus {
    border-color: #6dbd63;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
    box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
}

.post-comment .input-area .input-area-1{
	padding-right:15px;
}

.post-comment .input-area .input-area-2{
	padding-left:15px;
}

.post-comment .input-area .input-area-3{
	padding-top:20px;
}

.post-comment .input-area .input-area-3 textarea{
	border:1px solid #d9d9d9;
	margin-top:5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.post-comment .input-area .input-area-3 textarea:focus {
    border-color: #6dbd63;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
    box-shadow: inset 0 1px 1px rgba(109,189,99,.075), 0 0 8px rgba(109,189,99, .6);
}

.post-comment .pt-cmt{
	color:#fff;
	background:#6dbd63;
	border-bottom:3px solid #5b9d53;
	padding:8px 12px 8px 12px;
	font-size:16px;
	border-radius:4px;
	margin-top:25px;
	float:left;
	transition:.5s;
}

.post-comment .pt-cmt:hover{
	background:#4f4f4f;
	border-color:#2b2a2a;
	transition:.5s;
}

/*--- TESTIMONIALS --*/
.testimonial{
	background: #fff url(../images/1.jpg) no-repeat;
	background-size:cover;
	padding-top:60px;
	padding-bottom:60px;
}


.testimonial h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}

.testimonial p{
	color:#4f4f4f;
}

#owl-demo .item{
    text-align:center;
}

#owl-demo .item .slide-box-wrapper {
	padding-left:80px;
	padding-right:80px;
}

#owl-demo .item .slide-box{
	background: rgba(109, 189, 99, 0.8);
	padding:20px;
	margin-top:20px;
}
#owl-demo .item .slide-box h3{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	color:#fff;
	font-family: 'Alfa Slab One', cursive;
	letter-spacing:1.5px;
}

#owl-demo .item .slide-box .position {
	font-style:italic;
}

#owl-demo .item .slide-box p{
	color:#fff;
	line-height:24px;
}

#owl-demo .item .slide-box i{
	padding-right:3px;
}

#owl-demo .item .slide-box .client-socials{
	list-style:none;
	padding-left:0px;
	margin-bottom:0px;
	padding-top:5px;
	display:inline-block;
}

#owl-demo .item .slide-box .client-socials li{
	float:left;
	padding-left:7px;
	padding-right:7px;
}

#owl-demo .item .slide-box .client-socials li a{
	color:#fff;
}

/*--- SUBSCRIPTION --*/
.subscribe{
	background: #fff url(../images/bg.jpg) no-repeat;
	background-size:cover;
	padding-top:60px;
	padding-bottom:85px;
}

.subscribe:after {
	position: absolute;
	z-index: 9998;
	content: '';
	width: 1170px;
	max-width: 100%;
	margin-top:85px;
	left: 50%;
	margin-left: -585px;
	height: 53px;
	background: url('../images/header_shadow.png') center center no-repeat;
}

.subscribe h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#fff;
}

.subscribe p{
	color:#fff;
}

.subscribe .subscribe-icon {
	color:#fff;
	text-align:right;
	padding-right:5px;
}

.subscribe input{
  display:block;
	width:300px !important;
    font-weight: 400;
    color: #377D6A;
    background: rgba(255,255,255,1);
    border: none;
    outline: none;
    color: #fff;
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.3); */
    /* border: 1px solid rgba(0,0,0,0.3); */
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px  1px rgba(255,255,255,0.2);
    text-indent: 60px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 13px;
}
.subscribe input:focus{
    text-indent: 12px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);
	color:#377D6A;
}

.subscribe .form-inline{
	text-align:center;
}

.subscribe .form-inline .btn {
	color:#949494;
}

/*--- SUPPORT --*/
.support {
	background:url(../images/2.jpg) no-repeat ;
	background-size:cover;
	text-align:center;
	padding-top:60px;
}

.support h2{
	text-align:center;
	font-size:50px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	color:#4f4f4f;
}


.social-links{
	
	
}

/*--- PARTNERS --*/
.partners{
	background:url(../images/1.jpg) no-repeat;
	background-size:cover;
	/* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9); */
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}

.partners .owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.partners .owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -30px;
  top: 15px; 
}
 
.partners .owl-theme .owl-controls .owl-buttons .owl-next{
  right: -30px;
  top: 15px;
}

.partners .owl-theme .owl-controls .owl-buttons div {
color: #a9aaa9;
display:block;
zoom: 1;
margin: 5px;
padding: 0px 5px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: none;
filter: Alpha(Opacity=50);
opacity: 0.7;
}

/*--- GOOGLE MAP --*/
.gmap3{
    width: 100%;
    height: 250px;
}

/*--- FOOTER --*/
.footer{
	background:#272727;
	background-size:cover;
	padding-top:60px;
	padding-bottom:60px;
	color:#e3e3e3;
}

.margin-top-15{
	margin-top:15px;
}

.padding-left-20{
	padding-left:20px;
}

.footer h3{
	margin:0px;
	font-weight:500;
	font-family: 'Alfa Slab One', cursive;
	letter-spacing:1px;
}

.footer-news{
	list-style:none;
	padding-left:0px;
}

.footer-news li{
	padding-top:20px;
	padding-bottom:10px;
}

.footer-news .circle{
	display:inline-block;
	padding:18px;
	border:1px solid #353535;
	border-radius:5px;
	transition:.5s;
	float:left;
	margin-right:15px;
	font-family: 'Alfa Slab One', cursive;
	letter-spacing:1px;
}

.footer-news .circle:hover {
	background:#6dbd63;
	transition:.5s;
}

.footer-news .post-data{
	padding-left:10px;
}

.footer-news .post-data a{
	color:#fff;
	margin:0px;
	padding:0px;
}

.footer .address{
	background:url(../images/footer-map.png) 15px no-repeat;
	margin-top:15px;
	padding-left:0px;
	list-style:none;
}

.footer .address li{
	padding-top:5px;
	padding-bottom:5px;
}

.footer .address li i{
	padding-right:10px;
}

.footer .form-inline{
	padding-top:20px;
}

.footer .form-inline input{
	width:128px;
}

.footer .form-inline input:focus {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
-moz-box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
border-color: rgba(109, 189, 99, 0.8);
}

.footer .form-inline textarea:focus {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
-moz-box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
box-shadow: 0px 0px 3px 1px rgba(110,189,99,0.5);
border-color: rgba(109, 189, 99, 0.8);
}

.footer .form-inline .m-2{
	padding-left:5px;
}

.footer .form-inline .m-3{
	padding-top:10px;
	padding-bottom:10px;
}

.footer .form-inline .m-3 input{
	width:262px;
}

.footer .form-inline .m-4 {
	padding-bottom:10px;
}

.footer .form-inline .m-4 textarea{
	width:262px;
}

.footer button {
	background:#6dbd63;
	color:#fff;
	border:none;
	border-bottom:3px solid #5fa357;
	transition:.5s;
}

.footer button:hover{
	transition:.5s;
}

/*--- UNDER FOOTER --*/
.under-footer{
	background:#171717;
	padding-top:20px;
	padding-bottom:10px;
	color:#e3e3e3;
	font-size:12px;
}

.under-footer .desc{
	padding-top:6px;
}

.under-footer .footer-socials{
	list-style:none;
	padding-left:0px;
}

.under-footer .footer-socials li{
	float:left;
	padding-left:10px;
}

.under-footer .footer-socials li a{
	display:inline-block;
	color:#e3e3e3;
	position:relative;
	border: 1px solid #e3e3e3;
	width:30px;
	height:30px;
	border-radius:30px;
	font-size:14px;
	text-align:center;
	line-height:2;
	transition: all 200ms ease-out;
}

.under-footer .footer-socials li a:hover{
	background:#57bd63;
}

/*    MEDIA QUERIES    */
@media (max-width: 1200px) {
	.container{
		width:100%;
	}
}

@media (max-width: 1165px) {
	.form-inline .form-group{
		display:block;
	}
	.footer .form-inline input {
		width:100%;
	}
	.footer .form-inline .m-3 input {
		width:100%;
	}
	.footer .form-inline .m-4 textarea {
		width:100%;
	}
	.footer .form-inline .m-2 {
		padding-left:0px;
		padding-top:10px;
	}
	.subscribe .form-inline .btn {
		margin-top:10px;
	}
	.support img {
		width:100%;
	}
	#about:after {
		display:none;
	}
	#parallax-1:after{
		display:none;
	}
	.subscribe:after{
		display:none;
	}
	
}

@media (max-width: 992px) { 
	.links {
		display:none;
	}
	#about:after {
		background:none;
	}
	.team-1 .vr-1{
		display:none;
	}
	.team-1 .vr-1:after{
		display:none;
	}
	.team-1 .team-members-1 .mem-box{
		padding-bottom:40px;
	}
	.services .bars {
		padding-left:0px;
	}
	div#parallax-1:before {
		height:901px;
	}
	.presentation-2 {
		padding-bottom:40px;
	}
	.blog-posts img {
		height:auto;
	}
	.blog-posts .blog-post-3{
		padding-left:0px;
	}
	.padding-left-20{
		padding-left:0px;
	}
	.footer-news li {
		display:inline-block;
	}
	.under-footer .pull-right {
		float:none !important;
	}
	.under-footer .footer-socials li {
		padding-left:0px;
		padding-right:10px;
	}
	.presentation-2 img {
		width:100%;
	}
	.presentation img {
		width:100%;
	}
	.blog-single .blog-posts .sidebar {
		padding-left:0px;
		display:inline-block;
	}
	.post-author .align-center {
		text-align:left;
	}
	.blog-post-single .blog-posts .comments-2 img {
		display:none;
	}
	.comment-arrow {
		display:none;
	}
	.comment .comment-box {
		display:inline-block;
	}
	.comment-reply .comment-box {
		float:right;
	}
	.comment .col-md-10 {
		width:100%;
	}
	.comment-reply .col-md-10 {
		width:100%;
	}
	.comment-reply {
		float:right;
	}
	.post-comment .input-area .input-area-2 {
		padding-left:0px;
		padding-top:20px;
	}
}

@media (max-width: 770px) { 
	.subscribe input {
		width:100% !important;
	}
	.dl-horizontal img {
		height:80px !important;
		width:100px !important;
	}
	.sidebar .sidebar-block .tab-content .dl-horizontal dt {
		float: left;
		overflow: visible;
		width: 100px;
	}
}

@media (max-width: 480px) {
	 h2 {
		/* font-size:44px !important; */
		font-size: 32px !important;
	}
	.top-nav {
		top:20px;
	}
}

@media (max-width: 320px) { 
	.top-nav .top-logo {
		display:none;
	}
}