@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 ------------------*/
		
        .home4{
            position: relative; 
			height: 1000px;
        }
        
		.home4 .img-slide4{
			position: relative;
			height: 1000px;
			width: 100%;
			object-fit: cover;
			display: none;
		   
		}
		
		.img-slide4.active{
			background-size: cover;
			display: block;
			background-attachment: fixed;
            background-position: center;
		}
		
		/*---------------------------- 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;
			bottom: 60px;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			transition: 0.5s;
			transform: translateY(-150px);
		}
		
		.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_maq_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_maq{
			position: absolute;
			height: 330px;
			width: 250px;
			z-index: 8;
			top: 100px;
		}
		
		/*-------------------------- Titulo seccion 2 ---------------*/
		
		.titulo_maq_secc2{
			position: absolute;
			top: 480px;
			font-family: 'Montserrat-Semibold';
			text-transform: uppercase;
			font-size: 1.4rem;
		}	
		
		/*-------------------------- Texto seccion 2 ---------------*/

		.texto_maq_secc2{
			position: absolute;
			top: 520px;
			font-family: 'Montserrat-Regular';
			text-align: center;
			font-size: 1rem;
		}
		
		/*-------------------------- Linea seccion 2 ---------------*/
		
		.linea_maq_secc2{
			position: absolute;
			border: 1px solid #ccc;
			top: 600px;
			width: 80%;
			z-index: 9;
		}
		
		/* ----------------------- SECCION 3 ----------------------------- */
		/* ----------------------- SECCION 3 ----------------------------- */
		/* ----------------------- SECCION 3 ----------------------------- */
		
		.cont_maq_secc3{
			position: relative;
			height: 865px;
			width: 100%;
		} 
		
		/* -------------------------- slider expandido --------------------------*/
		
		.conte_prin_maq_secc3{
			position: relative;
			width: 100%;
			height: 865px;
			background: #ffffff;
		}
		
		.conte_imagen_maq_secc3{
			position: relative;
			height: 785px;
			width: 1000px;
			margin: 0 auto;
			display: grid;
			grid-column: 2 / 2;
		}
		
		.img_maq_secc3{
			display: none;
		}
		
		.img_maq_secc3.activado{
			display: block;
		}
		
		.conten_text_maq_secc3{
			position: absolute;
			bottom: 0;
			height: 120px;
			width: 100%;
		}
		
		.conte_secc3_des_maq{
			display: none;
		}
		
		.conte_secc3_des_maq.activado{
			height: 150px;
			width: 100%;
			display: grid;
			grid-template-columns: 10% 20% 65% 5%;
			position: relative;
		}
		
		.logo_maq_secc3{
			width: 100px;
			height: auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.icon_secc3_maq{
			
		}
		
		.titu_maq_secc3{
			width: 200px;
			height: auto;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.lin_1_maq_secc3 {
			position: absolute;
			border-left: 1px solid #ccc;
			height: 50px;
			left: 100px;
		}
		
		.tit_ico_maq_secc3{
			font-family: 'Montserrat-Bold';
			text-transform: uppercase;
			width: 150px;
		}

		.lin_2_maq_secc3 {
			position: absolute;
			border-left: 1px solid #ccc;
			height: 50px;
			left: 300px;
		}
		
		.text_maq_secc3{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 0px 0px 0px 20px;
		}		
		
		.des_ico_maq_secc3{
			font-size: 1rem;
			font-family: 'Montserrat-Regular';
		}
		
		.diap_maq_secc3{
			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_maq_secc3{
			
		}
		
		.nume_diag_maq_secc3{
			
		}
		
		.nume_diap_tot_maq_secc3{
			
		}
	
		.diapos_maq_secc3{
			
		}
		
		.lin_3_maq_secc3{
			border: 1px solid #ccc;
			width: 1000px;
			margin: 0 auto;
		}
		
		.conte_secciones_maq_secc3{
			position: relative;
			height: 100px;
			width: 1000px;
			margin: 0 auto;
			display: flex;
			justify-content: space-around;
			align-items: center;
			
		}
		
        .tit_ico_maq_secc3_ab{
            font-size: 1rem;
            font-family: 'Montserrat-SemiBold';
            color: #151515;
            text-decoration: none;
            cursor: pointer;
            text-align: center;
        }

		.tit_ico_maq_secc3_ab:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 25px;
			height: 2.5px;
			bottom: 25px;
		}

		.conte_secciones_maq_secc3 .tit_ico:hover:before{
            width: 100%;
		}
		
		.tit_ico_maq_secc3_ab{
			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_maq_secc3_ab:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 0px;
			height: 2.5px;
			left: 0;
			transition: 0.5s;
			bottom:-10px;
		}
		
		  .tit_ico_maq_secc3_ab.activado:before{
			content: '';
			position: absolute;
			background: #ed9600;
			width: 100%;
			height: 2.5px;
			left: 0;
			transition: 0.5s;
			bottom:-10px;
		}
		
		  .tit_ico_maq_secc3_ab:hover:before{
		   width: 100%;
		}
		
		/*------------------- SECCION 3.1 --------------------*/
		/*------------------- SECCION 3.1 --------------------*/
		/*------------------- SECCION 3.1 --------------------*/

		.cont_maq_secc3_1{
			position: relative;
			background: #ffffff;
			height: 1000px;
			width: 100%;
		}
		
		.cont_des_maq_secc3_1{
			height: 300px;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.cont_des_maq__secc3_1{
			background: #ffffff;
			width: 600px;
			height: 100px;
			text-align: center;
		}
		
		.tit_maq_secc3_1{
			font-family: 'Montserrat-SemiBold';
			text-transform: uppercase;
			font-size: 1.4rem;
		}

		.des_maq_secc3_1{
			font-family: 'Montserrat-Regular';
			font-size: 1rem;
		} 
		
		.cont_maq_diap2_secc3_1{
			position: relative;
			height: 650px;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
		}
		
		.img_qui_secc3{
			height: 650px;
			width: 1000px;
		}
		
		.diap_maquinaria {
			position: absolute;
            width: 1000px;
            height: 667px;
        }

        .diap_maquinaria img {
            width: 1000px;
            height: 667px;
        }

        .diap_maquinaria #indicador_imagen {
			position: absolute;
			bottom: 10px;
			right: 10px;
			font-size: 0.9rem;
			color:white;
			font-family: 'Montserrat-Regular';	
        }
		
		/*------------------- SECCION 3.2 --------------------*/
		/*------------------- SECCION 3.2 --------------------*/
		/*------------------- SECCION 3.2 --------------------*/

		.cont_maq_secc3_2{
			position: relative;
			background: #ffffff;
			height: 1100px;
			width: 100%;
		}
		
		.cont_des_maq_secc3_2{
			height: 300px;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.cont_des_maq__secc3_2{
			background: #ffffff;
			width: 600px;
			height: 100px;
			text-align: center;
		}
		
		.tit_maq_secc3_2{
			font-family: 'Montserrat-SemiBold';
			text-transform: uppercase;
			font-size: 1.4rem;
		}

		.des_maq_secc3_2{
			font-family: 'Montserrat-Regular';
			font-size: 1rem;
		} 
		
		.cont_maq_diap2_secc3_2{
			position: relative;
			height: 650px;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
		}
		
		.img_qui_secc3{
			height: 650px;
			width: 1000px;
		}
		
		.diap_maquinaria3_2 {
			position: absolute;
            width: 1000px;
            height: 667px;
        }

        .diap_maquinaria3_2 img {
            width: 1000px;
            height: 667px;
        }

        .diap_maquinaria3_2 #indicador_imagen3_2 {
			position: absolute;
			bottom: 10px;
			right: 10px;
			font-size: 0.9rem;
			color:white;
			font-family: 'Montserrat-Regular';	
        }

        /*-------------------------- SECCION 4 ---------------*/
        /*-------------------------- SECCION 4 ---------------*/
        /*-------------------------- SECCION 4 ---------------*/

		.cont_maq_secc4{
			position: relative;
			height: 1000px;
			width: 100%;
		}
		
		/* ------------------- IMAGEN SECCION 4 ------------------*/

		.img_maq_secc4{
			position: relative;
			height: 1000px;
			width: 100%;
			object-fit: cover;
		}
		
		/* ----------------------- SECCION 5 ----------------------------- */
		/* ----------------------- SECCION 5 ----------------------------- */
		/* ----------------------- SECCION 5 ----------------------------- */
		
		.cont_maq_secc5_prin{
			position: relative;
			background: #ffffff;
			height: 1150px;
			width: 100%;
		}
		
		.cont_maq_secc5{
			background: #ffffff;
			height: 150px;
			width: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.maq_secc5{
			font-family: 'Montserrat-Bold';
			text-transform: uppercase;
			font-size: 2rem;
		}
		
		.linea_maq_secc5{
			position: absolute;
			border: 1px solid #ccc;
			top: 150px;
			width: 73.5%;
			z-index: 1;
		}
		
		.cont_des_maq_prin_secc5{
			display: flex;
			justify-content: center;
			width: 100%;
			height: 200px;
			margin-top: 30px;
		}
		
		.tit_maq_secc5{
			font-family: 'Montserrat-SemiBold';
			text-transform: uppercase;
			font-size: 1.4rem;
		}
		
		.cont_des_maq_secc5{
			margin-top: 80px;
			width: 590px;
			height: 120px;
			text-align: center;
		}
		
		.des_maq_secc5{
			font-family: 'Montserrat-Regular';
		} 

		.cont_maq_img_secc5{
			position: relative;
			height: 650px;
			width: 1000px;
			margin: 0 auto;
			margin-top: 100px;
		}
		
		.img_maq_secc5{
			height: 650px;
			width: 1000px;
		}
		
		/* ------------------------ cont final secccion 5 --------------------*/
		
		/*--------------------------- seccion 5 -------------------------*/
		/*--------------------------- seccion 5 -------------------------*/
		/*--------------------------- seccion 5 -------------------------*/
		
		.cont_fin_maq_Secc5{
			background: #ffffff;
			height: 500px;
			width: 100%;
			display: flex;
			justify-content: center;
		}
		
		.cont_text_maq_secc5{
			padding-top: 70px;
			width: 900px;
		}
		
		.text_fin_maq_secc5{
			font-family: 'Montserrat-SemiBold';
			text-transform: uppercase;
			text-align: center;
			font-size: 1.4rem;
		}
			
		.cont_icon_maq_secc5{
			padding-top: 50px;
			display: flex;
			flex-direction: row;
			justify-content: center;
		}
		
		.secc_secc5{
			
		}
		
		.icon_maq{
			display: flex;
			justify-content: center;
		}
		
		.icono_maq_secc5{
		   
		}
		
		.text_des_nom{
			width: 130px;
		}
		
		.text_maq_des_secc5{
			font-family: 'Montserrat-Regular';
			text-transform: uppercase;
			text-align: center;
			font-size: 12px;
		}
		
		/* ---------------------- 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);
		}
		
		.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{
			position: absolute;
			height: 50px;
			width: 100%;
			background: #252525;
			bottom: 0;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.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);
		}