body, html {
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #666;
	font-weight: 300;
	width: 100% !important;
	height: 100% !important;
}
h2 {
	margin: 0 0 20px 0;
	font-weight: 400;
	font-size: 66px;
	color: #777;
	text-transform: none;
	letter-spacing: -1px;
}
h3, h4 {
	font-size: 40px;
	font-weight: 600;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-size: 15px;
}
p.intro {
	font-size: 16px;
	margin: 12px 0 0;
	line-height: 24px;
}
a {
	color: #C54DAA;
}
a:hover, a:focus {
	text-decoration: none;
	color: #222;
}

.navbar-brand {
    float: left;
    height: 21px;
    padding: 6px 15px !important;
    font-size: 18px;
    line-height: 14px;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
hr {
	height: 2px;
	width: 70px;
	text-align: center;
	position: relative;
	background: #00937b;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 0;
}

 .go-top {
    background-color: #00937b;
    box-shadow: 1px 1.732px 12px 0px rgb(0 0 0 / 14%), 1px 1.732px 3px 0px rgb(0 0 0 / 12%);
    transition: all 1s ease;
    bottom: 0.5em;
    right: 1em;
    color: white;
    font-size: 30px;
    position: fixed;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 59px;
    text-align: center;
    border-radius: 100%;
    z-index: 2000;
}

a.go-top:hover   {
    background-color: #52ad6e;
    color: white !important;
    
}

/* Navigation */
#menu {
	padding: 20px;
	transition: all 0.8s;
}
#menu.navbar-default {
	background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);
}
#menu a.navbar-brand {
	font-size: 18px;
	color: rgba(255,255,255,0.8);
	font-weight: 500;
	text-transform: none;
}
#menu a.navbar-brand:hover {
	color: #fff;
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: none;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: white;
	font-weight: 500;
}
.on {
	background-color: rgb(0 147 123 / 100%) !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff !important;
	background-color: transparent;
	text-decoration: underline;
	font-weight: 600 !important;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #C54DAA;
	border-color: #C54DAA;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}
.section-title {
	margin-bottom: 30px;
}
.section-title p {
	font-size: 18px;
	color: #888;
}
.btn-custom {
	text-transform: none;
	color: #fff;
	background-color: #00937b;
	padding: 14px 20px;
	margin: 0;
	font-size: 15px;
	border-radius: 0;
	margin-top: 20px;
	transition: all 0.3s;
	
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active {
	color: #fff;
	background-color: #b73c9b;
}
/* Header Section */
.intro {
	display: table;
	width: 100%;
	padding: 0;
	background: url(../img/backgroundhome.jpg) no-repeat center center;
	background-color: #e5e5e5;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-o-background-size: cover !important;
	background-attachment: scroll !important;
}
.intro .overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b71d6+0,c54daa+100&0.5+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(27,113,214,0.5) 0%, rgba(197,77,170,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(27,113,214,0.5) 0%, rgba(197,77,170,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(19 19 19 / 40%) 0%, rgb(68 68 68 / 30%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b71d6', endColorstr='#80c54daa', GradientType=0 ); /* IE6-9 */
}
.intro h1 {
	color: rgba(255,255,255,0.9);
	font-size: 72px;
	font-weight: 400;
	letter-spacing: -2px;
	text-transform: none;
	margin-bottom: 20px;
	margin-top: 0;
}
.intro p {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 40px;
	margin-top: 20px;
}
.intro span {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
}
header .intro-text {
	padding-top: 340px;
	padding-bottom: 320px;
	padding-left: 0px;
}

header .proyecto {
	padding-top: 250px !important;
	padding-bottom: 250px !important;
	padding-left: 0px;
}

.formpost {
	display: table;
	width: 100%;
	padding: 0;
background-color: #96e077 !important;
background-image: none;
	
}

.formpost2 {
	display: table;
	width: 100%;
	padding: 0;
background-color: #ff7c81 !important;
background-image: none;
	
}


.team {
	background: url(../img/teamback.jpg) no-repeat center !important;}
	
/*proyectos*/

.scatxo {
	
	background: url(../img/soncatxob.jpg) no-repeat center !important;
}

.alaro {
	
	background: url(../img/alarob.jpg) no-repeat center;
}

.samaritana {
	
	background: url(../img/samaritanab2.jpg) no-repeat center;
}

.sonfiol {
	
	background: url(../img/sonfiolb.jpg) no-repeat center !important;
	
}

.santamaria {
	
	background: url(../img/santamariab.jpg) no-repeat center;
}

.formentera {
	
	background: url(../img/formenterab.jpg) no-repeat center;
}

/*inprgoress*/

.bonaire {
	
	background: url(../img/bonaireb.jpg) no-repeat center !important;
}

.banyols {
	
	background: url(../img/banyolsb.jpg) no-repeat center !important;
}


.puntiro {
	
	background: url(../img/espuntirob.jpg) no-repeat center !important;
}


.sonlluch {
	
	background: url(../img/sonlluchb.jpg) no-repeat center;
}



/* About Section */
#about {
	padding: 20px 0;
	background: #00937b;
}
#about .about-text {
	margin-left: 10px;
}
#about .about-text h3 {
	font-weight: 400;
	color: #00937b;
	letter-spacing: -1px;
	color: white !important;
}
#about img {
	float: right;
}
#about p {
	margin: 30px 0;
	line-height: 22px;
	color: white !important;
}

