body,html{
	width: 100%;
	height: 100%;
}

@font-face {
  font-family: Roboto Slab;
  src: url(css/font/RobotoSlab-Bold.woff) format('woff'),
  		url(css/font/RobotoSlab-Light.woff) format('woff'),
  		url(css/font/RobotoSlab-Regular.woff) format('woff'),
  		url(css/font/RobotoSlab-Thin.woff) format('woff');
  font-style: normal;
  font-display: auto;
}
/*** button download pdf ***/

	.title-cer{
		font-size: 45px!important;
		text-align: left;
		margin-bottom: 3%;
		font-weight: bold;
	}

	.btn-download{
		cursor:  pointer;
	    font-family: 'Poppins', sans-serif;
	    font-size: 16px;
	    margin: 5% 0%;
	    padding: 2% 7%;
	    color: #fff;
	    background-color: #222;
	    border: none;
	    outline: none!important;
	    border-radius: 5px;
	}

	 @media(max-width: 425px){
	 	.title-cer{
			font-size: 30px!important;
		}
	 }

	 .content-logs{
	 	position: relative;
	 }
	 .content-logs .logo-inf{
	 	position: absolute;
	 	left: 0;
	 	right: 0;
	 	top: 0;
	 	bottom: 0;
	 	display: none;
	 	transition: 0.3s;
	 	opacity: 0;
	 }
	 .content-logs .logo-inf img{
	    position: absolute;
	    bottom: 0;
	    top: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    cursor: pointer;
	 }

	 .content-logs:hover .logo-inf{
		display: block;
    	transition: 0.3s;
    	background: #ffffffb8;
    	opacity: 1;
	 }
	 .content-logs:hover{
	 	transition: 0.3s;
	 	transform: translateY(-10px);
	 }
	 .content-logs.logo-inf:hover img{

	 }
/***Boton de whats***/

	.btn-whatsapp{
		position: fixed;
		bottom: 4%;
		left: 1%;
		background-color: #0000!important;
		border: none;
		padding: 0.6%;
		color: #fff;
		font-family: 'Poppins', sans-serif;
		border-radius: 25px 25px 25px 25px;
		font-size: 21px;
		z-index: 2;
		width: 280px;
		height: 90px;
		display: flex;
		outline: none!important;
	}

	.dinamic-wha{
		width: 30%!important;
		font-size: 18px;
		height: 100%;
		padding: 0%;
		margin: 0%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 100px;
		background-color: #0000;
		transition: 0.2s;
		color: #fff;
		display: flex;
	}

	.dinamic-wha i{
	  	font-size: 30px;
	    float: left;
	    padding: 11px;
	    margin: auto 0%;
	    margin-left: 12px;
	    background-color: #25d366;
	    border-radius: 100px;
	    width: 55px;
	    height: 55px;
	}

	.dinamic-wha span{
		margin: auto 0%;
	    margin-left: 15px!important;
	    background-color: #25d366;
	    padding: 8px 20px;
	    color: #fff;
	    border-radius: 18px;
	    box-shadow: 0px 0px 10px #00000052;
	}

	.dinamic-wha-active {
		width: 100%!important;
		opacity: 1;
		transition: 0.2s;
		z-index: -1;
	}

	.a-desactive{
		display: none;
		opacity: 0;
		transition: 0.2s;
	}

		@media(max-width: 990px ){
		.btn-whatsapp{
			display: none;
		}

		.btn-whatsapp{
			display: none;
		}
	}

	.content-candidates ul{
	    width: 100%;
	    margin: 0%;
	    padding: 10px 0px 10px 0px;
	    list-style: none;
	    display: flex;
	    justify-content: flex-start;
	}

	.content-candidates ul>li{
		margin-right: 10px;
	}

	.content-candidates ul>li>form>button{
		font-family: 'Poppins', sans-serif;
	    background: #287233;
	    color: #fffc;
	    font-size: 15px;
	    border: none;
	    border-radius: 5px;
	    padding: 5px 15px 5px 15px;
	    letter-spacing: 0.5px;
	    outline: none;
	}


