/* Hubli HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Sticky Header
5. Main Slider / style two
6. Page Title
7. about Section / style two
8. Accordion Section
9. Feature Section
10. video Section / style two
11. Fact Counter style
12. Services Section
13. Service Detail
14. Testimonial Section
15. Team Section
16. Gallery Section
17. Gallery Full WIdth Section
18. Help Section
19. Pricing Section
20. News Section
21. Blog List
22. Blog Single
23. Styled Pagination
24. Subscribe Section
25. Main Footer
26. Sidebar Page Container
27. Comment Area
28. Comment Form
29. Contact Page Section
30. Map Section Style
31. Error Page
40. Main Carousel

**********************************************/
/*** 

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

 ***/

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

/*
font-family: 'Mr Dafoe', cursive;
font-family: 'Poppins', sans-serif;
*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

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

 ***/

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

/*** 

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

 ***/

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

a{
	text-decoration:none;
	cursor:pointer;
	/* TODO jcaballero  color:#a0d405;*/
	
	color: #252841;
}

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

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
}
.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

.mb-25{
margin-bottom: 25px;
}

textarea{
	overflow:hidden;	
}

p,.text{
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin: 0;
	
	/* TODO jcaballero color: #a2a0a0;*/

	color: #252841;
    /*text-align: justify;*/
}

#myCarousel {
	text-align: center!important;margin-bottom: 0px!important; font-size: 16px !important
}
#myCarousel p{
	font-size: 16px !important
}

#myCarousel > span{
	font-size: 100px !important;
}



.text_principal{
	font-size: 16px!important;
    line-height: 20px!important;
    font-weight: 400!important;
    margin: 0!important;
    color: #252841!important;
    text-align: center!important;
}



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

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

.strike-through{
	text-decoration:line-through;	
}

.auto-container{
	position:static;
	/* TODO jcaballero max-width:1200px;*/
	padding:0px 18px;
	margin:0 auto;
	max-width:1200px;

	
}

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

.gray-bg{
	background-color: #f7f7f7;
}

/*Social Icon One*/

.social-icon{
	position:relative;
}

.social-icon li{
	position:relative;
	float: left;
	margin-right: 15px;
	text-align: center;
}

.social-icon li a{
	position:relative;
	color: #333333;
	line-height: 20px;
	font-size:14px;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

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

/*Social Icon One*/

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

.social-icon-one li{
	position:relative;
	float: left;
	margin-left:7px;
	text-align: center;
}

.social-icon-one li a{
	position:relative;
	height: 28px;
	width: 28px;
	line-height: 28px;
	font-size:13px;
	display:inline-block;
	color: #ababab;
	background-color: #4f4f4f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-one li a:hover{
	color:#4f4f4f;
	background-color:#ffffff;
}

/*Social Icon Two*/

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

.social-icon-two li{
	position:relative;
	float: left;
	margin-right:7px;
	text-align: center;
}

.social-icon-two li a{
	position:relative;
	height: 28px;
	width: 28px;
	line-height: 28px;
	font-size:13px;
	display:inline-block;
	color: #a0d405;
	background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-two li a:hover{
	color:#ffffff;
	background-color:#333333;
}

/*Social Icon three*/

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

.social-icon-three li{
	position:relative;
	float: left;
	margin-right:7px;
	text-align: center;
}

.social-icon-three li a{
	position:relative;
	height: 28px;
	width: 28px;
	line-height: 28px;
	font-size:13px;
	display:inline-block;
	color: #a0d405;
	background-color: #3c3c3c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.social-icon-three li a:hover{
	color:#3c3c3c;
	background-color:#ffffff;
}

/*Social Icon Four*/

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

.social-icon-four li{
	position:relative;
	float: left;
	margin-right:7px;
	text-align: center;
}

.social-icon-four li a{
	position:relative;
	height: 28px;
	width: 28px;
	line-height: 28px;
	font-size:13px;
	display:inline-block;
	color: #ababab;
	background-color: #ebebeb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

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

/*List Style One*/

.list-style-one{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 25px;
}

.list-style-one li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}

.list-style-one li a{
	position: relative;
	display: inline-block;
	color: #888888;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	content: "";
	background-color: #a0d405;
}

.theme-btn{
	display:inline-block;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:15px;
	line-height:30px;
	padding:10px 30px;
	color:#ffffff;
	font-weight:600;
	text-transform:capitalize;
	background-color:#a0d405;
}

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

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:15px;
	line-height:30px;
	padding:8px 30px;
	color:#ffffff;
	font-weight:600;
	text-transform:capitalize;
	background-color:#a0d405;
	border:2px solid #a0d405;
}

.btn-style-two:hover{
	background:none;
	border-color: #a0d405;
	color:#a0d405;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:15px;
	line-height:30px;
	padding:8px 30px;
	color:#272824;
	font-weight:600;
	text-transform:capitalize;
	background:#ffffff;
	border:2px solid #ffffff;
}

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

/*Btn Style Three*/

.btn-style-four{
	position:relative;
	font-size:15px;
	line-height:30px;
	padding:8px 30px;
	color:#ffffff;
	font-weight:600;
	text-transform:capitalize;
	background:#333333;
	border:2px solid #333333;
}

.btn-style-four:hover{
	background:none;
	border-color: #333333;
	color:#333333;
}

.theme_color{
	color:#a0d405;
}

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

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

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:45px;
	right:30px;
	width:50px;
	height:50px;
	color:#98c908;
	font-size:24px;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#333333;
	display:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#98c908;
	color: #ffffff;
}

/*** 

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

***/

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

.main-header .header-top{
	position:relative;
	/* TODO jcaballero  background-color:#272824; */background-color:#252841!important;
	z-index: 999;
	padding: 2px;
}

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

.main-header .header-top .top-left ul li{
	position:relative;
	float: left;
	margin-right:35px;
	font-size:13px;
	line-height: 25px;
	color:#ababab;
	padding:15px 0px;
	font-weight:400;
}

.main-header .header-top .top-left ul li:last-child{
	margin-right:0px;
}