/* About2 Section */
#about2 {
	padding: 80px 0;
	background: #fff;
}
#about2 .about-text {
	margin-left: 10px;
}
#about2 .about-text h3 {
	font-weight: 400;
	color: #00937b;
	letter-spacing: -1px;
	font-size: 45px;
	
}
#about2 img {
	float: right;
}
#about2 p {
	margin: 20px 0;
	line-height: 30px;
	font-size: 22.5px;
	
}

.extra {
	padding: 100px 0 !important;
	background: #fff;
}
/* Services Section */
#services {
	padding: 60px 0 80px;
}
#services h4 {
	color: #7d7d7d;
	text-transform: none;
	font-weight: 400;
	font-size: 33px;
}
#services i.fa {
	font-size: 38px;
	margin-bottom: 20px;
	transition: all 0.5s;
	color: #fff;
	width: 100px;
	height: 100px;
	padding: 30px 0;
	background: #009381;
	border-radius: 50%;
}

.servicio-a:hover {
	
    font-weight: 300;
    
}
#services h4:hover {
    color: #7d7d7d;
    text-transform: none;
    font-weight: 600;
}
/* Portfolio Section */
#portfolio {
	padding: 60px 0;
	background: #fff;
}

#progress {
	padding: 60px 0;
	background: #fff;
}
.categories {
	padding-bottom: 40px;
	text-align: center;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	color: #168a79;
	padding: 10px 20px;
	border: 1px solid #168a79;
	text-transform: uppercase;
}
ol.type li a.active {
	background: #168a79;
	color: #fff;
}
ol.type li a:hover {
	background: #168a79;
	color: #fff;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin: 15px 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.portfolio-item:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-item .hover-bg {
	height: 195px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 30% 0 0 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	color: #fff;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 16px;
	font-weight: 300;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
#portfolio i.fa {
	font-size: 20px;
	padding: 5px;
	color: #E87E04;
}
/* Achivements Section */
#achievements {
	background: url(../img/datos.png) no-repeat center bottom fixed;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#achievements .overlay {
	padding: 70px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c54daa+0,1b71d6+100&0.6+0,0.6+100 */
	background: -moz-linear-gradient(left, rgba(197,77,170,0.6) 0%, rgba(27,113,214,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(197,77,170,0.6) 0%, rgba(27,113,214,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(197,77,170,0.6) 0%, rgba(27,113,214,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c54daa', endColorstr='#991b71d6', GradientType=1 ); /* IE6-9 */
}
#achievements h2 {
	color: #fff;
}
.achievement-box h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-left: 5px;
	text-transform: uppercase;
}
.achievement-box span.count {
	font-size: 52px;
	font-weight: 600;
	display: block;
	color: #fff;
	padding: 0;
	margin: 0;
}

/* mallorca Section */
#achievements2 {
	background: url(../img/mallorca.jpg) no-repeat center bottom fixed;
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#achievements2 .overlay {
	padding: 110px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c54daa+0,1b71d6+100&0.6+0,0.6+100 */
	background: -moz-linear-gradient(left, rgba(197,77,170,0.6) 0%, rgba(27,113,214,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(197,77,170,0.6) 0%, rgba(27,113,214,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(65 51 52) 0%, rgb(67 57 61 / 41%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c54daa', endColorstr='#991b71d6', GradientType=1 ); /* IE6-9 */
}
#achievements2 h4 {
	color: white;
	font-weight: 400;
	font-size: 23.5px;
	margin: 2px 240px;
	line-height: 33px;
}
.achievement-box h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-left: 5px;
	text-transform: uppercase;
}
.achievement-box span.count {
	font-size: 52px;
	font-weight: 600;
	display: block;
	color: #fff;
	padding: 0;
	margin: 0;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 21px;
}
/* Testimonials Section */
#testimonials {
	padding: 120px 0 80px 0;
	background: #F6F6F6;
}
#testimonials i.fa {
	color: #8e9599;
	font-size: 36px;
}
#testimonial {
	padding: 30px 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
}
#testimonial .item p {
	margin: 30px 0;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 20px;
	height: 6px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	border-radius: 0;
	background: #fff;
	transition: all 0.5s;
	border: 1px solid #ccc;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #C54DAA;
	border: 1px solid #C54DAA;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #C54DAA;
	border: 1px solid #C54DAA;
}
/* Contact Section */
#contact {
	padding: 50px 0 40px 0;
}
#contact form {
	padding: 30px 0;
}
#contact .text-danger {
	color: #cc0033;
	text-align: left;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	float: left;
}
#contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #222;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact .form-control:focus {
	border-color: #C54DAA;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #2c3e50;
}
.form-control:-moz-placeholder {
color: #2c3e50;
}
.form-control::-moz-placeholder {
color: #2c3e50;
}
.form-control:-ms-input-placeholder {
color: #2c3e50;
}
#contact .social {
	margin-top: 30px;
}
#contact .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact .social i.fa {
	font-size: 28px;
	padding: 4px;
	color: #00937b;
	transition: all 0.3s;
}
#contact .social i.fa:hover {
	color: #444;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
