.titulo-seccion  {
    font-size: 38px;
    letter-spacing: 0.45px;
    color: #212121;
    margin-top: 0px;
    margin-bottom: 22px;
    position: relative;
    font-weight: 300;
}

.titulo-seccion span  {
	font-weight:600;
}

.titulo-seccion:after {
	/*content: url(../img/arrow-red.png);*/
	width: 30px;
	height: 5px;
    position: absolute;
    /* top: -18px; */
    /* bottom: 20%; */
    bottom: -5px;
    left: 0;
}

.sub-titulo-seccion  {
	font-size: 15px;
	font-weight: 400;
	color: #2d2d2d;
	margin-top: 0px;
	margin-bottom: 30px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}

.destacado {
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    color: #565656;
}


.titulo-seccion-linea  {
	font-size: 45px;
	letter-spacing: 0.45px;
	color: #203064;
	margin-top: 0px;
	margin-bottom: 22px;
	position:relative;
	font-weight:500;
	padding-left:80px;
}
.titulo-seccion-linea:after {
	content: '';
	width: 60px;
	height: 2px;
	position: absolute;
	top: 25px;
	left: 0;
	background-color: #badaf3;
}

.numero-destacado{
  font-size: 70px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 80px;
  letter-spacing: 0.7px;
  color: #badaf3;
  position:relative;
  display:inline-block;
}

.numero-destacado:after {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: -69px;
	background-color: #badaf3;
}


@media (max-width:767px){
.titulo-seccion  {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 34px;
}

.sub-titulo-seccion  {
	margin-bottom: 12px;
}

.destacado {
	font-size: 16px;
	margin-bottom: 8px;
}

.titulo-seccion-linea  {
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 34px;
	padding-left:50px;
}

.titulo-seccion-linea:after {
	content: '';
	width: 40px;
	top: 16px;
	left: 0;
}
}

@media (max-width:767px){
.titulo-secciones  {
	font-size:30px;
	margin-bottom:22px;
}
}	

.bg-comun{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(../img/bg-comun.jpg);
}

.ul-servicios{
	
	font-size:16px;
	color: #373737;
	margin:0px;
	margin-top:30px;
	display: inline-block;
}

.ul-servicios li{
	margin-bottom: 20px;
	background-image: url(../img/icon-awesome-water.png);
	background-repeat: no-repeat;
padding-left: 36px;
    line-height: 18px;
}

@media (max-width:767px){
.ul-servicios li{
	/*margin-bottom: 10px;
	background-image: url(../img/icon-awesome-water.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	line-height: 29px;*/
	/*background-size: 8%;*/
	font-size: 14px;
}
}

#empresa{
	background-repeat: no-repeat;
	background-position: left 60px;
	background-color:#fbfbfb;
	background-image:url(../img/bg-comun.png);
}

#empresa .box{
	padding-left:25px;
	padding-right:20px;
	padding-top:10px;
}


#empresa p {
	line-height: 28px;
}

@media (max-width:767px){
#empresa .box{
	padding-left:15px;
	padding-right:15px;
	padding-top:50px;
}

}

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


#proyectos {
	background-repeat: no-repeat;
	background-position: center 44px;
	/*background-image:url(../img/TERMINADOS.png);*/
	/*margin-top:50px;*/
}

@media only screen and (max-width: 768px) {
#proyectos {
	background-size:contain;
	margin-top:0px;
}
}

#proyectos .img-cover {
    background-size: cover;
    background-position: top center;
    display: block;
    margin-bottom: 0px;
    margin: 7px;
}

#proyectos .info-pro{
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-color: rgb(39 90 124 / 78%);
    margin: 7px;
    right: 0px;
    left: 0px;
	opacity:0;
	    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

#proyectos .info-pro:hover{
	opacity:1;
	    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

#proyectos .info-pro h2{
	margin:0px;
	font-size:24px;
	font-weight:600;
	color:white;
	text-align: center;
    padding: 0% 10%;
	    top: 70%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
	position: relative;
	background-image:url(../img/right-arrow.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:40px;
}

#proyectos .info-pro h2 span{
	margin-top:8px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	display:block;
	text-transform:uppercase;
}

@media only screen and (max-width: 768px) {
#proyectos {
	background-size:contain;
	margin-top:0px;
}

#proyectos .info-pro h2{
	font-size:16px;
    padding: 0% 7%;
	top: 50%;
}

#proyectos .info-pro h2 span{
	margin-top:8px;
	font-size:12px;
}

}

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

#servicios {

}

#servicios .box{
	color:#FFFFFF;
	padding:18%;
}

#servicios .box.dos{
	color:#FFFFFF;
	padding:35px;
}

#servicios .box.tres{
	color:#FFFFFF;
	padding:10% 8%;
}