/*** JOB BOARD ***/

	.content-jobboard{
		margin: 2% 0% 5% 0%;
	    padding: 2.5% 5%;
	    width: 100%;
	}

	.content-jobboard h2{
		font-family: 'Poppins', sans-serif;
	    font-weight: bold;
	    font-size: 30px;
	    color: #111;
	    padding: 10px 0px 10px 0px;
	    margin: 0px 0px 0px 0px;
	    border-bottom: 2px solid #15151554;
	}

	.content-jobboard h3{
		font-family: 'Poppins', sans-serif;
	    font-size: 30px;
	    color: #333;
	    margin: 0% 0% 5% 0%;
	}

	@media(max-width: 768px){
		.content-jobboard h2{
		    margin: 5% 0% 5% 0%;
		}
	}

	@media(max-width: 425px){
		.content-jobboard h2{
		    margin: 15% 0% 5% 0%;
		    font-size: 28px;
		}
	}


	/*** JOB BOARD OPC ***/

	.jobboard-opc{
		width: 100%;
		margin: 0%;
		padding: 0%;
	}

	.jobboard-opc ul{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0%;
		padding: 0%;
		list-style: none;
	}

	.jobboard-opc li{
		font-size: 25px;
		margin: 0% 0% 5% 0%;
		padding: 0% 0% 0% 15%;
		cursor: pointer;
		font-weight: bold;
		letter-spacing: 0.5px;
		color: #333;
	}

	.jobboard-opc li:hover{
		color: #e9a825;
	}

	.jobboard-opc-active{
		color: #e9a825!important;
	}


	/*** JOB BOARD VACANT ***/

	.jobboard-vacant{
		width: 100%;
		margin: 0%;
		padding: 0%;
	}

	.jobboard-vacant ul{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0%;
		padding: 0%;
		list-style: none;
	}

	.jobboard-vacant li{
		width: 100%;
		font-size: 25px;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		font-weight: bold;
		letter-spacing: 0.5px;
		color: #333;
	}

	.info-vacant{
		width: 100%;
	    margin: 0% 0% 2% 0%;
	    padding: 3% 3% 3% 3%;
	    background-color: #cdcdcd;
	    border-radius: 5px;
	    text-align: right;
	}

	.jobboard-vacant h3{
		font-weight: bold;
	    font-family: 'Poppins', sans-serif;
	    font-size: 30px;
	    color: #333;
	    margin: 0% 0% 2% 0%;
	}

	.info-vacant h4{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 1% 0%;
		padding: 0%;
		font-size: 25px;
		font-weight: bold;
		letter-spacing: 0.5px;
		text-align: left;
	}

	.info-vacant span{
		font-family: 'Poppins', sans-serif;
		font-size: 22px;
		font-weight: normal;
		letter-spacing: 0.5px;
	}

	.info-vacant h5{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 0.5% 0%;
		padding: 0%;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.5px;
		text-align: left;
	}


	.info-vacant button{
		font-family: 'Poppins', sans-serif;
	    font-size: 22px;
	    border: none;
	    outline: none;
	    border-radius: 5px;
	    padding: .5% 2%;
	    margin: 0%;
	    letter-spacing: 0.5px;
	    background-color: #000;
	    color: #fff;
	}
    


	.jobboard-vacant-disable{
		display: none!important;
	}


	/*** MODAL VACANTE ***/

	.content-modal-vacant{
		width: 100%;
		margin: 0%;
		padding: 5% 5%;
	}

	.close-modal{
		right: 20px;
	    top: 10px;
	    position: absolute;
	    font-size: 22px;
	}

	.content-modal-vacant span{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 1% 0%;
		padding: 0%;
		font-size: 16px;
		letter-spacing: .5px;
		font-weight: normal;
	}

	.content-modal-vacant h1{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 2% 0%;
		padding: 0%;
		font-weight: bold;
		font-size: 28px;
		letter-spacing: .5px;
	}

	.content-modal-vacant h2{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 2% 0%;
		padding: 0%;
		font-size: 22px;
		letter-spacing: .5px;
	}

	.content-modal-vacant h3{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 1% 0%;
		padding: 0%;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: .5px;
	}

	.content-modal-vacant h4{
		font-family: 'Poppins', sans-serif;
		width: 100%;
		margin: 0% 0% 2% 0%;
		padding: 0% 0% 2% 0%;
		font-size: 20px;
		letter-spacing: .5px;
		border-bottom: 1.5px solid #ff980061;
	}


	.content-modal-vacant input{
		outline: none;
	    margin: 0% 0% 2% 0%;
	    padding: 1% 2%;
	    border: 1.5px solid #8989898a;
	    border-radius: 5px;
	    width: 100%;
	    font-size: 20px;
	}

	.content-modal-vacant select{
		outline: none;
	    margin: 0% 0% 2% 0%;
	    padding: 1% 2%;
	    border: 1.5px solid #8989898a;
	    border-radius: 5px;
	    width: 100%;
	    font-size: 20px;
	}

	.content-modal-vacant button{
		font-family: 'Poppins', sans-serif;
		font-size: 22px;
	    border: none;
	    outline: none;
	    border-radius: 5px;
	    padding: .5% 2%;
	    margin: 0%;
	    letter-spacing: 0.5px;
	    font-weight: bold;
	    background-color: #000;
	    width: 100%;
	    color: #fff;
	}

	/* upload button 1*/

	.subir{
		padding: 1% 5%;
		background: #333;
		color: #fff;
		border-radius: 5px;
		border: none;
		cursor: pointer;
		width: 100%;
		text-align: center;
		margin: 2% 0%;
	}
				 
	.subir:hover{
		color:#ffffff;
		background: #000;
	}

	/* admin button */

		.btn-admin{
			position: fixed;
		    top: 15%;
		    right: 1%;
		    z-index: 5;
		    background-color: #0000;
		    border: none;
		    outline: none!important;
		    font-size: 22px;
		    color: #111;
		}

		.btn-admin:hover{
			color: #e9a825;
		}

	/* admin exit */

		.btn-exit{
			position: fixed;
		    top: 1%;
		    right: 1%;
		    z-index: 100000;
		    background-color: #0000;
		    border: none;
		    outline: none!important;
		    font-size: 22px;
		    color: #111;
		}

		.btn-exit:hover{
			color: #ff6256;
		}


	/* CONTENT ADMIN  */

		.content-jobboard table{
			font-family: 'Poppins', sans-serif;
		    width: 100%;
		    margin: 0%;
		    font-size: 15px;
		    text-align: left;
		    background: #00000017;
		    border-radius: 5px;
		}

		.content-jobboard td{
			padding: 5px 0px 5px 10px;
    		border-bottom: 1px solid #03030342;
    		border-left: 1px solid #03030342;
		}

		.content-jobboard i{
			margin: 5px 10px;
			cursor: pointer;
		}

		.content-jobboard span:hover{
			color: #f44336;
		}

		.content-vacant-disabled{
			display: none!important;
		}