.main-header .header-top .top-left ul li a{
	color:#ababab;
	font-weight:400;
	-webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-top .top-left ul li i{
	margin-right: 10px;
	font-size: 14px;
	vertical-align: middle;
}

.main-header .header-top .top-left ul li a:hover{
	color:#a0d405;
}

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

.main-header .header-lower{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.main-header .main-box{
	position:relative;
	background:transparent;
	left:0px;
	top:0px;
	width:100%;
	z-index: 999;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .logo-box{
	position:absolute;
	left: 50%;
	top: -5px;
	z-index:10;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

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

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

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

.main-menu .navigation{
	position:relative;
	margin:0px;
	width: 50%;
	text-align: center;
}

.main-menu .navigation:first-child{
	padding-right: 80px;
}

.main-menu .navigation:last-child{
	padding-left: 80px;
}

.main-menu .navigation > li{
	position:relative;
	display: inline-block;
	margin:0 12px;	
	padding:50px 0px 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > span{
	position:relative;
	display:block;
	font-size:15px;
	color:#ecf3f7;
	text-align:center;
	line-height:25px;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.main-menu .navigation > li > span:after{
	font-family: 'Fontawesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	font-weight: 900;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;	
}


.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:15px;
	color:#ecf3f7;
	text-align:center;
	line-height:25px;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{

}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:120%;
	width:240px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	text-align: left;
	border-top:2px solid #272824;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li{
	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 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	color:#292929;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	
	/*TODO jcaballero 
	color:#ffffff;
	background:#a0d405;	*/
	color:#252841;
	background:#dfe2d6;	
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Fontawesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	font-weight: 900;
	line-height:20px;
	font-size:16px;
	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:100%;
	top:20px;
	width:240px;
	padding:0px;
	z-index:100;
	text-align: left;
	display:none;
	background:#ffffff;
	border-top:2px solid #272824;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(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:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	text-transform:capitalize;
	color:#292929;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	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;
	top:0;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
	transition:all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:15px;
	top:7px;
	width:36px;
	height:32px;
	text-align:center;
	color:#ffffff;
	line-height:32px;
	font-size:20px;
	font-weight:normal;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.search-box-outer{
	position: relative;
    float: right;
    color: #ffffff;
    margin-left: 30px;
    padding: 49px 0px;
}

.main-header .search-box-btn{
	position:relative;
	display:block;
	width:100%;
    border-left: 1px solid #727172;	
	font-size:14px;
	line-height: 17px;
	color: #d9d9d9;
	padding:0px;
	margin:0px;
    padding-left: 24px;
	cursor:pointer;
	background:none;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

.main-header  .dropdown-menu{
	top:65px;
	right: 0;
	border-top:3px solid #a0d405;
	padding:0px;
	width:280px;	
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
}

.main-header .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	background:none;
}

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

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

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	color:#000000;
	border:1px solid #e0e0e0;
	background:#ffffff;	
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

.main-header .search-panel .search-btn:hover{
	color:#a0d405;	

}

/*================================================
			Sticky Header
==================================================*/

.sticky-header{
	position:fixed;
	visibility:hidden;
	opacity:0;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
    background: rgba(47,46,50,.80);
	z-index:0;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .logo{
	position: relative;
}

.sticky-header .main-menu .navigation{
	padding: 0;
	width: 100%;
}

.fixed-header .sticky-header{
	z-index:99;
	opacity:1;
	visibility:visible;
	/* TODO jcaballero background: rgba(47,46,50,.90);*/
	background:#252841!important;
	box-shadow: rgba(255, 255, 255, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.main-header .sticky-header .main-menu .navigation > li{
	margin:0px;
	margin-right:1px;
	padding: 0;
	float: left;
}

.main-header .sticky-header .main-menu .navigation > li > a{
	color:#ffffff;
	padding:20px 15px;
	/* TODO jcaballero line-height:30px;*/
	font-size:16px;
	font-weight:500;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	/* TODO jcaballero background-color :#a0d405;
	color: #ffffff;*/
	background-color: #dfe2d6;
    color: #1f1f1f;
}

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

/*** 

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

***/

.header-style-two .header-lower{
	background-color: #ffffff;
	/* todo jcaballero background-color:#252841!important;*/
	position: relative;
	padding: 0;
}

.header-style-two .nav-outer{
	width: auto;
}

.header-style-two .main-menu{
	width: auto;
}

.header-style-two .main-menu .navigation{
	padding: 20px !important;
	width: 100%;
}

.header-style-two .logo-outer{
	/* TODO jcaballero padding: 25px 0;*/
    /* TODO jcaballero padding: 5px 0;*/
    padding: 8px 0;
}

.header-style-two .main-menu .navigation > li{
	/* TODO jcaballero padding: 50px 0;*/
    /* TODO jcaballeropadding: 35px 0;*/
    padding: 7px 0;
}

.header-style-two .main-menu .navigation > li > a{
	line-height: 30px;
	color: #373840;
	/* TODO jcaballero color: #272824;*/ 
}

.header-style-two .main-menu .navigation > li.dropdown > a{
	padding-right: 15px;
}

.header-style-two .main-menu .navigation > li.dropdown > a:after{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 15px;
	line-height: 30px;
	color: #272824;
	font-weight: 400;
	font-family: "Fontawesome";
	content: "\f0d7";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.header-style-two .main-menu .navigation > li.current > a:after,
.header-style-two .main-menu .navigation > li:hover > a:after,
.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a{
	color: #252841;
	/*TODO jcaballero color: #ddf596;*/
}

.header-style-two .nav-outer .search-box-outer{
    color: #272824;
    margin-left: 35px;
    padding: 50px 0px;
}

.header-style-two .nav-outer .search-box-btn{
    border-left: 0;
    font-size: 14px;
    line-height: 30px;
    color: #272824;
    font-weight: 700;
    padding: 0px;
}

.header-style-two .nav-outer .dropdown-menu{
	top: 78px;	
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	z-index:10;
}

.main-slider .tp-caption{
	z-index:5 !important;
}

.main-slider .tp-dottedoverlay{
	position: absolute;
	left: 0%;
	top: 0;	
	height: 100%;
	width: 100%;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	/* TODO jcaballero background-color: rgba(0,0,0,.60);*/
	background-color: rgba(0,0,0,.25);
}

.main-slider.slider-one .tp-dottedoverlay{
	width:0% !important;	
}

.main-slider.slider-one .active-revslide .tp-dottedoverlay{
	width:50% !important;	
}

.main-slider .title{
	position:relative;
	font-size:90px;
	line-height: 1.2em;
	font-weight:400;
	color:#a0d405;
	text-align:center !important;
	font-family: 'Mr Dafoe', cursive;
}

.main-slider .title:after{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:75px;
	height:3px;
	margin-left:-37.5px;
	background-color:#ffffff;
}

.main-slider h2{
	position:relative;
	color:#ffffff;
	font-size:73px;
	font-weight:700;
	line-height:1.2em;
	text-align:center !important;
}

.main-slider h4{
	position:relative;
	color:#ffffff;
	font-size:30px;
	font-weight:700;
	line-height:1.2em;
	text-align:center !important;
}

.main-slider .text{
	position:relative;
	font-size:20px;
	font-weight:400;
	color:#ffffff;
	line-height:1.4em;
	text-align:center !important;
}

.main-slider .theme-btn{
	min-width: 160px;
	margin: 0 5px;
}

.main-slider .btn-style-four:hover{
	background-color: #ffffff;
	border: #ffffff;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;	
}

.main-slider.style-two .tp-dottedoverlay{
	width: 100% !important;
	background-color: rgba(0,0,0,.40);
}

.main-slider.style-two .title{
	font-size: 60px;
}

.main-slider.style-two .title:after{
	display: none;
}

.main-slider.style-two h2{
	font-size: 65px;
	text-transform: uppercase;
}

/*** 

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

***/

.sec-title{
	position: relative;
	/*TODO jcaballero margin-bottom: 75px;margin-bottom: 25px;*/
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1.2em;
	color: #dedede;
	font-weight: 700;
	font-family: "Arial";
	margin-bottom: 5px;
}
.sec-title h1{
	position: relative;
	font-family: 'Arial';
	line-height: 1.2em;
	/* TODO jcaballero color: #333333;*/
	 color: #252841;
	
	
	font-weight: 700;

	/* TODO jcaballero font-size: 40px;
	margin-bottom: 10px;*/

	font-size: 35px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.sec-title h2{
	position: relative;
	font-family: 'Arial';
	font-weight: 700;
	line-height: 1.2em;
	/* TODO jcaballero color: #333333;*/
	 color: #252841;
	
	
	font-weight: 700;

	/* TODO jcaballero font-size: 40px;
	margin-bottom: 10px;*/

	font-size: 35px;
	margin-bottom: 0px;
}

.blog__one-title h2{
	position: relative;
	font-family: 'Arial';
	font-weight: 700;
	line-height: 1.2em;
	 color: #252841;
	font-weight: 700;
	font-size: 35px;
}

.sec-title .separator{
	position: relative;
	display: inline-block;
	font-size: 40px;
	line-height: 1em;
	color: #a0d405;
	font-weight: 600;
	width: 0px;
	height: 40px;
}

.sec-title .separator span{
	position: relative;
	display: block;
	text-align: right;
}

.sec-title.text-center .separator:before{
	position: absolute;
	right: 100%;
	top: 18px;
	content: "";
	background: #e2e2e2 padding-box content-box ;
	padding: 2px 0 2px 7px;
	border-top: 1px solid #e2e2e2;
	width: 115px;
	height: 6px;
}



.sec-title .separator:after{
	position: absolute;
	left: 100%;
	top: 18px;
	content: "";
	background: #e2e2e2 padding-box content-box ;
	padding: 2px 7px 2px 0; ;
	border-top: 1px solid #e2e2e2;
	width: 115px;
	height: 6px;
}

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

/*** 

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

***/

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

.page-title:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.40);
	content: "";
}

.page-title h1{
	position:relative;
	font-size:50px;
	line-height: 1.2em;
	font-weight: 700;
	color:#ffffff;
	margin-bottom: 20px;
}

.page-title .bread-crumb li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: 600;
	margin-right:8px;
	padding-right:8px;
	text-transform: capitalize;
	cursor: default;
	/*TODO jcaballero color: #a0d405;*/
	color: #252841
}

.page-title .bread-crumb li a{
	color:#ffffff;
	font-size: 15px;
	display: inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

.page-title .bread-crumb li:after{
	position:absolute;
	content:'/';
	right:-5px;
	font-weight: 700;
	top:0px;
	color:#ffffff;
}

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

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

/*** 

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

***/

.about-section{
	position:relative;
	/* TODO jcaballero padding:125px 0px 100px;*/padding: 50px 0px 10px;
	/* añadido*/
	/* margin-left: 10px;
    margin-right: 10px; */
}

.about-section .content-column{
	position:relative;
	/* TODO jcaballero margin-bottom:30px;*/
}

.about-section .content-column .inner-box{
	position: relative;
	margin-right: -30px;
}

.about-section .content-column h3{
	position:relative;
	font-size:18px;
	line-height: 28px;
	color: #222222;
	margin-bottom: 25px;
}

.about-section .content-column h3 a{
	color: #a0d405;
}

.about-section .content-column h3 a:hover{
	text-decoration: underline;
}

.about-section .content-column p{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	/* TODO jcaballero margin-bottom: 25px;*/
	margin-bottom: 15px;
}

.about-section .image-column{
	text-align:right;
}

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

.about-section .image-column .image-2{
	position: absolute;
	top: -140px;
	right: -160px;
	height: 450px;
	width: 450px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 9;
	box-shadow: -8px 8px 0px 0px #c0e258;
}

/*.about-section .image-column .image-2:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin-left: -8px;
	margin-bottom: -8px;
	content: "";
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border-top: 10px solid #c0e258;
	border-left: 10px solid #c0e258;
}
*/

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

.about-section .image-column .image-1:before{
	position: absolute;
	margin-left: -10px;
	margin-bottom: -10px;
	bottom: 1px;
	height: 230px;
	width: 260px;
	border-left: 10px solid #c0e258;
	border-bottom: 10px solid #c0e258;
	content: "";
}

/*===================================\
		Accortion Style
====================================*/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position:relative;
}

.accordion-box .block:before{
	position: absolute;
	left: 0;
	top: 0px;
	line-height: 50px;
	content: "-";
	color: #c0e258;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	font-weight: 400;
	color:#333333;
	cursor:pointer;
	margin-bottom:0px;
	text-transform:capitalize;
	padding:10px 30px 10px 15px;
	overflow:hidden;
	z-index:1;
	border-bottom: 2px solid #ededed;
}

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

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

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	color:#666666;
	padding: 20px 15px;
	min-height: 115px;
	border-bottom: 1px solid #e8e8e8;
}	

.accordion-box .block .content p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
}

.accordion-box .block .content p:last-child{
	margin: 0;
}

.accordion-box .block .acc-btn .icon-outer{
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 30px;
    line-height: 50px;
    font-size: 20px;
    color: #b8b8b8;
    font-weight: 400;
    text-align: center;
}

.accordion-box .block .acc-btn.active .icon-outer .icon{
	color: #c0e258;
}

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

.about-section.style-two .content-column .inner-box{
	/*padding-left: 70px;*/
	margin: 0;
}

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

.about-section.style-two .content-column .sec-title h2{
	font-size: 40px;
	line-height: 1.45em;
	color: #333333;
	font-weight: 700;
}



.about-section.style-two .image-column img{
	display: block;
	width: 100%;
	max-width: 600px;
	margin:auto;
}

/*** 

====================================================================
			What We Do Section
====================================================================

***/

.what-we-do{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 140px 0 155px;
}

.what-we-do:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #333333;
	opacity: .98;
	content: "";
}

.project-block{
	position: relative;
}

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

.project-block .image{
	position: relative;
	display: block;
	-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

/* .project-block:hover .image{
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	transform: translateY(-10%);
} */

.project-block .image:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #181818;
	opacity: .60;
	z-index: 1;
}

.project-block .caption-box{
	position: absolute;
	left: 0;
	top: 50%;
	z-index:9;
	padding:0 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .caption-box .icon-box{
	position: relative;
	margin-bottom: 15px;
	display: block;
}

.project-block .caption-box .icon-box img{
	position: relative;
	width: auto;
	height:auto;
}

.project-block .caption-box h3{
	position: relative;
	font-family: 'Arial';
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .caption-box h3 a{
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .caption-box h3 a:hover{
	/* TODO jcaballero color: #a0d405;*/
	color: #a8acd0;
}

.project-block:hover .caption-box h3{
	margin-bottom: 10px;
}

.project-block .caption-box .text{
	position: relative;
	display: block; 	
	max-height: 0;
	overflow: hidden;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block .caption-box p{
	position: relative;
	font-size: 14px;
	line-height: 16px;
	color: #cccccc;
	font-weight: 400;
	margin-bottom: 25px;
}

.project-block:hover .caption-box .text {
	max-height: 200px; 
}

.project-block .caption-box .read-more{
	position: relative;
	font-size: 15px;
	color: #a0d405;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-block .caption-box .read-more:hover{
	color: #ffffff;
}

/*** 

====================================================================
			Learning Skills
====================================================================

***/

.work-section{
	position: relative;
	/* TODO JCABALLERO padding: 140px 0 50px;*/
    padding: 10px 0 0px;
    
}

.work-section .sec-title{
	/* TODO jcaballero margin-bottom: 50px;*/margin-bottom: 5px;
}

.work-section .left-column,
.work-section .right-column{
	position: relative;
}

.work-section .left-column .inner-column{
	position: relative;
}

.work-block{
	position: relative;
	display: block;
	margin-bottom: 75px;
}

.work-block .inner{
	position: relative;
	text-align: right;
}

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

.work-block h4{
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 20px;
}

.work-block h4 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.work-block h4 a:hover{
	color: #a0d405;
}

.work-block p{
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.work-block .read-more{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.2em;
	color: #a0d405;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.work-block .read-more:hover{
	color: #333333;
}

.work-section .right-column .work-block .inner{
	position: relative;
	text-align: left;
}

.work-section .center-image .inner-box{
	position: relative;
	text-align: center;
	padding-top: 55px;
}

/*** 

====================================================================
			video Section	
====================================================================

***/

.video-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 180px 0;
}

.video-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(51,51,51,.93);
	content: "";
}

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

.video-section .content-box h2{
	position: relative;
	font-size: 40px;
	line-height: 1.2em;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 45px;
	letter-spacing: 1px;
	font-family: "Mr Dafoe", cursive;
}

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

.video-section .content-box .video-link a{
	position: relative;
	display: inline-block;
	height: 85px;
	width: 85px;
	line-height: 79px;
	margin: 0 auto;
	border:3px solid #ffffff;
	font-size: 26px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	padding-left: 5px;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	transition:all 700ms ease;
}

.video-section .content-box .video-link a:hover{
	color:#a0d405;
	border-color:#a0d405;	
}

/*** 

====================================================================
			Help Section
====================================================================

***/

.help-section{
	position: relative;
	/* TODO jcaballero padding: 140px 0 170px;*/
	/*TODO jcaballero padding:20px 0 5px;*/
}

.help-section .sec-title{
	margin-bottom: 25px;
}

.help-section .content-column .inner-column{
	position: relative;
}

.help-section .content-column .text{
	margin-bottom: 35px;
}

.help-section .progress-bars{
	position:relative;
	margin-bottom: 50px;
}

.progress-bars .bar-item{
	position:relative;
	margin-bottom:30px;
}

.progress-bars .bar-item:last-child{
	margin-bottom:0px;
}

.progress-bars .bar-item .skill-bar{
	position:relative;
	width:100%;
	height:1px;	
}

.progress-bars .bar-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	height:1px;
	background:#dddddd;
}

.progress-bars .bar-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:1px;
	width:0px;
	border-bottom:1px solid #a0d405;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.progress-bars .bar-item .skill-bar .bar-inner .bar:after{
	content:'';
	position:absolute;
	right:0px;
	top:-8px;
	width:17px;
	height:17px;
	background:#a0d405;
	border: 2px solid #ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.progress-bars .bar-item .skill-header{
	position:relative;
	font-size:18px;
	line-height:24px;
	color:#333333;
	margin-bottom:25px;
}

.dark-layout .progress-bars .bar-item .skill-header{
	color:#333333;	
}

.progress-bars .bar-item .skill-header .skill-title{
	position:relative;
	float:left;
}

.progress-bars .bar-item .skill-percentage{
	position:absolute;
	right:-5px;
	top:-35px;
	font-size:15px;
	line-height:24px;
	font-weight:500;
	color: #333333;
}

.help-section .help-column{
	position: relative;
	/* TODO jcaballero padding-top: 55px;
	padding-left: 55px;*/

	padding-left: 45px;
}

.help-block{
	position: relative;
	margin-top: 0;
	/* TODO jcaballero margin-bottom: 20px;*/
	margin-bottom: 0px!important;
}

.help-block .inner-box{
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	/* TODO jcaballero padding: 35px 30px 45px;*/
	/* padding: 10px 30px 20px;*/
	padding: 10px 10px 10px;
}

/*TODO jcaballero .help-block .inner-box:before{
	position: absolute;
	left: 0;
	top: 50%;
	height: 0%;
	width: 100%;
	
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

	TODO jcaballero background-color: #a0d405;
	background-color: #252841;
}*/

.help-block:hover .inner-box:before{
	top: 0;
	height: 100%;
}

.help-block .icon-box{
	position: relative;
	display: block;
	font-size: 44px;
	line-height: 1em;
	color: #a0d405;
	margin-bottom:20px;
}

.help-block:hover .icon-box{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.help-block h3{
	position: relative;
	font-size: 20px;
	color: #333333;
	font-weight: 500;
	margin-bottom: 7px;
	line-height: 1.2em;
}

.help-block h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.help-block:hover h3 a{
	color: #ffffff;
}

.help-block p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.help-block:hover p{
	color: #ffffff;
}

/*** 

====================================================================
						Gallery Section
====================================================================

***/

.gallery-section{
	position: relative;
	padding: 140px 0 0;
	background-color: #fbfbfb;
}

.gallery-section .row{
	margin-left: .5px;
	margin-right: .5px;
}

/*========================
	Gallery Item
=========================*/

.gallery-item{
	position: relative;
	padding: 0 .5px;
	margin-bottom: 1px;
}

.gallery-item .inner-box{
	position: relative;
	overflow: hidden;
}

.gallery-item .inner-box:before{
	position: absolute;
	right: -10%;
	top: 0%;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0;
	content: "";
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item:hover .inner-box:before{
	right: 0;
	opacity: .80;
}

.gallery-item .image{
	position: relative;
}

.gallery-item .image img{
	display: block;
	width: 100%;
}

.gallery-item .caption-box{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 9;
	padding: 0 40px 50px;
}

.gallery-item .caption-box .inner{
	position: relative;
	overflow: hidden;
}

.gallery-item .caption-box .icon-box{
	position: absolute;
	width: 100%;
	z-index: 1;
	right: 50px;
	bottom: 20px;
	opacity: 0;
	visibility: hidden;
}

.gallery-item:hover .caption-box .icon-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item .caption-box .icon-box a{
	position: relative;
	display: block;
}

.gallery-item .caption-box .icon-box span{
	position: relative;
	float: right;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #a0d405;
	border: 1px solid #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.gallery-item:hover .caption-box .icon-box span{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.gallery-item .caption-box .icon-box:after,
.gallery-item .caption-box .icon-box:before{
	position: absolute;
	right: 40px;
	top: 20px;
	width: 0;
	content: "";
	border-bottom: 1px solid #333333;
}

.gallery-item:hover .caption-box .icon-box:before{
	width: 100%;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}
.gallery-item .caption-box .icon-box:after{
	right: -50px;
}

.gallery-item:hover .caption-box .icon-box:after{
	width: 50px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.gallery-item .caption-box .title{
	position: relative;
	width: 0;
	overflow: hidden;
}

.gallery-item .caption-box .title h3{
	position: relative;
	font-size: 25px;
	line-height: 1.2em;
	color: #a0d405;
	min-width: 340px;
	font-family: "Mr Dafoe", cursive;
	margin-bottom: 30px;
}

.gallery-item .caption-box .title h3 a{
	color: #a0d405;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-item .caption-box .title h3 a:hover{
	color: #ffffff;
}
	
.gallery-item:hover .caption-box .title{
	opacity: 1;
	width: 100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.gallery-item .caption-box h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.gallery-item:hover .caption-box h4{
	margin-bottom: 0;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay:900ms;
	-moz-transition-delay:900ms;
	-ms-transition-delay:900ms;
	-o-transition-delay:900ms;
	transition-delay:900ms;
}

/*========================
	Gallery Masonry
=========================*/

.gallery-masonry{
	position: relative;
	padding:150px 0;
	background-color: #fbfbfb;
}

.gallery-masonry .row{
	margin: 0 -15px;
}	

.gallery-masonry .gallery-item{
	padding:0 15px;
	margin-bottom: 30px;
}

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

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display: block;
 	text-align: center;
}

.mixitup-gallery .filters li{
	position: relative;
	display: inline-block;
	margin:0px 2px 5px;
	font-size: 15px;
	color: #888888;
	line-height: 20px;
	padding:10px 40px;
	font-weight: 500;
	cursor: pointer;
 	background: transparent;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	-ms-border-radius: 4px;
 	-o-border-radius: 4px;
 	border-radius: 4px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	background-color: #a0d405;
	color: #ffffff;
}

.gallery-item.mix{
	 display:none;
}

/*** 

====================================================================
					Gallery Detail
====================================================================

***/

.gallery-detail-section{
	position: relative;
	padding: 230px 0 110px;
}

.gallery-detail-section .gallery-detail{
	position: relative;
}

.gallery-detail .image-box{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

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

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

.gallery-detail .lower-content{
	position: relative;
	margin-bottom: 70px;
}

.gallery-detail .content-column,
.gallery-detail .info-column{
	position: relative;
	margin-bottom: 40px;
}

.gallery-detail h3{
	position: relative;
	font-size: 25px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 30px;
}	

.gallery-detail p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 25px;
}

.gallery-detail .info-column .inner-column{
	position: relative;
	border-left: 1px solid #e7e7e7;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 35px;
	margin-left: 40px;
}

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

.gallery-detail .info-list li{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 25px;
}

.gallery-detail .info-list li span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

.load-more-option{
	position: relative;
	display: block;
	text-align: center;
}

.load-more-option li{
	position: relative;
	display: inline-block;
}
.load-more-option li a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	padding: 5px 0;
	height: 33px;
	width: 33px;
	border: 1px solid #e7e7e7;
	text-align: center;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}

.load-more-option li a{
	color: #333333;
}

.load-more-option li:hover a{
	color: #ffffff;
	background-color: #333333;
	border-color: #333333;
}

.load-more-option .load-more a{
	font-size: 25px;
	height: auto;
	width: auto;
	padding: 0;
	border: 0;
}

.load-more-option .load-more a:hover{	
	color: #a0d405;
	background:none;
}	

/*** 

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

***/

.fact-counter-section{
	position: relative;
	background-position: center;
	background-repeat:  no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 135px 0 150px;
}

.fact-counter-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.80);
	content: "";
}

.fact-counter-section .sec-title h3{
	position: relative;
	font-size: 35px;
	line-height: 50px;
	color: #dedede;
	font-weight: 400;
	margin-bottom: 20px;
}

.fact-counter-section .sec-title h3 span{
	position: relative;
	display: inline-block;
	font-weight: 700;
	color: #a0d405;
}

.fact-counter{
	position: relative;
}

.fact-counter .row{
	position: relative;
	margin:0 -45px;
	border: 1px solid #353535;
}

.fact-counter .counter-column{
	position: relative;
	padding: 0;

}

.fact-counter .counter-column .inner{
	position: relative;
	background-color: rgba(255,255,255, .05);
	padding: 80px 15px 70px;
	text-align: center;
	border: 1px solid #353535;

	/*TODO jcaballero*/
	min-height: 385px;
}

.fact-counter .counter-column .count-box{
	position: relative;
	font-size: 47px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
}

.counter-column .icon{
	position: relative;
	display: block;
	font-size: 80px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 35px;
}

.counter-column .count-text{
	position: relative;
	display: inline-block;
	font-size: 47px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	padding-bottom: 16px;
	margin-bottom: 15px;
}

.counter-column .count-text:before{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -14px;
	height: 1px;
	width: 28px;
	background-color: #8b8b8b;
	content: "";
}

.counter-column .counter-title{
	position: relative;
	font-size: 15px;
	line-height: 1.2em;
	color: #a0d405;
	font-weight: 500;
	text-transform: uppercase;
}

/*** 

====================================================================
					Volunteer Section
====================================================================

***/

.volunteer-section{
	position: relative;
	/* todo JCABALLERO padding: 145px 0 150px;*/ padding:5px 0 20px;
}

.volunteer-carousel{
	position: relative;
	padding-bottom: 30px;
}

.volunteer-carousel .owl-item{
	padding: 30px 10px;
}

.volunteer-member{
	position: relative;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.volunteer-member .inner-box{
	position: relative;
	overflow: hidden;
	/* TODO jcaballero border: 25px solid #ffffff;*/
	border: 15px solid #ffffff;
	-webkit-box-shadow: 0 0 30px rgba(51,51,51, .1);
	-moz-box-shadow: 0 0 30px rgba(51,51,51, .1);
	-ms-box-shadow: 0 0 30px rgba(51,51,51, .1);
	-o-box-shadow: 0 0 30px rgba(51,51,51, .1);
	box-shadow: 0 0 30px rgba(51,51,51, .1);
}

.volunteer-member .inner-box:before{
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	width: 50%;
	right: 0;
	background-color: #a0d405;
	z-index:-1;
}

.volunteer-member .image-box{
	position: relative;
	float: left;
	/* TODO jcaballero width: 50%;*/
}

.volunteer-member .image-box .image{
	position: relative;
}

.volunteer-member .image-box .image img{
	/*width: 100%;
	height: auto;*/

	width: 100%;
	height: 200px;

}

/* TODO jcaballero .volunteer-member .info-box{
	position: relative;
	float: right;
	width: 50%;
	padding: 55px 25px;
	background-color: #a0d405;
}*/

.volunteer-member .info-box{
	position: relative;
	float: right;
	color: #252841;
	background-color: #ffffff;
	padding-top: 10px;
    color: #252841;
    text-align: justify;
}




.volunteer-member .info-box .name{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	/* TODO jcaballero color: #333333;*/
	color:#252841;
	font-weight: 500;
	margin-bottom: 10px;
}

.volunteer-member .info-box .desingnation{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: normal;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 10px;
}

.volunteer-member .info-box p{ 
	position: relative;
	font-size: 13px;
	line-height: 24px;
	color: #252841;
	margin-bottom: 10px;
}

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

.volunteer-carousel .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.volunteer-carousel .owl-dots .owl-dot{
	position:relative;
	width:2px;
	height:15px;
	margin: 0 5px;
	display:inline-block;
	background-color:#dedede;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.volunteer-carousel .owl-dots .owl-dot.active,
.volunteer-carousel .owl-dots .owl-dot:hover{
	height: 30px;
	background-color :#a0d405;
}

/*** 

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

***/

.testimonial-section{
	position: relative;
	padding: 0px 0 0px; /*150 150*/
	background-color: #262626;
	color: #252841; 
	width: 85%;
}

.testimonial-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #333333;
	opacity: .94;
}

.testimonial-carousel{
	position: relative;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}

.testimonial-carousel .name{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2em;
	color: #ffffff;
	margin-bottom: 25px;
}

.testimonial-carousel p{
	font-size: 16px;
	font-style: italic;
	
	color: #252841!important;
	font-weight: bold;
	/* TODO jcaballero 
	line-height: 35px;
	margin-bottom: 25px;*/

	padding-top: 20px;
}

.testimonial-carousel .icon{
	position: relative;
	display: block;
	font-size: 36px;
	color: #999999;
}

.testimonial-section .owl-dots{
	display:none;
}

.testimonial-section .owl-nav{
	position:absolute;
	left: 0;
	
	margin-top:-25px;
	width: 100%;
	/* TODO jcaballero top:50%;*/
	top:40%;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
	text-align:center;
	margin:10px;
	color:#ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background-color:#444444;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev{
	left:-95px;
}

.testimonial-section .owl-nav .owl-next{
	right: -95px;
	left: auto;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	background-color:#ffffff;
	color: #444444;
}

/*===============================
	Testimonial Style Two
================================*/

.testimonial-section.style-two{
	background-color: #ffffff;
}

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

.testimonial-section.style-two .testimonial-carousel .name{
	color: #333333;
}

.testimonial-section.style-two .owl-nav .owl-prev{
	left:-45px;
}

.testimonial-section.style-two .owl-nav .owl-next{
	right: -45px;
	
}

.testimonial-section.style-two .owl-nav .owl-prev,
.testimonial-section.style-two .owl-nav .owl-next{
	background-color: #eeeeee;
	color: #333333;
}

.testimonial-section.style-two .owl-nav .owl-prev:hover,
.testimonial-section.style-two .owl-nav .owl-next:hover{
	background-color: #333333;
	color: #ffffff;
}

/*** 

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

***/

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

.news-section .row{
	margin: 0 -25px;
}

/* News Block */

.news-block{
	position: relative;
	padding: 0 25PX;
	margin-bottom: 50px;
}

.news-block .inner-box{
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}	

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

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

.news-block .content-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
}

.news-block .content-box:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0%;
	background-color: #ffffff;
	opacity: .94;
	content:"";
	z-index: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block .inner-box:hover .content-box:before{
	left: 0;
	width: 100%;
}

.news-block .content-box .date{
	position: absolute;
	left: 30px;
	top: -20px;
	display: block;
	font-size: 13px;
	color: #a5d613;
	font-weight: 400;
} 

.news-block .inner-box:hover .content-box .date{
	top: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.news-block .content-box .content{
	position: absolute;
	padding: 0 30px;
	text-align: center;
	top: 50%;
	opacity: 0;
	visibility: hidden;
}

.news-block .inner-box:hover .content-box .content{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

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

.news-block .content-box .content h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .content h3 a:hover{
	color: #a5d613;
}

.news-block .content-box .content p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 10px;
}

.news-block .content-box .content .read-more{
	position: relative;
	font-size: 15px;
	color: #a0d405;
	font-weight: 600;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .content-box .content .read-more:hover{
	color: #333333;
}

.news-block .info-box{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color: #a0d405;
	padding: 10px 20px;
}

.news-block .inner-box:hover .info-box{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay:  300ms ;
	-moz-transition-delay:  300ms ;
	-ms-transition-delay:  300ms ;
	-o-transition-delay:  300ms ;
	transition-delay:  300ms ;
}

.news-block .info-box .info{
	position: relative;
	float: left;
} 

.news-block .info-box .info a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #fefefe;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .info-box .info a:hover{
	color: #333333;
}

.news-block .info-box .info a i{
	margin-right: 7px;
}

.news-block .info-box .info span{
	color: #333333;
	margin-left: 7px;
}

.news-block .info-box .info:last-child{
	float: right;
}

/*** 

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

***/

.news-section-two{
	position: relative;
	
	/*TODO jcaballero background-color: #343433;
	padding: 140px 0 100px;*/
	padding: 40px 0 100px;
	background-color:#252841;
}

/* News Block Two */

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

.news-block-two .inner-box{
	position: relative;
	border-radius: 5px;
	overflow: visible;
	padding: 10px;

	/* TODO jcaballero */
	 background: #f3f5f0c7;
	 transition: all ease 0.2s;

}

.news-block-two .inner-box-news{
	position: relative;
	border-radius: 5px;
	overflow: visible;
	padding: 0px;

	/* TODO jcaballero */
	 background: #f3f5f0c7;
	 transition: all ease 0.2s;

}

.news-block-two .inner-box:hover{
	transform: translateY(-5px);
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.news-block-two .inner-box .date{
	position: absolute;
	left: 30px;
	top: 30px;
	font-size: 15px;
	line-height: 20px;
	color: #a5d613;
	display: inline-block;
	z-index: 1;
}

.news-block-two .image-box{
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 5px;
}

.rejilla {
	display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 30px;
  grid-column-gap: 50px;
  }

  .rejilla-soluciones {
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 15px;
  grid-column-gap: 0px;
  margin:auto;
  }

  .certificados {
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  justify-items: start;
  }


.news-block-two .image-box img{
	display: block;
	width: 100%;
    
    /* AÑADO */
    min-height: 160px;
    margin-top: 2px!important;
}

.news-block-two .caption-box{
	position: relative;
	/* TODO jcaballero background-color: #ffffff;*/
	padding: 10px 10px; /* TODO jcaballero padding: 35px 35px;*/
	/*background-color:#dfe2d6;*/
    
    /* AÑADO */    
    max-height: 90px;
    min-height: 90px;
}

.news-block-two .caption-box h3{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 10px;
}

.news-block-two .caption-box h3 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .caption-box h3 a:hover{
	color: #a0d405;
}

.news-block-two .caption-box p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
}

.news-block-two .read-more{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #fefefe;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px 0;
	text-align: center;
	background-color: #444444;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two:hover .read-more{
	/* TODO jcaballero background-color: #a0d405;*/
	background-color: #dfe2d6;
	color: #252841;
}

/*** 

====================================================================
				Blog Standard
====================================================================

***/

.blog-standard{
	position: relative;
	padding-right: 15px;
}

/* News Block Three */

.news-block-three{
	position: relative;
	display: block;
}

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

.news-block-three .image-box .image{
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

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

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

.news-block-three .lower-content .inner-box{
	position: relative;
	padding: 35px 0;
	border-bottom: 1px solid #eaeaea;
}

.news-block-three .lower-content .info-list{
	position: relative;
	margin-bottom: 16px;
}

.news-block-three .lower-content .info-list li{
	position: relative;
	display: inline-block;
	margin-right: 40px;
	color: #888888;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
} 

.news-block-three .lower-content .info-list li a{
	display: inline-block;
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .lower-content .info-list li a:hover{
	color: #a0d405;
}

.news-block-three .lower-content .info-list li .like{
	color: #ff4967;
}

.news-block-three .lower-content .info-list li .comment{
	color: #5aa80e;
}

.news-block-three .lower-content .info-list li a span{
	margin-left: 7px;
}

.news-block-three .lower-content h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
	margin-bottom: 16px;
}

.news-block-three .lower-content h3 a{
	display: inline-block;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .lower-content h3 a:hover{
	color: #a0d405;
}	

.news-block-three .lower-content p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	margin-bottom: 18px;
}

.news-block-three .lower-content .read-more{
	position: relative;
	display: inline-block;
	font-size: 15px;
	/*TODO jcaballero color: #a0d405;*/
	
	color: #252841;
	font-weight: 600;
	margin-top: 25px;
}

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

.news-block-three .owl-nav .owl-prev,
.news-block-three .owl-nav .owl-next{
	position:absolute;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:25px;
	text-align:center;
	margin-bottom:10px;
	color:#ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background-color:rgba(255,255,255,.30);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-three .owl-nav .owl-prev{
	left:20px;
}

.news-block-three .owl-nav .owl-next{
	right: 20px;
	left: auto;
}

.news-block-three .owl-nav .owl-prev:hover,
.news-block-three .owl-nav .owl-next:hover{
	background-color:#ffffff;
	color: #444444;
}

.play-now {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.play-now .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 65px;
    width: 65px;
    text-align: center;
    line-height: 65px;
    background-color: #ffffff;
    color: #333333;
    z-index: 1;
    font-size: 20px;
    padding-left: 5px;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
    -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
    -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
    -webkit-transform-origin:center; 
    transform-origin:center; 
}

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

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

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

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

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

/*** 

====================================================================
				Blog Grid
====================================================================

***/

.blog-grid{
	position: relative;
	padding-right: 15px;
}

.blog-grid .row{
	margin: 0 -30px;
}

.blog-grid .news-block-two{
	padding: 0 30px;
	margin-bottom: 55px;
}

/*** 

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

***/

.blog-detail{
	position: relative;
	padding-right: 15px;
}

.blog-detail .news-block-three .lower-content{
	margin-bottom: 0;
}

.blog-detail .news-block-three .lower-content .inner-box{
	border-bottom: 0;
}


/* .blog-detail p{
	position: relative;
	margin-bottom: 25px !important;
}

.blog-detail h2{
	position: relative;
	margin-bottom: 25px !important;
}*/

.blog-detail h3{
	position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #333333;
    font-weight: 500;
} 

.blog-detail blockquote{
	position: relative;
	font-size: 16px;
	line-height: 27px;
	color: #888888;
	font-weight: 400;
	padding: 20px 40px;
	background-color: #f8f8f8;
	padding-left: 100px;
	border-left: 0;
	font-style: italic;
	letter-spacing: .5px;
	min-height: 100px;
	margin-bottom: 25px;
}

.blog-detail blockquote .icon{
	position: absolute;
	left: 0px;
	top: 0;
	text-align: center;
	height: 100%;
	width: 60px;
	background-color: #ffffff;
	color: #333333;
	font-size: 33px;
	line-height: 1em;
}

.blog-detail blockquote .icon:before {
    top: 50%;
    position: relative;
    display: block;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

.post-images{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.post-images .row{
	margin: 0 -2px;
}

.post-images .row .image{
	padding: 0 2px;
	margin-bottom: 4px;
}

.post-images .row .image img{
	display: block;
	width: 100%;
}

.blog-detail ol{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 25px;
}

.blog-detail ol li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #252841;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}

.blog-detail ol li a{
	position: relative;
	display: inline-block;
	color: #252841;
}

.blog-detail ol li:before{
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	content: "";
	background-color: #252841;
}


.blog-detail ul{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 25px;
}

.blog-detail ul li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #252841;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}

.blog-detail ul li a{
	position: relative;
	display: inline-block;
	color: #252841;
}

.blog-detail ul li:before{
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	content: "";
	background-color: #252841;
}
.cke_editable{
	padding: 15px;
}

.cke_editable ul{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 25px;
}

.cke_editable ul li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #252841;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}

.cke_editable ul li a{
	position: relative;
	display: inline-block;
	color: #252841;
}

.cke_editable ul li:before{
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	content: "";
	background-color: #252841;
}

.cke_editable ol{
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 25px;
}

.cke_editable ol li{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 24px;
	color: #252841;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}

.cke_editable ol li a{
	position: relative;
	display: inline-block;
	color: #252841;
}

.cke_editable ol li:before{
	position: absolute;
	left: 0;
	top: 8px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	content: "";
	background-color: #252841;
}

/*==========================
		Author Box
===========================*/

.author-box{
	position: relative;
	padding: 10px 0 0px;
	display: block;
	margin-bottom: 40px;
}

.author-box .inner-box{
	position: relative;
	padding: 50px 75px 40px 215px;
	min-height: 195px;
	border-bottom: 2px solid #eeeeee;
	border-top: 2px solid #eeeeee;
}

.author-box .image-box{
	position: absolute;
	left: 0;
	top: 35px;
	height: 195px;
	width: 195px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.author-box .name{
	position: relative;
	display: block;
}

.author-box .name span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #a0d405;
}

.author-box h3{
	position: relative;
	font-size: 18px;
	color: #222222;
	font-weight: 400;
	margin-bottom: 11px;
}
.author-box h3 a{
	color: #222222;
}

.author-box h3{
	margin-bottom: 15px;
}

.blog-detail.style-two blockquote{
	background-color: #333333;
	color: #cccccc;
	font-weight: 300;
}

/*==========================
	Related Projects
===========================*/

.related-projects{
	position: relative;
	display: block;
	margin-top: 55px;
}
.related-projects .title{
	position: relative;
	margin-bottom: 55px;
	width: 100%;
	text-align: center;
	display: block;
}

.related-projects h2{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 500;
}

.related-projects .owl-nav{
	position:absolute;
	left: 0;
	top: -85px;
	width: 100%;
	z-index: 1;
}

.related-projects .owl-nav .owl-prev,
.related-projects .owl-nav .owl-next{
	position: absolute;
    height: 35px;
    width: 35px;
    font-size: 17px;
	line-height: 35px;
    color: #333333;
    background-color: #f5f5f5;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.related-projects .owl-nav .owl-next {
    top: 0;
	left: auto;
	bottom: 0;
    right: 0;
}

.related-projects .owl-nav .owl-prev {
    top: 0;
	left: 0;
	bottom: 0;
    right: auto;
}

.related-projects .owl-nav .owl-prev:hover,
.related-projects .owl-nav .owl-next:hover{
    background-color: rgba(0,0,0,.80);
	color: #ffffff;
}

/*** 

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

***/

.styled-pagination{
	position:relative;
}

.styled-pagination ul{
	position:relative;
	float: left;
}

.styled-pagination li{
	position:relative;
	display:block;
	float:left;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	/* TODO jcaballero height:38px;
	width: 38px;*/
	font-size:15px;
	color:#333333;
	font-weight:500;
	line-height:20px;
	text-align: center;
	
	background-color: transparent;
    /* TODO jcaballero padding:9px 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;	
	border-radius: 50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;*/
}

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

.styled-pagination li.next a,
.styled-pagination li.prev a{
	-webkit-border-radius: 0;
	border-radius: 0;
	width: auto;

}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section{
	position:relative;
	background-color:#f4f4f4
}
.clients-section .sponsors-outer{
	position:relative;
}

.clients-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	border-right: 1px solid #ffffff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-color:#333333;
	color:#888888;
}

.main-footer .widgets-section{
	position:relative;
	/* TODO jcaballero padding:160px 0px 85px;*/
	padding:60px 0px 5px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:40px;		
}

.main-footer .footer-logo{
	position:relative;	
	top: -20px;
	margin-bottom: -20px;
}

.main-footer .footer-logo img{
	display:block;
	max-width:100%;	
}

.main-footer .footer-column .widget-title{
	font-family: 'Arial';
	position: relative;
	font-size:16px;
	color:#ffffff;	
	font-weight:700;
	text-transform:capitalize;
	margin-bottom:35px;
}

.main-footer .about-widget {
	position: relative;
	padding-right: 60px;
}

.main-footer .about-widget .contact-info{
	position: relative;
	margin-bottom: 15px;
}

.main-footer .about-widget .contact-info li{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	font-weight: 400;
}

.main-footer .about-widget .contact-info li a {
	color: #888888;
}

/*=== links Widget ===*/

.main-footer .links-widget{
	position: relative;
}

.main-footer .links-widget .list li{
	position:relative;
	padding-left: 20px;
	display: block;
}

.main-footer .links-widget .list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	color: #a0d405;
	font-weight: 400;
	line-height: 20px;
	content: "\f105";
	font-family: "Fontawesome";
}

.main-footer .links-widget .list li a{
	position:relative;
	display: inline-block;
	font-size: 14px;
	line-height:20px;
	color:#fff;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform:capitalize;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .links-widget .list li a:hover{
	color:#888888;
}

/*=== Gallery Widget ===*/

.main-footer .gallery-widget{
	position: relative;
}

.main-footer .gallery-widget p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom:15px;
}

.main-footer .insta-carousel{
	position: relative;
	overflow: hidden;
}

.main-footer .insta-carousel .image{
	position: relative;
	z-index: 99;
	min-width: 245px;
}

.insta-carousel .owl-dots{
	display:none;
}

.insta-carousel .owl-nav{
	position:absolute;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 1;
}

.insta-carousel .owl-nav .owl-prev,
.insta-carousel .owl-nav .owl-next{
	position: absolute;
    color: #ffffff;
    width: 27px;
	height: 150px;
    font-size: 25px;
	line-height: 150px;
    text-align: center;
    background-color: rgba(0,0,0,.50);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.insta-carousel .owl-nav .owl-next {
    top: 0;
	left: auto;
	bottom: 0;
    right: 0;
}

.insta-carousel .owl-nav .owl-prev {
    top: 0;
	left: 0;
	bottom: 0;
    right: auto;
}

.insta-carousel .owl-nav .owl-prev:hover,
.insta-carousel .owl-nav .owl-next:hover{
    background-color: rgba(0,0,0,.80);
	color: #ffffff;
}

/*=== Post Widget ===*/

.main-footer .post-widget{
	position: relative;
	padding-right: 50px;
	margin-left: -30px;
}

.main-footer .post-widget .post{
	position: relative;
	padding: 0px 0 12px 20px;
	margin-bottom: 12px;
	border-bottom: 1px solid #535353;
}

.main-footer .post-widget .post:last-child{
	border: 0;
	margin-bottom: 0;
}

.main-footer .post-widget .post:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	color: #a0d405;
	font-weight: 400;
	line-height: 22px;
	content: "\f105";
	font-family: "Fontawesome";
}

.main-footer .post-widget .post h3{
	position: relative;
	font-size: 14px;
	line-height: 22px;
	color: #888888;
	font-weight: 400;
}

.main-footer .post-widget .post h3 a{
	color: #888888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .post-widget .post h3 a:hover{
	color: #ffffff;
}

.main-footer .post-widget .post span{
	position: relative;
	display: inline-block;
	font-size: 11px;
	color: #a0d405;
	line-height: 1.3em;
}

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

.main-footer .footer-bottom{
	position:relative;
	/*TODO jcaballero padding:20px 0px;*/
	padding:5px 0px;
	background-color: #2b2b2b;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	
	
	
	color: #888888;
	font-weight: 400;

	/*TODO jcaballero font-size:14px;
	float:left;
	line-height:30px;
	*/
	font-size:11px;
}

.main-footer .footer-bottom .copyright-text a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
	/* TODO jcaballero color: #a0d405;*/
	color: #ffffff;
}

.main-footer .footer-bottom .bottom-links{
	position:relative;
	/* TODO jcaballero float:right;	*/
}

.main-footer .footer-bottom .bottom-links li{
	position:relative;
	display:inline-block;
	margin-left:30px;
	line-height:30px;	
}

.main-footer .footer-bottom .bottom-links li a{
	position: relative;
	
	font-weight: 400;	
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	/* TODO jcaballero color: #a0d405;
	font-size: 14px;
	*/
	font-size: 12px;
	color: #dfe2d6;
}

.main-footer .footer-bottom .bottom-links li a:hover{
	color: #ffffff;
}

/***

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

***/

.sidebar-page-container{
	position: relative;
	/* TODO jcaballero padding: 150px 0 100px; */
	 padding: 50px 0 100px; 
}

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

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

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

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

.sidebar-side .sidebar-title h3{
	position: relative;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	color: #333333;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

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

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:13px;
	color:#888888;
	line-height:20px;
	padding:23px 22px;
	padding-right: 160px;
	height:70px;
	width:100%;
	border:1px solid #fafafa;
	background-color: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	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:#a0d405;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:160px;
	height:70px;
	line-height: 70px;
	text-align:center;
	background-color: #a0d405;
	font-size:15px;
	color:#ffffff;
	font-weight:600;
	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 button:hover{
	background-color: #333333;
}

/*=== Gallery Widget ===*/

.sidebar .gallery-widget .widget-title{
	margin-bottom: 30px;
}

.sidebar .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -3px 0;
}

.sidebar .gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 25%;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.sidebar .gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
}

.sidebar .gallery-widget .btn-box{
	position: relative;
	display: block;
	margin-top: 25px;
	text-align: center;
}

.sidebar .gallery-widget .btn-box a{
	padding: 8px 45px;
}

/*=== Categories ===*/

.category-list{
	position: relative;
	display: block;
	background-color: #f8f8f8;
	padding: 30px 50px 60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.category-list li{
	position: relative;
}

.category-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
	padding: 14px 0;
	border-bottom:1px dashed #e5e5e5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-list li a:hover{
	color: #a0d405;
}

/*=== Subscribe Widget ===*/

.subscribe-widget{
	position: relative;
}

.subscribe-widget .subscribe-form{
	position: relative;
	padding: 50px 45px;
	color: #ffffff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	/* TODO jcaballero background-color: #a0d405;*/
	background-color:#252841;
}

.subscribe-widget p{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 10px;
}

.subscribe-widget .subscribe-form input,
.subscribe-widget .subscribe-form select,
.subscribe-widget .subscribe-form textarea{
	position: relative;
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 25px;
	color: #888888;
	font-weight: 300;
	padding: 15px 25px;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.subscribe-widget .subscribe-form button{
	position: relative;
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 23px;
	color: #ffffff;
	font-weight: 600;
	padding: 15px 10px;
	text-align: center;
	border:2px solid #ffffff;
	background-color: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.subscribe-widget .subscribe-form button:hover{
	color: #a0d405;
	background-color: #ffffff;
}

/*=== Latest News ===*/

.popular-post .post{
	position: relative;
	padding-left: 115px;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 115px;
	border-bottom: 1px solid #eaeaea;
}

.popular-post .post:last-child{
	margin-bottom: 0px;
}

.popular-post .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 95px;
	width: 95px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

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

.popular-post .post .date{
	position: relative;
	font-size: 12px;
	line-height: 20px;
	color: #a0d405;
	margin-bottom: 3px;
}

.popular-post .post h3{
	position: relative;
	font-size: 16px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 400;
	margin-bottom: 10px;
}

.popular-post .post h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-post .post:hover h3 a{
	color: #a0d405;
}




/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 13px;
    color: #888888;
    line-height: 24px;
    padding: 10px 40px;
    text-align: center;
    overflow: hidden;
    background-color: #f5f5f5;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	color: #ffffff;
	background-color: #a0d405;
}

/*=== Mate ===*/

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

.meta-list{
	position: relative;
	display: block;
}

.meta-list li{
	position: relative;
	display: block;
} 

.meta-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #888888;
    line-height: 29px;
    padding: 10px 0px;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.meta-list li a span{
	position: relative;
	display: inline-block;
	color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.meta-list li a span:before{
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 100%;
	border-bottom: 2px solid #adadad;
	content: "";
}

.meta-list li a:hover span,
.meta-list li a:hover{
	color: #a0d405;
}

/*** 

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

 ***/

.sidebar-page-container .group-title{
	position: relative;
	margin-bottom: 40px;
}

.sidebar-page-container .group-title h4{
	position: relative;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #333333;
}

.comments-area{
	position:relative;
	margin-top:50px;
	margin-bottom:65px;
	padding-right: 100px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom:50px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 130px;
	padding-left: 130px;
	max-width: 670px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:115px;
	height:115px;
	margin-bottom:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	margin-bottom: 5px;
}

.comments-area .comment-box .name{
	position: relative;
	font-size:15px;
	line-height: 24px;
	font-weight:500;
	color:#333333;
	display:block;
	text-transform:capitalize;
}

.comments-area .comment-box .time{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 24px;
	color: #888888;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 24px;
	color:#888888;
	font-weight: 400;
	margin-bottom: 15px;
}

.comments-area .comment-box .social-icon{
	display: block;
	margin-bottom: 15px;
}

.comments-area .comment-box .reply-btn{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 38px;
	color: #333333;
	text-align: center;
	height: 40px;
	width: 40px;
	border:1px solid #cbcbcb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
}

/*** 

====================================================================
				Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form{
 	position: relative;
 	max-width: 620px;
}

.comment-form .row{
	margin: 0 -7px;
}

.comment-form .form-group{
	position:relative;
	padding: 0 7px;
	margin-bottom:14px;	
}

.comment-form .form-group .icon{
	position: absolute;
	left: 25px;
	top: 0;
	line-height: 60px;
	color: #333333;
}

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

.comment-form .form-group input,
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
    padding: 19px 30px;
    padding-left: 40px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#a0d405;
}

.comment-form .form-group textarea{
	height: 105px;
	resize: none;
}

.comment-form button{
	min-width: 160px;
	padding: 8px 35px;
}

/*** 

====================================================================
				Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	display: block;
	padding:150px 0 100px;
}
.contact-page-section .info-column,
.contact-page-section .form-column{
	position: relative;
	/* TODO jcaballero margin-bottom: 50px;*/
}

.contact-page-section .info-column .inner-column{
	padding-left: 10px;
}

.contact-page-section .form-column .inner-column{
	padding-right: 10px;
}

.contact-page-section .form-column h3{
	position: relative;
	font-size: 25px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 25px;
}

.contact-page-section .form-column p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	margin-bottom: 40px;
}

.contact-form {
	position: relative;
}

.contact-form .row{
	margin: 0 -10px;
}

.contact-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom:20px;	
}

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

.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	height:46px;
	font-size:13px;
	line-height:22px;
	color:#888888;
	font-weight: 400;
	padding:10px 15px;
	border:2px solid #f4f4f4;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

.contact-form button{
	min-width: 160px;
	text-transform: uppercase;
	padding: 8px 25px;
	font-weight: 600;

	/* añadido*/
	margin-bottom: 25px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;	
}

/*===========================================
			Map Section Style
===========================================*/

.map-area{
	position:relative;
	margin-bottom: 25px;
}

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

.map-data a{
	display: block;
}

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

.map-canvas{
	height:300px;
}

.contact-page-section .contact-info{
	position: relative;
	display: block;
}

.contact-page-section .contact-info .column{
	position: relative;
	margin-bottom: 50px;
}

.contact-page-section .contact-info h4{
	position: relative;
	font-size: 15px;
	line-height: 1.2em;
	color: #222222;
	margin-bottom: 7px;
}

.contact-page-section .contact-info p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
}

.contact-page-section .contact-info .social-icon li a{
	font-size: 16px;
	line-height: 28px;
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-page-section .contact-info .social-icon li a:hover{
	color: #000000;
}	


/*** 

====================================================================
				Error Page Section
====================================================================

***/

.error-section{
	position: relative;
	padding: 200px 0 240px;
	text-align: center;
}

.error-section h1{
	position: relative;
	display: block;
	font-size: 250px;
	line-height: 1em;
	color: #333333;
	font-weight: 600;
}

.error-section h2{
	position: relative;
	font-size: 30px;
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-weight: 500;
}

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

.error-section a{
	position: relative;
	display: inline-block;
}

/*** 

====================================================================
	Donate Now
====================================================================

***/

.donate-section{
	position:relative;
	padding:150px 0px 90px;
	border-bottom:1px solid #e9e9e9;
}

.donate-section .default-title{
	position:relative;
	margin-bottom:35px;	
}

.donate-section .default-title h2{
	color:#2f2f2f;
	font-size:28px;
	font-weight:700;
	padding-bottom:12px;	
}

.donate-section .default-title h2:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:30px;
	border-bottom:2px solid #a0d405;	
}

.donate-section .left-column{
	position:relative;
	margin-bottom:30px;	
}

.donate-section .right-column{
	position:relative;
	margin-bottom:30px;	
}

.donate-section .select-amount{
	position:relative;	
}

.donate-section .select-box{
	position:relative;
	float:left;
	width:60px;
	text-align:center;
	margin:0px 20px 10px 0px;	
}

.donate-section .input-box{
	position:relative;
	float:left;
	width:200px;
}

.donate-section .select-box input[type="radio"]{
	left:0px;
	top:0px;
	visibility:hidden;
	position:absolute;
	opacity:0;	
}

.donate-section .select-box label{
	display:block;
	line-height:24px;
	padding:10px 10px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#555555;
	border:1px solid #e0e0e0;
	cursor:pointer;
	border-radius:2px;
	transition:all 500ms ease;
}

.donate-section .select-box input[type="radio"]:checked+label{
	background:#a0d405;
	border-color:#a0d405;
	color:#ffffff;	
}

.donate-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.donate-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:10px;
	color:#222222;
	font-weight:500;
	font-size:14px;
}

.donate-form .form-group .field-label sup,
.donate-form .form-group .field-label .req{
	color:#ff0000;
	font-size:14px;
	padding-left:5px;
}

.donate-form input[type="text"],
.donate-form input[type="email"],
.donate-form input[type="password"],
.donate-form input[type="tel"],
.donate-form input[type="url"],
.donate-form select,
.donate-form textarea{
	display:block;
	width:100%;
	line-height:24px;
	height:46px;
	font-size:15px;
	border:1px solid #e0e0e0;
	padding:10px 15px;	
	background-color:#ffffff;
	color:#222222;
	border-radius:2px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.donate-form select{
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.donate-form textarea{
	height:95px;
	resize:none;	
}

.donate-form select option{
	text-indent:15px;	
}

.donate-form input:focus,
.donate-form select:focus,
.donate-form textarea:focus{
	border-color:#a0d405;	
}

.donate-form input.error,
.donate-form select.error,
.donate-form textarea.error{
	border-color:#ff0000 !important;	
}

.donate-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}
.cookie-consent {
	background: #fff;
	padding: 20px;
	width: calc(100% - 40px);
	max-width: 600px;
	line-height: 150%;
	border-radius: 10px;
	position: fixed;
	top: 40px;
	right: 20px;
	z-index: 9999;
	box-shadow: 0px 2px 20px 10px rgba(222,222,222,.25);
	text-align: center;	
	transition: .3s ease all;
}
.cookie-consent__message{
	margin-bottom: 15px;

}
.cookie-consent .cookie-consent__agree{
	width: 100%;
	background: #252841;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 15px 20px;
	font-weight: 700;
	cursor: pointer;
	transition: .3s ease all;
	border-radius: 5px;
	margin: 15px;
	font-size: 14px;

}
.cookie-consent .cookie-consent__agree:hover{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.options-cookies{
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
	
}
.galleta{
	position: absolute;
    font-size: 6em;
    color: #252841;
    top: -40px;
    left: calc(50% - 50px);
}

.fondo-aviso-cookies {
	display: none;
	background: rgba(0,0,0,.20);
	position: fixed;
	z-index: 9998;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;	
	transition: .3s ease all;
}
.fondo-aviso-cookies.activo {	
	transition: .3s ease all;
	display: block;
}
.enlace-politica{
	color: #252841;
	text-decoration: none;
	font-weight: 700;
}
.cookie-consent .enlace-politica:hover {
	text-decoration: underline;
}
/* .cookie-consent{
    padding: 8px;
    text-align: center;
}

.cookie-consent .cookie-consent__agree{
    
	padding: 5px;
    margin: 3px;
    border: 1px solid #03276bdd;
} */

.seleccionado{
	color: #a0d405 !important;
	font-weight: bold !important;
}

#social-links ul {

	   display: flex;
}

#social-links li {
	margin: 5px;
}

/*** 

====================================================================
	Main carousel
====================================================================

***/

.carousel-caption {
	position: absolute;
	top: 15%!important;
	left: 10%!important;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left!important;
	max-width: 35%!important;
}

.twitter-tweet{
	width:90%!important;
	max-height: 600px;
}

.item2 {
    height: 100%;
/*     min-height: 497px;
    background: no-repeat center center scroll;
    background-size: cover;
	background-position: right top; */
    }

.itemPreview {
	max-width: 1407px;
	min-height: 333px;
	background: no-repeat center center scroll ;
	background-size: cover !important;
	background-position: right top !important;
	}

	.content_slider{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

.titulo_slider {
	
}

.titulo_slider h2{
	font-size: 42px; 
	font-family: 'Arial';
	font-weight: 700;
	color: white;
	margin-bottom: 30px;
	line-height: 1.3!important;
	padding: 0!important;
}
.titulo_slider p{
	font-size: 42px; 
	font-family: 'Arial';
	font-weight: 700;
	color: white;
	margin-bottom: 30px;
	line-height: 1.3!important;
}


.descripcion_slider {

}

.descripcion_slider h3 {
	font-size: 20px; 
	font-family: 'Arial';
	font-weight: normal;
	color: white;
	margin-bottom: 1;
	text-shadow: none;
}

.descripcion_slider p {
	font-size: 20px; 
	font-family: 'Arial';
	font-weight: normal;
	color: white;
	margin-bottom: 1;
	text-shadow: none;
}




.titulo_slider-preview {
	font-size: 1.3em!important; 
	font-family: 'Arial';
	font-weight: 700;
	color: white;
	margin-bottom: 30px;
	line-height: 1.5!important;
}


.descripcion_slider-preview {
	font-size: 18px; 
	font-family: 'Arial','Poppins';
	font-weight: bold;
	color: white;
	margin-bottom: 1;
	text-shadow: none;
}

.slider_link{
margin-top: 20px;

}

.slider_link a{
	background: #60727f;padding: 5px;border-radius: 5px 5px 5px 5px;
                        -moz-border-radius: 5px 5px 5px 5px;
                        -webkit-border-radius: 5px 5px 5px 5px;
                        border: 0px solid #000000;color: white;font-size: 17px
}

.carousel-fade .carousel-inner .item {
            transition-property: opacity;
            -webkit-transition-property: opacity;  
            -moz-transition-property:    opacity;
            -ms-transition-property:     opacity; 
            -o-transition-property:      opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }

/*** 

/* Make the image fully responsive */
.carousel-inner img {
	width: 100%;
	/* height: 468px; */
}


.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
  }

  .modal-lg {
    max-width: 80% !important;
}


.custom-file-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
	position: absolute;
	
}

.custom-file-input + label * {
	pointer-events: none;
}
.custom-file-input + label {
    font-size: 1em;
    font-weight: 500;
    color: white;
    background-color: #2980b9;
    display: inline-block;
	cursor: pointer;
	padding: 7px 10px;
	border-radius: 5px;
}

.custom-file-input:focus + label,
.custom-file-input + label:hover {
    background-color: #1c5c87;
	outline: 1px dotted #2980b9;
	outline: -webkit-focus-ring-color auto 5px;
}
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: 0.5;
  }
  .hr-text:before {
	content: "";
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
  }
  .hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 0.5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
  }

  .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	.embed-responsive {

		max-width: 880px;
		margin:auto;
	}

	/* 
	Estilo para Noticias
	*/

	.title-details{
		max-width: 900px;
		margin:25px auto;
	}
 
	.title-details h1{
		font-size: 2em;
		font-weight: bold;
		color: #292929;
		text-align: left;
	}

	.noticia-excerpt{
		max-width: 900px;
		margin:25px auto;
	}

	.image-legend{
		max-width: 700px;
		margin: auto;
	}

	.image-legend p{
		color: #959595;
		font-size: 1em;
		margin: 10px auto;
	}
	.share{
		max-width: 800px;
		margin:25px auto;
	}
	.contenido{
		max-width: 800px;
		margin:auto;
		margin-bottom: 25px;

	}

/*
====================================================================
	Media Queries 
====================================================================

***/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
	
  
}


