html,body{
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
.row{
	margin-bottom: 0%;
	justify-content: center;
}

body.swal2-height-auto {
  padding-right: 0%!important;
}

.modal-open{
	padding-right: 0%!important;
}

 @media( max-width: 375px ){
 	.g-recaptcha{
 		display: none;
	}
 }


.read-less-btn{
	padding: 10px 10px;
	cursor: pointer;
}

.read-more-btn{
	padding: 10px 10px;
	cursor: pointer;
}

.read-more{
	display: none!important;
}


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

.formulario{
	text-align: center;
    margin: 15% 5%;
    padding: 5% 5% 5% 5%;
    box-shadow: 0px 0px 15px -5px #000000;
    margin-bottom: 0%;
    background-color: #fff;
    border-radius: 5%;
    margin-bottom: 10%;
}
.formulario form{

}
.formulario span{
	font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #dd9d2d;
}
.formulario h5{
	font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    color: #212121;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin: 2% 0% 5% 0%;
    padding: 0%;
    line-height: 35px;
}

.formulario input, select{
  	width: 95%!important;
    margin: 3% 0% 2% 0%!important;
    border: none!important;
    border-bottom: 1px solid #ddd!important;
    padding: 1%!important;
    border-radius: 0px!important;
}

.formulario textarea{
	width: 95%;
    margin: 3% 0% 2% 0%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 1%;
    border-radius: 0px;
}
#btn-calltoaction{
    font-family: 'Ubuntu', sans-serif;
    margin: 2% 1% 1% 1%;
    padding: 2% 3%;
    font-size: 20px;
    border: none;
    border-radius: 30px;
    outline: none!important;
    background-color: #e1b804;
    color: #212121;
    letter-spacing: 0px;
    font-weight: bold;
    width: 50%;
    box-shadow: 0px 0px 15px -5px #00000038;
}
/***CAROUSEL IN VERTICAL *****/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