/* Footer Section*/
#footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c54daa+0,1b71d6+100 */
	background: rgb(0 148 124); /* Old browsers */
	
	padding: 10px 0 10px 0;
}
#footer a {
	color: rgba(255,255,255,0.7);
}
#footer a:hover {
	color: #fff;
	font-weight: 300;
}

#footer p {
	color: #fff;
	font-weight: 400;
	font-size: 13px;
}

@media (max-width: 1024px) {
#about img {
	float: left;
	margin-bottom: 20px;
}
}

@media (min-width: 320px) and (max-width: 424px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}

.go-top {
    background-color: #00937b;
    box-shadow: 1px 1.732px 12px 0px rgb(0 0 0 / 14%), 1px 1.732px 3px 0px rgb(0 0 0 / 12%);
    transition: all 1s ease;
    bottom: 0.5em;
    right: 0.2em;
    color: white;
    font-size: 30px;
    position: fixed;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 59px;
    text-align: center;
    border-radius: 100%;
    z-index: 2000;
}

.caption-style-4 li {
   float: none !important;
    padding: 13px;
    position: relative;
    overflow: hidden;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 17px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 10px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 10px;
}

p.enviado {
	font-size: 29px !important;
}


.logo {
	width: 90%;
}

.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    width: 100%;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 245px !important;
    height: 303px !important;
    text-align: center;
    top: 45px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 28px;
    font-size: 20px;
}
.intro p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px;
}
#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 19px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}
header .intro-text {
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 0px;
}
h3, h4 {
    font-size: 21px;
    font-weight: 600;
}

ol.type li {
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 30px;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}


@media (min-width: 425px) and (max-width: 479px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}

.go-top {
    background-color: #00937b;
    box-shadow: 1px 1.732px 12px 0px rgb(0 0 0 / 14%), 1px 1.732px 3px 0px rgb(0 0 0 / 12%);
    transition: all 1s ease;
    bottom: 0.5em;
    right: 0.3em;
    color: white;
    font-size: 30px;
    position: fixed;
    text-decoration: none;
    width: 60px;
    height: 60px;
    line-height: 59px;
    text-align: center;
    border-radius: 100%;
    z-index: 2000;
}