@media all and (min-width: 1601px) and (max-width: 1920px) {
	.carousel-caption {
		position: absolute;
		top: 15%!important;
		left: 10%!important;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left!important;
		max-width: 35%!important;
	}
	/*.item2 {
		height: 100%;
		min-height: 450px!important;
		background: no-repeat center center scroll;
		background-size: cover;
		background-position: right top;
		}*/
	.titulo_slider h2 {
		font-size:36px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}
	.titulo_slider p {
		font-size:36px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}		
	.descripcion_slider h3{
		font-size:18px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:18px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}
}

@media all and (min-width: 1406px) and (max-width: 1600px) {
	.carousel-caption {
		position: absolute;
		top: 15%!important;
		left: 10%!important;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left!important;
		max-width: 35%!important;
	}
	/* .item2 {
		height: 100%;
		min-height: 420px!important;
		background: no-repeat center center scroll;
		background-size: cover;
		background-position: right top;
		} */
	.titulo_slider h2 {
		font-size:36px!important;
		text-align: left!important;
  		line-height: 1.2!important;
		margin-bottom: 5px;
	}	
	.titulo_slider p {
		font-size:36px!important;
		text-align: left!important;
  		line-height: 1.2!important;
		margin-bottom: 5px;
	}
	.descripcion_slider h3{
		font-size:18px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:18px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}
}
 
