@font-face {
		  font-family: Montserrat-Medium;
		  src: url('../font/static/Montserrat-Medium.ttf');
		}
		
		@font-face {
		  font-family:Montserrat-Bold;
		  src: url('../font/static/Montserrat-Bold.ttf');
		}
		
		@font-face {
		  font-family:Montserrat-SemiBold;
		  src: url('../font/static/Montserrat-SemiBold.ttf');
		}
		
		@font-face {
		  font-family:Montserrat-Regular;
		  src: url('../font/static/Montserrat-Regular.ttf');
		}

		*{
			padding: 0;
			margin: 0;
			scroll-behavior: smooth;
		}
		
		nav{
			z-index: 3;
			position: fixed;
			top: 0;
			width: 100%;
			height: 120px;
			background: linear-gradient(#000000, rgba(0, 0, 0, .0));
			padding: 0 100px;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: 0.5s;
		}
		
		.logo{
			height: 100px;
			width: 125px;
		}
		
		nav ul{
		    margin: 0;
			padding: 0;
			display: flex;
		}
		
		nav ul li{
			list-style: none;
		}
		
		nav ul li a{
			position: relative;
			color:rgb(250, 250, 250);
			font-size: 1em;
			font-weight: 500;
			text-decoration: none;
			margin-left: 30px;
			transition: 0.3s ease;
			font-family: 'Montserrat-Medium';
			text-decoration: none;
		}

		nav ul li a:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 0;
			height: 2.5px;
			left: 0;
			transition: 0.5s;
			bottom:-10px;
		}

		nav ul li a:hover:before{
		   width: 100%;
		}

		.menu_movil{
		   display: none;
		}
		
		/* ------------------------SECCION parallax ------------------*/
		
		/* ------------------------SECCION 1 ------------------*/
		/* ------------------------SECCION 1 ------------------*/
		/* ------------------------SECCION 1 ------------------*/
		
        .home3{
            position: relative;
			height: 1000px;
			width: 100%;
        }
        
		.home3 .img-slide3{
			position: relative;
			width: 100%;
			display: none;
		}
		
		.img-slide3.active{
			display: block;	
		}
		
		/*---------------------------- puntos de navegacion del slider -----------------------------------------*/

		.slider-navegation{
			z-index: 4;
			position: absolute;
			display: flex;
			margin-bottom: 12px;
			bottom: 90px;
			margin-left: 13%;
		}
		
		.slider-navegation .nav-btn{
			width: 8px;
			height: 8px;
			border-radius: 50%;
			border: 1.5px solid #ffffff;
			cursor: pointer;
			box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
			transition: 0.3s ease;
		}
		
		.slider-navegation .nav-btn.active{
			background:  #ed9600;
			border: 1.5px solid #ed9600;
		}
		
		.slider-navegation .nav-btn:not(:last-child){
			margin-right: 20px;
		}
		
		.slider-navegation .nav-btn:hover{
			transform: scale(1.2);
		}
		
		/*------------------------------------ boton seccion 1 abajo --------------------------------*/
		
		.abajo{
			height: 100px;
			width: 100px;
			position: absolute;
			left: 50%;
			top: 90%;
			transform: translate(-50%,-50%);
			transition: 0.5s;
		}
		
		.abajo .icono_abajo{
			z-index: 6;
			display: block;
			height: 80px;
			width: 80px;
			background: url(../img/iconos/ICONO_ABAJO_FFFFFF.svg);
			background-size: 80px 80px;
		}
		
		.abajo .icono_abajo:hover{
			z-index: 6;
			display: block;
			height: 80px;
			width: 80px;
			background: url(../img/iconos/ICONO_ABAJO_FFFFFF.svg);
			background-size: 80px 80px;
			filter: invert(22%) sepia(47%) saturate(4931%) hue-rotate(4deg) brightness(97%) contrast(101%);
			cursor: pointer;
		}
		
		/* ----------------------- SECCION 2 ----------------------------- */
		/* ----------------------- SECCION 2 ----------------------------- */
		/* ----------------------- SECCION 2 ----------------------------- */
		
		.cont_mez_secc2{
			position: relative;
			height: 750px;
			width: 100%;
			background: #fff;
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		/*-------------------------- Logo seccion 2 ---------------*/

		img.logo2{
			position: absolute;
			height: 220px;
			width: 283;
			z-index: 8;
			top: 100px;
		}
		
		/*-------------------------- Linea seccion 2 ---------------*/
		
		.linea_mez_sec2{
			position: absolute;
			border: 1px solid #ccc;
			top: 440px;
			width: 80%;
			z-index: 9;
		}
		
		/*-------------------------- Titulo seccion 2 ---------------*/
		
		.titulo_mez_secc2{
			position: absolute;
			top: 530px;
			font-family: 'Montserrat-Semibold';
			 font-size: 1.4rem;
		}		
		
		/*-------------------------- Texto seccion 2 ---------------*/

		.texto_mez_secc2{
			position: absolute;
			top: 600px;
			font-family: 'Montserrat-Regular';
			text-align: center;
			font-size: 1rem;
		}
		
		/*-------------------------- SECCION 3 ---------------*/
		/*-------------------------- SECCION 3 ---------------*/
		/*-------------------------- SECCION 3 ---------------*/
		
		.cont_mez_secc3 {
			position: relative;
			height: 1070px;
			width: 100%;
			background: #ffffff;

		}
		
		/* ------------------- IMAGEN SECCION 3 ------------------*/
		.img_mez_sec3{
			position: relative;
			height: 1000px;
			width: 100%;
			object-fit: cover;
		}
		
		/*-------------------------- SECCION 4 ---------------*/
		/*-------------------------- SECCION 4 ---------------*/
		/*-------------------------- SECCION 4 ---------------*/
		
		.cont_mez_secc4{
			position: relative;
			height: 1150px;
			width: 100%;
			background: #ffffff;
		}
		
		.vinculo_mez_secc4{	
			display: flex;
			justify-content: center;
			text-decoration: none;
			border: 1px solid #000;
			width: 200px;
			border-radius: 50px;
			margin: 0px auto;
			text-align: center;
			padding: 10px 0px;
			font-family: 'Montserrat-Regular';
			color: #000;
		}
		
		.divi_mez_secc4{
			width: 80%;
			border: 1px solid #ccc;
			margin: 0 auto;
			margin-top: 70px;
		}
		
		.titulo_mez_secc4{
			width: 350px;
			margin: 60px auto;
			text-align: center;
			padding: 10px 0px;
			font-family: 'Montserrat-SemiBold';
			font-size: 1.4rem;
		}
		
		.conte_mez_secc4{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		
		/* --------------------- imagenes SECCION 4 -------------
		
		/* -------------------------- slider expandido --------------------------*/
		.conte_prin{
			position: relative;
			width: 100%;
			height: 900px;
		}
		
        .conte_imagen{
			position: relative;
			height: 785px;
			width: 1000px;
			margin: 0 auto;
			display: grid;
			grid-column: 2 / 2;
		}

        .img_mez_secc4{
			display: none;
		}
		
		.img_mez_secc4.activado{
			display: block;
		}

        .conten_text{
			position: relative;
			height: 120px;
			width: 100%;
		}

		.conte_secc4_des{
			display: none;
		}

        .conte_secc4_des.activado{
			height: 150px;
			width: 100%;
			display: grid;
			grid-template-columns: 10% 20% 65% 5%;
			position: relative;
		}

        .logo_mez{
			width: 100px;
			height: auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}

        .titu_mez{
			width: 200px;
			height: auto;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.lin_1_secc4_mez {
			position: absolute;
			border-left: 1px solid #ccc;
			height: 50px;
			left: 100px;
		}

        .tit_ico_secc4{
			font-family: 'Montserrat-Bold';
			text-transform: uppercase;
		}

		.lin_2_secc4_mez {
			position: absolute;
			border-left: 1px solid #ccc;
			height: 50px;
			left: 300px;
		}
		
		.text_mez{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 0px 0px 0px 20px;
		}		
		
        .des_ico_secc4{
			font-size: 1rem;
			font-family: 'Montserrat-Regular';
		}

		.diapos{
			
		}
		
		.diap{
			display: flex;
			font-family: 'Montserrat-Regular';
		    justify-content: flex-end;
		    position: absolute;
			bottom: 90px;
			z-index: 10;
			right: 10px;
			font-size: 0.9rem;
		}
		
		.nume_diap_act{
			
		}
		
		.nume_diag{
			
		}
		
		.nume_diap_tot{
			
		}
		
		.lin_3_secc4_mez{
			border: 1px solid #ccc;
			width: 1000px;
			margin: 0 auto;
		}
		
		.conte_secciones{
			position: relative;
			height: 100px;
			width: 1000px;
			margin: 0 auto;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		
		.tit_ico{
			font-size: 1rem;
			font-family: 'Montserrat-SemiBold';
			color: #151515;
			text-decoration: none;
			cursor: pointer; 
		}
		
		.tit_ico:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 25px;
			height: 2.5px;
			bottom: 25px;
		}
		
		.conte_secciones .tit_ico:hover:before{
            width: 100%;
		}

		.tit_ico{
			position: relative;
			color:rgb(250, 250, 250);
			font-size: 1em;
			font-weight: 500;
			text-decoration: none;
			 margin: 0px 30px;
			transition: 0.3s ease;
			font-family: 'Montserrat-SemiBold';
			text-decoration: none;
			color: #151515; 
		}

		 .tit_ico:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 0px;
			height: 2.5px;
			left: 0;
			transition: 0.5s;
			bottom:-10px;
		}
		
		.tit_ico.activado:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 100%;
			height: 2.5px;
			left: 0;
			transition: 0.5s;
			bottom:-10px;
		}
		
		.tit_ico:hover:before{
		   width: 100%;
		}

		/* ------------------------ cont final secccion 4 --------------------*/
		
		.cont_fin_mez_Secc4{
			position: relative;
			height: 250px;
			width: 100%;
			display: flex;
			justify-content: center;
		}
		
		.cont_text_mez_secc4{
			width: 575px;
			text-align: center;
			margin-top: 50px;
		}
		
		.text_fin_mez_secc4{
			color: #151515;
			font-size: 1rem;
			font-family: 'Montserrat-Regular';
		}
		
		.boton_abajo_secc4{	
			display: flex;
			justify-content: center;
			text-decoration: none;
			border: 1px solid #000;
			width: 200px;
			border-radius: 50px;
			text-align: center;
			margin: 40px auto;
			padding: 10px 0px;
			font-family: 'Montserrat-Regular';
			color: #000;
		}
		
		/* ---------------------- PIE DE PAGINA ----------------------*/
		/* ---------------------- PIE DE PAGINA ----------------------*/
		/* ---------------------- PIE DE PAGINA ----------------------*/
		
		.conte_pie{
			height: 300px;
			width: 100%;
			position: relative;
			display: flex;
			justify-content: center;
		}
		
		/*---------------------------linea Pequeña seccion pie-----------*/
		.divi_mini_s6{
			width: 100px;
			border: 1px #000000 solid;
			position: absolute;
			top:0%;
		}
		
		/*--------------------------- grupo son seccion pie-----------*/
		
		.text_pie{
			font-size: 1rem;
			color: #2b1c02;
			font-family: 'Montserrat-SemiBold';
			position: absolute;
			top: 20%;
			text-transform: uppercase;
		}
		
		/*--------------------------- linea 2 seccion pie-----------*/
		
		.divi_s6{
			width: 73.5%;
			border: 1px #cccccc solid;
			position: absolute;
			top:45%;
		}
		
		/* ----------------------- MEDIA ICONOS 2 ----------------------*/
		
	    .media-icons-2{
			z-index: 2;
			position: absolute;
			top: 66%;
			display: flex;
			flex-direction:row;
			transition: 0.5s ease;
		}
		
		.media-icons-2 a{
			color: #2b1c02;
			font-size: .9rem;
			font-family: 'Montserrat-Regular';
			transition: 0.3s ease;
			list-style: none;
			text-decoration: none;
			margin-left: 70px;
			display: flex;
			flex-direction:row;
		}
		
		.media-icons-2 a i{
			position: absolute;
			top: -10px;
			margin-left: -40px;
		}
		
		.logo_fac_2 {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_FACEBOOK_FFFFFF.svg);
			background-size: 35px 35px;
			filter: invert(70%);
		}
		
		.logo_fac_2:hover {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_FACEBOOK_FFFFFF.svg);
			background-size: 35px 35px;
			transform: scale(1.3); 
		}
		
		.logo_ins_2 {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_INSTAGRAM_FFFFFF.svg);
			background-size: 35px 35px;
			filter: invert(70%);
		}
		
		.logo_ins_2:hover {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_INSTAGRAM_FFFFFF.svg);
			background-size: 35px 35px;
			transform: scale(1.3);
		}
		
		.logo_wha_2 {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_WHATSAPP_FFFFFF.svg);
			background-size: 35px 35px;
			filter: invert(70%);
		}
		
		.logo_wha_2:hover {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_WHATSAPP_FFFFFF.svg);
			background-size: 35px 35px;
			transform: scale(1.3);
		}
		
		.pie{
			position: absolute;
			height: 50px;
			width: 100%;
			background: #252525;
			bottom: 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.logo_tel_2 {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_TEL_LOCAL-02.svg);
			background-size: 35px 35px;
			filter: invert(30%);
		}
		
		.logo_tel_2:hover {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_TEL_LOCAL-02.svg);
			background-size: 35px 35px;
			transform: scale(1.3);
		}

		.logo_gma_2 {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_CORREO.svg);
			background-size: 35px 35px;
			filter: invert(30%);
		}
		
		.logo_gma_2:hover {
			display: block;
			width: 35px;
			height: 35px;
			background: url(../img/iconos/ICONO_CORREO.svg);
			background-size: 35px 35px;
			transform: scale(1.3);
		}
		
		.pie p{
			color: #cccccc;
			font-size: .6rem;
			font-family: 'Montserrat-Regular';
		}
			
		.av_cur{
			color: #cccccc;
			font-size: .6rem;
			font-family: 'Montserrat-Regular';
			cursor: pointer;
		}

		.av_cur a{
			color: #cccccc;
			font-size: .6rem;
			font-family: 'Montserrat-Regular';
			cursor: pointer;
			text-decoration: none !important;
		}

		.av_cur a:hover{
			color: #ed9600;
			font-family:'Montserrat-SemiBold';
		}

		/* ---------------------animaciones texto --------------------*/
		/* ---------------------animaciones texto --------------------*/
		/* ---------------------animaciones texto --------------------*/
		
		.home .content{
			opacity: 0;
			transition: 1s linear;
			transform: translateY(150px);
		}
		
		.content.activo{
			opacity: 1;
			transition: 1s linear;
			transform: translateY(0px);
		}