*{
	font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
}

input {
  border-radius: 0;
  -webkit-appearance: none;
}

.input-group input{
  border-radius: 0;
  -webkit-appearance: none;
}

#dadsadasadasa{
  margin-top: 30px;
}
.mt-responsive6{
  margin-top: 30px;
}

.bg-customgrey{
	background:rgb(128,128,128);
}

.bg-custombeige{
	background-color: rgb(151,139,93);
}

.bg-customyellow{
	background-color:rgb(255,208,64);
}

.navbar-custom{
  background-color: #FFFF;
}

.text-beige{
	color: rgb(151,139,93);
	text-shadow: 1px 1px 2px black;
}

.fdeafas{
	text-decoration: none;
}

ul#navegacion1{
	list-style: none;
}
ul#navegacion1 li{
	display: inline;
}

.contenedoras{
  margin: auto;
  background-color: white;
  width: 100%;

}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.slider{
  position: relative;
  width: 100%;
  height: 500px;
}

ul.slider li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .5s;
    background:#fff;
}

ul.slider li img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}

ul.slider li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}

ul.slider li:target {
    opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
}

.tel-c a{
  color: #000;
  text-decoration: none;
}

.tel-c a:hover{
  color: #3d3d3d;
  text-decoration: none;
}

.menu{
  text-align: center;
  margin: 20px;
}

.menu li{
  display: inline-block;
  text-align: center;
}

.menu li a{
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: grey;
  padding: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  border-radius: 100%;
}

.capas{
	position: absolute;
	z-index: 0;
}

.textosobreimg{
	display: block;
	position: absolute;
	bottom: 53px;
	z-index: 10;
	width: 100%;
	height: 15%;
	padding:.3em;
}

ul#navegacion2{
  list-style: none;
}
ul#navegacion2 li{
  display: inline;
}

.elmanxd{
  display: none;
}

.bg-parallax{
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}

nav .navbar-nav li a{
  transition:all .5s ease;
 }

nav .navbar-nav li a:hover{
  color: grey !important;
 }

 /*
  Carrera

 */
#parteca3{
  background-color: rgb(255,207,67);
}
.floating-div{
  position: absolute;
  top:685px;
  width: 100%;
  background:rgba(255,207,67,0.8);
}

.text-b{
  text-shadow: 1px 1px black;
}

.align-cs{
  position: absolute;
  top:620px;
  left:80%;
  width: 14%;
}

.bg-adasa{
  background-color: rgb(247,247,247);
}

/*
  Nosotros
*/

.floating-divno{
  position: absolute;
  top:685px;
  width: 100%;
  background:rgba(143,126,82,0.7);
}

.text-nos{
  color: rgb(143,126,82);
}

.imagenesnosotros{
  width: 100%;
  height:230px;
}
.bg-orange{
  background-color: rgb(255,207,67);
}
.shadowing{
  height:13px;
  box-shadow: 0 10px 10px 0 lightgrey;
}

.text-bcon{
  text-shadow: 1px 1px black;
}

.floating-divcon{
  position: absolute;
  top:685px;
  width: 100%;
  background:rgba(151,139,93,0.7);
}
 .responsivebuttonnos{
      width: 25%;
  }

  .floating-media{
    float:right;
  }

  .m-login{
    padding-top: 20px;
  }

  .tamañoca{
    width: 75%;
  }

  #ldowl{
    display: none;
  }

  .mt-responsive5{
    margin-top: 50px;
  }
  .mt-responsive4{
    margin-top: 30px;
  }

  .pb-responsive4{
    padding-bottom: 25px;
  }

  .pt-responsive2{
    padding-top: 5px;
  }

  .responsivebuttonnos-2{
    width: 10%;
  }

  .br-responsive{
    display: none;
  }

 .d-clno{

 }
 .d-clnor{
  display: none;
 }

.bg-culiacan{
  background:linear-gradient(rgb(158,146,92,0.7) 50%,white 50%)!important;
}

.bg-guadalajara{
  background: linear-gradient(rgb(250,209,52) 50%, white 50%)!important;
}
.responsive-widthnovel{
  max-width: 65%;
  height: auto;
}
.bg-aguascalientes{
  background:linear-gradient(rgb(245,208,158) 50% , white 50%)!important;
}
.real1{
  width: 100%;
  height: 50vh;
}

.realy2{
  width: 100% !important;
  height: 80vh;
}

.bg-yellow{
  background: rgb(250,209,62)!important;
}

.gnplogon{
  max-width: 15%;
  height: auto;
}

.gnplogon2{
  width: 200px;
  height: 200px;
}

.responsivpt4{
  display: none;
}

