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

}
.row{
 	margin: 0%;
 	padding: 0%;
 	justify-content: center;
}

/*** INICIO ***/
 
	.container-sections{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		background-color: #fff;
		display: flex;
		position: relative;
	}

	.body-coontent{
		width: 100%;
		padding: 0%;
		margin: auto;
	}

	.body-lateral-content{
		width: 0%;
		height: 100%;
		padding: 0%;
		background-color: #ffffffd6;
		margin: auto;
		position: absolute;
		display: flex;
		top: 0%;
		right: 0%;
		opacity:0;
		transition: 0.8s;
	}

	.body-id{
		background-color: #0000;
	}

	.dicard-logo{
		position: absolute;
		font-family: 'Questrial', sans-serif;
		bottom: 0.5%;
		right: 1%;
		color: #ffffff29;
		font-size: 12px;
		letter-spacing: 1px;
	}

	.dicard-logo:hover{
		color:#fff;
	}

	/*** ETERPRISE LOGO ***/

		.enterprise-logo{
			margin: auto;
			padding: 0%;
			display: flex;
		}

		.enterprise-logo img{
		    margin: 0% auto;
		    padding: 0%;
		    width: 53%;
		    cursor: pointer;
		    opacity: 0.6;
		}

		@media(max-width:720px){
			.enterprise-logo img{
				
			}
		}

	/*** PICTURE **/

		.picture-id{
			margin: auto;
			width: 100%;
			padding: 0%;
			display: flex;
		}

		.picture-id img{
			margin: 0% auto;
			padding: 0%;
			width: 200px;
			height: 200px;
			border-radius: 100%;
			cursor: pointer;
			border: 4px solid #0084b7d9;
			box-shadow: 0px 0px 10px #0006;

		}

		@media(max-width:720px){
			.picture-id img{
				width: 200px;
				height: 200px;
				border: 3.5px solid #0084b7d9;
			}
		}

	/*** INFO ***/

		.info-id{
			width: 100%;
			margin: 0%;
			padding: 0%;
		}

		.info-id h1{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			margin: 5% auto 0% auto;
			padding: 0%;
			text-align: center;
			font-size: 30px;
			color: #333;
			letter-spacing: 0.5px;
		}

		.info-id h2{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			margin: 0% auto 0% auto;
			padding: 0%;
			text-align: center;
			font-size: 22px;
			color: #333;
			letter-spacing: 0.5px;
		}

	/*** SERVICES ***/

		.services-id{
			width: 100%;
			margin: 0%;
			padding: 0%;
			text-align: center;
		}

		.services-id button{
			font-family: 'Questrial', sans-serif;
			width: 60%;
			margin: 5% auto;
			padding: 0%;
			text-align: center;
			font-size: 22px;

			color: #fff;
			background-color: #0084b7d9; 
			border-radius: 5px;
			letter-spacing: 1px;
			border: none;
			outline: none;
			cursor: pointer;
		}

	/*** CONTACT ***/

		.contact-id{
			width: 100%;
			margin: 5% 0% 0% 0%;
			padding: 0%;
			text-align: center;
		}

		.contact-id ul{
			width: 100%;
			margin: 0%;
			padding: 0%;
			display: flex;
			list-style: none;
			justify-content: center;
		}

		.contact-id li{
			width: 50px;
			height: 50px;
			display: flex;
			background-color: #ffffffde;
			margin: 0% 2%;
			border-radius: 5px;
		}

		.contact-id i{
			margin: auto;
			font-size: 28px;
			color:#333;
		}
		
	/*** LATERAL CONTENT ***/

		.laterl-content-resume{
			margin: auto;
			width: 100%;
			height: 100%;
			padding: 0%;
			
		}

		.active-lateral-content{
			display: flex;
			width: 100%;
			opacity: 1;
			transition: 0.8s;
		}

		.row-lateral-content{
			display: none;
			margin: auto;
			height: 100%;
			width: 100%;
		}

		.close{
			color: #000;
			position: absolute;
			right: 10%;
			top: 5%;
			z-index: 2;
			cursor: pointer;
		}


		.active-row-lateral-content{
			display: block;
		}

		/*** RESUME CONTENT ***/

		.resume-content{
			margin: auto;
			width: 100%;
			height: 100%;
			padding: 0%;
			display: none;
		}

		.resume-content h1{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: auto;
 			color: #333;
 			text-align: center;
 			font-size: 32px;
		}

		.resume-content h2{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: auto;
 			text-align: center;
 			color: #333;
 			font-size: 22px;
		}

		.resume-content p{
			font-family: 'Questrial', sans-serif;
			width: 80%;
			padding: 5% 5% 5% 5%;
			letter-spacing:0.5px;
 			margin: auto;
 			text-align: center;
 			color: #333;
 			font-size: 15px;
		}


		/*** SERVICES CONTENT ***/

		.services-content{
			margin: auto;
			width: 100%;
			height: 100%;
			padding: 0% 10%;
			display: none;
		}

		.services-content h2{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: 5% auto 10% auto;
 			text-align: center;
 			color: #333;
 			font-size: 23px;
 			line-height: 30px;
 			cursor: pointer;
		}

		.services-content p{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: 0% auto 5% auto;
 			text-align: center;
 			color: #333;
 			font-size: 18px;
 			cursor: pointer;	
		}

		.services-content h2>i{
			font-size: 18px;
		}

		.services-content form {
			margin: 0%;
			width: 100%;
			text-align: center;
		}

		.services-content input,select,textarea{
			font-family: 'Questrial', sans-serif;
			width: 85%;
			margin: 2% 0% 5% 0%;
			padding: 1.5% 2%;
			border-radius: 5px;
			border:0.5px solid #b9e5ff;
			outline: none!important;
			font-size: 18px;
			background: #fff;
		}

		.services-content button{
			font-family: 'Questrial', sans-serif;
		    width: 80%;
		    padding: 1.5% 0%;
		    border: none;
		    border-radius: 5px;
		    background: #ffaaaa;
		    color: #fff;
		    font-size: 18px;
		    letter-spacing: 1px;
		    margin: 2% 0% 0% 0%;
		}

		.services-content-2{
			margin: auto;
			width: 100%;
			height: 100%;
			padding: 0% 10%;
			display: none;
		}

		.services-content-2 h2{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: 10% auto 5% auto;
 			text-align: center;
 			color: #333;
 			font-size: 20px;
 			line-height: 30px;
 			cursor: pointer;
		}

		.services-content-2 p{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: 0% auto 5% auto;
 			text-align: center;
 			color: #333;
 			font-size: 18px;
 			cursor: pointer;	
		}

		.services-content-2 h2>i{
			font-size: 18px;
		}

		.services-content-2 form {
			margin: 0%;
			width: 100%;
			text-align: center;
		}

		.services-content-2 input,select{
			font-family: 'Questrial', sans-serif;
		    width: 85%;
		    margin: 2% 0% 5% 0%;
		    padding: 1.5% 2%;
		    border-radius: 5px;
		    outline: none!important;
		    font-size: 18px;
		    background: #fff;
		    border: 0.5px solid #2696c27a;
		}

		.services-content-2 button{
			font-family: 'Questrial', sans-serif;
		    width: 30%;
		    padding: 1.5% 0%;
		    border: none;
		    border-radius: 5px;
		    background: #2696c2;
		    color: #fff;
		    font-size: 18px;
		    letter-spacing: 1px;
		    margin: 2% 0% 0% 0%;
		    right: 8%;
		}

		.services-content-2 img{
			width: 40%;
		    margin: 5% auto;
		    display: block;
		}

		.services-content-2 span {
		    font-size: 20px;
		    text-align: left;
		    display: block;
		    padding-left: 8%;
		}

		/*** SERVICES CONTENT ***/

		.share-content{
			margin: auto;
			width: 100%;
			height: 100%;
			padding: 0%;
			display: none;
		}

		.share-content h2{
			font-family: 'Questrial', sans-serif;
			width: 100%;
			letter-spacing: 0.5px;
 			margin: 5% auto 10% auto;
 			text-align: center;
 			color: #333;
 			font-size: 22px;
 			cursor: pointer;
		}

		.share-content h2>i{
			font-size: 18px;
		}


		/*****/

		.active-content{
			display: flex;
		}

		.btn-buenfin {
		    width: 8%;
		    position: absolute;
		    right: 1%;
		    top: 1%;
		    border: none;
		    z-index: 5;
		    cursor: pointer;
		}

		.modal-content{
			padding: 15% 10%;
		}