body,html{font-family: 'Montserrat', sans-serif; letter-spacing: 1px;background-color:#fff }a:active,a:hover,a:link,a:visited{text-decoration:none }.space0{margin-top:5px;margin-bottom:5px }.space1{margin-top:10px;margin-bottom:10px }.space2{margin-top:20px;margin-bottom:20px }.space3{margin-top:30px;margin-bottom:30px }.space4{margin-top:40px;margin-bottom:40px }.space5{margin-top:50px;margin-bottom:50px }.space6{margin-top:60px;margin-bottom:60px }.space7{margin-top:70px;margin-bottom:70px }.space8{margin-top:80px;margin-bottom:80px }.space9{margin-top:90px;margin-bottom:90px }.space10{margin-top:100px;margin-bottom:100px }.no-padding{margin:0;padding:0 }
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.encabezado{
  background-color: #682145;
}
.contenedorx{
    margin: 0px auto;
    max-width: 1300px;
    padding: 0px 20px;
}
.menu ul{
  text-decoration-color:white;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  color: white;
  margin-top: 13%;
}
.logo{
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.tamaño-logo{
  width: 350px;
  padding-top: 2.5em;
}
.encabezado{
  padding-bottom: 5%;
}

.subtitulo-encabezado2 h1{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 5em;
}
.titulo_uno h3{
  font-family: 'Roboto Condensed', sans-serif;
  color: #682145;
  font-size: 3.4em;
  text-align: center;
  padding-bottom: 2%;
}
.contenido_uno p{
  color: black;
  text-align: center;
  font-size: 1.8em;
}
.contenido_uno h2{
  font-family: 'Roboto Condensed', sans-serif;
  color: #682145;
  font-size: 2.5em;
  text-align: center;
  padding-bottom: 2%;
}
.boton{
  text-align: center;
}
.boton_cu{
  background-color: #682145;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2em;
  width: 260px;
  height: 60px;
  border-radius: 30px;
}
.spacegal{
  margin: 50px;
}
.boda1{
  background: url(../image/png/boda_01.png);
  height: 100%;
}
.zoomimg{
    transition: transform .2s; /* Animation */
    transition: all 0.2s ease;

}
.zoomimg:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.galeria{
    width: 100%;
}
.posicion-logo-inferior{
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.logo-inferior{
width: 15%;
padding-top: 5%;
}
.contactanos{
  justify-content: center;
  color: white;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 3%;
}
.contactanos h3{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 5em;
}
.contactanos p{
  font-size: 2.5em;
}
.seccion-formulario{
  justify-content: center;
  color: white;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
}
.seccion-formulario h3{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3em;
}
.banner_inferior{
  background: url(../image/png/banner-inferior.png)no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.caja-formulario{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 5%;
}
.contenido-formulario{
 display: flex;
 justify-content: center;
}
.contenido-formulario input{
  padding: 8% 30%;
  border-radius: 3em;
  font-size: 1.6em;
  border-style:none;
}
::placeholder{
  text-align: center;
  font-size: 1.8;
  color:#682145;
}
.campoform{
    padding: 20px;
    width: 100%;
    background-color: #fff;
    border-radius: 50px;
    border: none;
}
.boton{
  padding-bottom: 15%;
}
.boton button{
  padding: .5% 6%;
  border-radius: 2em;
  font-family: 'Roboto Condensed', sans-serif;
  background-color: #682145;
  color: white;
  font-size: 2.5em;
  border-style: none;
}
.pie-pagina{
  background-color: white;
}
.logo-color{
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.logo-color img{
width: 15%;
padding-top: 5%;
padding-bottom: 2%;
}
.redes{
  display:flex;
  justify-content: center;
  padding-bottom: 2%;
}
.face{
  text-align: center;
  width: 5%;
}
.insta{
  text-align: center;
  width: 5%;
}
.yout{
  text-align: center;
  width: 5%;
}
.contenedor{
  display:inline;
  padding-top: 1.5%;
  font-size: 1.5em;
}
.info-pie-art{
  text-align: right;
  text-decoration: none;
  color: #682145;
}
.info-pie-ili a{
  text-align: left;
  text-decoration: none;
  color: #682145;
}
.rayita-pie{
  text-align: center;
  color: #682145;
}
/*****nosotros*********/
.nosotros p{
  text-align: center;
  font-size: 1.8em;
  padding-top: 10%;
  padding-bottom: 10%;
}
.nosotros-info h1{
  text-align: center;
  color: #682145;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3em;
}
.nosotros-info p{
font-size: 1.8em;
text-align: center;
}
.nosotros-info img{
  display:flex;
  flex-direction: row;
}
.numero-nosotros{
  text-align: center;
  justify-content: center;
  height: 50px;
  padding-top: 20%;
}

/******servicios********/
.caja-servicios{
  padding-top: 5%;
}
.contenido-servicios h2{
  color: #662D91;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 7em;
}
.contenido-servicios p{
  font-size: 2em;
  text-align: left;
}
.slide-carrusel{
  padding: 3em;
}
.cajita-whats{
  display: flex;
  flex-direction: row;
  justify-content: right;
}
.logo-morado-whats{
  width: 60px;
  padding-top: 15%;
}
.telefono p{
text-align: left;
}

/*******portafolio*******/



/********blog*********/

.cajablog h2{
  font-family: 'Roboto Condensed', sans-serif;
  color: #682145;
  font-size: 1.8em;
}
.cajablog p{
  font-size: 1em;
}

/*******contacto*********/
.contacto{
  background: url(../image/png/fondo_contacto.png)no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
}
.titulo h4{
  color: #F9FFC7;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12em;
  padding-top: 20%;
  padding-left: 10%;
}
.logo-contacto{
  width: 350px;
  margin-top: 5%;
}
.red-cont{
  display:flex;
  justify-content: center;
  padding-top: 30%;
  padding-bottom: 5%;
  padding-right: 5%;
}
.redes-contacto{
  width: 100px;
  padding-bottom: 500%;
}


/************* VENTANAS **************************/
.alcentro{
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #5d2474;
    cursor: pointer;
}
/*************************************************/

.bg-video-wrap {
  
  overflow: hidden;
  width: 100%;
  height: 85vh;
  background: url(../videos/cover.png) no-repeat center center/cover;
}
.bg-video-wrap1 {
  
  overflow: hidden;
  width: 100%;
  height: 60vh;
  background: url(../videos/cover.png) no-repeat center center/cover;
}
.bg-video-wrap2 {
  
  overflow: hidden;
  width: 100%;
  height: 60vh;
  background: url(../image/png/fondo_contacto.png) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.overlay {
  width: 100%;
  height: 85vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;
  z-index: 2;
}
.overlay2 {
  width: 100%;
  height: 60vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;
  z-index: 2;
}
.navbarx ul li a{
    color: #fff;
    font-weight: bold;
}

.subtitulo-encabezado{
    position: absolute;
    z-index:3;
    width: 100%;
    text-align: center;
}
.subtitulo-encabezado2{
    position: absolute;
    z-index:3;
    width: 100%;
    height: 60vh;
    text-align: center;
}


.botonserv{
    max-width: 300px;
    margin: 0px auto;
}
.botonserv a{
    display: block;
    background-color:#682145;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.5em;
    font-family: 'Roboto Condensed', sans-serif;
}

.bgtestim{
  background-color: #f0f0f0;
}

.campostyle{
  width: 100%;
  border: none;
  background-color: #fff;
  color: #5d2474;
  padding: 10px;
  border-radius: 20px;
  text-align: left;
}
.ncampo{
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
}
::placeholder {
  text-align: left;
}

.servicioscheck{
  border-radius: 20px;
  border: 2px solid #Fff;
  padding: 10px;
}

.botonenviar{
  width: 250px;
  margin: 0px auto;
}
.botonenviar-contacto{
  width: 250px;
  margin: 0px auto;
  margin-bottom: 5%;
}
.botonhome{
  background-color: #fff;
  color: #5d2474;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  padding: 10px;
  border-radius: 10px;
  border: none;
}