@charset "utf-8";
/* CSS Document */
/* ********************* generales********************* */

a {color: #015c53;}
a:hover{color:#ED2E35}
h1, h2, h3, h4, h5, h6 {
    font-family: "Oxygen", sans-serif;}
.padding-t-0{padding-top: 0; }
.padding-t-20{padding-top: 20px; }
.padding-b-70{padding-bottom: 15px; }
.padding-b-70{padding-bottom: 70px; }
.padding-r-35{padding-right: 35px; }
.padding-l-35{padding-left: 35px; }
.section-bg {background-color:#eeeeee}
.section-title h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #EF2E2F;
}
.margin-b-0{
  margin-bottom: 0!important;
}
.margin-b-15{
  margin-bottom: 15px;
}
.text-center{
  text-align:center;
}
.section-title h2 { 
	color: #005c54; 
	margin-bottom: 10px; 
	position:relative;
	padding-bottom: 20px;
	margin-bottom:24px;
}
.section-title h2:after{
    width: 8%;
    height: 3px;
    position: absolute;
    top: 100%;
    left: 46%;
    background: #EF2E2F;
    content: '';
}
@media(max-width:768px){.section-title h2:after{
    width: 16%;
	left: 42%;}}
/* ********************* Cabezal ********************* */

#topbar{padding: 5px 0; background-color: #f2f2f2}
a:hover img.bandera{-webkit-filter: grayscale(100%); 
	filter: grayscale(100%); }

#header .logo img {
    padding: 0;
    margin: 0;
	max-width: 128px;
    max-height: 43px;
}
#header .logo h1 .marca { text-transform: lowercase; font-family: 'Overpass', sans-serif; font-weight: 600; font-size: 1.6em; margin-left: 10px; }
.subtit_logo{    text-transform: lowercase;
    font-size: 16px;
    max-width: 180px;
    color: #015c53;
    float: right;
    margin-left: 15px;
 font-family: 'Overpass', sans-serif; font-weight: 400;
    line-height: 22px;
}
#header .logo h1 a, #header .logo h1 a:hover {
    color: #015c53;
    text-decoration: none;
}
.nav-menu a {
	color: #015c53;}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color: #015c53; border-bottom: 3px solid #ED2E35;
    padding-bottom: 3px;}

	
.contact-info{padding-top:10px}

@media(min-width:768px){.solo_mov{display: none}}
@media(max-width:768px){
	#header{-webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.31);
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.31);}
	#header .logo h1 .marca {font-size: 1.3em}
.subtit_logo {
    max-width: 166px;
    color: #015c53;
    float: right;
    font-size: 16px;
    margin-left: 4px;
    line-height: 20px;
	letter-spacing: 0;
}
#header .logo img {
	max-width: 64px;
    max-height: 22px;
}	
.mobile-nav {background-color: #20776f; width:180px}
.mobile-nav li {border-bottom: 1px solid #15675f; border-top: 1px solid #2c8a81;}
.mobile-nav li a{color:#ffffff;}
	
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
    color: #ff9337;
}
	.solo_mov{display: block}
}

/* *********************  ir arriba ********************* */
.back-to-top {
	background: #2a7770;}


 /* ********************* Slider ********************* */
 #hero {height:auto}   
.carousel{height:330px}
#hero .carousel-container {height:330px}
#hero p {
    margin: 0 auto;
}
#hero h2{font-family: 'Overpass', sans-serif;
    font-weight: 600; font-size: 3.4em; text-align: center; }
.frase{font-size: 1.3em; margin:0 auto; text-align: center;}


