* {
margin:0;
padding:0;
border:0;
box-shadow: 0;
box-sizing: border-box;
}
	
body {
color: rgb(10,10,10); 
font-family: 'Poppins', sans-serif, sans-serif;
font-size: 16px;
text-align:center;
overflow-x: hidden;
background:rgb(255,255,255,);
}	
	
.container-fluid{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;}


@media (min-width:992px){
.container {
width:80%;
margin:auto;
padding:0px;
}	
.container-logo {width:350px;
margin-top:10px;
position:fixed;
z-index:10003;}
.logo {width:400px;}
}

@media (max-width:991px){
.container {
width:95%;
margin:auto;
padding:0px;
}		
.container-logo {width:250px;
margin-top:10px;
position:fixed;
z-index:10003;
}
.logo {width:250px;}
}

 /* Loader */
 .loader {
  width: 150px;
  height: 150px;
  border: 10px solid rgb(230,237,23);
  border-top: 10px solid rgba(248,211,20,.0); 
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 .loader {
    position: fixed;
    left: 50%;
    top: 25%;
	margin-left:-75px;
    z-index: 9999;
    opacity: .8;
}
/*Fin Loader*/

.ventajas{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;	
background: rgb(230,230,230);
background: linear-gradient(274deg, rgba(230,230,230,1) 0%, rgba(240,240,240,1) 80%);
}

@media (min-width:992px){
.vent1 {display:block;}
.vent2 {display:none;}	
}

@media (max-width:991px){
.vent2 {display:block;}
.vent1 {display:none;}	
}

.precios{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;	

}

.precios01{
	background:rgb(230,237,0);	
	margin:0px;
	padding:0px;
	
	
}

.precios02{
	background:rgb(255,255,255);
	margin:0px;
	padding:0px;	
	
	
}

.containerp {
	margin-left:15%;
	text-align:left;
	margin-right:30px;
}

.containerp2 {
	margin-right:15%;
	text-align:left;
	margin-left:50px;
	
}


.p1 {
	font-size:16px; font-weight:bold; color:black;	
}

.p2 {
	font-size:14px; color:black; 
}

.p3 {color:white; font-size:24px; font-weight:bold;
}

.p4 {
color:white; font-size:96px; font-weight:bold;
}

.p5 {
color:white; font-size:20px; font-weight:bold;
}

.divpre {
width:100%; border:1px solid rgb(220,220,220) ; background:rgb(240,240,240); text-align:left; font-size:14px; padding:10px 5px 5px 5px; margin-left:10px; margin-right:10px;"	
}

.preguntas 
{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;	
background: rgb(230,230,230);
background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(240,240,240,1) 80%);
}	





.botonportada {
width:auto;	
padding:20px 30px 20px 30px ;
margin:10 10 10 10 ;
background: rgb(230,237,23);
border-radius:50px;
color: rgb(40,40,40);
font-size:18px;
font-weight:bold;	
}

.botonportada2 {
width:auto;	
padding:20px 30px 20px 30px ;
margin:10 10 10 10 ;
background: rgb(255,255,255);
border-radius:50px;
color: rgb(230,237,23);
font-size:18px;
font-weight:bold;	
}

.botonportada:hover {text-decoration:none; color:rgb(40,40,40); background:rgba(230,237,23,.8); }

/* footer*/
	footer {
	background: rgb(40,40,40);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(120,120,120);
  width:100%;
  height:10px;
  
}	
	
@media (min-width: 1280px) {
	
footer .footeralign {
	
	text-align:left;

}	

footer .footeralign2 {
	
	text-align:left;
    
}	

}

@media (max-width: 1279px) {
	
footer .footeralign {
	
	text-align:center;

}	

footer .footeralign2 {
	
	text-align:center;
    
}	

}




footer .footerrow {
	

	
}
	
footer .container3 {
	
	margin:auto;
    width:80%;
}	
	
footer h2 {
	
	color:rgb(230,237,23);
	font-size:30px;
	
}	
	
footer h3 {
	
	color:White;
	font-size:15px;
	
}