.caption-style-4 li {
   float: none !important;
    padding: 13px;
    position: relative;
    overflow: hidden;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 17px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 10px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 10px;
}

p.enviado {
	font-size: 29px !important;
}


.logo {
	width: 90%;
}

.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    width: 100%;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 348px !important;
    height: 303px !important;
    text-align: center;
    top: 85px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 28px;
    font-size: 20px;
}
.intro p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px;
}
#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 19px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}
header .intro-text {
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 0px;
}
h3, h4 {
    font-size: 21px;
    font-weight: 600;
}

ol.type li {
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 30px;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}



@media (min-width: 480px) and (max-width: 640px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}
.logo {
	width: 90%;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 17px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 10px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 60px;
}

p.enviado {
	font-size: 33px !important;
}



.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    width: 100%;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 394px !important;
    height: 303px !important;
    text-align: center;
    top: 98px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 28px;
    font-size: 20px;
}
.intro p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}
header .intro-text {
    padding-top: 200px;
    padding-bottom: 200px;
    padding-left: 0px;
    margin: 2px 42px;
}
h3, h4 {
    font-size: 21px;
    font-weight: 600;
}

ol.type li {
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 30px;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 5px;
    line-height: 22px;
    font-size: 20px;
    line-height: 30px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 50px;
}
}

@media (min-width: 641px) and (max-width: 767px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}
.logo {
	width: 70%;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 17px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 10px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 50px;
}

p.enviado {
	font-size: 29px !important;
}



.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    width: 100%;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 394px !important;
    height: 303px !important;
    text-align: center;
    top: 98px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 28px;
    font-size: 20px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}
header .intro-text {
    padding-top: 250px;
    padding-bottom: 250px;
    padding-left: 63px;
    margin: 2px 42px;
}
h3, h4 {
    font-size: 21px;
    font-weight: 600;
}

ol.type li {
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 30px;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 5px;
    line-height: 22px;
    font-size: 20px;
    line-height: 30px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 50px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}
.logo {
	width: 60%;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 17px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 60px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 70px;
}

p.enviado {
	font-size: 29px !important;
}

 .d {
 	width: 50%;

 }
.caption-style-4 li {
   float: none !important;
    padding: 0px;
    position: relative;
    overflow: hidden;
    width: 60% !important;
    margin: auto !important;
}

.caption-style-4 .blur {
    background-color: rgb(22 138 121 / 71%);
    height: 325px !important;
    width: 433px !important;
    z-index: 5;
    position: absolute;
}


.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    width: 100%;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 415px !important;
    height: 303px !important;
    text-align: center;
    top: 112px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 28px;
    font-size: 20px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}
header .intro-text {
    padding-top: 250px;
    padding-bottom: 250px;
    padding-left: 0px;
    margin: 2px 35px;
}
h3, h4 {
    font-size: 42px;
    font-weight: 600;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 5px;
    line-height: 22px;
    font-size: 20px;
    line-height: 30px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 50px;
}
#about img {
    float: none; 
    margin-bottom: 20px;
    margin: auto;
    
}
.intro p {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px;
}
}


@media (min-width: 1024px) and (max-width: 1280px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 60px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}
.logo {
	width: 60%;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size:22px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 70px;
    line-height: 33px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de00 !important;
    border-color: #ffffff !important;
    font-size: 19px !important;
}

.asesop {
    font-size: 20px;
    color: white;
    margin: 2px 100px;
}
 
.caption-style-4 li {
   float: left !important;
    padding: 0px;
    position: relative;
    overflow: hidden;
    
}



.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 0;
    
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 291px !important;
    height: 300px;
    text-align: center;
    top: 110px !important;
}

.servip {
	font-size: 20px;
	line-height: 30px;
}
#about2 p {
    margin: 21px 0;
    line-height: 22px;
    font-size: 17px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 70px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}

h3, h4 {
    font-size: 30px;
    font-weight: 600;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 0px;
    line-height: 22px;
    font-size: 15px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 37px;
}

.intro p {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 20px;
}
}


@media (min-width: 1361px) and (max-width: 1439px) {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 60px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}

.al-box p {
    color: #50484b;
    font-size: 19px !important;
    font-weight: 400;
}

