:root {
  --color-rojo: #CC0001;
  --color-secondary: #474747;
  --height-menu:55px;
  --color-cambio-mapa: #243b7f;
}
.cargado_web h1,
.cargado_web h2,
.cargado_web h3,
.cargado_web h4,
.cargado_web h5,
.cargado_web h6,
.cargado_web p,
.cargado_web span,
.cargado_web a,
.cargado_web button,
.cargado_web{
	color:transparent!important;
}
.cargando{
	width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    background-color: #f2f3f3f5;
}
.slick-prev:before {
  content: '';
}
.slick-next:before {
  content: '';
}
.slick-prev {
    background-image: url("/assets/images/izq_roja.svg");
	background-repeat: no-repeat, repeat;
	background-size: 30px 80px;
    height: 80px;
    width: 30px;
    left: -20px;
    top: 30%;
}
.slick-next {
	background-image: url("/assets/images/der_roja.svg");
	background-repeat: no-repeat, repeat;
	background-size: 30px 80px;
	height: 80px;
	width: 30px;
	right: -20px;
	top: 30%;
}
.slick-prev:hover  {
    background-image: url("/assets/images/izq_negra.svg") !important;
    background-repeat: no-repeat, repeat;
	background-size: 30px 80px;
}
.slick-next:hover {
    background-image: url("/assets/images/der_negra.svg") !important;
    background-repeat: no-repeat, repeat;
	background-size: 30px 80px;
}
.invertido .slick-prev  {
    background-image: url("/assets/images/izq_negra.svg") !important;
}
.invertido .slick-next {
    background-image: url("/assets/images/der_negra.svg") !important;
}
.invertido .slick-prev:hover  {
    background-image: url("/assets/images/izq_roja.svg") !important;
}
.invertido .slick-next:hover {
    background-image: url("/assets/images/der_roja.svg") !important;
}


.color-red{
	color: var(--color-rojo);
}

.color-black{
	color: #000000;
}

.color-white{
	color: #ffffff;
}

.color-secondary{
	color: var(--color-secondary); 
}

.pantalla_completa{
	height: calc(100vh - var(--height-menu)); 
	width: 100%;
}



.contenedor_video{
	background-color: white; 
	height: calc(100vh - var(--height-menu)); 
	width: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.contenedor_texto_video {
	z-index: 2;
	text-align: center;
	position: absolute;
    align-self: center;
}
.video_home{
	width: 100%;
	height: 100%;
	object-fit: cover; 
	z-index: 1;
}
.iconos_video{
	width: 50px;
    display: block;
    margin-left: 10px;
    margin-top: 20px;
}
.contactos_video{
	position: fixed;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	padding-bottom: 15px;
}
.subtitle{
	font-size: 22px;
}

.bold{
	font-weight: 700;
}

.regular{
	font-weight: 400;
}

.title{
	font-size: 50px;
}
.contenedor_video.medio{
	height: calc(50vh - 55px);
}
.doble_ciculo li {
    list-style-type: none;
    list-style-image: url(/assets/images/circulo_rojo_lista.png);
    margin-bottom: 25px;
    font-size: 18px;
}
.a_boton_rojo{
	color: white;
	background-color: var(--color-rojo);
	border-radius: 0px 25px 0px 25px;
    padding: 10px 17px 10px 17px;
    text-decoration: none;
    border: 1px solid var(--color-rojo);
}
.ch .a_boton_rojo.ajuste_p {
	padding: 10px 65px 10px 65px;
}
.a_boton_rojo:hover{
	color: white;
	background-color: black;
	border-color: black;
	
}
.a_boton_rojo:active{
	color: white !important;
	background-color: black !important;
	border-color: black !important;
	
}
.a_boton_rojo.invertido{
	color: white ;
	background-color: black ;
    border-color: black ;
}
.a_boton_rojo.invertido:hover{
	color: white ;
	background-color: var(--color-rojo);
    border: 1px solid var(--color-rojo);
}

.a_boton_rojo.outline{
	color: red;
	background-color: transparent;
	border-radius: 0px 25px 0px 25px;
    padding: 10px 17px 10px 17px;
    text-decoration: none;
    border: 1px var(--color-rojo) solid;
}
.a_boton_rojo.outline:hover{
	color: white;
	background-color: var(--color-rojo);
	
}

 .input_invalid {
    color: var(--color-rojo);
    border-color: var(--color-rojo);
  
}
.input_invalid::placeholder  {
    color: var(--color-rojo);    
}

.navbar-toggler:focus{
	border:0px;
	box-shadow: 0 0 0 0;
}
.linea_2_menu:after{
	margin-left: auto;
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    background: black;
    margin-top: 10px;
    transform: rotate(45deg);
    transform-origin: 80% 50%;
    transition: all 0.5s;
   
}
.linea_1_menu:after {
	margin: auto;
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    background: black;
    margin-top: 10px; 
    transform: rotate(-45deg);
    transform-origin: 58% -50%;
    transition: all 0.5s;
   
}
.navbar-toggler.collapsed .linea_1_menu:after {
	margin: auto;
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    background: black;
    margin-top: 10px; 
    transform: rotate(0deg);
     
}
.navbar-toggler.collapsed .linea_2_menu:after {
	margin-left: auto;
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    background: black;
    margin-top: 10px; 
    transform: rotate(0deg);
     
}




.borde_footer{
	border-bottom: 1px white solid;
}
.borde_bottom_gris{
	border-bottom: 1px var(--color-secondary) solid;
}

.contenedor_footer{
	
	background-image: url("/assets/images/footer.jpg");
	background-repeat: no-repeat, repeat;
	background-color: #cccccc;
	background-size: cover;
/*	min-height: 500px;*/
    color: white;
}
.circulo_rojo{
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background-color: var(--color-rojo);
	display: inline-block;
	margin-right: 10px;
}
.lista_footer  {
  font-size: 18px;
  margin-bottom: 0px;
  list-style: none;
}

.raya:after {
	margin: auto;
    content: '';
    display: block;
    width: 50px;
    height: 7px;
    background: var(--color-rojo);
    border-radius: 0px 15px 0px 15px;
    margin-top: 10px;
    
}
.raya.izq:after {
	margin: 0px;    
}

.icono_redes_rojo .icono_facebook circle{
	fill:var(--color-rojo);
}

.icono_redes_rojo .icono_whatsapp{
	fill:var(--color-rojo);
}
.icono_redes_rojo .icono_wechat{
	fill:var(--color-rojo);
}


.icono_redes_rojo:hover .icono_facebook circle{
	fill:white;
}

.icono_redes_rojo:hover .icono_whatsapp{
	fill:white;
}
.icono_redes_rojo:hover .icono_wechat{
	fill:white;
}


body{
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

p{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
}


/***********codigo rico alert******************/
nav .iconos_soporte{
	width: 66px;
}
nav .botones_menu{
	  position: absolute;
    bottom: 0px;
    border-top: 2px solid white;
    width: 100%;
    margin: 0;
    padding: 18px 16px;
    background-color: black;
}

nav #botton_menu{
	  position: absolute;
    content: "";
/*    transform: rotateX(180deg);*/
    border-top: .9em solid #ffffff;
    border-right: .9em solid #00000000;
    border-bottom: 0;
    border-left: .9em solid #d5292900;
    padding: 0px;
    top: 0px;
    left: 48%;
    right: 48%;
}
.navbar{
	background-color: white;
}
nav .nav-link{
	text-decoration: none;
	color : white;
	font-size:  30px;
}
nav .nav-item{
	
	margin-bottom: 15px;
	text-align: center;
}



nav .dropdown-toggle {
    width: 90px;
}
nav .dropdown-toggle::after {
    display: inline-block;
    margin-left: -0.8em;
    vertical-align: 0.155em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

nav .dropdown-menu{ max-width: 70px; min-width: 70px;}
nav .dropdown-item{
	text-align: center;
	width: 60px;
	max-width: 70px;
	padding: 0px;
}

.navbar-collapse.show .navbar-nav{
	padding-top:30px ;
	background-color: transparent; /*#000000db;*/ 
}
nav .item_nav::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--color-rojo);
    transition: width .3s;
	}