/*** notice ***/
	.notice{
		position: absolute;
	    top: 7%;
	    right: 4%;
	    z-index: 5;
	    background: #0000;
	    border: #0000;
	    color: #ffffffb8;
	    font-size: 16px;
	    outline: none!important;
	}

	.notice:hover {
		color: #e9a825;
	}


	@media( max-width: 425px ){
	 	.notice{
	 		display: none;
		}
 	}

 	.fond{
 	width: 100%;
	 height: 100vh;
    margin-top: 5%;
    padding: 0% 0% 0% 0%;
    background-image: url(../images/slider/personas-0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
 	}

/***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: 305px;
		height: 90px;
		display: flex;
		outline: none!important;
		display: none;
	}

	.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;
		}
		.dinamic-wha span {
			display: none;
		}
	}

/*** HEADER ***/

	/*** PC ***/

		.header-pc{
			width: 100%;
			margin: 0%;
			padding: 0%;
			position: fixed;
			background-color: #fff;
			top: 0%;
			font-family: 'Roboto Condensed', sans-serif;
			z-index: 5;
			box-shadow: 0px -5px 14px 1px #000;
		}

		.content-head-1{
			width: 100%;
			padding: 0.5% 5%;
			margin: 0%;
			background-color: #111;
			display: flex;
		}

		.content-head-1 p{
			margin: 0% 1%;
		    padding: 0%;
		    color: #ffffffb8;
		    letter-spacing: 0.5px;
		    font-size: 18px;
		    width: fit-content;
		}

		.content-head-2{
			width: 100%;
			padding: 0% 7%;
			margin: 0%;
			background-color: #fff;
			justify-content: space-between;
			text-align: center;
			display: flex;
			animation-delay: 1s;
			transition: 0.3s;
		}
		.content-head-2:before{
			content: " ";
			position: absolute;
			height: 3px;
			width: 100%;
			top: 0;
			background-color: #fff;
			left: 0;
			right: 0;
			animation: mymove 5s ;
			animation-delay: 1s;
			transition: 0.3s;
		}
		@keyframes mymove {
			from {width: 0%;background-color: #dd9d2e; transition: 0.3s;;}
			to {width: 100%; background-color: #dd9d2e; transition: 0.3s;;}
		  }

		.content-head-2 img{
			width: 15%;
			padding: 1%;
			margin: auto 0%;
			transition: 0.5s;
		}

		.logo-action-active{
			transition: 0.5s;
			width: 12%!important;
		}

		.menu-pc{
			display: flex;
			list-style: none;
			width: 100%;
			justify-content:flex-end;
			margin: auto 0%;
		}
		#size-button{
			width: 20%;
		}
		.menu-pc li{
		    margin: 0.5% 1.5%;
		    cursor: pointer;
		    font-size: 18px;
		    letter-spacing: 0.5px;
		    align-self: center;
			color: #444;
		}
		.menu-pc li>button{
		    border: 2px solid #25d366;
		    color: #fff;
		    border-radius: 15px;
		    background-color: #25d366;
		    width: 100%;
		    padding: 3% 0%;
		    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
		    letter-spacing: 0.5px;
		    outline: none!important;
		    text-decoration: none!important;
		}

		.menu-pc li:hover i {
			color: #e9a825;
		}

		.menu-opc-active{
			color: #e9a825;
		}

		.btn-menu-mobile{
			display: none;
			margin: 0%;
		    border: none;
		    outline: none!important;
		    border-radius: 5px;
		    background-color: #0000;
		    font-size: 22px;
		    width: 100%;
		    text-align: right;
		    padding-right: 5%;
		}

		.content-colappse{
			width: 90%;
			margin: auto;
			padding: 2% 0% 0% 0%; 
			background-color: #fff;
		}

		.menu-mobil{
			margin: 0%;
			padding: 0%;
			list-style: none;
			text-align: left;
		}

		.menu-mobil li{
			margin-bottom: 1%;
			font-size: 20px;
		}


		.dropdown{
			position: relative;
		}

		.dropdown div{
			position: absolute;
		    width: 300px;
		    padding: 0% 0% 0% 0%;
		    margin: 0% 0% 0% 0%;
		    background-color: #fff;
		    opacity: 0;
		    visibility: hidden;
		    transition: all 0.0s ease 0s;
		    transform: translateY(-15px);
		    border-radius: 0px 0px 5px 5px;
		}

		.dropdown:hover div{
			opacity: 1;
		    visibility: visible;
		    padding: 25% 0% 0% 25%;
		    transition: all 0.3s ease 0s;
		    transform: translateY(0px);
		    border-bottom: #e9a82575 solid 1.5px;
    		border-left: #e9a82575 solid 1.5px;
		}

		.dropdown p{
			color: #333!important;
			text-align: left;
		}

		.dropdown p:hover{
			color: #e9a825!important;
		}


	@media(max-width: 1024px){

		.content-head-1 p {
			font-size: 15px;
		}

		.menu-pc li {
		    margin: 0.5% 1.5%;
		    font-size: 15px;
		}


	}


	@media(max-width: 990px){
		.accordion{
	    padding: 0% 0%;
	    margin: 5% auto;
	    font-family: 'Ubuntu', sans-serif;
	    border-radius: 10px;
	    width: 90%;
		}
		.btn-link:hover, .btn-link, .btn-link:focus{
		   text-decoration:none;
		}
		.content-questons h2 {
		font-size: 30px!important;
		}
		.btn-link {
		    font-weight: 400;
		    color: #111;
		    text-decoration: none;
		    font-weight: normal;
		    font-size: 1.2rem;
		    text-align: left;
		    outline: none;
		    text-decoration: none;	    
		    font-family: 'Ubuntu', sans-serif;
		}
		.btn-link:hover{
			text-decoration: none!important;
			outline: none!important;
			color: #000;
		}
		.header-pc{
			position: relative;
		}

		.content-head-1{
			padding: 0% 1%;
			justify-content: center;
			position: fixed;
		}

		.content-head-1 p{
			margin: 0%;
		    padding: 1%;
		    font-size: 12px;
		}

		.content-head-2 {
			padding: 2% 0%;
			display: block;
			position: relative;
			top: 40px;
			-webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 15%);
		}

		.content-head-2 img{
			    width: 13%;
			    padding: 0% 0% 0% 0%;
			    position: absolute;
			    left: 0;
			    right: 0;
			    margin: 0% auto;
		}

		.logo-action-active{
			transition: 0.5s;
			width: 25%!important;
		}
		.formulario{
    		position: relative;
    		top: 5%;			
		}

		.menu-pc{
			display: none!important;
		}

		.btn-menu-mobile{
			display: block;
		}

		.dropdown:hover div{
			position: relative;
		}

		.dropdown:hover div{
			opacity: 1;
		    visibility: visible;
		    padding: 0% 0% 0% 5%;
		    transition: all 0.3s ease 0s;
		    transform: translateY(0px);
		}

		@media(max-width: 425px){

			.content-head-1 {
				background-color: #e1b804;
			    padding: 0% 1%;
			    justify-content: space-around;
			}

			.content-head-1 p {
			    margin: 5px 0px;
			    font-size: 18px;
				cursor: pointer;
				width: 100%;
				text-align: center;
				padding: 1% 0%;
				color: #111;
				font-weight: bold;
				letter-spacing: 1px;
			}

			.content-head-1 p>span {
			    display: none;
			}

			.content-head-2 img{
			    width: 20%;
			    padding: 0% 0% 0% 0%;
			    position: absolute;
			    left: 0;
			    right: 0;
			    margin: 0% auto;
			}
		}

	}

/*** BANNER ****/

	.content-banners{
		width: 100%;
		margin: 5.5% 0% 0% 0%;
		padding: 0%;
		position: relative;
	}

	.content-banners img{
		width: 100%;
		margin: 0%;
		padding: 0%;
	}

	.content-banners h1{
		font-family: 'Roboto Condensed', sans-serif;
	    font-weight: bold;
	    width: 50%;
	    height: 100%;
	    position: absolute;
	    display: flex;
	    top: 4%;
	    margin: 0%;
	    background-color: #0000;
	    color: #fff;
	    text-align: center;
	}

	.span-1{
		margin: auto;
		font-size: 55px;
		padding: 5% 10%;
	}

	.span-2{
		margin: auto 0%;
	    padding: 0% 0% 0% 5%;
	    font-size: 52px;
	    text-align: center;
	}

	.span-3{
		margin: auto;
		padding: 5% 0%;
		/* font-size: 55px; */
		position: absolute;
		width: 70%;
		top: 8.5em;
		text-align: center;
	}

	.span-3 h1{
		font-family: 'Roboto Condensed', sans-serif;
		position: relative;
		margin: 0 auto;
		font-size:5em;
		width:100%;
		padding:0% 10%;
	}

	.span-3 p{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: 0.5px;
		color: #ddd;
	}
	.span-3 hr{
	}

	.span-4{
		margin: 8% 0% 0% 6%;
    	padding: 5% 0%;
    	font-size: 70px;
	}

	.span-5{
		margin: auto;
		padding: 5% 5%;
		font-size: 60px;
	}

	.span-6{
		margin: auto;
		padding: 5% 5%;
		font-size: 60px;
	}

	.banners-enable{
		display: block;
	}

	.banners-disable{
		display: none;
	}

	@media( max-width: 1024px){
		.content-banners{
			margin: 5.5% 0% 0% 0%;
		}
		.content-banners h1{
			font-size: 50px;
		}
	}

	@media( max-width: 768px){
		.formulario{
			margin: 10% 5%;
		}
		.content-banners{
			margin: 1% 0% 0% 0%;
		}
		.content-banners h1{
			font-size: 45px;
		}
	}

	@media( max-width: 425px){
		.content-banners{
			margin: 0% 0% 0% 0%;
		}
		.content-banners h1{
			font-size: 55px;
		    top: 5%;
		    width: 100%;
		}
		.banners-enable{
			display: none;
		}

		.banners-disable{
			display: block;
		}
	}


/*** BUEN FIN ***/

		.modal-content{
			position: relative;
			background-color: #fff;
		}

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

		.modal-content-img{
			width: 100%;
			/*border-radius: 5px;*/
		}

		.form-buenfin{
			/*position: absolute;
			top: 57%;*/
			right: 0%;
			width: 100%;
			text-align: center;
		}

		.promo{
		    font-family: 'Roboto Condensed', sans-serif;
		    font-size: 25px;
		    padding: 5% 5% 5%;
		    text-align: center;
		    margin: 0%;
		}

		.form-buenfin input,textarea{
			width: 100%;
		    padding: 1%;
		    margin: 1% 0% 1% 0%;
		    border-radius: 5px;
		    border: 0.5px solid #ddd;
			outline: none;
			font-size: 20px;
			background: #fff;
		}

		.form-buenfin textarea{
			height: 70px;
		}

		.form-buenfin button{
		    font-family: 'Roboto Condensed', sans-serif;
		    width: 30%;
		    padding: 1.5%;
		    margin: 1.5% 2% 0% 2%;
		    border: none;
		    border-radius: 5px;
		    outline: none;
		    font-size: 18px;
		    letter-spacing: 0.5px;
		    background: #111;
		    color: #fff;
		}
		.form-buenfin button:hover{
			background-color: #111;
			color: #fff;
		}


/*** SLIDER ***/

	.slider-1{
		margin: 7.5% 0% 1% 0%;
		position: relative;

	}

	.slider-1 h1{
		position: absolute;
	    left: 0%;
	    bottom: 6%;
	    font-family: 'Poppins', sans-serif;
	    margin: 0% 0% 0% 0%;
	    padding: 0.5% 1%;
	    font-weight: bold;
	    color: #333;
	    width: 100%;
	    text-align: center;
	    font-size: 70px;
	    background-color: #dd9f32;
		}


		.slide-on{
			display: block;
		}

		.slide-off{
			display: none!important;
		}

	@media(max-width: 2560px){
		.span-3 h1 {
			font-size: 6em;
		}
		.menu-pc li {
			font-size: 1.4em;
		}
		.formulario input, select {
			font-size: 1.4em;
		}
		.content-prices h2 {
			font-size: 60px!important;
		}
		.content-tests p {
			font-size: 1.5em;
		}
		.content-tests ul>li>div>h3 {
			font-size: 1.6em!important;
		}
	}
	
	@media(max-width: 1440px){

		.slider-1 h1{
			font-size: 62px;
		}
		.span-3 h1 {
			font-size: 5em;
		}
		.menu-pc li {
			font-size: 1.2em;
		}
		.formulario input, select {
			font-size: 1em;
		}
		.content-prices h2 {
			font-size: 40px!important;
		}
		.content-tests p {
			font-size: 1.2em!important;
		}
		.content-tests ul>li>div>h3 {
			font-size: 1.2em!important;
		}
	}

	@media(max-width: 1024px){

		.slider-1{
			margin: 8% 0% 0% 0%;
		}

		.slider-1 h1{
			font-size: 40px;
		}

	}

	@media(max-width: 768px){

		.slider-1{
			margin: 12% 0% 0% 0%;
		}

		.slider-1 h1{
			font-size: 30px;
		}

	}

	@media(max-width: 425px){

		.slider-1 {
		    margin: 10% 0% 0% 0%;
		}

		.slide-on{
			display: none!important;
		}

		.slide-off{
			display: block!important;
		}

	}

/*** BODY ***/

	.content-page{
		 width: 100%;
		 margin: 0%;
		 padding: 0%;
	}

	.content-banner{
		margin: 10% 0% 0% 0%;
		padding: 0% 15%;
		width: 100%;
		text-align: center;
	}

	.content-banner h2{
		font-family: 'Roboto Condensed', sans-serif;
		color: #333;
		font-size: 45px;
		font-weight: bold;
		width: 100%;
		margin-bottom: 3%;
	}

	.content-banner p{
		font-family: 'Roboto Condensed', sans-serif;
	    color: #333;
	    font-size: 20px;
	    width: 100%;
	    font-weight: bold;
	    letter-spacing: 0.5px;
	    text-align: left;
	    margin:0%;
	}

	.content-banner ul{
		list-style: none;
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: left;
	}

	.content-banner li{
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 20px;
	    letter-spacing: 0.5px;
	    color: #333;
	    margin: 0% 0% 2% 0%;
	    width: 100%;
	    padding: 0% 0% 0% 0%;
	    cursor: pointer;
	}

	.content-banner table{
		width: 100%;
		margin: 10% 0% 0% 0%;
		padding: 0%;
		text-align: center;
	}


	.content-banner i{
 		width: 20px;
 		height: 20px;
 		margin-left: -15px;
 		margin-right: 5px;
	}



	.content-form-1{
		width: 100%;
		border-radius: 5px;
		text-align: left;
	}

	.content-form-1 h2{
		font-family: 'Roboto Condensed', sans-serif;
		color: #333;
		font-size: 45px;
		width: 100%;
		text-align: center;
		margin: 0%;
		padding: 3% 0%;
	}

	.content-form-1 form{
		width: 100%;
	}

	.content-form-1 input, textarea,select{
		width: 100%;
		margin: 1% 0%!important;
		padding: 1%;
		border-radius: 5px;
		border: 1.5px solid #ddd;
		outline: none;
	}

	.content-form-1 button{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		width: 20%;
		font-size: 22px;
		border-radius: 5px;
		border:none;
		color: #fff;
		background-color: #000;
		letter-spacing: 0.5px;
		padding: 1% 1%;
		margin: 2% 20% 2% 60%;
	}

	.content-form-1 span{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 20px;
		color: #000;
	}

  .section-02 {
      width: 100%;
      margin-top: 2%;
      padding: 5% 8% 0% 8%;
      /* background: linear-gradient(0deg, #f1f1f1, white); */
  }
  .section-02 img{
    width: 100%;
  }

  .section-02 span{
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 1px;
      color: #e3bd13;
  }

  .section-02 h2{
      font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    color: #212121;
    letter-spacing: 0.5px;
    text-align: left;
    font-weight: bold;
    width: 100%;
    margin: 2% 0% 5% 0%;
    padding: 0%;
    line-height: 35px;
  }

  .section-02 p {
        font-family: 'Roboto Condensed', sans-serif;
      font-size: 20px;
      color: #212121;
      font-weight: bold;
      letter-spacing: 0.5px;
      margin: 0%;
      padding: 0%;
  }

  .section-02 ul{
    width: 100%;
    margin: 0%;
    padding: 0px 0px 0px 0px;
    list-style: none;
    
  }

  .section-02 ul>li{
      font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    position: relative;
    padding: 0px 0px 0px 30px;
  }

  .section-02 ul>li>i{
    position: absolute;
    left: 0;
    color: #e2ba0c;
    margin: 5px 0px 0px 0px;
  }

  .section-02 button{
      font-family: 'Roboto Condensed', sans-serif;
      margin: 5% 0% 0% 5%;
      padding: 1.5% 5%;
      font-size: 18px;
      border: none;
      border-radius: 50px;
      outline: none;
      background-color: #212121;
      color: #ffffff;
  }
    .section-04{
      width: 100%;
      padding: 5% 8% 5% 8%;
      background-color: #0000000a;
  	  margin-bottom: 0%;
  }

  .section-04 span{
    font-family: 'Roboto Condensed', sans-serif;
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 1px;
      color: #e3bd13;
  }

  .section-04 h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    color: #212121;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin: 1% 0% 5% 0%;
    padding: 0%;
    line-height: 35px;
  }

  .section-04 ul{
    width: 100%;
    margin: 0% 0% 0% 0%;
    padding: 0%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    list-style: none;
  }

  .section-04 ul>li{
    width: 30%;
      margin: 0%;
      background-color: #00000017;
      border-bottom: 3px solid #e9ce59;
      text-align: center;
      border-radius: 5px;
      transition: 0.3s;
      padding: 2% 2% 2% 2%;
      cursor: pointer;
  }

  .section-04 ul>li:hover{
      background-color: #0000000a;
      border-bottom: 3px solid #212121;
      border-radius: 5px;
      transition: 0.3s;
      transform: translateY(-15px);
      box-shadow: 0px 15px 10px #21212136;
  }

  .section-04 ul>li>img{
    width: 100%;
    padding: 0%;
    border-radius: 5px 5px 0px 0px;
  }

  .section-04 ul>li>h3{
    font-family: 'Roboto Condensed', sans-serif;
      width: 100%;
      padding: 0% 0% 5% 0%;
      margin: 0%;
      text-align: center;
      font-size: 17px;
      letter-spacing: 0.5px;
      font-weight: bold;
  }

  .section-04 ul>li>p{
    font-family: 'Roboto Condensed', sans-serif;
      font-size: 17px;
      letter-spacing: 0.5px;
      font-weight: bold;
      text-align: center;
      padding: 0% 5%;
      margin: 0%;
      color: #212121d9;
  }
  .btn-calltoaction-2 {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 5% 1% 1% 1%;
    padding: 1% 5%;
    font-size: 15px;
    border: none;
    border-radius: 30px;
    outline: none!important;
    background-color: #e1b804;
    color: #212121;
    letter-spacing: 0.5px;
    font-weight: bold;
}

	@media(max-width: 425px){
		.content-form-1 input, textarea,select{
			width: 100%;
			margin: 2% 0%!important;
			padding: 1%;
			border-radius: 5px;
			border: 1px solid #33333069;
			outline: none;
		}
		.content-form-1 button {
		    width: 100%;
		    font-size: 22px;
		    padding: 1% 1%;
		    margin: 10% 0% 5% 0%;
		}
		.section-04 ul>li {
    	   width: 100%;
    	   padding: 5%;
    	   margin-bottom: 10%;
    	}
    	.section-04 {
    		margin-right: 0%!important;
    	   	margin-left: 0%!important;
    	}
	}


	/** content description ***/

	.content-description{
		font-family: 'Roboto Condensed', sans-serif;
		width: 100%;
	    margin: 0%;
	    padding: 5% 12% 0% 12%;
	    text-align: center;
	}

	.content-description h1{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 32px;
		text-align: center;
		margin: 5% 0%;
	}

	.content-description h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 35px;
		text-align: left;
	}

	.content-description ul{
		list-style: none;
	    margin: 0%;
	    padding: 5% 5% 5% 0%;
	    text-align: left;
	}

	.content-description li{
		font-size: 20px;
		margin: 0% 0% 2% 0%; 
	}

	.content-description i{
		color: #e9a825;
	}

	.content-description img{
		width: 90%;
		border-radius: 10px;
	}

	.content-description button{
		padding: 1% 10%;
	    margin: 0%;
	    font-size: 21px;
	    border: none;
	    background: #e1a743;
    	color: #333;
	    border-radius: 5px;
	    font-weight: bold;
	    letter-spacing: 1.5px;
	    outline: none;
	    margin-top: 10%;
	    transition: 0.3s;
	}

	.content-description button:hover{
	    transition: 0.3s;
    	box-shadow: 0px 0px 5px #3333338f;
    	transform: scale(1.01);
	}



	.img-hiden-1{
		display: block;
	}

	.img-hiden-2{
		display: none;
	}

	.content-details{
		padding: 5% 15% 0% 15%;
		text-align: center;
		justify-content: center;
	}

	.content-details h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 32px;
		text-align: center;
		color: #333;
		margin: 0% 0% 5% 0%;
	}
	.content-details h3{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
		text-align: center;
		color: #333;
		margin: 0% 0% 5% 0%;
	}

	.content-details p{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 20px;
		width: 100%;
		padding: 5% 8%;
		margin: 0%;
		font-weight: bold;
		margin-bottom: 5%;
	}

	.content-details img{
		width: 75%;
	    padding: 2.5%;
	    border-radius: 100%;
	    background-color: #0000006e;
	    transition: 0.3s;
	}

	.content-details img:hover{
	    padding: 1%;
	    transition: 0.3s;
	    background-color: #dd9c2c;
	}

	.content-us{
		padding: 5% 15% 0% 15%;
		text-align: center;
		justify-content: center;
		background-color: #00000014;
	}

	.content-us h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 32px;
		text-align: center;
		color: #e9a825;
		margin: 5% 0% 5% 0%;
	}

	.content-us p{
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 22px;
	    width: 100%;
	    padding: 5% 8%;
	    margin: 0%;
	    text-align: left;
	    line-height: 45px;
	}

	.content-us img{
		width: 60%;
	}

	.content-icons{
		padding: 2% 15% 0% 15%;
		text-align: center;
		justify-content: center;
	}

	.content-icons img{
		width: 30%;
		margin-top: 10%;
		cursor: pointer;
	}

	.content-icons p{
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 20px;
	    padding: 5% 8%;
	    margin: 0%;
	    letter-spacing: 0.5px;
	    color: #333;
	    font-weight: bold;
	}

	.content-icons-hover{
		transition: 0.3s;
		cursor: pointer;
		position: relative;
	}

	.content-icons-hover span{
		position: absolute;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    background-image: url(../images/icons/circle.svg);
	    background-size: 10%;
	    background-position: 70% 60%;
	    background-repeat: no-repeat;
	    opacity: 0.1;
	    z-index: -1;
	    transition: 0.3s;
	}

	.content-icons-hover:hover span{
		opacity: 0.5;
		background-position: 70% 20%;
		transition: 0.3s;
	}

	.content-icons-hover:hover{
		transform: scale(1.03);
		transition: 0.3s;
	}


	.content-prices{
		padding: 5% 10% 5% 10%;
		text-align: center;
		justify-content: center;
		position: relative;
		background-image: url(../images/img/eval.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;

	}

	.fondo-00{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0.7;
		z-index: 0;
		left: 0;
		right: 0;
		top: 0;
	}

	.content-prices h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 46px;
		text-align: center;
		color: #222;
		margin: 2% 0% 2.5% 0%;
		padding: 0% 15%;
	}

	.content-prices img{
		width: 90%;
	}

	.content-prices h3{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 22px;
		padding: 5% 3% 2% 3%;
		height: 75px;
		color: #e9a825;
	}

	.content-prices h4{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
		padding: 5% 3% 2% 3%;
	}

	.content-prices b{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
		letter-spacing: 0.5px;
		color: #333;
	}
	.content-prices b>hr{
		width: 6%;
    	margin: 0.5rem auto;
    	border-top: 2.5px solid #e9a825;
	}

	.content-prices button{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		border-radius: 15px;
		border: none;
		padding: 0.5% 5%;
		margin: auto;
		font-size: 22px;
		color: #111;
		background-color: #e9a825;
		letter-spacing: 1px;
		outline: none!important;
		text-align: center;
		margin-top: 1em;
	}

	.content-prices i{
		color: #e9a825;
	}

	.content-prices span{
		color: #3f51b5;
		font-weight: bold;
	}

	.content-prices p{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.4em;
		color: #333;
		padding: 0% 15%;
	}

	.content-prices ul{
		list-style: none;
		text-align: left;
		height: 250px;
	}

	.content-prices li{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 20px;
		margin-bottom: 2%;
	}

	.btn-cotizar{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		border-radius: 5px;
		border:none;
		padding: 2% 5%;
		margin: 0% 0% 5% 0%;
		font-size: 22px;
		color: #fff;
		background-color: #157319;
		letter-spacing: 1px;
		outline: none!important;
	}

	.content-corporation{
		padding: 5% 15% 0% 15%;
		text-align: center;
		justify-content: center;
	}

	.content-corporation h2{
		font-family: 'Roboto Condensed', sans-serif;
	    font-weight: bold;
	    font-size: 32px;
	    text-align: center;
	    color: #333;
	    margin: 3% 0% 0% 0%;
	}

	.content-corporation img{
		width:80%;
		transition: 0.3s;
	}

	.content-corporation img:hover{
		width:80%;
		transform: scale(1.07);
		transition: 0.3s;
	}


	.content-banner-2{
		margin: 0% 0% 0% 0%;
	    padding: 2% 10%;
	    width: 100%;
	    text-align: center;
	    background-color: #cdcdcd;
	}

	.content-banner-2 div{
		margin: 0%;
	}

	.content-banner-2 h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 32px;
		text-align: center;
		color: #111;
		margin: 0% 0% 3% 0%;
	}

	.content-banner-2 h3{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 25px;
		text-align: center;
		color: #111;
		margin: 0% 0% 3% 0%;
	}

	.content-banner-2 button{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		border-radius: 5px;
		border:none;
		padding: 1% 3%;
		margin:auto;
		font-size: 22px;
		color: #111;
		background-color: #e9a825;
		letter-spacing: 1px;
		outline: none!important;
		text-align: center;
	}



	.content-banner-3{
		margin: 5% 0% 0% 0%;
	    padding: 2.5% 10%;
	    background-color: #dd9f32;
	    background-size: cover;
	    background-repeat: no-repeat;
	    width: 100%;
	    text-align: center;
		box-shadow: 0px 0px 5px #0000009c;
	}

	.content-banner-3 div{
		margin: 0%;
	}

	.content-banner-3 h2{
		font-family: 'Roboto Condensed', sans-serif;
	    font-weight: bold;
	    font-size: 32px;
	    text-align: center;
	    color: #333;
	    margin: 0% 0% 0% 0%;
	    letter-spacing: 0.5px;
	    line-height: 40px;
	}


	/*** JOB BOARD ***/

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

	.content-jobboard h2{
		font-family: 'Roboto Condensed', sans-serif;
	    font-weight: bold;
	    font-size: 38px;
	    text-align: center;
	    color: #333;
	    margin: 0% 0% 2% 0%;
	}

	.content-jobboard h3{
		font-family: 'Roboto Condensed', 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;
		}
		#tidio-chat{
			display: none;
		}
		.box-aplications ul{
			display: contents!important;
		}
		.box-aplications li{
			width: 100%!important;
		}
	}


	/*** JOB BOARD OPC ***/

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

	.jobboard-opc ul{
		font-family: 'Roboto Condensed', 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: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif;
	    font-size: 30px;
	    color: #333;
	    margin: 0% 0% 2% 0%;
	}

	.info-vacant h4{
		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-size: 22px;
		font-weight: normal;
		letter-spacing: 0.5px;
	}

	.info-vacant h5{
		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-size: 22px;
	    border: none;
	    outline: none;
	    border-radius: 5px;
	    padding: .5% 2%;
	    margin: 0%;
	    letter-spacing: 0.5px;
	    background-color: #e9a825;
	}
    


	.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: 'Roboto Condensed', 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: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif;
		width: 100%;
		margin: 0% 0% 2% 0%;
		padding: 0%;
		font-size: 22px;
		letter-spacing: .5px;
	}

	.content-modal-vacant h3{
		font-family: 'Roboto Condensed', 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: 'Roboto Condensed', 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: 'Roboto Condensed', 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: #e9a825;
	    width: 100%;
	}

	/* 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: 0.5%;
		    right: 1%;
		    z-index: 5;
		    background-color: #0000;
		    border: none;
		    outline: none!important;
		    font-size: 22px;
		    color: #ffffffa8;
		}

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


	/* CONTENT TESTS */

		.content-tests{
			width: 100%;
			margin: 4% 0% 0% 0%;
			padding: 0% 12%;
		}


		.content-tests img{
			width: 85%;
			margin: 0%;
			padding: 0%;
			border-radius: 5px 5px 0px 0px;
			position: absolute;
			/* bottom: 0em; */
			left: 0;
			right: 0;
			margin: 0 auto;
			bottom: 0;
		}

		.content-tests h1{
			font-family: 'Roboto Condensed', sans-serif;
			text-align: left;
			font-weight: bold;
			font-size: 40px;
			margin-top: 0.3em;
			color: #222;
		}
		.content-tests h2{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 2% 2%;
		    letter-spacing: 0.5px;
		    font-size: 25px;
		}

		.content-tests h3{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 1% 2%;
		    background: #de9f329c;
		    letter-spacing: 0.5px;
		    font-size: 15px;
		
		}

		.content-tests p{
			font-family: 'Roboto Condensed', sans-serif;
			width: 100%;
			margin: 0% 0% 0% 0%;
			padding: 2% 0%;
			font-size: 1.2em;
			text-align: left;
		}

		.content-tests span{
			float: right;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 15px;
			cursor: pointer;
		}

		.content-tests-hover{
			cursor: pointer;
			padding: 2% 5%;
			width: 100%;
			height: 100%;
			position: relative;
		}
		.content-tests-hover b{
			font-family: 'Roboto Condensed', sans-serif;
			text-align: left;
			letter-spacing: 0.5px;
			border-left: 5px solid #dd9c2c;
			padding-left: 1%;
			font-size: 1.2em;
			color: #333;
		}
		.content-tests-hover:hover h2{
			color: #e0a43e;
		}

		.content-tests-hover:hover span{
			/*color: #e0a43e;*/
		}

		.content-tests ul{
			padding: 0;
			margin: 0;
		}
		.content-tests ul>li{
			list-style: none;
			width: 100%;
			display: grid;
			grid-template-columns: 20% 80%;
			padding: 2% 0%;
			margin: 2% 0%;
			background: #fff;
			border: 1px solid #ddd;
			border-radius: 10px;	
			transition: 0.3s;	
		}
		.content-tests ul>li:hover{
			transform: translateY(-4px);
    		box-shadow: 0 12px 9px -5px rgb(0 0 0 / 12%), 0 10px 32px 0 rgb(0 29 124 / 12%);
			transition: 0.3s;		
		}


		.content-tests ul>li>span{
			width: 50px;
			height: 50px;
			background: #eee;
			border-radius: 100%;
			margin: 0 auto;
			display: flex;
			justify-content: center;
		}	
		.content-tests ul>li>span>i{
			align-self: center;
			font-size: 1.2em;
		}		
		.content-tests ul>li>div{
			padding: 0% 5% 0% 1%;
		}	
		.content-tests ul>li>div>h3{
			background: none;
			text-align: left;
			padding: 1% 0%;
			font-size: 1.2em;
			color: #333;
		}	
		.content-tests ul>li>div>p{
			text-align: left;
			color: #1c393d;
		}	

		#other-style{
			margin-top: 2em;
			grid-template-columns: 50% 50%;
			border: none;
		}
		#other-style:hover{
			transform: translateY(0px);
    		box-shadow: none;
			transition: 0.3s;		
		}

		#other-style button{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			border-radius: 10px;
			border: none;
			padding: 2% 5%;
			margin: auto;
			font-size: 22px;
			color: #111;
			background-color: #e9a825;
			letter-spacing: 1px;
			outline: none!important;
			text-align: center;
			width: 90%;
		}
		#other-style div{
			padding: 0% 0% 0% 10%;
		}
		#other-style div>span{
			width: 45px;
			height: 45px;
			background: #eee;
			border-radius: 100%;
			float: left;
			display: flex;
		}
		
		#other-style div>p{
			font-size: 1.5em;
		}

		#other-style div>span>i{
			margin: auto;
			font-size: 1.5em;
			transform: rotate(-45deg);
		}
		#read{
			cursor: pointer;
		    text-decoration: none;
		    outline: none;
		    color: #111;
		    font-weight: bold;
		    opacity: 0.8;
		}

	/** QUESTIONS **/

		.content-questons{
			padding: 4% 10% 0% 10%;
			justify-content: center;
		}

		.content-questons h2{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			font-size: 38px;
			text-align: center;
			color: #333;
			margin: 0% 0% 3% 0%;
		}

		.content-info-question{
			width: 100%;
			display: flex;
			margin: 0% 0% 2% 0%;
			padding: 0%;
		}

		.content-info-question i{
			margin: auto 0%;
			font-size: 22px;
		    padding: 10px;
		    color: #333;
		    background: #dd9f32;
		    border-radius: 5px;
		}

		.content-info-question h3{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: bold;
			font-size: 22px;
			color: #333;
			margin: 0% 0% 2% 0%;
			padding: 2% 2%;
		}

		.content-questons span{
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 15px;
			color: #333;
			font-weight: normal;
		}

	/** box-aplications **/

		.box-aplications {
			padding: 4% 10% 0% 10%;
		}


		.box-aplications h2 {
		    font-family: 'Roboto Condensed', sans-serif;
		    font-weight: bold;
		    font-size: 38px;
		    text-align: center;
		    color: #333;
		    margin: 0% 0% 3% 0%;
		}


		.box-aplications ul{
			width: 100%;
			margin: 0%;
			padding: 0%;
			display: flex;
			justify-content: space-between;
			list-style: none;
			border-radius: 5px;
		}

		.box-aplications ul>li{
			font-family: 'Roboto Condensed', sans-serif;
			width: 24%;
			text-align: center;
			position: relative;
			border-radius: 5px;
		}

		.box-aplications ul>li>img{
			width: 100%;
			border-radius: 5px;
		}

		.box-aplications li>span{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			background-color: #00000073;
			left: 0%;
			transition: 0.3S;
			display: flex;
			border-radius: 5px;
		}

		.box-aplications li>span>p{
			margin: auto;
		    padding: 0%;
		    color: #ffffff;
		    font-size: 28px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		}

		.box-aplications li>span:hover{
			background-color: #000000a8;
			color: #fff;
			transition: 0.3S;
		}

	/* CONTENT ADMIN  */

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

		.content-jobboard td{
			padding: 1% 1%;
		}

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

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

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


	/***  CONTENT CHART  ***/

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

		.box-chart{
			border: 1.5px solid #e6b869;
			border-radius: 10px;
			background-color: #fff;
			padding: 3%;
			margin-bottom: 25px;
		}

		.box-chart h2{
			font-family: 'Roboto Condensed', sans-serif;
		    font-size: 25px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    width: 100%;
		    padding: 0px 0px 10px 0px;
		    margin: 0px 0px 20px 0px;
		    border-bottom: 2px solid #33333359;
		}



	@media( max-width: 990px){
		.slide-off {
			display: block!important;
		}
		.span-3{
			display: none;
		}
				
		.content-tests{
			padding: 0% 5%;
		}
		.content-tests p {
			padding: 3% 0%;
			font-size: 18px;
		}
		.content-tests span{
			font-size: 18px;
		}
		.content-info-question i{
			display: none;
		}

		.content-banner{
			margin: 0% 0% 0% 0%;
		}
		.resp-0{
			padding: 0% 4%!important;
		}

		.content-banner h2{
			font-size: 35px;
			margin-top: 25%;
		}

		.content-banner li{
			font-size: 18px;
		}

		.content-form-1{
			margin: 10% 0%;
		}

		.content-form-1 button{
			font-size: 18px;
		}	

		.content-form-1 span{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		color: #000;
		}

		.content-description h2 {
		    font-size: 28px;
		    text-align: center;
		}

		.content-description li {
		    font-size: 18px;
		    margin: 0% 0% 5% 0%;
		}

		.content-description button {
		    width: 80%;
		    margin-bottom: 10%;
		}

		.img-hiden-1{
			display: none!important;
		}

		.img-hiden-2{
			display: block;
		}

		.content-description img {
		    margin: 2% 0% 15% 0%;
		    width: 100%;
		}

		.content-details h2{
			font-size: 28px;
		}

		.content-details p{
			font-size: 18px;
		}

		.content-us h2{
			font-size: 20px;;
		}

		.content-us p{
		    font-size: 15px;
		    text-align: center;
		    line-height: 25px;
		    padding: 5% 0%;
		}

		.content-prices h2{
			font-size: 28px;
			margin: 5% 0% 5% 0%;
			padding: 5% 0%;
			margin-top: 0;
		}

		.content-prices h3{
			font-size: 20px;
		}

		.content-prices h4{
			font-size: 18px;
		}

		.content-prices p {
		    font-size: 18px;
		    text-align: justify;
		    padding: 0;
		}

		.content-prices ul{
			height: auto;
			margin: 0%;
			padding: 0%;
		}

		.content-prices li{
			font-size: 15px;
		}

		.btn-cotizar{
			font-size: 20px;
			margin: 5% 0% 10% 0%;
		}

		.content-corporation h2{
			font-size: 28px;
		}

		.content-corporation img {
		    padding: 10%;
		}

		.content-banner-2 h2{
			font-size: 20px;
		}

		.content-banner-2 h3{
			font-size: 15px;
		}

		.content-banner-2 button{
		    font-size: 1.2rem;
		    margin: 5% 0%;
		    width: 100%;
		    padding: 5%;
		    letter-spacing: 0.5px;
		}

		.content-banner-3 h2{
			font-size: 20px;
			line-height: 28px;
		}

		.content-icons p {
		    font-size: 18px;
		    padding: 5% 8% 10% 8%;
		}

		.content-questons {
    		padding: 5% 5% 0% 5%;
		}
		.content-tests img {
			position: relative;
			width: 100%;
		}
		#other-style div {
			padding: 0%;
		}
		.content-prices button {
		    width: 65%;
			padding: 2% 5%;
		}
		.formulario h5 {
			letter-spacing: 0!important;
		}
		@keyframes mymove {
			from {width: 0%;background-color: #e1b804; transition: 0.3s;;}
			to {width: 100%; background-color: #e1b804; transition: 0.3s;;}
		  }
		.formulario input, select {
			font-size: 1.1em;
		}
		#btn-calltoaction {
			width: 65%;
		}
		#other-style {
			grid-template-columns: 1fr;
		}
		.fond {
			background-image: url(../images/slider/slide-mobil.jpg);
		}
		.content-prices {
		    background-image: url(../images/img/eval-m.jpg);
			background-attachment: local;
		}
	}

	@media(max-width: 425px ){

		.content-banner h2 {
		    font-size: 35px;
		    margin-top: 40%;
		}
		.span-1 {
		    margin: auto;
		    font-size: 55px;
		    padding: 0% 10%;
		    color: #eee;
		    line-height: 70px;
		}
		.promo{
			font-size: 18px;
			padding: 5% 0% 5%;
		}
		.modal-dialog{
			max-width: 90%!important;
		}
		#modal-1{
			padding-right: 0%!important;
		}
		.btn-buenfin {
		    width: 7%;
		    position: absolute;
		    right: 0%;
		}
	}

/*** FOOTER ***/

	.footer{
		background-color: #000;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 1% 0%;
		color: #ffffff40;
		font-size: 16px;
		cursor: pointer;
	}

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

	.footer div{
		margin: 0%;
	}

	@media( max-width: 990px ){
		.footer{
			font-size: 10px;
		}
	}