/***************************************************************header************************************************************************/

.content-logo{
	width: 19%;
	margin-right: 1%;
}
.logo-header{ 
	width:100%;
}

.btn-header-1{
	position: absolute;
    right: 15px;
    top: 15px;
}

.nav-sections{
	width: 80%;
}
.content-sections{
	
}
.txt-sections{
	color: #333!important;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
}
.bg-dark{
	background-color: #fff!important;

}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #750f34;
    border: 1px solid transparent;
    border-radius: .25rem;
}

@media (min-width: 2560px){
.container {
    max-width: 80%;
	}

	.txt-sections {
    font-size: 40px;
	}
}


/**************** MOBILE ***************************/


.header-mobile{
	display: none;
	position: fixed;
	margin: 0%;
	top: 0;
	width: 100%;
	z-index: 10;
}

.header-mobile button{
	width: 100%;
	margin: 0%;
	border-radius: 0px;
	border:none;
	box-shadow: 0 0 0 0.2rem rgba(58,176,195,0)!important;
	border-bottom: 2px solid #0000!important;
	background-color: #fff!important;
	color: #333!important;
	font-size: 30px;
	text-align: right;
}

.header-mobile table{
	width: 100%;
	margin: 0%;
}

.header-mobile td{
	width: 50%;
	margin: 0%;
}

.header-mobile img{
	width: 100%;
	margin: 0%;
}

.header-mobile div{
	width: 100%;
	padding: 3%;
	color: #333;
    background-color: #fff;
}

.header-mobile p{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
}

.header-mobile ul{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	width: 90%;
	padding: 3%;	 
	left: 5px!important; 
	border: 2px solid #750f34!important;

}

.header-mobile li,a{
	color: #333;
}

.dropdown-menu a{
	color: #740e34;
}

	@media( max-width: 768px){
		.header-mobile img {
		    width: 50%;
		    margin: 0% 0% 0% 0%;
		    float: left;
		}
	}

	@media (max-width: 425px){
		.header-mobile img {
		    width: 75%;
		    margin: 0% 0% 0% 0%;
		    float: left;
		}
	}

/************dropdawn**********/
.dropdown-txt{
	outline: none!important;
	text-decoration: none;
}
.dropdown {
  position: relative;
  display: inline-block;
  padding-top: 4%;
}