@media (max-width: 575.98px) {
	
}
@media (max-width: 992px) {
	nav .navbar-brand{
		padding-left: 10px;
	}
	nav .navbar-toggler{
		margin-right: 10px;
	}
		nav .container-fluid{
			padding: 0px !important;
		}
		nav .dropdown-menu {
		   margin: auto;
		}
	nav .nav-item.dropdown{
		display:  none;
	}
}

@media (min-width: 576px) {
	.title{
		font-size: 60px;
	}
}

@media (min-width: 768px) {
		.slick-prev {
		  background-size: 50px 100px;
		  height: 112px;
		    width: 50px;
		    left: -39px;
		    top: 35%;
		}
		.slick-next {
			background-size: 50px 100px;
		    height: 112px;
		    width: 50px;
		    right: -39px;
		     top: 35%;
		    
		}
		.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
			background-size: 50px 100px;
		}

}

@media (max-width: 1023px) {
	nav .item_nav:hover::after {
	    width: 150px;
	    margin: auto;
	    
	}
	nav .item_nav.active::after {
	    width: 150px;
	    margin: auto;
	    
	}
	
	.contenedor_texto_footer{
		font-size: 15px ;
	}
	.copyright{
		font-size: 16px;
	}
	.borde_footer_movil{
	border-bottom: 1px white solid;
}
		.collapse.show {
 	height: calc(100vh - 56px);
 	background-color: #000000db;
 	position: absolute;
 	left: 0px;
    right: 0px;
    top: 56px;
  display: initial;
}
.collapsing {
  display: none;
}	
}



@media (min-width: 1024px) {
	nav .item_nav:hover::after {
	    width: 100%;
	    //transition: width .3s;
	}
	nav .item_nav.active::after {
	    width: 100%;
	    //transition: width .3s;
	}
.slick-prev {
    top: 30%;
}
.slick-next {
     top: 30%;
    
}
	.navbar-collapse.show .navbar-nav {
     padding-top: 0px; 
 
}
	nav .nav-item {
   margin-bottom: 0px;
   margin-right: 20px;
}
	nav .nav-link{
	color : black;
}
	nav .navbar-brand{
		width: 30vw;
	}
	nav .navbar-brand img{
		width: 100%;
	}
	nav .nav-link{
		font-size:  18px;
	}
	
}
@media (min-width: 1200px) {
	
	



	nav .navbar-brand{
		width: 40vw;
	}
	nav .navbar-brand img{
		width: 260px;
	}
	
	nav .nav-link{
		font-size:  20px;

	}
	
}

/**********************************************/

body{
	overflow-x: hidden;
}





