/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/templates/shop-homepage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
*{
	font-family: 'Zilla Slab', serif !important;
	font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Architects Daughter', cursive !important;
}
.h-100vh{
	height: 100vh;
	background-image: url(../images/banner_home.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	border-bottom: 10px solid #AB103E;
}
.fucsia{
	color: #AB103E;
}
.bg-fucsia{
	background-color: #AB103E;
}
.marron{
	color: #B48B6B;
}
.bg-marron{
	background-color: #B48B6B;
}
.blanco{
	color: #FFF;
}
.bg-blanco{
	background-color: #FFF;
}
.gris{
	color: #727176;
}

.black{
	color: #000;
}

.navbar-nav .nav-link{
	color: #AB103E;
	min-width: 75px;
    text-align: center;
    }
.nav-link:after{
    content: '';
    position: relative;
    bottom: 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    height: 13px;
    left: 0px;
    display: block;
    background-image: url(../images/menu_hover.png);
    opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}


.active .nav-link:after, .nav-link:hover:after{
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
}


.a-home IMG{
	max-height: 8vh;
}
.bg-blanco-transparente{
	background-color: rgba(255,255,255,0.75);
}

.colaboradores h3{
	color: #727176;
	font-weight: 200 !important;
}
.div-home{
	color: #FFF;
	padding-bottom: 10vh;
	line-height: 1.5em;
}
.boton-home{
	background-color: rgba(255,255,255,0.5);
	border:3px solid #FFF;
	color: #FFF; 
	transition-property: width, height;
	transition: 0.5s linear;
	padding: 8px 15px;
	font-weight: bold;
}
.boton-home:hover{
	color: #AB103E;
	border-color: #AB103E;
}
.bg-fucsia-translucido{
	background-color: #F2DBE2;
}
.maq1 IMG{
	float: right;
	max-width: 70%;
	box-shadow: -5vw 5vw 0px #F2DBE2;
	margin-bottom: 7vw;
}
.maq2 IMG{
	float: left;
	max-width: 90%;
	box-shadow: 5vw 5vw 0px #F2DBE2;
	margin-bottom: 7vw;	
}
.maq2 .div2{
	margin-top: 5vw;
}
.maq2 h1{
	padding-left: 90px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/fili_rosa_vertical.png);
    background-size: contain;
}

.maq3 .carousel-indicators li{
	background-color: #B48B6B;
}
.maq3 .carousel-control-prev, .maq4 .carousel-control-next{
	display: none;
}
.maq3 .carousel{
	padding: 20px 40px 20px 0px; 
	border: 10px solid #B48B6B;
	border-left: 0px;
}
.maq3 .carousel-indicators{
	bottom: -20px;
}
.triangulo{
	border: 20px solid #B48B6B;
	width: 100%;
	height: 20px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.maq4 .dimg{
	float: right;
    position:relative;
    width: 80%;
    margin-bottom: 6vw;
}

.dimg IMG{
	z-index: 11;
	max-width: 100%;
}
.dimg:after{
	background: url(../images/img3.png);
	background-size: contain;
	z-index: 20;
	width: 100%;
	content: '';
    position:absolute;
    top:0;
    bottom:0;
    left:0;	
}
.dimg:before{
	z-index: 10;
	width: 100%;
	content: '';
	border: 10px solid #F2DBE2;
    position:absolute;
    top:3vw;
    bottom:-3vw;
    left:-3vw;
 }
 .servicio{
 	border-radius: 20px;
 	background-color: #FFF;
 }
 .servicio img{
 	max-width: 50%;
 	margin: 0px auto;
 }
 .servicio h4{
 	color: #D49500;
 	text-align: center;
 	transition: color 0.5s linear;
 }
 .servicio{
 	transition: background-color 0.5s linear;
 	cursor: pointer !important;
 }
 .servicio:hover{
 	background-color: #F8F6CD;
 }
 .servicio:hover h4{
 	color: #3F9317;
 }
 .servicio h4{
 	padding-bottom: 80px;
 }
 .servicio .a_span{
 	transition: opacity 0.5s linear;
 	opacity: 1;
 	background-color: #3F9317;
 	color: #FFF;
 	font-size: 0.8em;
 	display: block;
 	padding: 5px 8px;
 	border-radius: 10px;
 	width: 50%;
 	margin-left: 25%;
 	margin-top: 15px;
 	text-align: center;
 }

 a:hover{
 	color: #3F9317 !important;
 	text-decoration: none !important;
 }

 .fa{
 	font: normal normal normal 14px/1 FontAwesome !important;
 }
 .serviciocita{
 	border-radius: 5px;
 }
 .serviciocita .fa{
 	font-size: 4em !important;
 	color: #3EA321;
 	transition: color 1s linear;
 }
 .serviciocita h5{
 	font-weight: bold;
 	color: #3EA321;
 	transition: color 1s linear;
 	font-size: 1.3em;
 }
 .serviciocita:hover h5, .serviciocita:hover .fa{
 	color: #E92124;
 }
 .vermas_rojo{
 	background-color: #E92124;
 	color: #FFF !important;
 	padding: 5px 15px;
 	border-radius: 5px;
 	display: block;
 	margin: 10px 0px;
 	width: fit-content;
 	text-align: center;
 	transition: background-color 1s linear;
 	transition: color 1s linear;
 	cursor: pointer;
 }
 .serviciocita img{
 	max-width: 80% !important;
 } 
  .serviciocita:hover .vermas_rojo{
 	color: #E92124 !important;
 	background-color: #FFF !important;

  }
  .main-nav__list-link{
  	font-weight: bold;
  	transition: color 0.5s linear;
  }
  .main-nav__list-link:hover, .main-nav__list-link.activo{
  	opacity: 1 !important;
  	color: #3F9317;
  }

  .verde{
  	color: #3F9317;
  }

.boton-lorena{
	color: rgb(255, 255, 255); background-color: rgb(63, 147, 23); padding: 5px 10px; border: none; border-radius: 10px; visibility: visible;
	transition: background-color 0.5s linear !important;
	transition: color 0.5s linear;
}
.boton-lorena:hover{
	color: #FFF;
	background-color: #FEBD59;
}

.boton-lorena.primary-btn2{
	color: #FFF !important;
	background-color: #FEBD59 !important;

}

.bigger{
	font-size: 1.5em;
}

.row-registro input, .row-registro textarea{
	background-color: #FFF;
}
.row-registro p{
	margin-top: 1.65em;
	margin-bottom: 0px;
}

.formulario input{
	margin-bottom:1.25em;
	padding: 3px 5px;
	background-color: #FFF !important;
	border-radius: 10px;
	border:1px solid #3F9317;
}
@media only screen and (max-width: 600px) {
	.h-100{
		height: inherit !important;
	}
	.ocultar_movil{
		display: none;
	}
	.texto-home{
		font-size: 1em !important;
	}
}