body,html{
	width: 100%;
	margin: 0%;
	padding: 0%;
}
.row{
 	margin: 0%;
 	padding: 0%;
 	justify-content: center;
}

/***Boton de whats***/

	.btn-whatsapp{
		position: fixed;
		bottom: 4%;
		left: 0%;
		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: 312px;
		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 19px #00000080;
	}

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

	.header-w{
		margin: 0%;
		padding: 2.5% 7%;
		width: 100%;
		display: flex;
		top: 0%;
		/*background-color: #000;*/
		position: absolute;
		z-index: 0;
		color: black;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 1.5px;
		font-size: 18px;
		cursor: pointer;
	}
	.header-w img{
	    width: 70%;

	}

	.head-1{
		width: 30%;
	}
	.head-1 ul{
		list-style: none;
		display: flex;
		justify-content: space-between;
		margin: 0%;
		padding: 0%;
	}
	.head-1 li{
		cursor: pointer;
		margin: auto 5%; 
	}
	.head-1 li:hover{
		color: #fff;
	}
	.head-2{
		width: 50%;
	}

	.head-2 ul{
		list-style: none;
		display: flex;
		/*justify-content: flex-end;*/
		margin: 0%;
		padding: 0%;
	}
	.head-2 img{
		width: 35%;
		margin: auto;
	}
	.head-2 li{
		cursor: pointer;
		margin: auto 3%; 
	}
	.head-2 li:hover{
		color: #fff;
	}
	.head-2 i{
		font-size: 25px;
        color: #5a0406;
	}

	.icon-samall{
		font-size: 11px!important;
	}

	@media( max-width: 990px ){

		.head-1{
			width: 60%;
		}
		.head-2{
			width: 20%;
		}

		.header-w{
			padding: 5% 0%;
			position: absolute;
		}

		.head-2 li{
			margin: 0% 5%;
		}

		.head-2 i{
			font-size: 20px;
		}
	}