#servicios .box h2{
	font-size:32px;
	font-weight:600;
}

#servicios .box p{
	font-weight:300;
	font-size:20px;
	padding-top:4px;
}

#servicios .box p span{
	font-weight:500;
}

#servicios .box .p-arrow{
	background-image:url(../img/arrow-white.png);
	background-position:left 8px;
	background-repeat:no-repeat;
	padding-left:40px;
}


@media (max-width:767px){

#servicios .box h2{
	font-size:24px;
}

#servicios .box p{
	font-size:16px;
}


}

#servicios .card {
box-shadow: 6px 9px 17px rgba(208, 208, 208, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#servicios .card .titulo {
    font-size: 18px;
	font-weight:600;
    line-height: 22px;
	color: #464646;
}

#servicios .card .descripcion {
    font-size: 16px;
	font-weight:300;
    line-height: 28px;
}

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

#sucursales{
	background-color:#fbfbfb;
}

#sucursales .card {
box-shadow: 6px 9px 17px rgba(208, 208, 208, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 35px;
}

#sucursales .card .titulo {
    font-size: 24px;
	font-weight:600;
    line-height: 30px;
	color: #464646;
	margin-bottom:30px;
	margin-left:10px;
	margin-top:20px;
}

#sucursales .card p {
    font-size: 13.5px;
	font-weight:400;
	    line-height: 19px;
		margin-left:6px;
}

/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #fff;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #2d2d2d;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 15px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #c1b086;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

/* ----- v CAN BE DELETED v ----- */

.btn-comun{
    background-color: #cf9d6c;
    color: white;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    padding: 0px 30px;
    border-radius: 20px;
	margin-top:10px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.btn-comun:hover{
    background-color: #373737;
    color: white;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

@media (max-width:767px){

}


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



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

#contact{
	background-color:#fff;
	background-image:url(../img/bg-contacto.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
	padding-bottom:0px;
}

#contact .titulo-seccion{
	
}

#contact p{
	/*font-size:18px;*/
	line-height:26px;
	
}


#contact .sub{
	font-weight:400;
	font-size:18px;
	color:#fff;
	display:block;
	line-height: 19px;
    padding-top: 7px;
	text-transform:uppercase;
}

#contact .yellow{
	color:#f9c726;
	font-weight:600;
	font-style:italic;
}

#contact label{
    font-weight: 400;
	font-size:15px;
    color: #464646;
    margin-bottom: 8px;
}

#contact .input-gris{
font-size: small;
    background-color: #ffffff;
    border-color: #e2e0e0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    border-radius: 3px;
}

#contact .card{
    background: rgb(0,144,125);
    background: linear-gradient(70deg, rgba(0,144,125,1) 0%, rgba(0,195,170,1) 50%);
    border: 0px;
	color:#FFFFFF;
}

#contact .card img{
	width:50px;
	margin-bottom:10px;
}

#contact .card .descripcion{
	font-size:18px;
	line-height:22px;
}

#contact .enviar{
    font-size: 16px;
    line-height: 18px;
    display: flex;
    padding: 4px 35px;
    /* float: right; */
    margin-top: 10px;
    border: 0px;
    background: #024a96;
    color: white;
    font-size: 15px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px;
}

#contact .enviar{
    font-size: 16px;
    line-height: 18px;
    display: flex;
    padding: 4px 35px;
    /* float: right; */
    margin-top: 10px;
    border: 0px;
    background: #024a96;
    color: white;
    font-size: 15px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px;
}


#contact .enviar:hover{
    color: #fff;
    background: #373737;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.enviar:active, .enviar.active, .enviar:focus, .enviar.focus, .enviar:active.focus, .enviar.active.focus{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.0);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
	border:0px;
	outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}


#contact ul.social-buttons-contacto li a {
	text-align: center;
	height: 36px;
	width: 36px;
	display: block;
	text-decoration: none;
	line-height: 36px;
	color: #ffffff;
	background-color: #373737;
	font-size: 18px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	border-radius: 50%;
}

#contact ul.social-buttons-contacto li a:hover {
	background-color: #cf9d6c;
	color: #ffffff;;
}

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

.modulo-cabecera  {
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	padding-top: 100px;
    padding-bottom: 0px;
	position:relative;
	text-align:center;
	color:white;
}

.modulo-cabecera:after {
/*    content: '';
    width: 1px;
    height: 140px;
    bottom: -70px;
    left: 50%;
    background-color: #badaf3;
    position: absolute;
    z-index: 1000;*/
}


.modulo-cabecera .shadow-div {
    top: 0px;
	position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url(../img/bg-header.png);*/
    background-color: rgb(39 90 124 / 80%);
}