/*** Responsive Styles Standard Desktop Only ***/

@media all and (min-width: 1193px) and (max-width: 1405px) {
	.carousel-caption {
		position: absolute;
		top: 15%!important;
		left: 10%!important;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left!important;
		max-width: 35%!important;
	}
	/* .item2 {
		height: 100%;
		min-height: 350px!important;
		background: no-repeat center center scroll;
		background-size: cover;
		background-position: right top;
		} */
	.titulo_slider h2 {
		font-size:24px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}	
	.titulo_slider p {
		font-size:24px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}	
	.descripcion_slider h3{
		font-size:16px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:16px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}
}
@media all and (min-width: 981px) and (max-width: 1192px) {

	/* .item2 {
		height: 100%;
		min-height: 280px!important;
		background: no-repeat center center scroll;
		background-size: cover;
		background-position: right top;
		} */

	.itemPreview {
			height: 100%;
			min-height: 280px!important;
			background: no-repeat center center scroll;
			background-size: cover;
			background-position: right top;
	}

	.carousel-caption{
	top: 10%!important;
    left:10%!important;
	width:45%;
	}

	.titulo_slider h2 {
		font-size:24px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}
	.titulo_slider p {
		font-size:24px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}

	.descripcion_slider h3{
		font-size:14px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:14px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.titulo_slider-preview {
		font-size:28px!important;
		text-align: left!important;
  		line-height: 1.5!important;
	}

	.descripcion_slider-preview {
		font-size:15px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.slider_link{
		display: none;
	}



}



@media all and (max-width: 1199px){

	.project-block .caption-box h3 {
		font-size: 22px;
	}
	.project-block .caption-box p {	
		font-size: 18px;
		line-height: 24px;
	}

	
.getIn__touch-left {
    padding: 20px 20px!important;
    margin-right: 0!important;
}

.help__area {
    padding-top: 45px;
    padding-left: 45px;
    gap: 20px;
    justify-content: end;
}

.lg-mb-30{
	margin-bottom: 30px;
}


}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.wow{
        animation-name: none !important;
        visibility: visible !important;
    }
	.carousel-caption{
		
		width:35%!important;
		}

	.titulo_slider h2 {
		font-size:20px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}
	.titulo_slider p {
		font-size:20px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}

	.descripcion_slider h3{
		font-size:12px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:12px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}


	.slider_link{
		display: none;
	}

	/* .item2 {
		min-height: 250px!important;
		background-size: cover;
		background-position: right top;
		} */
		
		.getIn__touch-left {
			margin: 0!important;
		}

		.getIn__touch {
			padding-bottom: 120px;
		}


}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.wow{
        animation-name: none !important;
        visibility: visible !important;
    }
	#myCarousel p {
		font-size: 14px !important;
	}
	/* .item2 {
		min-height: 220px!important;
		background-size: cover;
		background-position: right top;
		} */
	.carousel-caption {
		max-width: 35%!important;
		left: 10%!important;
		text-align: left!important;
	}
	.titulo_slider h2 {
		font-size:16px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}
	.titulo_slider p {
		font-size:16px!important;
		text-align: left!important;
  		line-height: 1.5!important;
		margin-bottom: 5px;
	}

	.descripcion_slider h3{
		font-size:11px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.descripcion_slider p{
		font-size:11px!important;
		text-align: left!important;
		line-height: 1.5!important;
	}

	.main-footer .about-widget .contact-info li{
			font-size: 12px;
	}
	.main-footer .links-widget .list li a {
		font-size: 12px;
	}
	.main-footer .footer-column .widget-title {
		font-size: 16px;
	}
	.main-footer .links-widget .list li a {
		margin-bottom: 10px;
	}
	.rejilla {
	  grid-template-columns: 1fr 1fr;
	  
	  }
	  .rejilla-soluciones{
		grid-template-columns: 1fr 1fr;
	  }

	


}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.wow{
        animation-name: none !important;
        visibility: visible !important;
    }
	#myCarousel p {
		font-size: 12px !important;
	}
 
	/* .item2 {
		min-height: 180px;
		} */

		.rejilla {
			grid-template-columns: 1fr;
			
			}

		.rejilla-soluciones {
			grid-template-columns: 1fr;

		}
		.main-button {
			margin-top:10px;
			justify-content: center!important;
		  }

		  .help__area {
			gap: 25px!important;
			flex-direction: column!important;
			align-items: flex-start!important;
		}
		
	  
	
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
    }

	.help__area-item {
		display: flex;
		align-items: flex-start;
		gap: 15px;
		flex-direction: column;
}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.wow{
        animation-name: none !important;
        visibility: visible !important;
    }
 
}