.dropdown-content {
    display: none;
    position: absolute;
    text-align: left;
    background-color: #FFF;
    min-width: 350px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.63);
    padding: 14% 20% 0% 20%;
    margin: 1% 0% 0% 0%;
    border-top: 3px solid #000;
    z-index: 1;
    border-radius: 5px;  
}

.dropdown:hover .dropdown-content {
  display: block;
}

.bg-image-full {
  height: 400px;

}

.txt-bg-image-full{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 40px;
	text-align: center;
}


.activate-2{

    border-bottom: 4px solid #750f34;
    display: inline-block;
    color: #750f34!important;
    
}

/******medias**********/

@media(max-width: 990px){

	.content-logo{
	width: 50%;
	margin-right: 1%;
	}

	.header-pc{
		display: none;
	}

	.header-mobile{
		display: block;
	}

}

/*************************************************************************index****************************************************************/
	.container-sections{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		text-align: center;
	}

	.container-sections-2{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		text-align: center;
	}


	.container-sections-bw{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 10% 0% 10%;
		text-align: center;
	}

	.container-sections-conteo{
		width: 100%;
		height: 100%;
		margin: 5% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		text-align: center;
	}

	.container-sections-MVV{
		width: 100%;
		height: 100%;
		margin: 1.5% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		text-align: center;
		z-index: 2;
	}

	.container-sections-login{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		text-align: center;
	}
	/******medias**********/

	@media(max-width: 990px){

	.container-sections{
		padding: 0% 7% 0% 7%;

		}

	}
/*** INDEX ***/

	.section-1 img{
		width: 100%;
	}

	.section-1 h1{
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 45px;
		text-align: left;
		font-weight: bold;
	}

	.section-1 p{
		margin: 0% 0% 5% 0%;
	    padding: 0% 10% 0% 0%;
	    font-family: 'Poppins', sans-serif;
	    font-size: 17px;
	    text-align: justify;
	}


	@media(max-width: 425px){
		.section-1 p{
		    padding: 0% 0% 0% 0%;
		    font-size: 15px;
		    text-align: left;
		}
	}



	/*** LOGROS ***/

	.logros{
		display: flex;
		justify-content: center;
		margin: 0%;
	}

	.logros div{
		margin-top: 0%;
		display: flex;
		justify-content: center;
	}

	.logros h1{
		text-align: center;
	}

	.logros p{
		text-align: center;
		padding: 9%;
	}

	.logros img{
		width: 50%;
		padding: 10%;
		position: absolute;
		bottom: 1%;
	}

	.img-s-1{
		width: 120%!important;
	    position: absolute;
	    
	    left: 0;
	    bottom: -7%;
	    
	}

	.img-enable{
		display: block!important;
	}

	.img-disable{
		display: none!important;
	}

	@media(max-width: 1024px){

		.img-s-1 {
		    width: 73%!important;
		    position: absolute;
		    left: 22%;
		    bottom: -5%;
		}

		.img-enable{
			display: none!important;
		}

		.img-disable{
			display: block!important;
		}

	}

	@media(max-width: 768px){

		.img-s-1 {
		    width: 100%!important;
		    position: absolute!important;
		    margin-bottom: 2%;
		    left: 0%;
		}

		.img-enable{
			display: none!important;
		}

		.img-disable{
			display: block!important;
		}

	}

	@media(max-width: 425px){

		.img-s-1 {
		    width: 100%!important;
		    position: static!important;
		    margin-bottom: 2%;
		    left: 0%;
		}

		.img-enable{
			display: block!important;
		}

		.img-disable{
			display: none!important;
		}

	}

/** MISION - VISION - VALORES **/

	.MVV{
		margin: 0% 0% 5% 0%;
		padding: 0% 10% 0% 10%;
		width: 100%;
		background-color: #343a40;
		z-index: 2;

	}

	.MVV-content{
		padding: 2% 3% 2% 3%;
	}

	.MVV p{
		color: #fff;
		font-size: 15px;
		text-align: left;
		margin: 0% 0% 0% 0%;
		padding: 0%;
		letter-spacing: 0.5px;
	}

	.MVV h2{
		color: #fff;
		text-align: left;
		font-size: 30px;
		font-family: 'Poppins', sans-serif;
	}

	.MVV span{
		font-size: 18px;
		color: #3330;
	}