button.pro {
	background-color: #00937b;
    border-color: #00937b;
    font-size: 25px;
}

#achievements2 h4 {
    color: white;
    font-weight: 400;
    font-size: 23.5px;
    margin: 2px 200px;
    line-height: 33px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 80px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}

h3, h4 {
    font-size: 42px;
    font-weight: 600;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 0px;
    line-height: 22px;
    font-size: 15px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 37px;
}

.intro p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 40px;
    margin-top: 20px;
}
}

@media (min-width: 1440px)  {
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 50px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}

.al-box p {
    color: #50484b;
    font-size: 19px !important;
    font-weight: 400;
}
.caption-style-4 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 355px !important;
    height: 293px;
    text-align: center;
    top: 104px !important;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 80px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}

.asesop {
	    font-size: 20px;
    color: white;
    margin: 2px 250px;
}

h3, h4 {
    font-size: 35px;
    font-weight: 600;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
#about p {
    margin: 30px 0px;
    line-height: 27px;
    font-size: 19px;
}
#about .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 45px;
}

.intro p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 6px;
}
}

@media (min-width: 1610px){
	h2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 60px;
    color: #777;
    text-transform: none;
    letter-spacing: -1px;
}
#about p {
    margin: 30px 0px;
    line-height: 30px;
    font-size: 19px;
}

#about2 p {
    margin: 30px 0px;
    line-height: 27px;
    font-size: 22px;
}
.intro h1 {
    color: rgba(255,255,255,0.9);
    font-size: 88px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 0;
}

h3, h4 {
    font-size: 42px;
    font-weight: 600;
}
.navbar-default .navbar-toggle {
     border-color: transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#about2 .about-text h3 {
    font-weight: 400;
    color: #00937b;
    letter-spacing: -1px;
    font-size: 45px;
}

.intro p {
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 5px;
}

.al-box p {
    color: #50484b;
    font-size: 19px !important;
    font-weight: 400;
}
}

/*gallery*/

.caption-style-4{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style-4 li{
		float: left;
		padding: 13px;
		position: relative;
		overflow: hidden;
	}

	.caption-style-4 li:hover .caption{
		opacity: 1;
		width: 100%;
        margin: auto;
	}
/*
	.caption-style-4 li:hover img{
		opacity: 1;
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
	}*/

.pj {
	width: 20% !important;
}

	.caption-style-4 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 0;
	}


	.caption-style-4 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
	}

	.caption-style-4 img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.caption-style-4 .blur{
		background-color: rgb(22 138 121 / 71%);
		height: 300px;
		width: 400px;
		z-index: 5;
		position: absolute;
	}

	.caption-style-4 .caption-text h1{
		text-transform: uppercase;
		font-size: 24px;
	}
	.caption-style-4 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 377px;
		height: 300px;
		text-align: center;
		top:100px;
	}

	/** content **/
	.content{
		margin-top: 100px;
		margin-left: 100px;
		width: 700px;
	}
	.content h1, .content h2{
		font-family: "Source Sans Pro",sans-serif;
		color: #ecf0f1;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
	}

	.content h1{
		font-weight: 900;
		font-size: 64px;
	}

	.content h2{
		font-size:26px;
	}

	.content p{
		color: #ecf0f1;
		font-family: "Lato";
		line-height: 28px;
		font-size: 15px;
		padding-top: 50px;
	}

	p.credit{
		padding-top: 20px;
		font-size: 12px;
	}

	p.ft {
		font-size: 20px !important;
	}



	a.espa {
		padding: 15px 7px !important;
	}


	/*SERVICIOS*/

	.al-content-block {
     background:#fff;
     font-family: 'Roboto', sans-serif;
     padding:80px 0;
}
 .al-img-block img {
     width:85%;
     margin:0 auto;
}
 .al-txt-block {
     margin-top:40px;
}
 .al-txt-block h2 {
     color:#3f3d4e;
     font-size:34px;
     font-weight:900;
}
 .al-txt-block p {
     color:#868494;
     font-size:18px;
}
 @media screen and (max-width:767px) {
     .al-txt-block h2 {
         font-size:24px;
    }
     .al-txt-block, .al-img-block {
         padding:0 20px;
    }
}