/*** Call to action ***/
.call-to-action{
	max-width: 320px;
	border-radius: 10px;
    padding: 15px;
    margin: 15px auto 15px;
    background-size: contain!important;
    background-color: rgba(37, 40, 65, 0.9)!important;
    background: url(/imagenes/newsletter.png) right 5px center no-repeat;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.content-cta{
	width: 70%;
}

.call-to-action h4 {
	text-align: left;
	font-family: 'Arial';
	font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    line-height: 1.4!important;
}

a.link_cta {
    color:#252841!important;
    padding: 5px 30px;
    border-radius: 50px;
    font-size: 14px;
    transition: all .2s ease-in-out;
    display: block;
    text-align: center;
    width: fit-content;
    font-weight: 700;
    background: white!important;
    line-height: 1.5;
}

.content-cta p {
	color:#fff;
	font-size: 12px;
    line-height: 1.5;
	text-align: left;
}
.bg_marketing a.link_cta {
    background: #252841;
}

.newsPanel{
	margin-top: 25px;
}

.newsPanel h3{
	font-family: 'Arial';
	font-weight: 700;
	font-size: 1.5em;
}
@media (max-width: 991px){
	a.link_cta {
	font-size: 12px;
	}

.caption-box h4{
	font-size: 14px;
}
.lg-t-center {
    text-align: center;
}


  .md-mb-25{
	margin-bottom: 25px;
  }
  .sec-title .separator {
	display: none;
  }
}
/*
Noticias
*/

.img-noticia{
	width: 100%;
	max-width: 700px;
	margin: auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
}
.main-button {
	display: flex;
	align-items: center;
	gap: 20px;
	border-left: 1px solid var(--border-color-1);
	/*padding-left: 50px;
	margin-left: 70px;*/
	justify-content: flex-end;
  }
  .btn-one {
  background: #252841;
  color: #FFF;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 33px;
  text-align: center;
  font-weight: 700;
  font-family: Arial;
  z-index: 3;
  position: relative;
  transition: 0.4s;
  overflow: hidden;
  border-radius: 6px;
}
.btn-one i {
  position: relative;
  top: 0px;
  margin-left: 15px;
  font-size: 13px;
}
.btn-one::before{
  content: "";
  position: absolute;
  height: 400px;
  width: 430px;
  top: 50%;
  left: 50%;
  background: #FFF;
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: all 0.5s ease-out 0s;
  z-index: -1;
}
.btn-one:hover {
  color: #252841;
  outline: solid;
}
.btn-one:hover::before {
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.btn-one:focus{
  color: var(--text-white);
}

.btn-two {
	background: #FFF;
	color: #252841;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	line-height: 26px;
	padding: 10px 35px;
	text-align: center;
	font-weight: 700;
	font-family: Arial;
	z-index: 3;
	position: relative;
	transition: 0.4s;
	overflow: hidden;
	border-radius: 6px;
  }
  .btn-two i {
	position: relative;
	top: 0px;
	margin-left: 15px;
	font-size: 13px;
  }
  .btn-two::before{
	content: "";
	position: absolute;
	height: 400px;
	width: 430px;
	top: 50%;
	left: 50%;
	background: #252841;
	border-radius: 50%;
	transform: translateY(-50%) translateX(-50%) scale(0);
	transition: all 0.5s ease-out 0s;
	z-index: -1;
  }
  .btn-two:hover {
	color: #FFF;
	outline: solid;
  }
  .btn-two:hover::before {
	transform: translateY(-50%) translateX(-50%) scale(1);
  }
  .btn-two:focus{
	color: var(--text-white);
  }

/*
Soluciones
*/
.soluciones-section {
    background: #F4F4F4;
}
.services__one-item {
    padding: 35px;
    padding-bottom: 42px;
    transition: 0.4s;
    border: 1px solid  #E7E7E7;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: white;
	margin: 15px;
}
.services__one-item::before {
    position: absolute;
    content: "";
    top: -112px;
    right: -112px;
    background: white;
    width: 224px;
    height: 224px;
    border-radius: 50%;
    transition: 0.4s;
    opacity: 0;
}

.services__one-item:hover {
    background: #252841;
    border-color: #252841;
    transform: translateY(-10px);
}

.services__one-item:hover::before {
    opacity: 0.1;
}

.services__one-item-icon {
    margin-bottom: 25px;
    position: relative;
}

.services__one-item:hover .services__one-item-icon img {
    animation: rotateY 0.6s;
}

.services__one-item-icon img {
    transform: rotateY(0);
}
svg {
    vertical-align: middle;
}
.services__one-item-icon {
    margin-bottom: 25px;
    position: relative;
}

.services__one-item-icon-one {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
}

.services__one-item:hover .services__one-item-icon img {
    animation: rotateY 0.6s;
}

.services__one-item-icon img {
    transform: rotateY(0);
}



.services__one-item h4 {
    margin-bottom: 10px;
    transition: 0.4s;
	font-size: 24px;
    line-height: 34px;
    padding: 0;
    color: #131313;
    font-family: Arial;
    font-weight: 700;
	margin-bottom: 10px;
    transition: 0.4s;
}

.services__one-item:hover h4 {
    color: white !important;
}
.services__one-item p {
    margin-bottom: 27px;
    transition: 0.4s;
	font-size: 16px;
    line-height: 30px;
    padding: 0;
 
}
.services__one-item:hover p {
    color: #F2F6F9;
}
.services__one-item:hover .simple-btn-2 {
    color: white;
}

.services__one-item:hover .simple-btn-2 {
    color: white;
}

.services__one-item:hover .services__one-item-icon-one {
    opacity: 1;
}

.services__one-item-icon-one {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
}
img {
    max-width: 100%;
    height: auto;
    transition: 0.4s;
}

.services__one-item h4 a:hover{
	color:#fff;
}

a, button, i {
    text-decoration: none;
    color: inherit;
}

.simple-btn-2 {
    color: #131313;;
}
.simple-btn-1, .simple-btn-2, .simple-btn-3 {
    color: #252841;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    font-family:  Arial,"Urbanist", sans-serif;
    transition: 0.4s;
    text-transform: uppercase;
}

/******* get in touch section **** */

.getIn__touch {
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
	padding-top:35px;
}

.getIn__touch::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #252841;
    opacity: 0.85;
    z-index: -2;
}

.getIn__touch-shape {
    position: absolute;
    right: 150px;
    top: 0;
    z-index: -1;
    mix-blend-mode: soft-light;
    height: 100%;
}
.left-right-animate2 {
    animation-name: left-right2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes left-right2 {
	0% {
		transform: translateX(10px);
	}
	50% {
		transform: translateX(110px);
	}
	100% {
		transform: translateX(10px);
	}
}

@keyframes rotateY {
	100% {
		transform: rotateY(360deg);
	}
}

.getIn__touch-left {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background: #fff;
    padding: 41px 38px;
    margin-right: 125px;
    margin-bottom: -120px;
}

.getIn__touch-right-title h2 {
    margin-bottom: 30px;
    color: #fff;
    max-width: 495px;
	font-size: 48px;
    line-height: 60px;
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700
}

.getIn__touch-right-title p {
    color: #fff;
    max-width: 475px;
	font-size: 16px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}

.getIn__touch-right-bottom {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.getIn__touch-right-bottom-image {
    margin-left: 40px;
}

.getIn__touch-right-bottom-text h4 {
    color: #fff;
    max-width: 400px;
	font-size: 24px;
    line-height: 34px;
    padding: 0;
    margin: 0;

    font-weight: 700;
}

.getIn__touch-right-bottom-image ul {
    padding: 0;
    margin: 0;
}

.getIn__touch-right-bottom-image ul li:first-child {
    margin: 0;
}
.getIn__touch-right-bottom-image ul li {
    padding: 0;
    display: inline-block;
    list-style: none;
    margin-left: -23px;
}

.help__area {
    padding-top: 49px;
    padding-left: 50px;
    display: flex;
    align-items: center;
    gap: 90px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-45 {
    margin-bottom: 45px;
}
.help__area-item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out infinite;
}
@keyframes icon-animation {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

.help__area-item-icon i {
    color: #252841;
    border: 1px solid #a0d405;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.4s;
}

.help__area-item-info span {
    color: var(--color-2);
}
.text-three {
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: var(--text-heading-color);
}

.fa-phone-alt:before {
    content: "\f879";
}

.getIn__touch-left-title h3{
	font-size: 30px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 700;
}
h7 {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    margin: 0;
	color:#000;
    font-weight: 700;
}

/******* About section ********/

.about__one {
    position: relative;
}
.pt-0 {
    padding-top: 0px;
}

.align-items-center {
    align-items: center!important;
}
.about__one-left {
    position: relative;
}
.about__one-left-image {
    display: flex;
    align-items: start;
    gap: 20px;
}
.about__one-left-image img {
    width: 100%;
}
.about__one-left-image .two {
    min-height: 570px;
    -o-object-fit: cover;
    object-fit: cover;
}
.about__one-left-image img {
    width: 100%;
}
.about__one-left-experience {
    position: absolute;
    left: 70px;
    bottom: 0;
    background: #252841;
    width: 244px;
    height: 225px;
    padding: 50px;
}

.about__one-left-experience h1 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 10px;    
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 700;
}
.about__one-left-experience h6 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
	padding: 0;
    margin: 0;
    font-weight: 700;
}

.about__one-right {
    margin-left: 95px;
}

.about__one-right-title {
    margin-bottom: 25px;
}

.about__one-right-title h2 {
    margin-bottom: 30px;
    max-width: 430px;
	font-size: 28px;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 700;
}
.subtitle-one, .subtitle-two, .subtitle-three {
    position: relative;
    text-transform: uppercase;
    color:#000;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    padding-left: 55px;
    display: inline-block;
    margin-bottom: 14px;
}

.t-justify {
    text-align: justify;
}

.about__one-right-btn {
    display: flex;
    align-items: center;
    gap: 30px;
}
.about__one-right-btn-author {
    display: flex;
    align-items: center;
    gap: 30px;
}
.about__one-right-bottom {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
	background-color: #252841;
	flex-direction: column;
	padding: 20px;
}

.about__one-right-bottom-experience {
    width: 140px;
    height: 130px;
    background: var(--bg-heading-color);
    text-align: center;
    display: block;
    padding: 25px 0;
}
.about__one-right-bottom-experience h3 {
    color: #fff;
    margin-bottom: 10px;
	line-height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.about__one-right-bottom {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
	background-color: #252841;
	flex-direction: column;
	padding: 20px;
}

.about__one-right-bottom h3{
	color: #fff;
    margin-bottom: 10px;
	line-height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 700;
}



.about__one-right-bottom-list span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
	color: #fff;
}
.about__one-right-bottom-list span i {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff;;
    font-size: 12px;
    border-radius: 50%;
    margin-right: 10px;
}

.about__one-right-bottom-experience {
    width: 140px;
    height: 130px;
    background: #252841;
    text-align: center;
    display: block;
    padding: 25px 0;
}
.about__one-right-bottom-experience h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
	line-height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.about__one-right-bottom-experience h6 {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
	padding: 0;
    margin: 0;
    font-weight: 700;
}
.mb-30 {
    margin-bottom: 30px;
}

/*----- NEWS DETAILS NEW ----*/
.section-padding {
    padding: 45px 0px;
}
.justify-content-center {
    justify-content: center!important;
}

.news__details-left {
    padding: 40px;
    border: 1px solid #E7E7E7;
}

.news__details-left-meta {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E7E7E7;
}

.news__details-left-meta ul li:last-child {
    margin: 0;
}

.news__details-left-meta ul li {
    padding: 0;
    display: inline-block;
    list-style: none;
    margin-right: 30px;
    color: #676767;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    font-family: Arial,"Urbanist", sans-serif;
}

.news__details-left-meta-date {
    background: #252841;
    display: inline-block;
    border-radius: 6px;
    padding: 13px 20px 10px 20px;
    text-align: center;
}

.news__details-left-meta-date span {
    color: #fff;
}
.text-two {
    font-family: Arial,"Urbanist", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #131313;
}

.far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}
.fa-map-marker-alt:before {
    content: "\f3c5";
}

.mb-20 {
    margin-bottom: 20px;
}

.t-center {
    text-align: center;
}
.mt-35 {
    margin-top: 35px;
}
.mb-30 {
    margin-bottom: 30px;
}

.img__news-details {
    max-width: 1200px;
    
}

.mb-60 {
    margin-bottom: 60px;
}
.mt-45 {
    margin-top: 45px;
}

.news__details-left-tag h6 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.news__details-left-tag ul {
    padding: 0;
    margin: 0;
    margin-left: -3px;
    margin-top: -1px;
}
.news__details-left-tag ul li {
    display: inline-block;
    list-style: none;
}

.news__details-left-tag ul li a {
    transition: 0.4s;
    border: 1px solid rgba(19, 19, 19, 0.1);;
    margin: 1px 3px;
    overflow: hidden;
    padding: 4px 20px 5px 20px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    border-radius: 4px;
}

.news__details-left-meta h3 {
    font-size: 30px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    color: #131313;
    font-family: Arial,"Urbanist", sans-serif;
    font-weight: 700;
}

.news__details-left-tag h6 {
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    color: #131313;
    font-family: Arial,"Urbanist", sans-serif;
    font-weight: 700;
}

.news__details-left-tag ul li a:hover {
    color: #fff;
    background: #252841;
    border-color: #252841;
}
.news__details-left-share h6 {
	font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    color: #131313;
    font-family: Arial,"Urbanist", sans-serif;
    font-weight: 700;
}

.news__details-left-share ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
}