/** COUNT **/

	.conteo{
		display: flex;
		justify-content: center;
		margin: 3% 0% 0% 0%;
		text-align: center;
	}

	.cont{
	    width: 250px;
	    height: 250px;
	    text-align: center;
	    background-color: #0000;
	    border-radius: 100%;
	    border: 4px solid #333;
	    padding: 0;
	    transition: .7s;
	    margin: 5%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		}



	.conteo span{
		font-size: 33px;
	}

	.conteo p{
		margin: 0%;
		padding: 0%;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		text-align: center;
		transition: .5s;
	}

	.certificaciones-hover img{
		width: 100%;
		padding: 20%;
		transition: 0.3s;
		   filter: grayscale(1.2);
		}


	.img1-c:hover{
		transform: scale(1.09); /* Igual que: scaleX(0.7) scaleY(0.7) */
		    filter: grayscale(0);
		    transition: 0.3s;

		}
	.img2-c:hover{
		transform: scale(1.09); /* Igual que: scaleX(0.7) scaleY(0.7) */
		    filter: grayscale(0);
		    transition: 0.3s;
		}
	.img3-c:hover{
		transform: scale(1.09); /* Igual que: scaleX(0.7) scaleY(0.7) */
		    filter: grayscale(0);
		    transition: 0.3s;
		}
	.img4-c:hover{
		transform: scale(1.09); /* Igual que: scaleX(0.7) scaleY(0.7) */
		    filter: grayscale(0);
		    transition: 0.3s;
		}

	@media( min-width: 2560px){
		.section-1 p{
		font-size: 36px;
		}

		.cont{
		width: 400px;
		height: 400px;
		}

		.section-1 h1{
		font-size: 80px;
		}

		.section-2 h1{
		font-size: 80px;
		}
	}

	@media(max-width: 990px){

		.section-2 h1 {
		    font-size: 40px;
		}

		.img-s-1{
		width: 100%!important;
		    position:initial;
		    margin-bottom: -2%;
		}
	}

	@media(max-width: 425px){


		.section-1 h1{
			font-size: 45px;
			text-align: center;
		}

		.MVV {
		    margin: 0% 0% 5% 0%;
		    padding: 5% 10% 5% 10%;
		    width: 100%;
		    background-color: #343a40;
		    z-index: 2;
		}

		.MVV h2{
			color: #fff;
			text-align: center;
			font-size: 30px;
			margin-top:0%;
		}

		.MVV p {
		    color: #fff;
		    font-size: 15px;
		    text-align: left;
		    margin: 0% 0% 0% 0%;
		    padding: 0% 5%;
		    letter-spacing: 0.5px;
		}

	}
	

