#gale {
	width:100%;
	max-width:1920px;
	height:416px;
	margin-top:0;
	position:relative;
	background-color:rgba(255,255,255,1)
}
.slider-container .slider .slide {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	min-height:416px;
	position:relative;
	height:-webkit-calc(100vh+170px);
	height:calc(100vh+170px)
}
.slider-container {
	position:relative
}
.slider-container .slider {
	height:100%
}
.slider-container .slider .slide:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background-color:transparent;
	background-image:-webkit-linear-gradient(-630deg,transparent 65%,#222222);
	background-image:linear-gradient(360deg,transparent 65%,#222222);
	position:absolute;
	left:0
}
.jssorb05 {
	position:absolute
}
.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av {
	position:absolute;
	width:16px;
	height:16px;
	background:url('../img/b05.png') no-repeat;
	overflow:hidden;
	cursor:pointer
}
.jssorb05 div {
	background-position:-7px -7px
}
.jssorb05 div:hover,.jssorb05 .av:hover {
	background-position:-37px -7px
}
.jssorb05 .av {
	background-position:-67px -7px
}
.jssorb05 .dn,.jssorb05 .dn:hover {
	background-position:-97px -7px
}
.jssora22l,.jssora22r {
	display:block;
	position:absolute;
	width:40px;
	margin-top:-65px;
	height:58px;
	cursor:pointer;
	background:url('../img/a22.png') center center no-repeat;
	overflow:hidden
}
.jssora22l {
	background-position:-10px -31px
}
.jssora22r {
	background-position:-70px -31px
}
.jssora22l:hover {
	background-position:-130px -31px
}
.jssora22r:hover {
	background-position:-190px -31px
}
.jssora22l.jssora22ldn {
	background-position:-250px -31px
}
.jssora22r.jssora22rdn {
	background-position:-310px -31px
}
.sliderrr {
	position:relative;
	margin:0 auto;
	top:0;
	left:0;
	overflow:hidden;
	visibility:hidden;
	width:1920px;
	height:1700px;
	z-index:0
}
.bannerrr {
	cursor:default;
	position:relative;
	top:0;
	left:0;
	width:1920px;
	height:1700px;
	overflow:hidden;
	background-color:#fff
}
@media screen and (max-width:1024px) {
	#jssor_1 {
		top:85px!important
	}
}
.fondos {
	width:100%;
	max-width:820px;
	position:relative;
	margin:0 auto;
	top:-60px;
	height:100px;
	background-image:url(../img/fondoos.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.cuadrito {
	width:100%;
	max-width:800px;
	position:relative;
	margin:0 auto;
	top:-75px;
	background-color:#fff;
	-webkit-box-shadow:-1px 1px 13px -1px rgba(0,0,0,0.75);
	-moz-box-shadow:-1px 1px 13px -1px rgba(0,0,0,0.75);
	box-shadow:-1px 1px 13px -1px rgba(0,0,0,0.75);
	z-index:99
}
.tex {
	color:#b1b1b1;
	font-size:20px;
	margin-top:25px;
	font-family:'tt_hazelnutsbold_italic';
	line-height:35px!important;
	letter-spacing:1.5px!important
}
.chikin {
	color:#808080;
	font-size:15px;
	font-family:'tt_bellslight_italic'
}
.azulito {
	width:100%;
	max-width:150px;
	height:5px;
	background-color:#25a5dc;
	margin:0 auto;
	top:-22px;
	position:relative
}
@media only screen and (max-width:1200px) {
	.tex {
		color:#afafaf;
		font-size:17px;
		margin-top:25px
	}
	.chikin {
		color:#808080;
		font-size:14px;
		font-family:'tt_bellslight_italic'
	}
}
@media only screen and (max-width:768px) {
	.azulito {
		width:100%;
		max-width:130px;
		height:5px;
		background-color:#25a5dc;
		margin:0 auto;
		position:relative
	}
	.tex {
		color:#afafaf;
		font-size:15px;
		margin-top:25px
	}
	.chikin {
		color:#808080;
		font-size:12px;
		font-family:'tt_bellslight_italic'
	}
}
p b {
	color:#25a5dc;
	font-size:2em
}
#testimonial .block h2 {
	line-height:27px;
	color:#5c5c5c;
	padding-top:110px
}
#testimonial .block p {
	padding-top:50px;
	color:#7b7b7b
}
#testimonial .counter-box li {
	width:50%;
	float:left;
	text-align:center;
	margin:30px 0 30px
}
#testimonial .counter-box li i {
	font-size:35px
}
#testimonial .counter-box li span {
	color:#555
}
#testimonial .testimonial-carousel {
	text-align:center;
	width:75%;
	padding:24px;
	margin:0 auto
}
#testimonial .testimonial-carousel img {
	padding-bottom:38px
}
#testimonial .testimonial-carousel p {
	line-height:28px;
	font-weight:300;
	padding-bottom:20px
}
#testimonial .testimonial-carousel .user img {
	padding-bottom:0;
	border-radius:500px
}
#testimonial .testimonial-carousel .user p {
	padding-bottom:0;
	font-size:12px;
	line-height:20px;
	color:#353241
}
#testimonial .testimonial-carousel .user p span {
	display:block;
	color:#353241;
	font-weight:600
}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div {
	border:1px solid #1d1d1d;
	border-radius:500px;
	display:inline-block;
	height:10px;
	margin-right:15px;
	width:10px
}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {
	background:#5c5c5c;
	font-size:30px;
	display:inline-block;
	border:0
}
#fh5co-features,#fh5co-features-2,#fh5co-features-3,#fh5co-features-4,#fh5co-projects,#fh5co-testimonials,#fh5co-about,#fh5co-subscribe,#fh5co-info,#fh5co-pricing,#fh5co-faqs,#fh5co-footer {
	background-color:#fff;
	padding:7em 0
}
@media screen and (max-width:768px) {
	#fh5co-features,#fh5co-features-2,#fh5co-features-3,#fh5co-features-4,#fh5co-projects,#fh5co-testimonials,#fh5co-about,#fh5co-subscribe,#fh5co-info,#fh5co-pricing,#fh5co-faqs,#fh5co-footer {
		padding:3em 0
	}
}
#fh5co-projects {
	background:#fff;
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	margin-top:-120px
}
#fh5co-projects .fh5co-lead {
	font-size:50px;
	color:#484c50;
	margin-bottom:10px
}
@media screen and (max-width:768px) {
	#fh5co-projects {
		background:#fff;
		width:100%;
		max-width:1920px;
		position:relative;
		margin:0 auto;
		margin-top:-20px
	}
	#fh5co-projects .fh5co-lead {
		font-size:35px
	}
}
#fh5co-projects .fh5co-sub-lead {
	font-size:18px;
	line-height:32px
}
#fh5co-projects .fh5co-project-item {
	display:block;
	width:100%;
	position:relative;
	background:#fff;
	max-width:302px;
	margin:0 auto;
	overflow:hidden;
	z-index:9;
	margin-bottom:30px;
	-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);
	-ms-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);
	-o-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);
	box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