footer a, footer p  {
	
	
	color:rgb(200,200,200);
	font-size:15px;
	
	
}


 footer i {
	 
	 color:rgb(200,200,200) !Important;
	 font-size:30px !Important;
	 
 }

 footer i:hover , footer a:hover {
	 
	 color:rgb(230,237,23) !Important;
	 
 }

/*-- End Footer --*/

/*-- Formulario --*/


.formulario {
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
width:100%;	
  background-image: radial-gradient(rgb(70,70,70) , transparent 20%);  
  background-color: rgb(40,40,40);
  background-position: 0 0 50px 50px;
  background-size: 10px 10px;
    
}	

.formulario h2 , .formulario p , .formulario label {color:rgb(230,237,23);}

.containerform {width:90%; text-align:left; margin:auto;}

.hotereform {border:1px solid rgb(230,237,23); background:transparent;color: rgb(230,237,23); border-radius:0px;}

/*-- End Fromulario --*/

.login1 {width:150px; background: rgb(230,237,23); border-radius:50px; color: black; padding:10px 10px 10px 10px; }

.login1:hover {opacity:.8;}

.login2 {width:150px; background: rgb(230,237,23); border-radius:50px; color: black; padding:10px 10px 10px 10px; margin:auto; margin-bottom:10px;}

.contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px ;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
 .inline-photo {
  
  opacity: 0;
  transform: translateY(8em) translateX(0em) rotateZ(-0deg);
  transition: transform 3s .25s cubic-bezier(0,1,.3,1),
              opacity 1s .25s ease-out;
  
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  transform: rotateZ(-0deg);
}

.container1{
width: 100%;
border-radius:5px;
border-color: rgb(255,255,255);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin: auto;
background:rgba(255,255,255,1);
}

.container0{
width: 100%;
border-radius:5px;
border-color: rgba(0,0,0,.3);
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin: auto;
background:rgba(0,0,0,.3);
}
 
.icon {width:100px; height:100px; padding:25px 20px 20px 20px; background:rgb(230,237,23); border-radius:50px;} 

.container1ventajas3 {
width:100%;
border:1px solid rgb(80,80,80);
margin-bottom:10px;
}

.titlevent3 {width:100%; background:rgb(230,237,23); color:black; font-weight:bold; padding-top:20px; padding-bottom:20px;margin-bottom:20px;}

.pplanmensaje , .pplanmin , .pplanprecio{font-weight:bold;}

.parallax1 h2, .parallax1 p {color:white;}

 @media (max-width: 1279px) {

.parallax1 {
	
	background: url(http://www.cartapop.com.ar/images/foto05.jpg) 300% 0;
	 background-size: 300%;
	background-attachment: fixed; 

}
}

@media (min-width: 1280px) {

.parallax1 {
	
	
	background: url(http://www.cartapop.com.ar/images/foto05.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed; 
	


}
}

 .contloader{
position:absolute;
top:0;
z-index:19000;
width:100%;
background:rgb(230,237,23);
min-height:100vh;
display:flex;
	 
 
 }
 
 .contloader1{
margin:auto;	
 }
 
 .cerrarloader {
transform:translateY(-100%);
transition:all 1s; 
 }
 
 .contloader2{
position:absolute;
top:0;
z-index:18990;
width:100%;
background:rgb(40,40,40);
min-height:100vh;
display:flex;
	 
 
 }
 
 .contloader3{
margin:auto;	
 }
 
 .cerrarloader2 {
transform:translateY(-100%);
transition:all 1s; 
 }
 
 
 .iconpie {width:70px; height:70px; margin:auto; text-align:center; color:white; background: rgb(230,237,23); border-radius:50px; padding-top:11px; -webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);}

.ayuda{
width: 180px;
border: .5px solid ;
border-radius:var(--borderadius);
border-color: rgb(220,220,220);
margin-top: 2px;
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.15);
margin: auto;
text-align:center !Important;
background:white;
position:fixed;
bottom: 10px;
right: 90px ;
z-index:100;	
}

.payuda {font-size:10px;}

.detailsform {
border:1px solid rgb(230,237,23);
width:100%;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;	
}
 
 .soinli2 {display:inline-block; margin:5px 5px 5px 5px;}