/* Nosotros Header */
#serviciosHeader {
  width: 100%;
  height: 70%;
  padding: 0 0 0 0;
  position: relative;
  overflow: hidden;
}
.item {
  width: 100%;
  height: 70vh;
  position: relative;
  padding: 0 0 0 0;
}

.bannerBG {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#dotsServicios {
  width: 100%;
  height: 60px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  margin: auto;
  z-index: 2;
}

#carouselServicios li {
  display: inline-block;
  margin: 0 15px 0 0;
  cursor: pointer;
}

.owl-Servicios {
  width: 12px;
  height: 12px;
  background: #ffffff;
  background-color: #ffffff;
  border-radius: 100%;
  transition: all .3s ease;
}

.owl-Servicios:hover, .owl-Servicios:focus, .owl-Servicios:active{
  background: #811524;
  background-color: #811524;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
}

.owl-Servicios.active {
  background: #811524;
  background-color: #811524;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
}

.item-caption {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: LEFT;
  padding: 0 0px 0 40PX;
  z-index: 3;
}

.item-caption h1 {
  font-family: 'Circular Std';
  font-weight: 500;
  font-style: normal;
  font-size: 55px;
  color: #ffffff;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.item-caption p {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  color: #ffffff;
  transition: all .3s ease;
}

#serviciosHeader .owl-item.active h1 {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDownBig;
  animation-delay: 0.7s;
}

#serviciosHeader .owl-item.active p {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 1s;
}
/*  */

/* Intro */
#intro_servicios {
  width: 100%;
  height: auto;
  padding: 35px 0 0 0;
  position: relative;
  overflow: hidden;
  background-color:#000;
  margin-bottom:0px;
}

.introServicios {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: left;
}

.introServicios p {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #6b6868;
}
/*  */

/* Servicios */
#servicios {
  width: 100%;
  height: auto;
  padding: 0 6% 60px 6%;
  position: relative;
  overflow: hidden;
}

.servicioMain {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  position: relative;
}