.news__details-left-share ul li a i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #F4F4F4;
    font-size: 12px;
    border-radius: 50%;
    color: #131313;
    transition: 0.4s;
}


.news__details-pagination {
    padding: 40px 0;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.news__details-pagination-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news__details-pagination-item-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.news__details-pagination-item a h6 {
    transition: 0.4s;
	font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    color: #131313;
    font-family: Arial,"Urbanist", sans-serif;
    font-weight: 700;
}

.news__details-pagination-item-icon {
    text-align: center;
    padding: 20px 40px;
    max-width: 110px;
    margin: 0 auto;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
}

.news__details-left-share ul li a i:hover {
    background: #252841;
    color: #fff;
}
.t-right {
    text-align: right;
}

.carousel-control-next, .carousel-control-prev {
width:5%;
}
.sk-ww-twitter-feed{
	max-height: 300px;
	overflow: scroll!important;
	-ms-overflow-style: none !important;
    scrollbar-width: none;
	border-radius: 0.25em!important;
}

.sk-ww-twitter-feed .sk-tweet-text {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif !important;
}

.twitter-user-root-container{
	display: none;
}


.sk-ww-twitter-feed::-webkit-scrollbar {
    display: none!important;
	
}

.sk-twitter-feed-tweet-user-name {
	font-family: Arial, Helvetica, sans-serif !important;
}

.sk-tweet-username *{
	font-family: Arial, Helvetica, sans-serif !important;
}

.sk-tweet-username label{
	display:none;
}
.sk-secondary-data *{
	
	font-family: Arial, Helvetica, sans-serif !important;
}
.sk-ww-twitter-feed button, input {
	font-family: Arial, Helvetica, sans-serif !important;
}
.sk-secondary-data.sk-post-date {
    font-family: Arial!important;
}
.sk-link-article-title {
    font-family: Arial!important;
}
.sk-link-article-description {
    font-family: Arial!important;
}
a.css-4rbku5.css-18t94o4.css-901oao.css-16my406.r-1loqt21.r-poiln3.r-bcqeeo.r-qvutc0 {
    font-family: Arial!important;
}
.grid-item-twitter-feed {
   width: 100%!important;
}

/* slider principal */

.titulo_slider2 p{
	font-size: max(14px, 2vw)!important;
	color:#fff;
	font-family: 'Arial';
	font-weight: 700;
	line-height: 1.2em;
}

.titulo_slider2 h2{
	font-size: max(14px, 2vw)!important;
	color:#fff;
	font-family: 'Arial';
	font-weight: 700;
	line-height: 1.2em;
}

.titulo_slider2 span{
	font-size: max(14px, 2vw)!important;	
	font-family: 'Arial';
	font-weight: 700;
	line-height: 1.2em;
}

.descripcion_slider2 h3 {
    font-size:  max(12px, 1.2vw)!important;
    font-family: 'Arial';
    font-weight: normal;
   
}

.descripcion_slider2 p {
    font-size:  max(12px, 1.2vw)!important;
    font-family: 'Arial';
    font-weight: normal;
    color: white;
    text-shadow: none;
	line-height: 1em;
	word-wrap: normal;
}
.descripcion_slider2 span {
    font-size:  max(12px, 1.2vw)!important;
}
@media all and (min-width: 2100px)  {
	.titulo_slider2 p{
	font-size: 42px!important;
	}
	.titulo_slider2 h2{
		font-size: 42px!important;
	}
	.titulo_slider2 span{
		font-size: 42px!important;
	}
	.descripcion_slider2 h3 {
		font-size: 25px!important;
		word-wrap: normal;
	}
	.descripcion_slider2 p {
		font-size: 25px!important;
		word-wrap: normal;
	}
	.descripcion_slider2 span {
		font-size: 25px!important;
		word-wrap: normal;
	}
}
.carousel-item { 
    
	/*Other properties*/
	transition: transform 1s ease-in; 
  }

  .nav-link {	
	color: #a7a9a3!important;
	
  }

  .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #252841!important;
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

  @media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0;
        color: #a7a9a3!important
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff;
        color: #252841!important
    }
}
@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}
@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}


.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image: none
}
.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block;
    color: #252841;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #252841
}

.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }
	.navbar-toggler {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

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

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggler {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggler:hover {
    background-color: #ddd
}
.collapsing {
	height: 0;
	overflow: hidden;
	transition: height .35s ease;
}
.fade {
	transition:opacity 0.10s linear !important;
}