/*** HEADER 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: #000!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: #000;
	    background-color: #fff;
	}

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

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

	}

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

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

	/************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: 'Red Hat Display', 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;
		}
		.header-w img {
		    width: 70%!important;
		    display: block;
		    margin: auto;
		}
		.header-w{
			top: 0%;
		}


	}


/*** INICIO ***/
	.fondo-1{
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  background: rgba(0,0,0,0.38);
	  z-index: 0;
	  left: 0;
	  top: 0;
  	}

  	.desktop{
  		display: block;
  	}

  	.mobile {
  		display: none!important;
  	}

 	@media(max-width: 990px ){
 	.desktop{
 		display: none!important;
 	}
 	.mobile{
 		display: block!important;
 	}

	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1100px){
 	.desktop{
 		display: block!important;
 	}
 	.mobile{
 		display: none!important;
 	}
 	.fondo{
	    height: 119%!important; 		
 	}
 	.capa0{
 		height: 120%!important;
 	}
	}


	.fondo{
		width: 100%;
	    height: 109%;
	    position: absolute;
	    background: rgba(0, 0, 0, 0.78);
	    z-index: -2;
	    left: 0;
	    top: 0;
	}


	.capa0{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: -3;
	    height: 109%;
	}

	.container-sections{
		width: 100%;
		margin: 5% 0% 0% 0%;
		padding: 0% 13% 2% 13%;
	}

 	@media(max-width: 990px ){
	.container-sections{
		margin: 20% 0% 0%;
		padding: 0% 10%;
	}
	.fondo{
		height: 90%;
	}
 	}

 	.capa1{
 	height: 100vh;
	position: relative;
	color: #fff;
	text-align: center;
 	background-image: url(../images/img/capa01.png);
 	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 3;
 	}

	.section-0{
		text-align: center;
	}

	.section-0 img{
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 30px;
		}

	.section-0 h1{
	    font-family: 'Merriweather', serif;
	    font-size: 40px;
	    margin: 30% 0% 0% 0%;
	    font-weight: 500;
	    line-height: 1.2;
	    color: #ddddddd9;
	    text-align: left;
	    letter-spacing: 1.5px;
	}

	.section-0 p{
	    font-family: 'Montserrat', sans-serif;
	    margin: 0%;
	    padding: 5% 12% 0% 0%;
	    text-align: justify;
	    font-size: 19px;
	    color: #ddddddd9;
	}

	.section-0 button{
		font-family: 'Montserrat', sans-serif;
		margin: 10% 10% 0% 0%;
		padding: 1.5% 3%;
		font-size: 19px;
		border:none;
		border-radius: 5px;
		outline: none;
		background-color: #7f1a1b;
		color: #fff;
		position: relative;
		float: left;
	}


	@media( max-width: 990px ){
		
		.section-0{
			margin: 5% 0% 0% 0%;
		}

		.section-0 p{
			font-size: 16px;
			padding: 5% 1% 0% 1%;
			color: #ddd;
		}

		.section-0 h1{
			margin: 0%;
			font-size: 21px;
			font-weight: 600;

		}

		.section-0 button{
			font-size: 17px;
			width: 95%;
			margin: 10% 5% 0% 5%;
    		padding: 2.5% 3%;
		}

	}

	/********* Titulos ***********/
		.titulo{
			text-align: center;
			margin: 0% 0% 7%;
		}

		.titulo h1{
			font-weight: 1000;
		    text-align: center;
		    font-size: 25px;
		    margin: 5% 0% 0% 0%;
		    font-family: 'Montserrat', sans-serif;
		    color: #111;
		}
		.titulo p{
			font-family: 'Montserrat', sans-serif;
			font-size: 18px;
		    text-align: center;
		    margin-top: 0%;
		}

		.titulo i{
		    font-size: 20px;
    		color: #00cfff30;
			position: absolute;
			left: 6%;

		}

		.app-description{
		    margin: 15% 0% 10%!important;
		}

		.business-t{
			text-align: center;
			transition: 0.4s;
		}

		.business-t img{
			width: 60%;
			border-radius: 5px;
		}
		.business-t p{
			font-family: 'Montserrat', sans-serif;
		    font-size: 18px;
   			margin: 2% 0% 10%;
 			transition: 0.4s;
		}

		.business-t .zoom:hover{
			transition: 0.4s;
			transform: scale(1.02);

		}


		.app-description img{
	    width: 25%;
	    position: relative;
	    float: left;
	    padding: 4%;
		}
		.app-description h3{
			font-size: 20px;
			line-height: 3.5;
		}

		.app-description p{
			font-size: 17px;
			padding: 0% 5%;
		}

		.banner-title{
			background-color: #111;
		}

		.banner-title h2{
		    text-align: center;
		    padding: 3%;
		    color: #ddd;
		}

		.banner-title button{
			font-family: 'Montserrat', sans-serif;
			margin: 0% 0% 3% 0%;
			padding: 1% 3%;
			font-size: 19px;
			border: none;
			border-radius: 5px;
			outline: none;
			background-color: #7f1a1b;
			color: #fff;
		}

		.ok	{
			left: 15%!important;
		}
		.titulo img{
			width: 20%;
			position: relative;
			transition: 0.3s;
			margin: 3% 0%;
			border-radius: 5px;
			padding: 1%;
		}
		.titulo .zoom{
			transition: 0.4s;
		}

		.titulo .zoom:hover{
			transition: 0.4s;
			transform: scale(1.02);
		}


		.titulo ul{
		padding: 0%;
		}
		.titulo li{
			list-style: none;
			margin: 0% 0% 2%;
			font-family: 'Montserrat', sans-serif;
			font-size: 17px;
			padding: 0% 0% 0% 10%;
		}

		@media( max-width: 990px ){
			.titulo h1{
			    font-size: 19px;
			    margin: 15% 0% 0% 0%;
			    line-height: 1.5;
			}

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

	/****** ofertas  *******/

	.web{
		margin-bottom:2%;
		width: 100%;
		padding: 0%;
	}

	.desarrollo {
    	margin: 0% 2%;
    	padding: 0%;
    	background: #7f1a1b;
    	border-radius: 10px;
    	text-align: center;
	}

	.desarrollo h2{
		font-family: 'Montserrat', sans-serif;
		width: 100%;
		margin: 10% 0% 5% 0%;
		text-align: center;
		color: #ffffffd6;
		font-weight: 1000;
		letter-spacing: 1px;
	}

	.desarrollo ul{
		width: 100%;
		margin: 0%;
		padding: 0% 10% 0% 10%;
		list-style: none;
		font-family: 'Montserrat', sans-serif;
		color: #ffffffd6;
		font-size: 18px;
		line-height: 30px;
		height: 430px;
		text-align: left;

	}

	.desarrollo button{
		font-family: 'Montserrat', sans-serif;
		font-size: 22px;
		border-radius: 5px;
		margin: 5% 0% 10% 0%;
		padding: 1% 5%;
		border:none;
		font-weight: bold;
		color: #616161;
    	background-color: #ffffff;
	}

	.form-1{
		text-align: center;
		margin: 0% 0% 5% 0%;
    	padding: 0% 5% 0% 5%;
	}

	.form-1 h1{
		font-weight: 1000;
		text-align: center;
		font-size: 28px;
		margin: 5% 0% 10% 0%;
		font-family: 'Montserrat', sans-serif;
		color: #333;
	}

	.form-1 h5{
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		text-align: left;
	}

	.form-1 input,select{
		width: 100%;
		margin: 0% 0% 2% 0%;
		/*border: 0.5px solid #7f1a1b66;*/
		padding: 1%;
		border-radius: 5px;
	}

	.form-1 button{
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		border:none;
		border-radius: 5px;
		outline: none;
		padding: 1% 5%;
		margin: 5% 0% 2% 0%;
		color: #fff;
		background-color: #7f1a1b;
	}
	.form-1 button:hover{
		background-color: #111;
		color: #fff;
	}

	.form-1 i{
		font-size: 40px;
		cursor: pointer;
		color: #e9a825;
	}

	.form-1 p{
		font-size: 22px;
		cursor: pointer;
	}

	.form-2 {
		width: 100%;
		text-align: center;
	}

	.form-2 img{
		width: 70%;
	    margin: 0% 0% 1% 0%;
	    padding: 0% 0% 0% 0%;
	}

	.form-2 i{
		font-size: 40px;
		cursor: pointer;
		color: #7f1a1b;
		margin: 5%;
	}

	.form-2 p{
		font-size: 17px;
		cursor: pointer;
	}


	@media( max-width: 990px ){

		.desarrollo{
			margin: 0% 2% 5% 2%;
		}

		.desarrollo h2{
			margin: 5% 0% 5% 0%;
			font-size: 20px;
		}

		.desarrollo ul{
			font-size: 15px;
		}

		.form-1 h1{
			font-size: 25px;
		}

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

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

		.form-2 img{
			width: 100%;
			padding: 10% 0% 10% 0%;
		}

		.recaptcha-web{
	 		position: absolute;
		    margin: 2% 0% 0% 0%;
		    left: 0;
		}

	}

/*** FOOTER ***/

	.footer-W{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin: 0% 0% 0% 0%;
		padding: 1% 0% 1% 0%;

		background-color: #000;
		text-align: center;
		justify-content: center;
	}

	.footer-W p{
		color: #ffffff78;
		font-size: 13px;
		letter-spacing: 1.5px;
	}

	.footer-W i{
	    margin-left: 5px;
	}

	.footer-W ul{
		width: 100%;
		list-style: none;
		text-align: left;
	}

	.footer-W li{
		color: #ffffff78;
		font-size: 15px;
		letter-spacing: 1px;
		padding: 1% 0%;
	}

	.footer-W div{
		justify-content: center;
		margin: 0% 0%;
	}

	.footer-W img{
		width: 15%;
	}

	.video-content .video-btn {
	border-radius: 50%;
	display: block;
	-webkit-animation: ripple-white 1s linear infinite;
	/* animation: ripple-white 1s linear infinite; */
	/
	}

	.copyrigt{
		font-family: 'Montserrat', sans-serif;
		color: #ffffff85!important;
    	font-size: 13px!important;
    	margin: 0.5% auto;
	}
	.footer-W span {
    color: #e9a825;
	}

	@media(max-width: 990px ){
		.footer-W p{
			font-size: 16px;
			letter-spacing: none;
		}

		.footer-W li{
			font-size: 16px;
		}

	  .footer-W img {
	      width: 40%;
	  }
	  .copyrigt{
			color: #ffffff85!important;
	    	font-size: 8px!important;
	    	margin: 1% auto;
		}
		.social {
		    position: fixed;
		    top: 40%;
		    right: 0%;
		    right: -3%;
    	}
    	.social p {
		    width: 37px;
		    height: 39px;
		    padding: 2.5%;
		    text-align: center;
		    color: #fff;
		    cursor: pointer;
		    margin-bottom: 0rem;
		}
		.social i {
    		font-size: 24px;
    		margin: -6px;
    		padding: 9px;
		}
	}

/*** llamados a la acción ***/

	.social{
		position: fixed;
	    top: 45%;
	    right: 99%;
	    transition: 0.3s;
	}
	
	.social p:hover{
		transform: scale(1.1);
		transition: 0.3s;
	}

	.social p{
		width: 50px;
	    height: 50px;
	    text-align: center;
	    color: #753030;
	    cursor: pointer;
	    background: #dcdcdc;
	    margin: 0%;
	}
	
	.social i{
		font-size:30px;
		padding: 15%;
	}

/*** BUEN FIN ***/

	/*** PC ***/

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

		.btn-buenfin{
	    	width: 3%;
	    	position: absolute;
	    	right: 2%;
	    	top: 2%;
	    	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: 'Montserrat', sans-serif;
		    font-size: 30px;
		    padding: 15% 5% 5%;
		    text-align: center;
		}

		.form-buenfin input,textarea{
			width: 90%;
			padding: 1%;
			margin: 1% 2% 1% 2%;
			border-radius: 5px;
			border: 2px solid #0000006b;
			outline: none;
			font-size: 20px;
			background: #fff;
		}

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

		.form-buenfin button{
			font-family: 'Montserrat', sans-serif;
			width: 20%;
			padding: 0.5%;
			margin: 0% 2% 5% 2%;
			border:none;
			border-radius: 5px;
			outline: none;
			font-size: 22px;
			color: #fff;
			background-color: #e9a825;
		}
		.form-buenfin button:hover{
			background-color: #111;
			color: #fff;
		}

		@media(max-width: 990px ){
			.ok {
		    	left: 6%!important;
			}
			.promo{
				padding: 5% 5% 2%;
				font-size: 25px;
			}
			.dinamic-wha span {
				display: none;
			}

			.dinamic-wha-active {
    		
			}
			.app-description {
				margin: 10% 0%!important;
			}
			.banner-title h2 {
				text-align: center;
			    padding: 5% 0%;
			    color: #ddd;
			    font-size: 21px;
			}
		@media(max-width: 768px){

			.btn-buenfin{
	    		width: 5%;
	    	}

			.form-buenfin input,textarea{
				border: 1px solid #0000006b;
			}

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

		@media(max-width: 414px){

			.form-buenfin input,textarea{
				padding: 0.5%;
			    margin: 3% 0%;
			    font-size: 15px;
			    border: 1px solid #0000006b;
			    border-radius: 3px;
			}

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

			.form-buenfin button{
				font-size: 20px;
			    padding: 0.2%;
			    width: 40%;
			}

		}

	/*** MOBIL ***/


}

@media(max-width: 990px ){
	.titulo li{
	text-align: left!important;
}
	.section-0 img{
		position: relative;
	}
	.business-t img {
		width: 100%;
	}

	.capa0{
		height: 100%;
	}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1100px){
.titulo p{
	font-size: 15px;
}
.titulo li{
	font-size: 14px;
	text-align: left!important;
}
.titulo h1{
	font-size: 25px;
}
.section-0 h1{
	font-size: 30px;
}
.section-0 p{
	font-size: 16px;
}
.promo {
	font-size: 30px;
}

.form-2 p{
	font-size: 16px;
}
.ok {
    left: 9%!important;
}
.section-0 button {
	font-size: 15px;
}
.section-0 img {
    width: 110%;
}
.app-description h3 {
    font-size: 15px;
    line-height: 3.5;
}
.app-description p {
    font-size: 14px;
    padding: 0% 5%;
}
.app-description {
    margin: 10% 0%!important;
}
.banner-title h2 {
	font-size: 25px;
}
.form-2 i {
    font-size: 25px;
 }
 .capa1{
 	height: 100vh;
 }


}

/*** MODAL DEMO **/
		.modal-demo{
			position: relative;
			width: 58%;
			margin: 0% 21% 0% 21%;
			padding: 0% 0% 0% 0%;
		}

		.modal-demo img{
			width: 100%;
			z-index: 10;
		}

		.modal-demo iframe{
		    position: absolute;
		    top: 63px;
		    left: 13px;
		    height: 78%;
		    width: 91%;
		    border-radius: 0px;
		    /* z-index: -1; */
		    border: none;
		}

		.modal-content{
			background-color: #00000000!important;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0)!important;
			border: none!important;
		}

		.close-modal{
			right: 0;
		}

		.close-modal i{
		    font-size: 30px;
		    background: #212121;
		    color: #ffffff;
		    text-align: center;
		    border-radius: 100px;
		    position: absolute;
		    right: 15px;
		    top: 0px;
		    float: right;
		    z-index: 15;
		}



@media(max-width: 990px ){
.modal-demo {
    position: relative;
    width: 85%;
    margin: 15% 10% 0% 7%;
    padding: 0% 0% 0% 0%;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1100px){
.modal-demo {
    position: relative;
    width: 55%;
    margin: 0% 20% 0% 20%;
    padding: 0% 0% 0% 0%;
}
}