/*  Estilos navbar*/
.top-bar{
  padding-top: 0.3rem !important;
  padding-bottom: 2rem !important;
}

.icon-top-bottom{
  font-size: 2rem !important;
  padding: 0 1rem 0 1rem !important;
}

/* estilo head portada compu*/
.portada-general{
margin: 5vh 0 0 0 !important;
}
.texto-portada{
  padding: 10vh 1vh 0 0 !important;
}
.foto-portada{
  padding: 5vh 1vh 0 0 !important;
}

/* estilo head portada responsive*/
.portada-general-r{
margin: 1vh 0 0 0 !important;
font-size: 1rem !important;
}
.texto-portada-r{
  padding: 10vh 1vh 0 1vh !important;

}
.texto-portada-r-l h1{
  font-size: 2rem!important;
}
.texto-portada-r-l h3{
  font-size: 1.25rem!important;
}
.texto-portada-r-l p {
  font-size: 1rem!important;
}
.foto-portada-r{
  padding: 5vh 0 0 0 !important;
  width: 85%;
}
/*  media queries*/
@media only screen and (max-width: 750px) {
.oculto-responsive {
	display: none !important;
 }
}
@media only screen and (min-width: 750px) {
.oculto-compu {
	display: none !important;
 }
}
/*  seccion servicos*/

.titulo-servicios{
  padding: 0 0 6vh 0;
}
/*  Respuestas*/
.seccion-respuestas{
  background-color: #eeeded;
  padding-bottom: 10vh;
}
.posts-servicios{
background-color: white !important;
}

.head-servivios{
  margin: 5vh 0 0 0;
  background-color: #f8f8f8 !important;
}
.titulos-servicios{
  margin: 0 0 0 0;
}
.fotos-servicios{
  margin: 0 0 0 0;
}

.respuestas{
  padding: 12vh 0 0 0;
}
.respuestas_final{
  padding: 12vh 0 0 0;
}

/*  Formulario modular*/
.transparente{
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;

}

/*  Seccion servicio index */
.service-box .service{
  border-radius: 5px 5px 5px 5px !important;
  box-shadow: 0 10px 20px #bebcbc !important;
  box-sizing: content-box !important;
}
.invisibles{
  visibility: hidden;
}
/* seccion informacion index */
.imagen-informacion{
  border-radius: 5px 5px 5px 5px !important;
  box-shadow: 0 20px 40px #bebcbc !important;
  box-sizing: content-box !important;
}

.card-header-propio {
    padding:2vh 0 2vh 0;
    background-color: #0188d1;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 15px 30px #bebcbc !important;
    box-sizing: content-box !important;

}
/*  seccion contactos index*/
.form-contact{
  padding: 5vh 0 5vh 0;
}
.image-contact{
  height: 200%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}


/*  Botones de contactos*/
.bonton-estilo{
  box-shadow: 0 10px 20px #bebcbc !important;
  margin-top: 1rem;
  margin:1.2vh 0 1.2vh 0
}
.bonton-estilo-1{
  box-shadow: 0 10px 20px #a9a9a9 !important;
  margin-top: 1rem;
}
.bonton-estilo-2{
  box-shadow: 0 10px 20px #292929 !important;
  margin: 1rem;
}

.bonton-estilo-3{
  box-shadow: 0 10px 20px #a9a9a9 !important;
  margin: 0.6rem;
}
.bonton-estilo-4{
  box-shadow: 0 10px 20px #000000 !important;
  margin: 0.6rem;
}
/* seccion servicios landing */
#breadcrumbs {
    height: 30rem;
}
.card-header-propio-landing {
    padding:1vh 0 1vh 0;
    background-color: #0188d1;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 10px 20px #bebcbc !important;
    box-sizing: content-box !important;

}
/*  seccion footer*/
.icon-footer-bottom{
  color: rgba(255, 255, 255, 0.3);
  font-size: 2rem !important;
  padding: 0 1rem 0 1rem !important;
  transition: all .2s linear;
}

.contact-widget .social-box div {
    width: 30px;
    height: 30px;
    border: none !important;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}