.modulo-cabecera .titulo-cabecera  {
	font-size:48px;
	color:#fff;
	font-weight:500;
	/*text-transform:uppercase;*/
}

.modulo-cabecera p  {
	font-size:20px;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
}

.modulo-cabecera p span  {
	color:#badaf3;
}

@media only screen and (max-width: 768px) {
.modulo-cabecera  {
	padding-top: 0px;
	margin-top: 42px;
	padding-bottom: 0px;
}

.modulo-cabecera:after {
    /*content: '';
    width: 1px;
    height: 60px;
    bottom: -30px;
    left: 50%;
    background-color: #badaf3;
    position: absolute;
    z-index: 1000;*/
}

.modulo-cabecera .titulo-cabecera  {
	font-size:24px;
	margin-bottom:0px;
}	
}

.input-gris{
    background-color: transparent;
    border: 0px;
    border-bottom: solid 1px #1f2f63;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: small;
    padding: 10px 2px;
}

.enviar {
    font-size: 16px;
    line-height: 46px;
    padding: 0px 30px;
    margin-top: 0px;
    border: solid 1px #203064;
    background-color: transparent;
    color: #203064;
	font-weight:500;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}


.box-datos {
	position: absolute;
	background-image: url(../img/contacto-datos.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	width: 340px;
	padding: 50px 40px;
	top: 30%;
	left: 30%;
}

.box-datos .dato {
	background-image: url(../img/icon-f-3.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 50px;
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 26px;
	letter-spacing: 0.16px;
	color: white;
	margin-bottom: 35px;
	background-size: 25px;
}

.box-datos .dato.celu {
	background-image: url(../img/icon-f-1.png);
	background-size: 25px;
}

.box-datos .dato.ubi {
	background-image: url(../img/icon-f-2.png);
	background-size: 25px;
}

.box-datos .dato span{
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #badaf3;
  text-transform:uppercase;
  display:block;
}


@media only screen and (max-width: 768px) {
.box-datos {
    padding: 30px 30px;
    top: 14%;
    left: 16%;
    width: auto;
    right: 15px;
    padding-right: 15px;
}

.box-datos .dato {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
	background-size: 25px;
	padding-left: 42px;
}


.box-datos .dato span{
  font-size: 18px;
  font-weight: 500;
}

}

ul.social-buttons-contacto li {
	padding-left:0px;
	padding-right:10px;
}

ul.social-buttons-contacto li a {
    text-align: center;
    height: 46px;
    width: 46px;
    display: block;
    text-decoration: none;
    line-height: 44px;
    color: #444;
    font-size: 18px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    border-radius: 50%;
}

ul.social-buttons-contacto li a:hover {
    color: #badaf3;
}


	/* all */
	::-webkit-input-placeholder {
	color: #203064 !important;
	}
	::-moz-placeholder {
	color: #203064 !important;
	
	} /* firefox 19+ */
	:-ms-input-placeholder {
	color: #203064 !important;
	} /* ie */
	input:-moz-placeholder {
	color: #203064 !important;
	
	}

.box-datos-ed {
	background-image: url(../img/contacto-datos.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	width: 100%;
	padding: 40px 40px;
	top: 30%;
	left: 30%;
}

.box-datos-ed .dato {
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 26px;
	letter-spacing: 0.16px;
	color: white;
	margin-bottom: 20px;
	background-size: 25px;
}

.box-datos-ed .dato span{
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #badaf3;
  text-transform:uppercase;
  display:block;
}


@media only screen and (max-width: 768px) {
.box-datos-ed {
    padding: 30px 30px;
    top: 14%;
    left: 16%;
    width: auto;
    right: 15px;
    padding-right: 15px;
}

.box-datos-ed .dato {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
	background-size: 25px;
	padding-left: 42px;
}


.box-datos-ed .dato span{
  font-size: 18px;
  font-weight: 500;
}

}


.modulo-informacion {
    padding-top: 35px;
    padding-bottom: 0px;
    /* background-color: #121518; */
}

.modulo-informacion .icon-color {
	color: #2c6e98;
}


.modulo-informacion .line{
    margin-right: 10px;
    position: relative;
	margin-left: 10px;
    color: #212121;
}

.modulo-informacion .line:after {
    content: '';
    height: 60%;
    width: 1px;
    background: rgba(51, 51, 51, 0.36);
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 0;
}

.modulo-informacion .line.ultimo:after {
    content: '';
    height: 60%;
    width: 1px;
    background: rgba(51, 51, 51, 0.0);
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 0;
}

@media (max-width: 767px){
.modulo-informacion .line:after {
    content: '';
    height: 60%;
    width: 1px;
    background: rgba(51, 51, 51, 0.0);
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 0;
}
}