.close-end{
  padding-left:97%;
}
#pop-it{
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000!important;
}
.pop-img{
  height: inherit;
  width: inherit;
   display: flex;
  justify-content: center;
  align-items: center;
}
#pop-it img{
  width: 60vw;
  height: 80vh;
  object-fit: contain;
  top: 50;
  right: 50;
  z-index: 1000!important;
  position: relative;
}
.fade-in{
    opacity: 1 !important;
    animation: FadeIn 5s !important;
}
@keyframes FadeIn{
    from{
        
        opacity: 0;
    }
    to{
       
        opacity:1 !important;
    }
}

/* Bolsa de trabajo */

.container-bolsa{
  max-width: 80%;
  padding-top: 8%;
}

.inside-box{
  padding: 50px;
  border: 0.5rem solid #8f7e52;
}

.inside-box .list-dot li{
  list-style: inside;
}

/* WHATSAPP ICON */
.whatsapp-ico{
  fill: white;
  width: 30px;
  height: 30px;
  padding: 2px;
  background-color: #4dc247;
  border-radius: 50%;
  /* box-shadow: 2px 2px 11px rgba(0,0,0,0.7); */
  margin-right: 10px;
  margin-top: -5px;
}

.whatsapp-ico:hover{
  box-shadow: 2px 2px 11px rgba(0,0,0,0.1);
}

/* RESPONSIVE DESIGN */
@media(max-width:768px){

  .container-bolsa{
    max-width: 95%;
    padding-top: 8%;
  }
  
  .inside-box{
    padding: 15px;
    border: 0.5rem solid #8f7e52;
  }


  .responsiveh{
    font-size: 11px;
  }

  .realy2{
    width: 100% !important;
    height: initial !important;
  }

  .responsivpt4{
    display: block;
  }

  .gnplogon{
    max-width: 60% !important;
    height: auto;
  }
  .real1{
    width: 100%;
    height: initial !important;
  }

  .pt-responsive{
    padding-top: 25px;
    padding-bottom:25px;
  }

  .bg-culiacan{
    background:white !important;
  }
  .bg-guadalajara{
    background:white !important;
  }
  .bg-aguascalientes{
    background:white !important;
  }
  .responsive-widthnovel{
    width: 33% !important;
    height: initial !important;
  }

  .d-clno{
      display: none;
   }
   .d-clnor{
    display: block;
   }

  .br-responsive{
    display: block;
  }

  .margin-fix{
    margin-left: 0;
  }

  .responsivebuttonnos-2{
    width:22%;
  }

  .navbar-custom{
    background-color: #978B5D;
  }

  .dele{
    display:none;
  }

  .mt-responsive5{
    margin-top: 0;
  }
  .mt-responsive4{
    margin-top:0;
  }

  .pb-responsive4{
    padding-bottom:0;
  }

  .pt-responsive2{
    padding-top: 0;
  }

  .responsive-video{
    width: 90%;
    height: 90%;
  }

  .tamañoca{
    width: 100%;
  }

  .m-login{
    padding-top:0;
  }

  nav .navbar{
    background:rgb(151,139,93);;
  }

  .floating-media{
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .mediaxd{
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
    .responsivebuttonnos{
      width: 85%;
    }
    .floating-div{
      position: absolute;
      top:675px;
      width: 100%;
      background:rgba(255,214,97,0.7);
    }
    .floating-divno{
      position: absolute;
      top:675px;
      width: 100%;
      background:rgba(143,126,82,0.7);
    }
    .floating-divca{
      position: absolute;
      top:675px;
      width: 100%;
      background:rgba(143,126,82,0.7);
    }
    .floating-divcon{
      position: absolute;
      top:675px;
      height: 100px;
      width: 100%;
      background:rgba(151,139,93,0.7);
    }
    .text-b{
      text-shadow: 1px 1px black;
    }
    .text-bcon{
       position: absolute;
      bottom:0;
      left:28%;
      text-shadow: 1px 1px black;
    }
    .align-cs{
      position: absolute;
      top:615px;
      left:33%;
      width:35%;
    }
    
    .primernav{
      text-align: center; 
    }
    #letra1{
      font-size: 100%;
    }
    .formularioss{
      display:  none;
    }

    #dadsadasadasa{
      margin-top: 0;
    }

    #form2,#form3{
      display:none;
    }

    .bg-parallax{
      background-attachment: fixed !important;
      background-repeat: no-repeat !important;
      background-position: 55% 10% !important;
  }
  .close-end{
    padding-left:95%;
  }
  #pop-it img{
    width: 90vw;
    height: 100vh;
    object-fit: contain;
    top: 50;
    right: 50;
    z-index: 1000!important;
    position: relative;
  }
}