* {
margin:0;
padding:0;
border:0;
box-shadow: 0;
box-sizing: border-box;
}
	
body {
color: rgb(10,10,10); 
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-align:center;
overflow-x: hidden;
background-image: radial-gradient(rgb(120,120,120) , transparent 20%);  
  background-color: rgb(255,255,255);
  background-position: 0 0 50px 50px;
  background-size: 10px 10px;
}	
	
.container-fluid{
margin-top:0px; 
margin-right:0px; 
margin-left:0px; 
margin-bottom:0px;
padding: 0px 0px 0px 0px;}
	
.container {
width:95%;
margin:auto;
padding:10px;
position:relative;
}	


 /* Loader */
 .loader {
  width: 150px;
  height: 150px;
  border: 10px solid rgb(248,211,20);
  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*/

@media (min-width: 1280px) {

.imagen1 {
	
	display:block;
	position: absolute;
    margin-top:120px;
	margin-left:20px; 
    right:-480px;	
    z-index:1000;
	max-width:300px;
}

}

@media (max-width: 1279px) {

.imagen1 {
	max-width:140px;
	display:block;
	position: absolute;
	margin:auto;
    margin-top:100px;
	right:-550px;
	z-index:1000;	
}

/* Centrar imagen en el medio
.imagencontainer {
	display: flex;    
    justify-content: center;
}--*/

}

@media (min-width: 1280px) {
	
.encabezado {
position:retalive;
}

.blackbox{	
	margin-top:0px;
	margin-left:0px;
	
}

.logo2 {
	display:block;
	position:absolute;
	top: 10px;
    left: 10px;
	z-index:1000;
    
}


.mensaje {
	display:block;
	position:absolute;
	top:55%;
    left: 10%;
    width: 80%;	
	z-index:1;
}

.mensaje h2 , .mensaje h1 , .logop , .typed h1{color:rgb(255,255,255); font-size:55px; font-family: 'Montserrat'; font-weight:bold;}


}

@media (max-width: 1279px) {
	
.logo2 {
	display:block;
	position:absolute;
	top: 10px;
    left: 10px;
	z-index:1000;
    
}


	
.encabezado {
position:retalive;
}

.blackbox{	
	margin-top:0px;
	margin-left:0px;
	
}

.mensaje {
	display:block;
	position:absolute;
	top:45%;
    left: 10%;
    width: 80%;	
	z-index:1;
}

.mensaje h2 , .mensaje h1 , .logop {color:rgb(255,255,255); font-size:25px; font-family: 'Montserrat'; font-weight:bold;}


}

@media (min-width:769px){
	
.logo1 {width:200px;
margin-top:10px;}
}

@media (max-width:768px){
	
.logo1 {width:120px;
margin-top:10px;}
}


.botonportada {
width:210px;	
padding:20 30 20 30 ;
margin:10 10 10 10 ;
background: rgb(248,211,20);
border-radius:50px;
color: rgb(40,40,40);
font-size:20px;
font-weight:bold;	
}

.botonportada:hover {text-decoration:none; color:rgb(40,40,40); background:rgba(248,211,20,.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(248,211,20);
	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(248,211,20) !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(248,211,20);}

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

.hotereform {border:1px solid rgb(248,211,20); background:transparent;color: rgb(248,211,20); border-radius:0px;}

/*-- End Fromulario --*/

.login1 {width:150px; background: rgb(248,211,20); border-radius:50px; color: black; padding:10px 10px 10px 10px; }

.login1:hover {background:rgba(248,211,20,.8);}

.login2 {width:150px; background: rgb(248,211,20); 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:20px 20px 20px 20px; background:rgb(248,211,20); border-radius:50px;} 

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

.titlevent3 {width:100%; background:rgb(248,211,20); 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(248,211,20);
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; 
 }