/* - - - - - - - - - - - - - - - 
CSS para pantallas medianas (Tablets)
Ultima modificación por:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
/* ------------------------HEADER------------------------------ */
header{
    width: 0;
    height: 0;
    padding: 0;
}
#logoResp{
    display: flex;
    justify-content: center;
    padding-top: 40px;
    position: relative;
    z-index: 4;
}
.nav-header{
    display: none;
}
.btn_contacto{
    display: none;
}
#menuToggle
{
  display: block;
  position: relative;
  top: -65px;
  left: 58px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: #9F8137;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #000;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ #s1
{
  opacity: 1;
  transform: rotate(45deg) translate(1px, -1px);
  background: #232323;
}

#menuToggle input:checked ~ #s3
{
    transform: rotate(-45deg) translate(0, -1px);
}

#menuToggle input:checked ~ #s2
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menu
{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 26px;
  width: 90vw;
  background: #F4F9FF;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  box-shadow: 2px 2px 50px 3px rgb(154 150 150);
}

#menu a
{
  padding: 20px 0;
  font-size: 22px;
}
#menu :nth-child(1){
    padding: 10px 0;
}

#menuToggle input:checked ~ #menu
{
  transform: none;
}
.form-menu-r {
  display: block !important;
  height: 13%;
  top: 40px;
  background-image: url(../../_images/_svg/fmenu.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  margin: auto;
  position: absolute;
  z-index: 3;
}
/* ------------------------INICIO------------------------------ */

.ct-i p {
    font-size: 1.1em;
}
#align-mx {
    flex-direction: column;
}
#align-mx img{
    margin-top: 50px;
}
#t_inicio h1 {
  margin-top: -100px;
}
#t_inicio {
  height: 550px;
}
#v_inicio{
  display: none;
}
#f_inicio{
	background-image: url(../../_images/fondo_in2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.logos {
  width: 50%;
}
/* ------------------------VALORES------------------------------ */

#fondo-valores h1 {
  font-size: 3.5em;
}
#fondo-valores {
    height: 90vh;
}
.ct-val {
    padding-top: 85vh;
}
.mis-vis {
    flex-direction: column;
    align-items: center;
}
.pleca {
    width: 85%;
    margin-bottom: 50px;
}
/* ------------------------SERVICIOS------------------------------ */

.gal {
    flex-direction: column;
    align-items: center;
}
.img-gal {
    width: 100%;
}
.txt-gal {
    width: 80%;
    text-align: center;
    padding-top: 25px;
}
#slider-serv>.owl-nav {
    width: 90%;
    top: 25%;
}
/* ------------------------CERTIFICACIONES------------------------------ */

.sec-cert h2 {
    width: 90%;
}
.logos_cert img {
    width: 30%;
}
/* ------------------------ CONTACTO ------------------------------ */

.btn_ct {
  width: 25%;
}
.btns {
  width: 95%;
}
.forms {
  width: 80%;
}
#pleca-info {
  width: 80%;
}
/* ----------------- */
.mail-ok h1 {
  margin: 10px;
}
#txt-cok{
  font-size: 3.5em;
}
/* ------------------------FOOTER------------------------------ */

.align-footer {
    flex-direction: column;
    align-items: center;
}
#ct-footer{
    text-align: center;
}
.logof {
    margin-bottom: 0px;
}
#infof{
  text-align: center;
}