.instalacion::before {
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;
  top: 8px;
  left: 240px;
  background-image: url('../../img/servicios/machinery-instalacion-capacitacion.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}


.telefono::before {
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;
  top: 8px;
  left: 240px;
  background-image: url('../../img/servicios/machinery-asesoramiento-telefonico.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.ingeniero {
  padding: 80px 0 0 0;
}

.ingeniero::before {
  content: "";
  width: 45px;
  height: 55px;
  position: absolute;
  top: 18px;
  left: 240px;
  /*background-image: url('../../img/servicios/machinery-ingenieros.png');*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.introSubtitle {
    width: 100%;
    height: auto;
    padding: 0 0 35px 0;
    text-align: center;
    position: relative;
    transition: all .3s ease;
    display: block;
    float: left;
}
.medalla {
  padding: 80px 0 0 0;
}

.medalla::before {
  content: "";
  width: 79px;
  height: 59px;
  position: absolute;
  top: 18px;
  left: 240px;
  background-image: url('../../img/servicios/machinery-garantia.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.fotos::before {
  content: "";
  width: 79px;
  height: 59px;
  position: absolute;
  top: 18px;
  left: 240px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.servicioMain h1 {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  color: #144870;
  text-align: right;
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
}

.servicioMain p {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  text-align: left;
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
}

.servicioFooter {
  width: 100%;
  height: auto;
  padding: 17px 25px 33px 33px;
  text-align: center;
}

#servicios .btnService {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 19px;
  color: #ffffff;
  text-transform: uppercase;
  background: #750514;
  background-color: #750514;
  padding: 10px 30px 10px 30px;
  transition: all .3s ease;
}

#intro_servicios .btnService {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  background: #750514;
  background-color: #444;
  padding: 10px 30px 10px 30px;
  transition: all .3s ease;
  margin-right:20px;
}
.img_eservice {
  display: block;
  margin: 0 auto;
  height:auto;
  width:30%;
  padding:2% 0 2% 0;
}
#servicios .btnService:hover, #servicios .btnService:active, #servicios .btnService:focus {
  background: #484848;
  background-color: #484848;
}

.Rostros{
    max-width:100%;
    margin: 0 0 0 0;
    padding:0 0 0 0;
}

/*  */

/* Historia */
#historia {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  background-color: #f4f4f4;
  padding: 5px 0 15px 0;
  overflow: hidden;
  position: relative;
}

.historiaIntro {
  width: 100%;
  height: auto;
  padding: 0 10% 0 10%;
}

.historiaInfo {
  width: 100%;
  height: auto;
  padding: 0 0 0 24%;
  text-align: left;
}

.historiaInfo p {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  color: #6b6868;
  padding: 0 0 33px 0;
  margin: 0 0 0 0;
}

.historiaInfo p:nth-child(2) {
  padding: 0 0 0 0;
}

.historiaInfo p span {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: italic;
  color: #144870;
}

.historiaInfo ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.historiaInfo ul li {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  color: #6b6868;
  line-height: 40px;
}

.historiaImg {
  width: 80%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 0 0 0;
  line-height: 0;
}

.historiaImg::before {
  content: "";
  width: 375px;
  height: 200px;
  background-image: url('../../img/servicios/machinery-historia-lineas.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: -15px;
  left: -20px;
}

.historiaImg::after {
  content: "";
  width: 275px;
  height: 85px;
  background-image: url('../../img/servicios/machinery-historia-tornillo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  bottom: -55px;
  right: -50px;
}

.historiaImg img {
  position: relative;
}

.postVentaMain {
  width: 100%;
  height: auto;
  padding: 3% 0 0 0;
  position: relative;
}

.postLeft {
  width: 45%;
  height: auto;
  float: left;
  padding: 0 2% 1.5% 0;
  line-height: 0;
  text-align: right;
}

.postLeft img {
  max-width: 80%;
  height: auto;
}

.postRight {
  width: 50%;
  height: auto;
  float: left;
  padding: 0% 3% 0 3%;
  text-align: left;
}

.postRight h1 {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 38px;
  color: #abaaaa;
}

.postRight ul {
  padding: 33px 0 0 0;
  margin: 0 0 0 0;
}

.postRight ul li {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  color: #6b6868;
  line-height: 33px;
}
.doble {
	width: 50%;
margin: 0 auto;
float: left;
padding: 0 0 0 20%;
}
.doble2 {
	width: 50%;
margin: 0 auto;
float: left;
padding: 0 0 0 5%;
}
.doble_text {
    color: #fff;
    text-align: left;
    float:left;
}
.eservice {
width: 100%;
height: auto;
padding: 1% 10% 0 10%;
position: flex;
}
.btn_eservice {
width: 100%;
height: auto;
text-align: center;
padding: 2% 0% 3% 0%;
float: left;
}


/* SITIO EMPLEOS  */ 

.vacantes {
width: 100%;
height: auto;
padding: 15% 6% 5% 6%;
}

.vacantes2 {
width: 100%;
height: auto;
padding: 1% 6% 50px 6%;
margin:9% 0 15px 0;
}

.prestaciones {
width: 100%;
height: auto;
padding: 2% 10% 0 15%;
position: flex;
}

.htmltitulo {
color:#abaaaa;
font-size:60px;
line-height: 60px;
font-weight:bold;
text-align:center;
}
.T{
    margin:0 0 5px 0;
}


.colapsable {
  background-color: #484848;
  color: white;
  cursor: pointer;
  padding: 15px 25px;
  width: 100%;
  border: 1px solid #fff;
  text-align: left;
  outline: none;
  font-size: 25px;
  margin-top: 20px;
}

.active, .colapsable:hover {
  background-color: #750514;
}

.content {
  padding: 0 42px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.colapsable:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 25px;
  color: white;
  float: right;
  margin-left: 5px;
  background-color:white;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.button:focus {
    outline:none;
    background-color: #750514;
}

.subtitle{
    margin: 10px 0 -15px -20px;
    font-size: medium;
    font-weight: 600;
}

/* QUEJAS Y SUGUERENCIAS  */


.sugerencias {
  color:#5A5858;
  font-size:30px;
  line-height:35px;
  text-align:center;
  font-weight:bold;
}
.botonesInfo {
  width: 100%;
  height: auto;
  padding: 0;
  text-align: center;
  position: relative;
}
.formularioTitle {
  width: 100%;
  height: auto;
  padding: 0 0 35px 0;
  text-align: left;
}

.formularioTitle h1 {
  font-size: 40px;
  font-family: 'Circular Std';
  font-weight: 900;
  font-style: normal;
  color: #484848;
}
.w3-animate-opacity {
    animation:opac 1.5s
    
}
@keyframes opac{
    from{opacity:0} to{opacity:1}
}
.btn-sugerencias {
  height: 70px;
  line-height: 54px;
  font-size: 20px;
  padding: 8px 45px;
}



/*   Página Aviso  */

#IntroTerminos{
    padding: 40px;
}

.contenido{
    width:100%;
    height:auto;
    padding: 7% 0% 0% 0%;
}

.contactoHead{
    width:100%;
    height:auto;
    text-align: center;
    padding:15px 0 0 0;
}

/*  */
@media screen and (max-width: 650px) {
  .htmltitulo {
  font-size:40px;
}
.btn-sugerencias {
  height: 58px;
line-height: 44px;
font-size: 14px;
padding: 7px 30px;
}
.botonesInfo {
  margin-left: 0%;
}
.sugerencias {
  font-size:20px;
  line-height:30px;
}
}
@media screen and (max-width: 1100px) {
.btn-sugerencias {
  height: 58px;
line-height: 44px;
font-size: 14px;
padding: 7px 25px;
}
.botonesInfo {
  margin-left: 0%;
  margin-top:20pz;
}
.sugerencias {
  font-size:20px;
  line-height:30px;
}