#fh5co-projects .fh5co-project-item img {
	z-index:8;
	opacity:1;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s
}
#fh5co-projects .fh5co-project-item .fh5co-text {
	max-width:302px;
	padding:30px 10px 10px 20px;
	text-align:center;
	background-color:#25a5dc
}
#fh5co-projects .fh5co-project-item .ba2 {
	padding:30px 10px 10px 20px;
	text-align:center;
	background-color:#3cb14a
}
#fh5co-projects .fh5co-project-item .ba3 {
	padding:30px 10px 10px 20px;
	text-align:center;
	background-color:#f7ab40
}
#fh5co-projects .fh5co-project-item .fh5co-text h2,#fh5co-projects .fh5co-project-item .fh5co-text span {
	text-decoration:none!important
}
#fh5co-projects .fh5co-project-item .fh5co-text h2 {
	font-size:25px;
	margin:0 0 10px 0;
	color:#fff;
	top:-10px;
	position:relative;
	font-family:'tt_bellsbold_italic';
	letter-spacing:2px
}
#fh5co-projects .fh5co-project-item .fh5co-text span {
	color:#b3b3b3;
	font-size:16px;
	font-weight:400
}
#fh5co-projects .fh5co-project-item .fh5co-text p {
	color:#85919d;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s
}
#fh5co-projects .fh5co-project-item:hover,#fh5co-projects .fh5co-project-item:focus {
	-webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);
	-ms-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);
	-o-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);
	box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);
	text-decoration:none
}
#fh5co-projects .fh5co-project-item:hover img,#fh5co-projects .fh5co-project-item:focus img {
	opacity:.7
}
#fh5co-projects .fh5co-project-item:hover h2,#fh5co-projects .fh5co-project-item:hover span,#fh5co-projects .fh5co-project-item:focus h2,#fh5co-projects .fh5co-project-item:focus span {
	text-decoration:none!important
}
#fh5co-projects .fh5co-project-item:hover p,#fh5co-projects .fh5co-project-item:focus p {
	color:#484c50
}
.row-bottom-padded-lg {
	padding-bottom:7em
}
@media screen and (max-width:768px) {
	.row-bottom-padded-lg {
		padding-bottom:2em
	}
}
.row-top-padded-lg {
	padding-top:7em
}
@media screen and (max-width:768px) {
	.row-top-padded-lg {
		padding-top:2em
	}
}
.row-bottom-padded-md {
	padding-bottom:4em
}
@media screen and (max-width:768px) {
	.row-bottom-padded-md {
		padding-bottom:2em
	}
}
.row-top-padded-md {
	padding-top:4em
}
@media screen and (max-width:768px) {
	.row-top-padded-md {
		padding-top:2em
	}
}
.row-bottom-padded-sm {
	padding-bottom:2em
}
@media screen and (max-width:768px) {
	.row-bottom-padded-sm {
		padding-bottom:2em
	}
}
.row-top-padded-sm {
	padding-top:2em
}
@media screen and (max-width:768px) {
	.row-top-padded-sm {
		padding-top:2em
	}
}
.cuadrogrande {
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	top:90px
}
.cuadrogrande img {
	width:100%;
	max-width:1920px
}
@media screen and (max-width:5540px) and (min-width:1400px) {
	.cuadrogrande {
		top:105px!important
	}
}
@media screen and (max-width:1024px) {
	.cuadrogrande {
		top:90px!important
	}
}
.tex2 {
	color:#b1b1b1;
	font-size:20px;
	margin-top:25px;
	font-family:'tt_hazelnutsbold_italic';
	text-align:center;
	line-height:35px!important;
	letter-spacing:1.5px!important
}
.tex2 b img {
	width:100%;
	max-width:17px
}
.bajin {
	top:0;
	position:relative;
	left:10px
}
.chikin2 {
	color:#808080;
	font-size:15px;
	font-family:'tt_bellslight_italic'
}
.chikin2 span {
	font-family:'tt_bells_regularregular';
	font-size:1.2em
}
@media screen and (max-width:1200px) {
	.tex2 {
		color:#b1b1b1;
		font-size:18px;
		margin-top:10px;
		font-family:'tt_hazelnutsbold_italic';
		text-align:center
	}
	.chikin2 {
		color:#808080;
		font-size:14px;
		font-family:'tt_bellslight_italic'
	}
	.chikin2 span {
		font-family:'tt_bells_regularregular';
		font-size:1.1em
	}
}
@media screen and (max-width:768px) {
	.tex b img {
		width:100%;
		max-width:10px
	}
	.tex2 b img {
		width:100%;
		max-width:10px
	}
	.bajin {
		top:0;
		position:relative;
		left:0
	}
	.tex2 {
		color:#b1b1b1;
		font-size:17px;
		margin-top:10px;
		font-family:'tt_hazelnutsbold_italic';
		text-align:center
	}
	.chikin2 {
		color:#808080;
		font-size:13px;
		font-family:'tt_bellslight_italic'
	}
	.chikin2 span {
		font-family:'tt_bells_regularregular';
		font-size:1em
	}
}
@media screen and (max-width:460px) {
	.tex2 {
		color:#b1b1b1;
		font-size:15px;
		margin-top:10px;
		font-family:'tt_hazelnutsbold_italic';
		text-align:center
	}
}
.wrapper {
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	margin-top:-250px;
	height:auto;
	overflow:hidden
}
@media screen and (max-width:5540px) and (min-width:1400px) {
	.wrapper {
		width:100%;
		max-width:1920px;
		position:relative;
		margin:0 auto;
		margin-top:-249px;
		height:auto;
		overflow:hidden
	}
}
@media screen and (max-width:1400px) and (min-width:801px) {
	.wrapper {
		width:100%;
		max-width:1920px;
		position:relative;
		margin:0 auto;
		margin-top:-264px;
		height:auto;
		overflow:hidden
	}
}
@media screen and (max-width:1200px) {
	.cuadrito {
		width:100%;
		max-width:800px;
		position:relative;
		margin:0 auto;
		top:-80px
	}
}
@media screen and (max-width:1024px) {
	.cuadrito {
		width:100%;
		max-width:800px;
		position:relative;
		margin:0 auto;
		top:0
	}
}
@media screen and (max-width:800px) {
	.cuadrito {
		width:100%;
		max-width:800px;
		position:relative;
		margin:0 auto;
		top:90px
	}
	.wrapper {
		width:100%;
		max-width:1920px;
		position:relative;
		margin:0 auto;
		margin-top:90px;
		height:auto;
		overflow:hidden
	}
}
#one {
	float:left;
	width:50%;
	max-width:600px;
	height:auto;
	overflow:hidden;
	position:relative
}
#one img {
	width:100%;
	max-width:600px
}
#two {
	overflow:hidden;
	position:static;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	margin-top:377px
}
.azulitom {
	width:100%;
	max-width:200px;
	height:2px;
	background-color:#25a7de;
	position:relative;
	margin:0 auto
}
.efecto {
	width:100%;
	max-width:700px;
	max-height:300px!important;
	margin:0 auto;
	position:relative;
	overflow:scroll;
	margin-top:0
}
.efecto::-webkit-scrollbar {
	background-color:#fff
}
.efecto::-moz-scrollbar {
	background-color:#fff
}
.efecto::-o-scrollbar {
	background-color:#fff
}
.efecto::-ms-scrollbar {
	background-color:#fff
}
#two h1 {
	font-family:'tt_bellsbold';
	font-size:1.4em;
	text-align:left;
	padding:20px 25px;
	margin:0 auto
}
#two h2 {
	font-family:'tt_bells_italicitalic';
	font-size:1.3em;
	text-align:left;
	padding:25px 25px;
	margin:0 auto
}
#two p {
	font-family:'tt_bellslight';
	font-size:1.4em;
	padding:0 25px;
	text-align:left
}
#two span {
	font-family:'tt_bells_italicitalic'
}
.azulitom2 {
	width:100%;
	max-width:200px;
	height:2px;
	background-color:#25a7de;
	position:relative;
	margin:0 auto;
	margin-top:50px
}
@media screen and (max-width:1200px) {
	#two {
		height:auto;
		overflow:hidden;
		position:static;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:347px;
		width:50%;
		max-width:500px
	}
	.efecto {
		width:100%;
		max-width:700px;
		max-height:250px!important;
		margin:0 auto;
		position:relative;
		overflow:scroll;
		margin-top:0
	}
	.azulitom2 {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto;
		margin-top:30px
	}
}
@media screen and (max-width:1024px) {
	.azulitom {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		top:0;
		position:relative;
		margin:0 auto
	}
	#two {
		height:auto;
		overflow:hidden;
		position:static;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:327px;
		max-width:450px
	}
	.efecto {
		width:100%;
		max-width:700px;
		max-height:230px!important;
		margin:0 auto;
		position:relative;
		overflow:scroll;
		margin-top:0
	}
	.azulitom2 {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto;
		margin-top:30px
	}
	#two p {
		font-size:1.3em
	}
	#two h1 {
		font-size:1.3em
	}
	#two h2 {
		font-size:1.2em
	}
}
@media screen and (max-width:840px) {
	#two {
		height:auto;
		overflow:hidden;
		position:static;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:180px;
		max-width:380px
	}
}
@media screen and (max-width:780px) {
	#two {
		height:auto;
		overflow:hidden;
		position:static;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:190px
	}
	.efecto {
		width:100%;
		max-width:350px;
		max-height:150px!important;
		margin:0 auto;
		position:relative;
		overflow:scroll;
		padding:1em 1em;
		margin-top:0
	}
	.azulitom2 {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto;
		margin-top:20px
	}
	#two p {
		font-size:1.1em
	}
	#two h1 {
		padding:20px 0
	}
	#two p {
		padding:0
	}
	#two h2 {
		padding:20px 0;
		font-size:1.2em
	}
}
@media screen and (max-width:720px) {
	#two {
		height:auto;
		overflow:hidden;
		position:static;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:160px
	}
	.efecto {
		width:100%;
		max-width:300px;
		max-height:150px!important;
		margin:0 auto;
		position:relative;
		overflow:scroll;
		padding:1em 1em;
		margin-top:0
	}
	.azulitom2 {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto;
		margin-top:20px
	}
	#two p {
		font-size:1.1em
	}
}
@media screen and (max-width:600px) {
	#one {
		float:none;
		margin-right:0;
		width:auto;
		position:relative
	}
	#two {
		float:none;
		width:100%;
		max-width:100%;
		height:100%;
		max-height:100%!important;
		position:relative;
		padding:1.5em 1.5em;
		margin-top:0
	}
	.efecto {
		width:100%;
		max-width:450px;
		height:100%;
		max-height:100%!important;
		margin:0 auto;
		position:relative;
		overflow:hidden;
		padding:1em 1em;
		margin-top:0
	}
	.azulitom {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto
	}
	.azulitom2 {
		width:100%;
		max-width:200px;
		height:2px;
		background-color:#25a7de;
		position:relative;
		margin:0 auto;
		margin-top:20px
	}
	#two p {
		font-size:1.1em
	}
}
@media screen and (max-width:599px) {
	#two p {
		font-size:1em
	}
}
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
div {
	position:relative
}
div::after {
	content:''
}
div h1 {
	white-space:nowrap
}
.demo a {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:2;
	display:inline-block;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	color:#fff;
	letter-spacing:.1em;
	text-decoration:none;
	transition:opacity .3s
}
.demo a:hover {
	opacity:.5
}
.hah {
	float:left;
	width:50%;
	max-width:600px;
	height:auto;
	overflow:hidden;
	position:relative
}
.hey {
	overflow:hidden;
	height:50px
}
#section05 {
	width:100%;
	max-width:50px;
	max-height:280px!important;
	margin:0 auto;
	position:relative
}
#section05 a {
	padding-top:10px
}
@media screen and (max-width:600px) {
	.hah {
		display:none
	}
	.hey {
		overflow:hidden;
		height:50px;
		width:100%;
		display:none
	}
	#section05 a {
		padding-top:15px
	}
}
#section05 a span {
	position:absolute;
	top:0;
	left:50%;
	width:24px;
	height:24px;
	margin-left:-12px;
	border-left:1px solid #25a7de;
	border-bottom:1px solid #25a7de;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-animation:sdb05 1.5s infinite;
	animation:sdb05 1.5s infinite;
	box-sizing:border-box
}
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform:rotate(-45deg) translate(0,0);
		opacity:0
	}
	50% {
		opacity:1
	}
	100% {
		-webkit-transform:rotate(-45deg) translate(-20px,20px);
		opacity:0
	}
}
@keyframes sdb05 {
	0% {
		transform:rotate(-45deg) translate(0,0);
		opacity:0
	}
	50% {
		opacity:1
	}
	100% {
		transform:rotate(-45deg) translate(-20px,20px);
		opacity: 0
	}
}