@media(min-width:1400px){.carousel{height:400px}
#hero .carousel-container {height:400px}}

@media(min-width:980px) and (max-width:1400px){.carousel{height:400px}
#hero .carousel-container {height:400px}}
@media (min-width:550px)and(max-width:980px){
#hero h2 {font-size:2em}
	.carousel{height:280px}
#hero .carousel-container {height:280px}
}
@media (max-width: 550px){
 #hero .carousel-item {
 height: calc(100vh - 250px);
}
#hero h2{margin-bottom: 10px; }
.carousel{height:290px}
#hero .carousel-container {height:214px}
.frase{font-size:1.2em}
#hero p {line-height: 1.2em; width:100%}
#hero h2 {font-size: 1.4em;}
.about .about-content {padding-top:10px}
}

/* ********************* Presentacion ********************* */
.linea_naranja{border-bottom: 4px solid #EF2E2F;
    line-height: 2px; max-width: 78px; margin: 0 auto; margin-bottom: 24px}
.about .container{box-shadow: none; }
.about .section-title p{text-align: center; }

/***********************quiénes somos*************************/
.qs .description {
    line-height: 24px;
    font-size: 14px;
}
.qs h3 {
	color: #EF2E2F;
	font-size: 24px;
	 font-weight: 600;
}
.icons-qs{text-align: center;}
.icons-qs div{display: inline-block; width: 45px; vertical-align: top;}
@media(max-width:768px){
#team img{width:50%; padding-bottom: 11px}
	.qs h3{text-align: center}
	.qs p strong{line-height:1.3em }
	/*.icons-qs div:first-child {margin-right:6px; }*/
.icons-qs div img {width:100% !important; }
}

@media(min-width:980px){
	.icons-qs{text-align: left;}}
.icons-qs .icocontact-qs {margin-right: 6px;}
.icocontact-qs {
	max-width: 37px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;  
}
.icocontact-qs:hover {
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}


/************************servicios************************/

	
.services .title::after{
content:none;
}
.services .title{
margin-bottom:0;
	padding-top: 15px;
	color: #EF2E2F;
	font-size:20px;
}
@media(max-width:768px){
.services .description {
    line-height: 22px;
    font-size: 15px;
	}
#servicios .padding-l-35 {
    padding-left: 25px;
}
#servicios .padding-r-35 {
    padding-right: 25px;
}
}
/***********************Contacto*************************/

.contact .info-box i {color: #005c54;}
.contact .php-email-form button[type="submit"] {
    background: #005c54;
	border-radius: 5px;}
.contact .php-email-form button[type="submit"]:hover {
    background: #ed2e35;

}


.icocontact {
	max-width: 60px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;  
}
.icocontact:hover {
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}




/*opinion*/
#opinion {
    background-color: #2f867e;
	color: white;
	font-size: 20px;
	padding-bottom: 80px;
}
#opinion .section-title h2{
	color: white;
	font-style: normal;
}
#opinion .section-title h2:after{
	background: #fff;
}
.fa  {
	display: block;
    text-align: center;
    font-size: 4em;
    color: rgba(255,255,255,.3) !important;
    margin-bottom: 30px;
}
.fa-quote-left:before {
    content: "\f10d";
}
#opinion .carousel-control-prev,#opinion .carousel-control-next{
    width:20px;
	/*display:none;*/
}
@media (min-width: 550px){
	#opinion .carousel-control-prev,#opinion .carousel-control-next {
	width:20px;
	display:block;
	top:20px;

	}
	#opinion .carousel-inner{
    padding:0 30px;
}
}
#opinion .carousel-indicators{
    bottom:-40px;
}


/******************footer**********************/
#footer{background-color:#2a7770;}
.footer-top {background-color:#2f867e!important;}
#footer .footer-top .social-links a {background: #dcdcdc;
    color: #2f867e;}
#footer .footer-top .social-links a:hover {
	background: #ed2e35;}
#footer h5 {font-size: 16px; padding-bottom: 10px}
@media (max-width: 768px) {#footer div{text-align: center}}

/*presentacion*/
.about .section-title p{
	font-style:normal ;}

/*publicaciones*/
.portfolio .portfolio-wrap .portfolio-info a {
    color: #2a7770;}
.portfolio .portfolio-wrap .portfolio-info a:hover {
  background: #2a7770;
  color: #fff;
}

@media (max-width: 575.98px){
.col-xs-6 {    
	flex: 0 0 50%;
    max-width: 50%;
	}
}

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

.carousel-inner {max-height:400px !important}
#hero .carousel-item {max-height:400px !important}

@media(max-width:400px){.subtit_logo {
	max-width: 128px;}}

#opinion .carousel-inner {max-height:none !important}