/*********************************** SERVICIOS ***************************************/

	.section-2{
		display: flex;
		justify-content: center;
		
	}

	.section-2 h1{
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 45px;
		font-weight: bold;
		margin: 8% 0% 2% 0%;
	}

	.section-2 h2{
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 30px;
		margin: 0% 0% 5% 0%;
	}

	.section-2 h3{
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 25px;
		margin: 0% 0% 3% 0%;
	}

	.section-2 p{
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
	}

	.img-telecom{
		background-image: url(../images/icons/telecom-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-telecom:hover{
		background-image: url(../images/icons/telecom-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #c13f43;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}

	.img-energia{
		background-image: url(../images/icons/energy-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-energia:hover{
		background-image: url(../images/icons/energy-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #df912f;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}

	.img-catv{
		background-image: url(../images/icons/CATv-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-catv:hover{
		background-image: url(../images/icons/CATv-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #683f22;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;

	}

	.img-otros{
		background-image: url(../images/icons/otros-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-otros:hover{
		background-image: url(../images/icons/otros-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #e9e755;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}


	.img-inver{
		background-image: url(../images/icons/inver-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-inver:hover{
		background-image: url(../images/icons/inver-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #67a767;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}


	.img-fibra{
		background-image: url(../images/icons/fibra-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-fibra:hover{
		background-image: url(../images/icons/fibra-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #456da9;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}

	.img-mise{
		background-image: url(../images/icons/mise-w.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
		cursor: pointer;
	}

	.img-mise:hover{
		background-image: url(../images/icons/mise-w-2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #dedc57;
		border-radius: 100%;
		width: 170px;
		height: 170px;
		margin-bottom: 5%;
	}

	.img1, .img2, .img3, .img4, .img5, .img6{
		margin: 0;
	    padding: 0%;
	    width: 60%;
	    border-radius: 100%;

	}

	.img1:hover {
		
	    background-color: #d58d32;
	}

	.img2:hover {
		
	    background-color: #456da9;
	}

	.img3:hover {
		
	    background-color: #c13f43;
	}

	.img4:hover {
		
	    background-color: #523314;
	}

	.img5:hover {
		
	    background-color: #67a767;
	}

	.img6:hover {
		
	    background-color: #dedc57;
	}

	.button-modal{
		width: 100%;
	    height: 100%;
	    background-color: #3330;
	    border: 0px solid #0000;
	    outline: none!important;

	}

	@media(max-width: 990px){

	.section-2 h1 {
	    font-size: 40px;
	    margin-top: 5%;
		}

	.section-2 h3 {
	    font-size: 23px;
	    margin-top: 5%;
		}

	}

	@media( min-width: 2560px){
		.section-2 h1{
		font-size: 112px;
		margin: 2% 0% 2% 0%
		}

		.section-2 h2{
		font-size: 55px;
		}

		.section-2 h3{
		font-size: 55px;
		}

		.section-2 p{
		font-size: 35px;
		}

		.img-telecom{
		width: 370px;
		height: 370px;

		}

		.img-telecom:hover{
			width: 370px;
			height: 370px;
			}

		.img-energia{
			width: 370px;
			height: 370px;	
			}

		.img-energia:hover{
			width: 370px;
			height: 370px;
		}

		.img-catv{
			width: 370px;
			height: 370px;
		}

		.img-catv:hover{
			width: 370px;
			height: 370px;
		}

		.img-otros{
			width: 370px;
			height: 370px;
		}

		.img-otros:hover{
			width: 370px;
			height: 370px;
		}


		.img-inver{
			width: 370px;
			height: 370px;
			margin-bottom: 5%;
		}

		.img-inver:hover{
			width: 370px;
			height: 370px;
		}


		.img-fibra{
			width: 370px;
			height: 370px;
		}

		.img-fibra:hover{
			width: 370px;
			height: 370px;
		}

		.img-mise{
			width: 370px;
			height: 370px;
		}

		.img-mise:hover{
			width: 370px;
			height: 370px;
		}

	}

	@media(max-width: 425px){

	.section-2 h1 {
	    margin-top: 20%;
		}
	}

/***************************************************************************************/

	.section-3{
		display: flex;
		justify-content: center;
		
	}

	.section-3 h1{
		margin: 0;
		padding: 0;
		font-family: 'Poppins', sans-serif;
		font-size: 65px;
		margin: 0% 0% 0% 0%;
	}

	.section-3 p{
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
	}

/******************** BAGWORK  ****************************/

	.reg-vacant{
	 margin: 0;
	 padding: 0;
	 font-family: 'Poppins', sans-serif;
	}

	.reg-vacant div{
	 margin: 0.5%;
	 padding: 0.5%;
	 width: 100%;
	}

	.reg-vacant label{
	 width: 100%;
	 font-size: 20px;
	}

	.reg-vacant input{
	 margin: 0.5%;
	 padding: 0.5%;
	 width: 100%;
	 border-radius: 5px;
	 border: 1.5px solid #7f7f7f;
	}

	.reg-vacant select{
	 margin: 0.5%;
	 padding: 0.5%;
	 width: 100%;
	 border-radius: 5px;
	 border: 1.5px solid #7f7f7f;
	}


	.reg-vacant button{	
	 float: right;
	 border: none;
	 background-color: #67a767;
	 color: #fff;
	 padding:1%;
	 margin: 1%;
	 width: 30%;
	 border-radius: 5px;
	}

	.btn-add-new{
		border: none;
	    padding: 1%;
	    float: right;
	    margin: 0% 0% 1% 0%;
	    width: 25%;
	    font-family: 'Poppins', sans-serif;
	    color: #fff;
	    font-size: 18px;
	    border-radius: 10px 10px 10px 10px;
	    background-color: #67a767;
	} 
	.btn-add-new i{
		padding: 0% 0% 0% 5%;

	}

	.btn-update{
		margin: 0;
		padding: 2%;	
		width:90%;
		border: none;
		border-radius: 5px;
		color: #fff;
		background-color: #017494;
		font-family: 'Poppins', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
	}

	.btn-delete	{
		margin: 0;
		padding: 2%;	
		width:90%;
		border: none;
		border-radius: 5px;
		color: #fff;
		background-color: #e63939;
		font-family: 'Poppins', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
	}

	@media(max-width: 990px){
		.btn-add-new{
		border: none;
	    padding: 1%;
	    margin: 0% 0% 1% 0%;
	    width: 100%;
	    font-family: 'Poppins', sans-serif;
	    color: #fff;
	    font-size: 18px;
	    border-radius: 10px 10px 10px 10px;
	    background-color: #67a767;
	}
	}

/****************************************/

	/* Style the tab */
	.tab {
	  float: left;
	  border: 1px solid #ccc;
	  background-color: #f1f1f1;
	  width: 30%;
	  height: 300px;
	}

	/* Style the buttons inside the tab */
	.tab button {
	  display: block;
	  background-color: inherit;
	  color: black;
	  padding: 22px 16px;
	  width: 100%;
	  border: none;
	  outline: none;
	  text-align: left;
	  cursor: pointer;
	  transition: 0.3s;
	  font-size: 17px;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
	  background-color: #ddd;
	}

	/* Create an active/current "tab button" class */
	.tab button.active {
	  background-color: #ccc;
	}

	/* Style the tab content */
	.tabcontent {
	  float: left;
	  padding: 5%;
	  border: 4px solid #f1c500;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  text-align: left;
	}

	.tabcontent2 {
	  float: left;
	  padding: 5%;
	  border: 4px solid #a0a0a0;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  z-index: -1;
	}

	.tabcontent3 {
	  float: left;
	  padding: 5%;
	  border: 4px solid #a0a0a0;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  z-index: -1;
	}

/*************************************************************/

	.img-ope-1{
		margin: 0;
		padding: 0;
	}

	.img-ope-1 h2{
		padding: 0;
	    font-family: 'Poppins', sans-serif;
	    font-size: 35px;
	    margin: 0% 0% 5% 0%;
	}

	.img-ope-1 h3{
		padding: 0;
	    font-family: 'Poppins', sans-serif;
	    font-size: 25px;
	    margin: 0% 0% 0% 0%;
	}

	.jobs{
		margin: 0% 0% 3% 0%;
	    padding: 0% 0% 3% 0%;
	    border-bottom: 2px solid #535353;
	}

	.jobs div{
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
	}

	.btn-postu{
		margin: 0;
		padding: 2%;	
		width:100%;
		border: none;
		border-radius: 5px;
		color: #fff;
		background-color: #67a767;
		font-family: 'Poppins', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
	}

	.jobs p{
		font-size: 18px;
	}


	.img-bw-1{
		width: 100%;
	    background-color: #f1c500;
	    border-radius: 50% 0% 0% 50%;
	    padding: 18%;
	    margin: 0% 0% 6% 5%;
	    float: right;
	    cursor: pointer;
	}

	.img-bw-2 {
		width: 100%;
	    background-color: #a0a0a0;
	    border-radius: 50% 0% 0% 50%;
	    padding: 18%;
	    margin: 0% 0% 6% 5%;
	    float: right;
	    cursor: pointer;
	}



	@media( max-width: 425px){
		.img-bw-1{
			width: 30%;
		    background-color: #f1c500;
		    border-radius: 50% 50% 0% 0%;
		    padding: 5%;
		    margin: 10% 0% 0% 0%;
		    float: left;
		}

		.img-bw-2 {
			width: 30%;
		    background-color: #a0a0a0;
		    border-radius: 50% 50% 0% 0%;
		    padding: 5%;
		    margin: 10% 0% 0% 0%;
		    float: left;
		}

		.img-ope-1 h2{
			padding: 0;
		    font-family: 'Poppins', sans-serif;
		    font-size: 28px;
		    margin: 0% 0% 5% 0%;
		}

		.img-ope-1 h3{
			padding: 0;
		    font-family: 'Poppins', sans-serif;
		    font-size: 20px;
		    margin: 0% 0% 0% 0%;
		}

		.jobs p{
		font-size: 15px;
		}


	}

/********************* LOGIN ******************************/
	.backadmin{
		object-fit: cover;
		width: 100%;
		height: 100%;
		position: absolute;

	}

	.box-login{
	 margin: 10% 0% 0% 0%;
	 padding: 1%;
	 background-color: #ffffffa1;
	 border-radius: 10px;
	 width: 85%;
	}

	.box-login img{
	 margin: 0% 0% 0% 0%;
	 width: 100%;
	 padding: 10%;
	}

	.box-login div{
		margin: 0.5%;
		padding: 0.5%;
	}

	.box-login input{
		width: 80%;
		padding: 1.5%;
		font-size: 15px;
		color: #212529;
		border: 1.5px solid #212529;
		font-family: 'Poppins', sans-serif;
		border-radius: 10px;
		margin: 0% 0% 2% 0%;
	}

	.box-login button{
		border: none;
	    padding: 1%;
	    margin: 0% 0% 0% 0%;
	    width: 35%;
	    font-family: 'Poppins', sans-serif;
	    color: #fff;
	    font-size: 18px;
	    border-radius: 10px 10px 10px 10px;
	    background-color: #67a767;
	}

/******************** ADMIN ADD ****************************/
	.txt-vacant{
		font-family: 'Roboto Slab', serif!important;
		font-size: 40px!important;
		margin: 0%!important;
		padding: 0;

	}

	.content-add{
		margin: 2%!important;
		padding: 2%!important;
		width: 100%;
		border: 4px solid #f1c500;
		text-align: left;
	}

	.content-add div{
		margin: 1%;
		padding: 1%;
	}

	.content-add label{
		font-family: 'Poppins', sans-serif;
		font-size: 23px;
	}
	.content-add input{
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
		width: 100%;
		border-radius: 5px;
		border:2px solid #67a767;
		padding: 0.5%;
	}

	.content-add select{
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
		width: 100%;
		border-radius: 5px;
		border:2px solid #67a767;
		padding: 0.5%;
	}

	.content-add button{
		margin: 0;
		padding: 1%;	
		width:30%;
		border: none;
		border-radius: 5px;
		color: #fff;
		background-color: #67a767;
		font-family: 'Poppins', sans-serif;
		letter-spacing: 1px;
		font-size: 18px;
		float: right;

	}

	.content-add i{
		padding: 0% 0% 0% 5%;

	}

	.btn-return{
		border: none;
	    padding: 1%;
	    float: right;
	    margin: 0% 0% 1% 0%;
	    width: 25%;
	    font-family: 'Poppins', sans-serif;
	    color: #fff;
	    font-size: 18px;
	    border-radius: 10px 10px 10px 10px;
	    background-color: #333;
	} 
	.btn-return i{
		padding: 0% 0% 0% 5%;

	}

	@media(max-width: 990px){
		.content-add button{
			width: 100%;
		}

		.btn-return{
		width: 80%;
		float: none;
		}

		.txt-vacant{
		font-family: 'Roboto Slab', serif!important;
		font-size: 30px!important;
		margin: 0%!important;

		}
	}

/******************* CONTACTO  ****************************/

	.contact table{
		width: 100%;
		text-align: left;
	}

	.contact td{
		width: 100%;
	}

	.contact input, select, textarea{
		width: 100%;
		margin-bottom: 2%;
		height: 50px;
		padding: 1%;
		font-size: 20px;
	}

	.contact span{
		color: red;
	} 

	.contact button{
		width: 50%;
		background-color: #333;
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 20px;
	}

	.g-recaptcha{
		display: flex;
		justify-content: center;
		margin: 0% 0% 2% 0%; 
	}

	.frame-maps{
		width: 100%;
		height:100%;
		padding: 10%;
		border: none;

	}
	@media(max-width: 767px){
		.img-disable {
    		display: none!important;
		}
	}
	@media(max-width: 625px){
		.img-disable {
    		display: none!important;
		}
	}

	@media(max-width: 990px){
		.g-recaptcha{
		display: initial;
	    /* justify-content: center; */
	    margin: 0% 0% 2% 0%;
	    position: absolute;
	    left: -26px;
		}

		.contact button{
			margin-top: 38%;
	}
	}

/*** footer ***/

	.footer{
		background-color: #000;
		margin: 0%;
		padding: 2% 0%; 
	}

	.footer ul{
		font-family: 'Poppins', sans-serif;
		list-style: none;
		margin: 0%;
		padding: 0%;
		color: #ffffff82;
		font-size: 13px;
		letter-spacing: 0.5px;
		text-align: center;
	}

	.footer li{
		margin-bottom: 7px;
		cursor: pointer;
	}

	.footer span{
		margin-right: 5px;
	}

	.footer li:hover {
		color: #fff;
	}
	.footer p{
		text-align: center;
	    padding: 0% 0%;
	    margin: 0%;
	    color: #ffffff40;
	    font-size: 12px;
	    cursor: pointer;
	}

	.footer p:hover{
		color: #fff;
	}