/*visibles*/

@media screen and (max-width:1000px) {
	.mv {
		display: inherit;
	}
	.pc {
		display: none
	}
}

@media screen and (min-width:1001px) {
	.mv {
		display: none;
	}
	.pc {
		display: inherit;
	}
}

/*proyecto*/

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:85px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }




.proj {
	font-size: 22px ;
	margin:2px 130px ;
	line-height: 33px;
}

hr.prj {
    height: 1px;
    width: 80%;
    text-align: center;
    position: relative;
    background: #939393;
    margin: 0 auto;
    margin-bottom: 0px;
    border: 0;
}


/*mouse*/

@-webkit-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@-moz-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
 .scroll-btn {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.scroll-btn > * {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: #7f8c8d;
  color: #ffffff;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
  color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scroll-btn .mouse {
  position: relative;
  display: block;
  width: 35px;
  height: 55px;
  margin: 0 auto 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid white;
  border-radius: 23px;
}
.scroll-btn .mouse > * {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: white;
  border-radius: 50%;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  -moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;
}

.al-boxes {
     background-color:#00937b;
     font-family: 'Lato', sans-serif;
     padding:80px 40px;
}
 .al-boxes .al-heading h2 {
     color:#fff;
     font-size:50px;
     font-weight:800;
}
 .al-boxes .al-heading p {
     color:#fff;
     font-size:20px;
}
 .al-box {
     background:#fff;
     box-shadow:0 0 10px rgba(0,0,0,.2);
     padding:40px;
     margin-bottom:20px;
}
 .al-box h3 {
     color:#656363;
     font-size:35px;
     font-weight:800;
}
 .al-box p {
     color:#50484b;
     font-size:15px;
     font-weight:400;
}
 @media screen and (max-width:767px) {
     .al-boxes .al-heading h2 {
         font-size:32px;
    }
     .al-boxes .al-heading p {
         font-size:18px;
    }
     .al-box h3 {
         font-size:28px;
    }
     .al-box p {
         font-size:18px;
    }
    ' 
}




/*form*/

	.contact_header 
	{
	background:#2a2d36;
	border-radius:0;
	padding:100px 40px 200px 40px;
	}
	.contact_header h1
	{
	color:#fff;
	font-weight:600;
	}
	.contact_header p 
	{
	color:#fff;
	font-size:18px;
	}
	.contact_form_wrapper
	{
	margin-top:-150px;
	}
	.contact_form
	{
	background:#fff;
	border-radius:4px;
	box-shadow: rgba(42,45,54,.075) 0 12px 34px, rgba(0,0,0,.05) 0 6px 15px, inset transparent 0 0 0 0;
	margin:0 auto 0 auto;
	max-width:850px;
	padding:50px;
	}
	.contact_form .form-control
	{
	border-color:#dcdcdc;
	color:#777;
	padding:8px;
	}
	.contact_form input[type=text]:focus,
	.contact_form input[type=email]:focus,
	.contact_form textarea:focus
	{
	box-shadow:inset 0 0 3px #f0f0f0;
	border:1px solid #bbb;
	}
	
	.contact_form textarea 
	{
	min-height:120px;
	}
	.form-control::-webkit-input-placeholder { color: #888; }  
	.form-control:-moz-placeholder { color: #888;; }  
	.form-control::-moz-placeholder { color: #888;; }  
	.form-control:-ms-input-placeholder { color: #888;; } 
	.form-control::-ms-input-placeholder { color: #888;; }
	
	@media screen and (max-width:767px)
	{
	.contact_header 
	{
	padding: 50px 40px 150px 40px;
	}
	.contact_header h1 
	{
	font-size:28px;
	}
		.contact_form
		{
		padding:25px;
		}
	}


.enviado {
	font-size: 25px !important;
}

.btn-success {
    color: #fff;
    background-color: #00937b !important;
    border-color: #00937b !important;
}


 @media screen and (min-width: 320px) and (max-width:989px) {
 	.quitar {
 		display: none !important;
 	}

 	.idiomas {
 		display: inherit;
 	}
 }

@media screen and (min-width: 990px)  {
 	.quitar {
 		display: inherit !important;
 	}

 	.idiomas {
 		display: none;
 	}
 }