/* =================================
------------------------------------
  EndGam - Gaming Magazine Template
  Version: 1.0
 ------------------------------------
 ====================
================*/
html  {
	overflow: visible;
}

html, body {
    max-width: 100%;
}

.test {
  display:none !important;
}

a {
	color: #fff!important;
}

.textAlignResponsive {
	text-align:justify  !important;
}

.sombraAhora {
	text-shadow: 0 0.1em 20px rgba(0, 0, 0, 1), 0.05em -0.03em 0 rgba(0, 0, 0, 1),
	0.05em 0.005em 0 rgba(0, 0, 0, 1), 0em 0.08em 0 rgba(0, 0, 0, 1),
	0.05em 0.08em 0 rgb(0, 0, 0), 0px -0.03em 0 rgba(0, 0, 0, 1),
	-0.03em -0.03em 0 rgba(0, 0, 0, 1), -0.03em 0.08em 0 rgba(0, 0, 0, 1), -0.03em 0 0 rgba(0, 0, 0, 1);
}
 
.sombraAhora2 {
	text-shadow: 0 0.1em 1px rgba(0, 0, 0, 1), 0.01em -0.01em 0 rgba(0, 0, 0, 0.2),
	0.05em 0.001em 0 rgba(0, 0, 0, 1), 0em 0.01em 0 rgba(0, 0, 0, 0.2),
	0.05em 0.01em 0 rgb(0, 0, 0), 0px -0.03em 0 rgba(0, 0, 0, 1),
	-0.03em -0.01em 0 rgba(0, 0, 0, 1), -0.03em 0.01em 0 rgba(0, 0, 0, 1), -0.03em 0 0 rgba(0, 0, 0, 1);
} 

.animacionzoom4 {
	animation-name: zoom4;
	animation-duration: 3s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 0s;
	z-index:999;
	text-shadow: 0 0.1em 20px rgba(0, 0, 0, 1), 0.05em -0.03em 0 rgba(0, 0, 0, 1),
	0.05em 0.005em 0 rgba(0, 0, 0, 1), 0em 0.08em 0 rgba(0, 0, 0, 1),
	0.05em 0.08em 0 rgb(0, 0, 0), 0px -0.03em 0 rgba(0, 0, 0, 1),
	-0.03em -0.03em 0 rgba(0, 0, 0, 1), -0.03em 0.08em 0 rgba(0, 0, 0, 1), -0.03em 0 0 rgba(0, 0, 0, 1);
	}


	@keyframes zoom4 {
 
		0% {
			margin-left:0px;	
		}
 
		50% {
			margin-left:5px;
		}
					 
		100% {
			margin-left:-5px;
		}
	}
	
.bganimation {

	animation-duration: 10s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 0s;
	background-color:#000000e3;
	height: 920px;
	z-index:0;
	position:absolute;
	width:100%;
	}

	
	.bganimationFutbol {

		animation-duration: 10s;
		animation-iteration-count : infinite;
		animation-direction       : alternate;
		animation-delay           : 0s;
		background-color:#000000c0;
		height: 885px;
		z-index:0;
		position:absolute;
		width:100%;
		}
	

  .paddingTopMovil {
	padding-top:160px;
  }

  @media (max-width:992px) {
	.paddingTopMovil {
		padding-top:80px;
	  }

	.bgNegro {
		background-color:rgba(0, 0, 0, 0.739);
		width:100%;
	}

	.bganimation {
		animation-name: bganimation;
		animation-duration: 10s;
		animation-iteration-count : infinite;
		animation-direction       : alternate;
		animation-delay           : 0s;
		background-color:#000000be;
		height:1512px;
		z-index:0;
		position:absolute;
		display:none!important
		}
	
	
		@keyframes bganimation {
	 
			0% {
			  width:100%
		  
			}
	
		   20% {
			width:100%
			   }
			   
			   
		   100% {
			width:100%
			   }
	  }
}

  .bganimation3 {
	animation-name: bganimation3;
	animation-duration: 14s;
	animation-iteration-count : infinite;
	animation-direction: alternate;
	animation-delay: 2s;
	background-color:#2dc0f1;
	height:10px;
	z-index:1;
	position:absolute;
	}


	@keyframes bganimation3 {
 
		0% {

			width:0%;
		
		  }
		  
		  15% {
			width:100%;

		 }
				 
		 80% {
		
			width:100%;
			 }

		100% {
		
			width:0%;
			 }
					 
  }


  .bganimation2 {
	animation-name: bganimation2;
	animation-duration: 14s;
	animation-iteration-count : infinite;
	animation-direction: alternate;
	animation-delay: 2s;
	background-color:#2dc0f1;
	height:140px;
	z-index:0;
	position:absolute;
	}


	@keyframes bganimation2 {
 
		0% {
			width:0%;
		  }
		  
		  15% {
			width:100%;
		 }
				 
   
		 40% {
			width:100%;
		 }

		 80% {
			width:0%;
		}

		100% {

			 }
					 
  }






  .colorAnimation {
	animation-name: colorAnimation;
	animation-duration: 14s;
	animation-iteration-count : infinite;
	animation-direction: alternate;
	animation-delay: 3s;
	height:140px;
	z-index:0;
	opacity: 0;
	position:absolute;transition: all 3s 1s;
	}


	@keyframes colorAnimation {
 
		0% {
			width:0%;
		  }
		  
		  15% {
			width:100%;
			opacity: 1
		 }

		 46% {
			width:100%;
			color:#fff;
			opacity: 1
		 }	

		 50% {
			width:100%;
			color:#2dc0f1;
			opacity: 1
		 }	

		 100% {
			width:100%;
			color:#2dc0f1;
			opacity: 1
		 }					 
  }


  
  .botonSolicitarPrestamo {
    width:100%;
    border-radius:5px;
    padding:18px;
    border:0px solid #333;
        background-color:#fb9f0e!important;
            color:#FFF!important;
    box-shadow:0px 20px 30px -10px rgba(219, 141, 15, 0.4);
    z-index:5!important;
    position:relative;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor:pointer;
}

.botonSolicitarPrestamo:hover {
    width:100%;
    border-radius:5px;
    padding:20px;
    border:0px solid #333;
    box-shadow:0px 20px 50px -30px rgba(219, 141, 15, 0.9);
    background-color:#fb9f0e!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
    letter-spacing: 2px;
    cursor:pointer;
    outline:none !important;
}

.botonSolicitarPrestamo2 {
    margin-top:10px;
    width:100%;
    border-radius:5px;
    padding:18px;
        background-color:#0072bf!important;

    border:0px solid #333;
        color:#FFF!important;
    box-shadow:0px 20px 30px -10px rgba(219, 141, 15, 0.4);
    z-index:5!important;
    position:relative;
        text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor:pointer;
}

.botonSolicitarPrestamo2:hover {
    width:100%;
    border-radius:5px;
    padding:20px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #2994db;
    background-color:#2dc0f1!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
            text-transform: uppercase;
    letter-spacing: 2px;
    cursor:pointer;
    outline:none !important;
}

.botonSolicitarPrestamo2:focus {
    width:100%;
    border-radius:5px;
    padding:20px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #2dc0f1;
    background-color:#2dc0f1!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
    cursor:pointer;
    outline:none !important;
}


.botonSolicitarPrestamo3 {
    margin-top:10px;
    width:100%;
    border-radius:5px;
    padding:18px;
        background-color:#27ca58!important;

    border:0px solid #333;
        color:#FFF!important;
    box-shadow:0px 20px 30px -10px rgba(219, 141, 15, 0.4);
    z-index:5!important;
    position:relative;
        text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor:pointer;
}

.botonSolicitarPrestamo3:hover {
    width:100%;
    border-radius:5px;
    padding:18px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #27ec48;
    background-color:#12cf4b!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
            text-transform: uppercase;
    letter-spacing: 2px;
    cursor:pointer;
    outline:none !important;
}

.botonSolicitarPrestamo3:focus {
    width:100%;
    border-radius:5px;
    padding:20px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #27ec48;
    background-color:#12cf4b!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
    cursor:pointer;
    outline:none !important;
}



.botonSolicitarPrestamo4 {
    margin-top:10px;
    width:100%;
    border-radius:5px;
    padding:18px;
        background-color:#27ca58!important;

    border:0px solid #333;
        color:#FFF!important;
    box-shadow:0px 20px 30px -10px rgba(219, 141, 15, 0.4);
    z-index:5!important;
    position:relative;
        text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor:pointer;
}

.botonSolicitarPrestamo4:hover {
    width:100%;
    border-radius:5px;
    padding:18px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #27ec48;
    background-color:#12cf4b!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
            text-transform: uppercase;
    letter-spacing: 2px;
    cursor:pointer;
    outline:none !important;
}

.botonSolicitarPrestamo4:focus {
    width:100%;
    border-radius:5px;
    padding:20px;
    border:0px solid #333;
    box-shadow: 0px 0px 30px 1px #27ec48;
    background-color:#12cf4b!important;
    color:#FFF!important;
    transition:all 0.9s ease;
    z-index:5!important;
    position:relative;
    cursor:pointer;
    outline:none !important;
}


.animacionMovimiento {
	animation-name: movimiento;
	animation-duration: 4s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 1s;
	}

	@keyframes movimiento {
		20% { transform: rotate(15deg); } 
		40% { transform: rotate(-10deg); } 
		60% { transform: rotate(5deg); } 
		80% { transform: rotate(-5deg); } 
		100% { transform: rotate(0deg); } 
	  }
.animacionzoom {
	animation-name: zoom;
	animation-duration: 8s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 0s;
	z-index:999;
	text-shadow: 0 0.1em 20px rgba(0, 0, 0, 1), 0.05em -0.03em 0 rgba(0, 0, 0, 1),
	0.05em 0.005em 0 rgba(0, 0, 0, 1), 0em 0.08em 0 rgba(0, 0, 0, 1),
	0.05em 0.08em 0 rgb(0, 0, 0), 0px -0.03em 0 rgba(0, 0, 0, 1),
	-0.03em -0.03em 0 rgba(0, 0, 0, 1), -0.03em 0.08em 0 rgba(0, 0, 0, 1), -0.03em 0 0 rgba(0, 0, 0, 1);
	}


	@keyframes zoom {
 
		  0% {
			transform: scale(1.2);
		
		  }
		  

		 100% {
			transform: scale(1.3); 
		 }
	}


	@keyframes zoom2 {
 
		0% {
		  transform: scale(1.3);
		}
		
		40% {
		  transform: scale(1.5); 
		  width:100%
		}

		60% {
		  transform: scale(1.5); 
		  width:110%
		}

		80% {
		  transform: scale(1.5); 
		  
		}
		
		100% {
		  transform: scale(1.5); 
		  width:110%
	   }
  }


		
.animacionMovimiento2 {
	animation-name: movimiento2;
	animation-duration: 3s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 0s;
	}


	@keyframes movimiento2 {
		0%, 100% {
			transform: translate(0, 0);
		  }
		  
		  50% {
			transform: translate(15px, 0);
		  }
		  
		  80% {
			transform: translate(0px, 0);
		  }
	}


	.titulosLlamativos5 {
		font-size:68px;
		max-width:520px;
					display:block;
			margin:auto;
	}



	.titulosLlamativos6 {
		font-size:60px;
	}
	
	.titulosLlamativos6b {
		font-size:50px;
	}

	.titulosLlamativos7 {
		font-size:30px;
	}
	
	.titulosLlamativos8 {
		font-size:24px;
	}
	.opacidadAnimacion {
		opacity:0.6
	}

	.heightFooterCelular {

	}

	@media (max-width:720px) {
		.titulosLlamativos5 {
			font-size:35px;
			max-width:250px;
			display:block;
			margin:auto;
		}
		.titulosLlamativos6 {
			font-size:35px;
		}
		.titulosLlamativos6b {
			font-size:30px;
		}
	
		.titulosLlamativos7 {
			font-size:40px;
		}
		.titulosLlamativos8 {
			font-size:14px;
		}
		.opacidadAnimacion {
			opacity:0.1;
			font-size:1px!important;
		}
		.botonSolicitarPrestamo4 {
			margin-top:10px;
			width:100%;
			border-radius:5px;
			padding-left:18px;
			padding-top:18px;
			padding-right:18px;
			padding-bottom:100px!important;
				background-color:#27ca58!important;
		
			border:0px solid #333;
				color:#FFF!important;
			box-shadow:0px 20px 30px -10px rgba(219, 141, 15, 0.4);
			z-index:5!important;
			position:relative;
				text-transform: uppercase;
			letter-spacing: 1.5px;
			cursor:pointer;
		}
		
	}

/* =================================

 Mis estilos generales
  
 =================================*/
.inputPagar2 {
	padding-left: 20px!important;
    height: 46px!important;
    border-radius: 3px!important;
    border: 1px solid #9e9e9e!important;
}

.botonPagar {
	background-color: #0072bf;
	border: 0px solid #333 !important;
}

 .paddingSeccionParalax {
	padding-top:80px;padding-bottom:80px
 }

 .lineHeightAcomodado {
 line-height:60px!important;
}

	
.lineHeightAcomodado2 {
	line-height:34px!important;
   }

   .lineHeightAcomodado3 {
	line-height:44px!important;
   }


 .parallax2 {
	background-image: url("img/relajada.jpg");
	min-height: auto;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


 .navbar {
	background-color: #0072bf!important;
    padding: .9rem 1.2rem !important;
}

.grisTexto {
	color:#565656 !important;
}

 .imgCentral {
	 border-radius:20px;
	 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
 }

 .imgCentral:hover {
	border-radius:20px;
	box-shadow: 0 6px 10px rgba(0,0,0,0.12), 0 3px 3px rgba(0,0,0,0.13);
}

 .bg-domestic-naraja {
 background-color:#0072bf;
}

.bg-domestic-violeta {
	background-color:#db4e0c;
   }


   
 .color-domestic-naranja {
	color:#0072bf;
   }
   
   .color-domestic-violeta {
	   color:#181818;
	  }
	  
 .gradientDomestic {
	background-image: linear-gradient(30deg, #FFF 20%, #FE5F59 80%, #575195 99%) !important;
}


.fadeGeneral {
	 
	opacity: 0;
	animation-name: fadeGeneral;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
 }


 @keyframes fadeGeneral {
	0% {
		opacity: 0;
		
		
	}
	100% {
		opacity: 100;

	}
}


.fadeBGInverso {
	 
	opacity: 1;
	animation-name: fadeBGInverso;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
 }


 @keyframes fadeBGInverso {
	0% {
		background-color:#0072bf;
		margin-top:0rem;
		
	}
	100% {
		background-color: transparent;
		margin-top:1rem;
	}
}



.fadeGeneralInverso {
	 
	opacity: 1;
	animation-name: fadeGeneralInverso;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
 }


 @keyframes fadeGeneralInverso {
	0% {
		opacity: 100;
		
	}
	100% {
		opacity: 0;

	}
}

 .sombrasProyecto {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 }
 
 .sombrasProyecto:hover {
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.46), 0px 0px 14px 0px rgba(0,0,0,0.43)
 }

 .imagenProyectos {
	border-radius: 10px 10px 15px 15px;
 }

 .imagenProyectosParticular {
	border-radius: 4px 4px 4px 4px;
 }

 .tituloProyectos {
	margin-top:30px !important;
	color:#333;
	letter-spacing:0.5px;
	font-weight:600;
	font-size:28px;
	display:block;
	margin:auto;
	padding:10px;
	text-transform:uppercase;
 }



 .botonProyectos {
	background-color:#34add6 !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:0px;
	padding:20px;
	box-shadow: 0px 2px 1px 0px #217490;
	width:100%;
	display:block;
	font-size:18px;
	font-weight: 600;
	border-radius: 0px 0px 5px 5px;
 }

 .textoSimple {
	font-size:18px !important;
	color:#535353;
}


 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px!important;
}
 
.modal-open {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px!important;
}
 

.seccionFormulario {
	padding-left:40px;
	padding-right:40px;
	padding-top:50px;
	padding-bottom:50px;
	background-color:rgb(235, 235, 235);
	box-shadow: 0 1px 2px rgba(0,0,0,0.46), 0 1px 1px rgba(0,0,0,0.23);
	border-radius:6px;
	margin-top:100px;
}



 .imgslider {
	width:300px;
	margin-top:50px !important;
	margin-bottom:50px !important;
 }

 .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #52d1fc !important;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.marginBottomSeccion {
	margin-bottom:80px !important;
}

.marginBottomSeccion2 {
	margin-bottom:190px !important;
}

.marginTopSeccion {
	margin-top:80px !important;
}

 @media (max-width: 800px) {
	 
 .paddingSeccionParalax {
	padding-top:20px;padding-bottom:40px
 }
		
	.esconder2 {
	display:none !important;
	}
	.subtitulosGrande2 {
		font-size:26px !important;
	}

	
	}
	
	
	@media (min-width: 800px) {
	
	.esconder {
	display:none !important;
	}
	
	
	}

	.subtitulosGrande2 {
		font-size:36px;
	}

 .subtitulosGrande {
	font-size:24px;
}

 .titulosLlamativos {
	 font-size:60px;
	 font-weight:bold;
 }

 .inline-block {
	display:inline-block;	 
 }
 
 .iconos {
	 display:inline-block;
	 font-size:90px;
	 padding:30px;
 }






 .iconosPequeños {
	display:inline-block;
	font-size:30px;
	padding:10px;
}

 .slicknav_nav a {
    text-decoration: none;
    color: #333 !important;
    font-family: 'Comfortaa', cursive !important;
    font-size: 18px;
    letter-spacing: 0.5px;
}

 .paddingMenu {
	 padding-top:0px !important;
	 
 }

 .paddingMenuOff {
	padding-top:0px !important;
}

 .mostrarlogo {
	 
	opacity: 1;
	animation-name: mostrarlogo;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
 }
 
@keyframes mostrarlogo {
	
	0% {
		opacity: 0;
		
	}
	100% {
		opacity: 100;
	
	}
}


 .ocultarlogo {
	 
	opacity: 1;
	animation-name: ocultar;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
 }
 
@keyframes ocultar {
	
	0% {
		opacity: 100;
		
	}
	100% {
		opacity: 0;
	
	}
}

 .fadeMenu {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.8s;
 }



 @keyframes fadeInOpacity {
	0% {
		opacity: 0;
		height:0px;
		
	}
	100% {
		opacity: 1;
		height:75px;
	
	}
}


 .fadeMenuOff {
	 
	opacity: 1;
	animation-name: fadeInOpacityOff;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
 }


 @keyframes fadeInOpacityOff {
	0% {
		opacity: 100;
		height:75px;
		
	}
	100% {
		opacity: 0;
		height:0px;

	}
}


.portada {
	background-color:transparent;
	padding-top:125px;
}


  
.efectoTexto3D {
	color: #fff;
	font-weight: bold;
  
	font-size:150px;
	text-shadow: 
	  0 1px 0 #ccc, 
	  0 2px 0 #c9c9c9, 
	  0 3px 0 #bbb, 
	  0 4px 0 #b9b9b9, 
	  0 5px 0 #aaa, 
	  0 6px 1px rgba(0,0,0,.1), 
	  0 0 5px rgba(0,0,0,.1), 
	  0 1px 3px rgba(0,0,0,.3), 
	  0 3px 5px rgba(0,0,0,.2), 
	  0 5px 10px rgba(0,0,0,.25), 
	  0 10px 10px rgba(0,0,0,.2), 
	  0 20px 20px rgba(0,0,0,.15);
  
  }
  
  .fondoPropio {
	background: transparent;
  }
  
  
  
  .colorverde {
	  color: #575195 !important;
  }
   
   .centrartexto {
	   text-align:center;
   }
   
	 .colornegro {
	   color:#333 !important;
   }
   
	.colorblanco {
	   color:#ececec !important;
   }
   
   .mayorAncho {
	font-weight: 600 !important;
	}
	   
	.mayorAncho700 {
		font-weight: 700 !important;
		}

	.marginBottomTitulos {
		margin-bottom:40px !important;
		}

		.marginBottomTitulos2 {
			margin-bottom:0px !important;
			}

   .centrartodo {
	   text-align:center;
	   display:block!important;
	   margin:auto;
   }
   
   .backgroundprestoplata {
	  background-color:#f95c00f2;
  }
  
  .colorprestoplata {
	  color:#f95c00f2;
  }
  
   .bebasneue {
	   font-family:'Comfortaa', cursive;
	   letter-spacing:1px;
   }
  
  .fugaz {
		  font-family: 'Comfortaa', cursive;
  }
  
  .barrainferiorslider {
	  height:145px
  }
  
  .paddingpx {
	  padding-top:25px;
  }
  



.float2 {
	position: fixed;
	width: 60px;
	height: 50px;
	margin-left: 17px;
	bottom: 20px;
	z-index: 999;
	background-color: transparent;
	color: #FFF;
	border-radius: 50px;
	text-align: center;

}

.imghover:hover {
	box-shadow: 10px 10px 10px 10px;
}




/* =================================

Clientes
  
 =================================*/ 


 .mostrarEnComputadora {
	display:block;
}


 .mostrarEnCelulares {
    display:none;
}

 
 #clienteBaukraft {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteBaukraftVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }


  #clienteLos24 {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteLos24Ver.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }


  #clienteNorden {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteNordenVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }


  
  #clienteSushi {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteSushiVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }


  
  #clienteNova {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteNovaVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }





  #clienteC49 {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteC49Ver.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }



  #clienteCashual {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteCashualVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }


  #clienteErrico {
    opacity: 1;
    transition: opacity 1s; 
  }
  
  #clienteErricoVer.fade {
    opacity: 1;
    animation: loading2 3s;
    -webkit-animation: loading2 3s;
    -moz-animation:  loading2 3s;
    -ms-animation:  loading2 3s;
    -o-animation:  loading2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

.libroEnMovimiento2 {
    transition: transform .5s ease;
	margin:auto;
	display:block;    
}
.libroEnMovimiento3 {

cursor:pointer;

}
  
@keyframes loading2 {
    0% {
        opacity: 0;
     
    }
    75%, 99% {
        opacity: 1;


    }
  }



 

/* =================================

Clientes
  
 =================================*/ 



/* =================================

 Mis estilos generales
  
 =================================*/ 

 .animacionPalpito {
	animation-name: palpito;
	animation-duration: 4s;
	animation-duration        : 2s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 2s;
	}

	@keyframes palpito {
		from {
		transform : scale(1);
		opacity   : 1;
	}
	50% {
		transform : scale(0.75);
		opacity   : 0.25;
	}
	to {
		transform : scale(1);
		opacity   : 1;
	}
	}

	.animacionMovimiento {
	animation-name: movimiento;
	animation-duration: 4s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-delay           : 1s;
	}


	@keyframes movimiento {
	20%, 100% {
		opacity: 1;
		transform: translate(0px, 15px);
	}
	0% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	}

.paddingImg {
 padding:20px;
}

 .imgweb {
	width:70px;
 }


 .videoyoutube {
	 margin:auto;
	 display:block;
	 border-radius: 10px;
	 border: 0px solid #333;
	 box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
	 margin-bottom: 30px;
	 margin-top: 0px;
 }
 
 .miClaseInput {
	margin-top:18px;
	height:50px !important;
    box-shadow: 0px 2px 10px rgba(0,0,0,.06), 0 0px 3px rgba(0,0,0,.13);
}

	
.miClaseInput2 {
	box-shadow: 0px 2px 10px rgba(0,0,0,.16), 0 0px 3px rgba(0,0,0,.13);
	margin-bottom:30px;
}


.modal-dialog {
    max-width: 600px !important;
    margin: 1.75rem auto;
}

.modal-card, .modal-content {
    margin: 0 0px !important;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%;
}

.notification>.delete {
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: none !important;
}

.letraCalculadora {
	font-size:36px !important;
}


.botonCalculadora {
	width:100%;
	padding:20px;
	background-color:#12b849;
	color:#FFF;
	font-size:36px;
	border-radius:6px;
	margin-top:40px;
	border: 0px solid #333;
	box-shadow: 0px 2px 1px 0px #046925;
	cursor:pointer;
}

.botonCalculadora:hover {
	width:100%;
	padding:20px;
	background-color:#12b849;
	color:#FFF;
	font-size:36px;
	border-radius:6px;
	box-shadow: 0px 1px 0px 0px #046925;
	margin-top:40px;
	border: 0px solid #333;
	cursor:pointer;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    display: none;
    font: inherit;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.sizeFondo {
background-size:cover;
}


.titulosCalculadora {
	font-weight:bold;
}

.alinearTotales {
	text-align: left;
}

.miTextarea {
	color: #1f1e1e !important;
	height:130px !important;
}

.efectoTexto3D {
  color: #fff;
  font-weight: bold;

  font-size:150px;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);

}

.fondoprestoplata {
	background-image: linear-gradient(to right, #12b849 10%, #41ca6e 80%);
}

.planPublicitario {
	margin-top:10px;
}

.avisoChico {
	font-size:12px;
	margin-top:10px;
	color:#333;
	font-weight: 600;
}

.basecalculadora {
    background-color: #fff;
    box-shadow: 0px 0px 50px -25px rgba(0,0,0,0.45);
    padding: 30px;
    width: 100%;
    display: block;
    margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 20px;
	margin-top:60px;
}

.b-tooltip.is-primary:after {
    background: #12b849;
    color: #fff;
}

.b-tooltip.is-top.is-primary:before {
    border-top: 5px solid #12b849;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: calc(100% + 2px);
}

.b-tooltip:after {
    content: attr(data-label);
    width: auto;
    padding: .35rem .75rem;
    border-radius: 6px;
    font-size: 1.25rem;
    font-weight: 400;
    box-shadow: 0 1px 2px 1px rgba(0,1,0,.2);
    z-index: 888;
    white-space: nowrap;
}

.b-slider.is-primary .b-slider-fill {
    background: #21c758!important;
}


.b-slider .b-slider-fill {
    position: absolute;
    height: 130%;
    box-shadow: 0 0 0 #7a7a7a;
    background: #dbdbdb;
    border-radius: 4px;
    border: 0 solid #7a7a7a;
    top: 50%;
    transform: translateY(-50%);
}


        .monto {
            width: 100%;

        }
		
	.b-slider .b-slider-thumb {
    height: 2rem!important;
    width: 2rem!important;
}


.colorverde {
	color:rgb(18, 184, 73) !important;
}
 
 .centrartexto {
	 text-align:center;
 }
 
   .colornegro {
	 color:#333 !important;
 }
 
  .colorblanco {
	 color:#ececec !important;
 }
 

 
 .centrartodo {
	 text-align:center;
	 display:block!important;
	 margin:auto;
 }
 
 .backgroundprestoplata {
	background-color:rgb(18, 184, 73);
}

.colorprestoplata {
	color:rgb(18, 184, 73);
}

 .bebasneue {
	 font-family:'Comfortaa', cursive;
	 letter-spacing:1px;
 }

.fugaz {
		font-family: 'Comfortaa', cursive;
}

.barrainferiorslider {
	height:145px
}

.paddingpx {
	padding-top:25px;
}

/*---------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 500;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	color: #585858;
	line-height: 1.6;
	font-weight: 500;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
	
}


/*---------------------
  Helper CSS
-----------------------*/



.section-title h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 105px;
	padding-bottom: 105px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/*---------------------
  Commom elements
-----------------------*/

/* buttons */

.site-btn {
	display: inline-block;

	border: none;
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	min-width: 186px;
	padding: 24px 30px;
	border-radius: 4px;
	text-transform: uppercase;
	color: #081624;
	line-height: normal;
	cursor: pointer;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 1;
}

.site-btn img {
	position: relative;
	left: 13px;
	width: auto !important;
	display: inline-block !important;
}

.site-btn:after,
.site-btn:before {
	border-radius: 4px;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0px;
	top: 2px;
	background: #1cbb51;
	z-index: -2;

}

.site-btn:before {
	left: 0;
	top: 0;
	background: #fff;
	z-index: -1;
}

.site-btn:hover {
	color: #081624;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}


/*------------------
  Header section
---------------------*/

.header-section {
	background-color:transparent;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 0px 0px 0;
}

.header-warp {
	max-width: auto;
	margin: 0 auto;

}

.header-social p,
.footer-social p,
.geme-social-share p {
	display: inline-block;

}

.header-social a,
.footer-social a,
.geme-social-share a {
	display: -ms-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 32px;
	height: 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	margin-left: 13px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.header-social a:hover,
.footer-social a:hover,
.geme-social-share a:hover {
	background: #1f1e1f;
}

.header-bar-warp {
	background-color: transparent;
	padding: 20px 20px 0;
}



.box-white-shadow {
	color: #FE5F59 !important;
	background-color: #fff;
	border-radius: 46px;
	text-align: center;
	display: block;
	margin: auto;
	margin-top:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 14px;
	letter-spacing: 1.4px;
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.site-logo {
		color: #FE5F59 !important;
		background-color: #fff;
		border-radius: 16px;
		max-width:70px;
		text-align: center;
		display: block;
		margin: auto;
		margin-top:20px;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 14px;
		padding-right: 14px;
		letter-spacing: 1.4px;
		font-size: 16px;
		font-weight: 600;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.user-panel {
	float: right;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding-top: 3px;
}

.user-panel a {
	color: #fff;
}

.user-panel a:hover {
	color: #b01ba5;
}

.main-menu {
	list-style: none;
	text-align: center;
	padding-top: 3px;
}

.main-menu li {
	display: inline-block;
	position: relative;
}

.main-menu li a {
	display: block;
	font-size: 16px;
	letter-spacing:0.9px;
	font-weight: 600;
	color: #fff;
	margin-right: 10px;
	padding-bottom: 28px;
	position: relative;
	padding-right: 20px;
}


.main-menu li a i {
	color: #fff;
	margin-left: 5px;
}

.main-menu li a:hover {
	color: #FE5F59;
}

.main-menu li a:hover:after {
	background-image: url("../img/icons/arrow-down-color.png");
}

.main-menu li a:hover i {
	color: #FE5F59;
}

.iconosColor a:hover i {
	color: #575195 !important;
}


.iconosColor a:hover {
	color: #575195 !important;
}

.main-menu li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.main-menu li:hover>a {
	color: #FE5F59;
}

.main-menu li:hover>a:after {
	background-image: url("../img/icons/arrow-down-color.png");
}

.main-menu li .sub-menu {
	position: absolute;
	list-style: none;
	text-align: left;
	width: 220px;
	left: 0;
	top: 100%;
	padding: 20px 0;
	visibility: hidden;
	opacity: 0;
	margin-top: 50px;
	background: #fff;
	z-index: 99;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.4);
}

.main-menu li .sub-menu li {
	display: block;
}

.main-menu li .sub-menu li a {
	display: block;
	color: #000;
	margin-right: 0;
	padding: 8px 30px;
}

.main-menu li .sub-menu li a:after {
	display: none;
}

.main-menu li .sub-menu li a:hover {
	color: #b01ba5;
}

.slicknav_menu {
	display: none;
}





/* =================================

  Calculadora
  
 =================================*/


 .fondopatron {
	padding-bottom:100px;
 }

 .diseñoCalculadora {
	box-shadow: 0 3px 10px rgba(0,0,0,0.19), 0 2px 6px rgba(0,0,0,0.13);
	padding:100px;
	border-radius: 20px;
	margin-bottom:0px;
 }

 .diseñoCalculadora2 {


	padding:100px;
	border-radius: 20px;
	margin-bottom:0px;
	font-size:18px!important;

 }


 .custom-control{
	background-color: #FFF;
  }
  
  .custom-control-input:checked~.custom-control-indicator {
    color: #fff;

}
 
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2dc0f1;
    background-color: #2dc0f1;
}


.custom-control-indicator:active  {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    outline: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
	background-size: 50% 50%;
	outline: 0;
	border: none;
	-moz-outline-style: none;
}

.basecalculadora {
    background-color: #fff;
    box-shadow: 0px 0px 50px -25px rgba(0,0,0,0.45);
    padding: 30px;
    width: 100%;
    display: block;
    margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 20px;
	margin-top:60px;
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
	pointer-events: auto;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.subtitulosCalculadora {
	padding-top:4px;
	padding-left:3px;
	font-size:16px;
	font-weight:400;
	color: #1d1d1d;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    cursor: pointer;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    content: "";
	background-repeat: no-repeat;
	pointer-events: auto;
    background-position: center center;
    background-size: 50% 50%;
}


 .monto {
	width: 350px;

}

.b-slider .b-slider-thumb {
	height: 2rem !important;
	width: 1.2rem !important;
}

.marginTop {
	margin-top: 50px;
}

.marginTopMenorSubtitulos {
	margin-top: 10px;
}

.marginTopMenor {
	margin-top: 28px;
}

.marginTopMenor2 {
	margin-top: 28px;
}


.marginTopSubtitulos {
	margin-top: 38px;
}

.marginTopSubtitulos2 {
	margin-top: 28px;
}

.marginTopSubtitulos3 {
	margin-top: 18px;
}


.fotografiaDesactivada {
	opacity: 1;
}

.fotografiaActivada {
	opacity: 0.3;
	pointer-events: none;
}

.b-tooltip {
    position: relative;
    display: inline-flex;
    filter: drop-shadow(-2px 0px 2px rgba(0,0,0, 0.2));
}


.b-slider .b-slider-thumb-wrapper .b-slider-thumb {
    box-shadow: none;
    border: 0px solid #b5b5b5;
    border-radius: 4px;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    background-color: #2dc0f1;
}


.b-tooltip.is-primary:after {
    background: #2dc0f1;
    color: #fff;
}

.resaltarCantidad {
	font-weight: 900;
	color:#2dc0f1;
	font-size:22px
}

.notification.is-info {
    background-color: #65cc48;
    color: #fff;
}

.manualDeMarca {
	background-color:#34add6 !important;
	color:#FFF;
	font-size:16px;
	margin-top:10px;
}


.solicitarPlanModal {

	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	padding:10px;
	box-shadow: 0px 2px 1px 0px #195468;
	width:200px;
}

.botonPromedio {
	color:#FFF !important;
	letter-spacing: 0.7px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 1px 1px 0px rgb(143, 46, 42);
	max-width:300px;
	border-radius:30px;
}

.botonPromedio:hover {
	color:#FFF !important;
	letter-spacing: 0.7px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 1px 1px 0px rgb(143, 46, 42);
	max-width:300px;
	border-radius:30px;
	-webkit-animation-fill-mode: forwards;
}


.botonPromedioAnimado {
	color:#FFF !important;
	letter-spacing: 0.7px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 1px 1px 0px rgb(143, 46, 42);
	max-width:300px;
	border-radius:30px;
}


.botonPromedioAnimado:hover {
	color:#FFF !important;
	letter-spacing: 0.7px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 1px 1px 0px rgb(143, 46, 42);
	max-width:300px;
	border-radius:30px;
	margin-top:"0px"
}

.botonPromedioAnimacion {
	border-radius: 4px;
	border: none;
	color: #FFFFFF;
	text-align: center;
	padding: 20px;
	width: 300px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
  }
  
  .botonPromedioAnimacion span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
  }
  
  .botonPromedioAnimacion span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
  }
  
  .botonPromedioAnimacion:hover span {
	padding-right: 25px;
  }
  
  .botonPromedioAnimacion:hover span:after {
	opacity: 1;
	right: 0;
  }


.solicitarPlan {
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 2px 1px 0px #070c3e;
	border-radius:20px!important;
}

.solicitarPlan:hover {
	background-color:#433aa5 !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	padding:30px;
	box-shadow: 0px 2px 1px 0px #070c3e;
}

.solicitarPlanEmail {
	background-color:#433aa5 !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	border: 0px solid #333;
	padding:15px;
	border-radius:3px;
	box-shadow: 0px 2px 1px 0px #0c323f;
	margin-bottom:5px;
	cursor:pointer;
}

.solicitarPlanEmail:hover {
	background-color:#4e41d6 !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	border: 0px solid #333;
	padding:15px;
	border-radius:3px;
	box-shadow: 0px 2px 1px 0px #150c3f;
	margin-bottom:5px;
	cursor:pointer;
}

.solicitarPlanWhatsapp {
	background-color:#3ac942 !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	border: 0px solid #333;
	padding:15px;
	border-radius:3px;
	box-shadow: 0px 2px 1px 0px #0d4210;
	margin-bottom:30px;
	cursor:pointer;
}

.solicitarPlanWhatsapp:hover {
	background-color:#22e62c !important;
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	border: 0px solid #333;
	padding:15px;
	border-radius:3px;
	box-shadow: 0px 2px 1px 0px #0d4210;
	margin-bottom:30px;
	cursor:pointer;
}



.textoBotonPlanPublicitario {
	color:#FFF !important;
	margin-bottom:0rem;
	font-weight: 600;
	font-size:20px;
}

.alturaCalculadora {
	height: 1050px;
}

.ocultarCelular {
	display:inline-block;
}

.especificarDestino {

		display: block;
		width: 100%;
		height: calc(3.25rem + 2px);
		padding: .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #252525 !important;
		background-color: #fff;
		background-clip: padding-box;
		border: 2px solid #f9640d !important;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
		border-radius: .25rem;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.columnaDestinos {
		margin-top:0px;
}

.marginTopCelular {
	margin-top:0px;
}

.b-tooltip.is-bottom.is-primary:before {
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2dc0f1;
    border-left: 5px solid transparent;
    top: calc(100% + 2px);
}

.input, .select select, .taginput .taginput-container.is-focusable, .textarea {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
    text-align: center;
}

.control.has-icons-left .input, .control.has-icons-left .select select, .control.has-icons-left .taginput .taginput-container.is-focusable, .taginput .control.has-icons-left .taginput-container.is-focusable {
    padding-left: 0em; 
}

.b-radio.radio input[type=radio]+.check:before {
    content: "";
    display: flex;
    position: absolute;
    left: 50%;
    margin-left: calc(-1.25em/2);
    bottom: 50%;
    margin-bottom: calc(-1.25em/2);
    width: 1.25em;
    height: 1.25em;
    transition: transform 150ms ease-out;
    border-radius: 50%;
    transform: scale(0);
    background-color: #5928f1;
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check {
    border-color: #5928f1;
}

.b-radio.radio input[type=radio]:checked+.check {
    border-color: #5928f1;
}

.miColumna {
	max-width:49%;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ffffff;
}

.form-control {
		display: block;
		width: 100%;
		height: calc(2.25rem + 2px);
		padding: .375rem .75rem;
		padding-top: 0.375rem;
		padding-right: 0.75rem;
		padding-bottom: 0.375rem;
		padding-left: 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #272626 !important;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #b9bdc1;
		border-radius: .25rem;
}

.custom-file-label { 
	border: 1px solid #b9bdc1 !important;
}


.modal-dialog {
    max-width: 600px !important;
    margin: 1.75rem auto;
}

.modal-card, .modal-content {
    margin: 0 0px !important;
    max-height: calc(130vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%;
}

.letraCalculadora {
	font-size:24px !important;
}

.inputValorCuotas {

	background-color:#fff;
	color: #f95c00f2;
	font-size:36px;
	border-radius:6px;
	margin-top:10px;
	border: 0px solid #333;
	max-width:80px;
	font-weight:600;
}


.inputDevolves {

	background-color:#fff;
	color: #f95c00f2;
	font-size:36px;
	border-radius:6px;
	margin-top:10px;
	border: 0px solid #333;
	width:100px;
	font-weight:600;
}

.inputMonto {

	background-color:#fff;
	color: #f95c00f2;
	font-size:36px;
	border-radius:6px;
	margin-top:10px;
	border: 0px solid #333;
	width:80px;
	font-weight:600;
}

.inputCuotas {

	background-color:#fff;
	color: #f95c00f2;
	font-size:24px;
	border-radius:6px;
	margin-top:10px;
	border: 0px solid #333;
	width:20px;
	font-weight:600;
	text-align:center;
}

.inputPagar {

	background-color:#fff;
	color: #f95c00f2;
	font-size:36px;
	border-radius:6px;
	margin-top:10px;
	border: 0px solid #333;
	max-width:100px;
	font-weight:600;
}

.botonCalculadora {
	width:100%;
	padding:20px;
	background-color:#f95c00f2;
	color:#FFF;
	font-size:36px;
	border-radius:6px;
	margin-top:40px;
	border: 0px solid #333;
	box-shadow: 0px 2px 1px 0px #5f2402f2;
	cursor:pointer;
}

.botonCalculadora:hover {
	width:100%;
	padding:20px;
	background-color:#f95c00f2;
	color:#FFF;
	font-size:36px;
	border-radius:6px;
	box-shadow: 0px 1px 0px 0px #572103f2;
	margin-top:40px;
	border: 0px solid #333;
	cursor:pointer;
}


.sizeFondo {
background-size:cover;
}

.subTitulosCalculadora {
	font-size:26px;
	color:red;
	font-weight:bold;

		
}
	






.b-tooltip.is-top.is-primary:before {
    border-top: 5px solid #2dc0f1;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: calc(100% + 2px);
}

.b-tooltip:after {
    content: attr(data-label);
    width: auto;
    padding: .35rem .75rem;
    border-radius: 6px;
    font-size: 1.25rem;
    font-weight: 400;
    box-shadow: 0 1px 2px 1px rgba(0,1,0,.2);
    z-index: 888;
    white-space: nowrap;
}

.b-slider.is-primary .b-slider-fill {
    background: #3ec6f3!important;
}

.b-slider .b-slider-tick {
    position: absolute;
    width: 3px;
    transform: translate(-50%,-50%);
    top: 50%;
    background: #ffffff;
    border-radius: 4px;
}

.b-slider .b-slider-fill {
    position: absolute;
    height: 130%;
    box-shadow: 0 0 0 #7a7a7a;
    background: #dbdbdb;
    border-radius: 4px;
    border: 0 solid #7a7a7a;
    top: 50%;
    transform: translateY(-50%);
}


        .monto {
            width: 100%;

        }
		
	.b-slider .b-slider-thumb {
    height: 2rem!important;
    width: 2rem!important;
}

.inputsOcultos {
	display:none !important;
}



/* =================================

  Calculadora

 =================================*/
/*------------------
  Hero section
---------------------*/

.hero-slider .owl-dots {
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
	left: calc(50% - 740px);
	bottom: 38px;
	position: relative;
	width: 1496px;
	position: absolute;
}

.hero-slider .owl-dots .owl-dot {
	display:none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid transparent;
	color: #fff;

	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero-slider .owl-dots .owl-dot.active {
	color: #b01ba5;
	border: 2px solid #1db93f;
	display:none;
}

.hero-slider .owl-nav {
	margin-top: -24px;
	display: block;
}

.hero-slider .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	right: 100px;
}

.hero-item {
	height: 921px;
	padding-top: 125px;

}

.hero-item h2 {
	font-size: 130px;
	padding-top:30px;
	color: #fff;
	font-weight: 500;
	line-height: 1;
	position: relative;
	top: 100px;
	opacity: 0;

    letter-spacing: 4px;
    font-family: 'Comfortaa', cursive;
}

.hero-item p {
	font-size: 34px;
	color: rgba(255, 255, 255, 0.4);
	font-weight: 500;
	opacity: 0.39;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	top: 80px;
	opacity: 0;
}

.hero-item .site-btn {
	position: relative;
	top: 50px;
	opacity: 0;
}

.hero-slider .owl-item.active .hero-item h2,
.hero-slider .owl-item.active .hero-item p,
.hero-slider .owl-item.active .hero-item .site-btn {
	top: 0;
	opacity: 1;
}

.hero-slider .owl-item.active .hero-item h2 {
	-webkit-transition: all 0.5s ease 0.4s;
	-o-transition: all 0.5s ease 0.4s;
	transition: all 0.5s ease 0.4s;
}

.hero-slider .owl-item.active .hero-item p {
	-webkit-transition: all 0.5s ease 0.6s;
	-o-transition: all 0.5s ease 0.6s;
	transition: all 0.5s ease 0.6s;
}

.hero-slider .owl-item.active .hero-item .site-btn {
	-webkit-transition: all 0.5s ease 0.8s;
	-webkit-transition: all 0.5s ease 0.8s;
	-o-transition: all 0.5s ease 0.8s;
	transition: all 0.5s ease 0.8s;
}

.hero-slider .owl-item.active .hero-item .offer-card {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.5s ease 1s;
	-webkit-transition: all 0.5s ease 1s;
	-o-transition: all 0.5s ease 1s;
	transition: all 0.5s ease 1s;
}

/* ----------------
  Intro section
---------------------*/

.mi-section {
	background: #52d1fc;
	padding: 50px 0;
}



.intro-section {
	background: #ffffff;
	padding: 115px 0;
}

.text-box .top-meta {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.text-box .top-meta a {
	color: #b01ba5;
}

.text-box h3 {
	margin-bottom: 40px;
	max-width: 370px;
}

.text-box p {
	font-size: 18px;
	font-weight: 400;
	color: #68647d;
	margin-bottom: 35px;
	text-align:justify;
}

.text-box .read-more {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	color: #fff;
}

.text-box .read-more img {
	margin-left: 13px;
}

/* ----------------
 Blog Section
---------------------*/

.blog-section {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#501755+0,2d1854+100 */
	background: #501755;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	background: linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#501755', endColorstr='#2d1854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.blog-section .section-title {
	margin-bottom: 25px;
}

.blog-filter {
	list-style: none;
	display: block;
}

.blog-filter li {
	display: inline-block;
}

.blog-filter li a {
	display: block;
	color: #fff;
	padding: 16px 36px;
	font-size: 16px;
	font-weight: 700;
	background: #6f2b95;
	line-height: 1.1;
	margin-right: 7px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 10px;
}

.blog-filter li a:hover {
	background: #b01ba5;
}

.blog-item {
	margin-top: 86px;
}

.blog-item .blog-thumb {
	width: 362px;
	float: left;
	margin-right: 30px;
}

.blog-item .text-box {
	overflow: hidden;
}

.blog-item .text-box p {
	margin-bottom: 42px;
}

.widget-item {
	margin-bottom: 85px;
}

.widget-item:last-child {
	margin-bottom: 0;
}

.widget-item .widget-title {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	padding-left: 38px;
	margin-bottom: 48px;
}

.trending-widget .tw-item {
	margin-bottom: 38px;
}

.trending-widget .tw-item:last-child {
	margin-bottom: 0;
}

.trending-widget .tw-thumb {
	float: left;
	margin-right: 17px;
	overflow: hidden;
}

.trending-widget .tw-text .tw-meta {
	color: #68647d;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 7px;
}

.trending-widget .tw-text .tw-meta a {
	color: #b01ba5;
}

.trending-widget .tw-text h5 {
	font-size: 18px;
	color: #fff;
	line-height: 1.5;
}

.categories-widget {
	background: #34164b;
	padding: 55px 0 25px;
}

.categories-widget ul {
	list-style: none;
	padding: 0 38px;
}

.categories-widget ul li {
	display: block;
}

.categories-widget ul li a {
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #68647d;
	font-weight: 500;
	margin-bottom: 15px;
	padding-right: 19px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	background-image: url("../img/icons/double-arrow.png");
	background-repeat: no-repeat;
	background-position: right -120% center;
	background-size: 11px;
}

.categories-widget ul li a:hover {
	color: #b01ba5;
	background-position: right center;
}

.search-widget {
	position: relative;
}

.search-widget input {
	width: 100%;
	height: 40px;
	border: none;
	border-bottom: 2px solid #72628b;
	background: none;
	padding-right: 60px;
	color: #fff;
}

.search-widget button {
	position: absolute;
	right: 0;
	top: 0;
	color: #b01ba5;
	font-weight: 700;
	font-size: 14px;
	font-style: italic;
	cursor: pointer;
	background: none;
	border: none;
	text-transform: uppercase;
}

.latest-comments .lc-item {
	margin-bottom: 30px;
}

.latest-comments .lc-item:last-child {
	margin-bottom: 0;
}

.latest-comments .lc-item .lc-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	float: left;
	margin-right: 12px;
}

.latest-comments .lc-item .tw-text {
	padding-top: 10px;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.latest-comments .lc-item .tw-text a {
	color: #b01ba5;
}

.latest-comments .lc-item .tw-text span {
	color: #68647d;
}

/* --------------------
  Intro video section
-----------------------*/

.intro-video-section {
	height: 757px;
	position: relative;
}

.video-play-btn {
	position: absolute;
	left: calc(50% - 61px);
	top: calc(50% - 61px);
	width: 122px;
	height: 122px;
	text-align: center;
	padding-top: 35px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
}

.video-text {
	margin-bottom: 80px;
	padding: 27px 0;
	padding-left: 25px;
	position: relative;
}

.video-text h2 {
	font-size: 48px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1px;
}

.video-text p {
	font-size: 18px;
	color: #a3a1b3;
	font-weight: 500;
	margin-bottom: 0;
}

.video-text:after {
	position: absolute;
	content: "";
	width: 9px;
	height: 100%;
	left: -22px;
	top: 0;
	border-left: 3px solid #de46d6;
	background: #fff;
	-webkit-box-shadow: 0 0 9px 3px rgba(226, 30, 228, 0.5);
	box-shadow: 0 0 9px 3px rgba(226, 30, 228, 0.5);
}

/* ----------------
  Featured section
---------------------*/

.featured-section {
	position: relative;
	overflow: hidden;
}

.featured-bg {
	width: calc(50% - 156px);
	float: left;
	height: 100%;
	left: 0;
	right: 0;
	position: absolute;
}

.featured-box {
	float: right;
	width: calc(50% + 156px);
	background: #2e42d4;
	padding: 100px 50px 130px 79px;
}

.featured-box .text-box {
	max-width: 810px;
}

.featured-box .text-box .top-meta {
	color: #68647d;
}

.featured-box .text-box h3 {
	font-size: 60px;
	max-width: 100%;
}

.featured-box .text-box p {
	font-size: 16px;
}

.featured-box .text-box .read-more {
	color: #251e2f;
}

.gradient-bg,
.newsletter-section {
	background: #3e0f3d;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3e0f3d 0%, #1c0f3b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#3e0f3d), to(#1c0f3b));
	background: -o-linear-gradient(left, #3e0f3d 0%, #1c0f3b 100%);
	background: linear-gradient(to right, #3e0f3d 0%, #1c0f3b 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e0f3d', endColorstr='#1c0f3b', GradientType=1);
	/* IE6-9 */
}

/* --------------------
  Newsletter section
----------------------*/

.newsletter-section {
	padding: 108px 0 95px;
	text-align: center;
}

.newsletter-section h2 {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 73px;
}

.newsletter-form {
	padding-left: 56px;
}

.newsletter-form input {
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	width: 787px;
	border: none;
	border-bottom: 2px solid #9b91a6;
	background: none;
	height: 63px;
	margin-right: 26px;
}

/* ----------------
  Footer section
---------------------*/

.footer-section {
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#330d38+0,190d36+100 */
	background: #330d38;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #330d38 0%, #190d36 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#330d38), to(#190d36));
	background: -o-linear-gradient(left, #330d38 0%, #190d36 100%);
	background: linear-gradient(to right, #330d38 0%, #190d36 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#330d38', endColorstr='#190d36', GradientType=1);
	/* IE6-9 */
}

.footer-section .container {
	position: relative;
	padding: 60px 15px 25px;
}

.footer-left-pic {
	position: absolute;
	left: -13px;
	bottom: 19px;
}

.footer-right-pic {
	position: absolute;
	right: 50px;
	bottom: 19px;
}

.footer-menu {
	padding-top: 62px;
}

.footer-menu li:last-child a {
	margin-right: 0;
}

.footer-social {
	padding-top: 20px;
	padding-bottom: 40px;
}

.footer-social a:first-child {
	margin-left: 0;
}

.copyright {
	font-size: 12px;
	font-weight: 500;
	color: #9190a5;
	opacity: 0.20;
}

.copyright a {
	color: #9190a5;
}

.copyright a:hover {
	text-decoration: underline;
}

/* ----------------
  Other Pages
=====================
---------------------*/

.page-top-section {
	height: 355px;
	padding-top: 210px;
}

.page-info {
	max-width: 1496px;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	padding-left: 60px;
}

.page-info h2 {
	color: #fff;
	font-size: 48px;
}

.site-breadcrumb a,
.site-breadcrumb span {
	font-style: italic;
	color: #fff;
	margin: 0 10px;
	font-weight: 700;
}

.site-breadcrumb a:first-child {
	margin-left: 0;
}

.site-breadcrumb span {
	color: #c313b7;
}

/* --------------
  Games Page
-----------------*/

.games-section {
	padding: 108px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#501755+0,2d1854+100 */
	background: #501755;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	background: linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#501755', endColorstr='#2d1854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.game-filter {
	list-style: none;
	margin-bottom: 82px;
}

.game-filter li {
	display: inline-block;
	width: 40px;
	height: 34px;
	background: #503c6e;
	border-radius: 17px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.game-filter li:hover {
	background: #c313b7;
}

.game-filter li a {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 7px;
}

.game-item {
	margin-bottom: 80px;
}

.game-item h5 {
	font-size: 20px;
	color: #fff;
	padding-top: 30px;
	margin-bottom: 20px;
}

.game-item .read-more {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	color: #b01ba5;
}

.game-item .read-more img {
	margin-left: 13px;
}

.site-pagination {
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.site-pagination a {
	width: 38px;
	height: 44px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	border: 2px solid transparent;
	color: #fff;
	display: -ms-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.site-pagination a.active {
	width: 44px;
	margin: 0 10px;
	color: #b01ba5;
	border: 2px solid #b01ba5;
}

.site-pagination a.active:first-child {
	margin-left: 0;
}

.game-page-sideber .widget-item {
	margin-bottom: 55px;
}

/* ------------------
  Game single Page
---------------------*/

.games-single-page,
.review-section,
.blog-page,
.contact-page {
	padding: 104px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#501755+0,2d1854+100 */
	background: #501755;
	/* Old browsers */
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(45deg, #501755 0%, #2d1854 100%);
	background: linear-gradient(45deg, #501755 0%, #2d1854 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#501755', endColorstr='#2d1854', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.game-single-preview {
	margin-bottom: 108px;
}

.game-single-content .gs-meta {
	font-size: 18px;
	color: #68647d;
	font-weight: 500;
	margin-bottom: 20px;
}

.game-single-content .gs-meta a {
	color: #b01ba5;
}

.game-single-content .gs-title {
	font-size: 60px;
	color: #fff;
	margin-bottom: 40px;
}

.game-single-content h4 {
	color: #b01ba5;
	margin-bottom: 20px;
}

.game-single-content p {
	font-size: 16px;
	font-weight: 500;
	color: #68647d;
	line-height: 1.8;
	margin-bottom: 70px;
}

.rating-widget {
	background: #34164b;
	padding: 55px 0 30px;
}

.rating-widget ul {
	list-style: none;
	padding: 0 38px;
	margin-bottom: 30px;
}

.rating-widget ul li {
	display: block;
	font-size: 16px;
	color: #b01ba5;
	font-weight: 500;
	margin-bottom: 10px;
}

.rating-widget ul li span {
	float: right;
	color: #68647d;
}

.rating-widget h5 {
	text-align: right;
	font-size: 36px;
	color: #fff;
	font-weight: 900;
	padding-right: 38px;
}

.rating-widget h5 i {
	font-weight: 500;
	font-size: 16px;
	font-style: italic;
	color: #65607b;
	text-transform: uppercase;
	margin-right: 18px;
}

.rating-widget h5 span {
	color: #b01ba5;
}

.testimonials-widget {
	background: #34164b;
	padding: 55px 0 50px;
}

.testimonials-widget .testim-text {
	padding: 0 30px;
}

.testimonials-widget .testim-text p {
	font-size: 16px;
	font-weight: 500;
	color: #68647d;
	line-height: 1.8;
	margin-bottom: 40px;
}

.testimonials-widget .testim-text h6 {
	color: #68647d;
	padding-left: 15px;
}

.testimonials-widget .testim-text h6 span {
	color: #b01ba5;
}

.game-author-section {
	background: #3a1854;
	padding: 51px 0;
	overflow: hidden;
}

.game-author-pic {
	width: 117px;
	height: 117px;
	border-radius: 50%;
	float: left;
	margin-right: 55px;
}

.game-author-info {
	overflow: hidden;
	padding-top: 10px;
}

.game-author-info h4 {
	color: #fff;
	margin-bottom: 20px;
}

.game-author-info h4 span {
	color: #b01ba5;
}

.game-author-info p {
	font-size: 16px;
	font-weight: 500;
	color: #68647d;
	line-height: 1.8;
	margin-bottom: 0;
}

/* ----------------
  Review section
---------------------*/

.review-item {
	margin-bottom: 87px;
}

.review-content {
	position: relative;
}

.review-content h3 {
	max-width: 100%;
	margin-bottom: 35px;
}

.review-content p {
	margin-bottom: 40px;
}

.review-content .rating {
	position: absolute;
	right: 0;
	top: 0;
}

.review-content .rating h5 {
	text-align: right;
	font-size: 36px;
	color: #fff;
	font-weight: 900;
	padding-right: 38px;
}

.review-content .rating h5 i {
	font-weight: 500;
	font-size: 16px;
	font-style: italic;
	color: #65607b;
	text-transform: uppercase;
	margin-right: 18px;
}

.review-content .rating h5 span {
	color: #c313b7;
}

/* ------------------
	Blog Page
---------------------*/

.blog-page .blog-filter {
	margin-bottom: 77px;
}

.big-blog-item {
	margin-bottom: 65px;
}

.big-blog-item .blog-thumbnail {
	margin-bottom: 30px;
}

.big-blog-item .blog-content .top-meta {
	margin-bottom: 15px;
}

.big-blog-item .blog-content h3 {
	max-width: 100%;
	margin-bottom: 25px;
}

.big-blog-item .blog-content p {
	margin-bottom: 10px;
}

/* ----------------
  Contact page
---------------------*/

.map iframe {
	width: 100%;
	height: 600px;
	margin-bottom: 104px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	border: none;
	background-color: transparent;
	border-bottom: 2px solid rgba(255, 255, 255, 0.54);
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 16px;
	font-style: italic;
	color: #fff;
	line-height: 1;
}

.contact-form textarea {
	line-height: 1.4;
	height: 156px;
	margin-bottom: 48px;
}

.contact-form .site-btn img {
	left: 5px;
}

.contact-text h3 {
	margin-bottom: 25px;
}

.contact-text p {
	line-height: 1.9;
	color: #68647d;
	margin-bottom: 50px;
}

.cont-info {
	overflow: hidden;
	margin-bottom: 20px;
}

.cont-info .ci-icon {
	float: left;
	width: 32px;
	margin-right: 26px;
}

.cont-info .ci-text {
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
}

/* ----------------
  Responsive
---------------------*/

@media (max-width: 2000px) {

.sizeFondo {
background-size:2000px;
}

}


@media (min-width: 1200px) {
	.container {
		max-width: 1175px;
	}
}

@media (max-width: 1530px) {
	.hero-slider .owl-dots {
		width: 1170px;
		left: calc(50% - 585px);
	}
}


@media (max-width: 1200px) {
	.efectoTexto3D {
  color: #fff;
  font-weight: bold;

  font-size:90px;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);

}
}
/* Medium screen : 992px. */

@media (max-width: 992px) {

#menuComputadora {
	display:none!important;
}

}

@media (max-width: 992px) {


.mostrarEnCelulares {
	display:block;
}

.mostrarEnComputadora {
	display:none;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	


	.blog-item .blog-thumb {
		width: 250px;
	}
	.hero-item p {
		font-size: 22px;
	}
	.hero-slider .owl-nav .owl-next {
		right: 30px;
	}
	.hero-slider .owl-dots {
		width: 930px;
		left: calc(50% - 465px);
	}
	.newsletter-form {
		padding-left: 0;
	}
	.newsletter-form input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.game-filter li {
		width: 31px;
		height: 31px;
	}
	.game-filter li a {
		padding-top: 5px;
	}
}

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	
	.header-bar-warp {
		padding: 39px 15px 0;
	}
	.main-menu li a {
		margin-right: 10px;
	}
	.hero-item h2 {
		font-size: 110px;
	}
	.hero-item p {
		font-size: 16px;
		padding: 0 30px;
	}
	.hero-slider .owl-nav .owl-next {
		right: 0;
	}
	.hero-slider .owl-dots {
		width: 690px;
		left: calc(50% - 345px);
	}
	.blog-item .blog-thumb {
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.featured-bg {
		display: none;
	}
	.featured-box {
		float: none;
		width: 100%;
	}
	.newsletter-form input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.footer-right-pic {
		right: 15px;
	}
	.footer-left-pic {
		left: -44px;
	}
	.game-filter {
		text-align: center;
	}
	.game-filter li {
		margin-bottom: 5px;
	}
	.game-single-content .gs-title {
		font-size: 40px;
	}
	.review-pic img {
		min-width: 100%;
		margin-bottom: 30px;
	}
	.contact-text {
		margin-bottom: 50px;
	}
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
	.marginBottomTitulos2 {
		margin-bottom:20px!important;
	}
	
	.lineHeightAcomodado3 {
		line-height:34px!important;
	   }
.solicitarPlan {
	color:#FFF !important;
	letter-spacing: 2px;
	margin-top:10px;
	width:100% !important;
	padding:20px;
	box-shadow: 0px 2px 1px 0px #070c3e;
	border-radius:20px!important;
	font-size:20px!important;

}

	.textAlignResponsive {
		text-align:center !important;
	}

	.lineHeightAcomodado {
		line-height:34px!important;
	   }

	
	   .lineHeightAcomodado2 {
		line-height:44px!important;
	   }

	      

	.marginBottomSeccion2 {
		margin-bottom:100px !important;
	}
	
	.marginTopMenorSubtitulos {
		margin-top: 10px;
	}
	
	.marginTopMenor {
		margin-top: 18px;
	}
	.marginTopMenor2 {
		margin-top: 10px;
	}

	
	

.imgslider {
	width:250px!important;
}

.marginTopCelular {
	margin-top:100px;
}

.borderSoloCelular {
	border-bottom: 1px solid #a3ddf1;
	width:100px;
	display:block;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
}
	
.portada {
	background-color:rgb(252, 252, 252);
	padding-top:115px;
}


	.subtitulosGrande {
		font-size:18px;
	}
	
	.titulosLlamativos {
		font-size:30px;
		font-weight:bold;
	}
	


	.planPublicitario {
		font-size:16px;
	}

	.diseñoCalculadora {
		padding:20px;
	 }

	.modal-header {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0.51rem 1rem;
		border-bottom: 1px solid #e9ecef;
		border-top-left-radius: .3rem;
		border-top-right-radius: .3rem;
	}

	.botonCalculadora {
		width: 100%;
		padding: 10px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		background-color: #12b849;
		color: #FFF;
		font-size: 36px;
		border-radius: 6px;
		margin-top: 20px;
		border: 0px solid #333;
		box-shadow: 0px 2px 1px 0px #046925;
		cursor: pointer;
	}



	.modal-card, .modal-content {
		margin: 0 0px !important;
		max-height: calc(120vh - 120px);
		overflow: auto;
		position: relative;
		width: 100%;
	}


	h2 {
		font-size: 30px;
	}
	

	.letraCalculadora {
		font-size: 25px !important;
	}

	.inputMonto {
		background-color: #fff;
		color: #12b849;
		font-size: 25px;
		border-radius: 6px;
		margin-top: 10px;
		border: 0px solid #333;
		width: 80px;
		font-weight: 600;
	}

	.inputValorCuotas {
		background-color: #fff;
		color: #12b849;
		font-size: 25px;
		border-radius: 6px;
		margin-top: 10px;
		border: 0px solid #333;
		max-width: 80px;
		font-weight: 600;
	}

	.inputCuotas {
		background-color: #fff;
		color: #12b849;
		font-size: 25px;
		border-radius: 6px;
		margin-top: 10px;
		border: 0px solid #333;
		width: 30px;
		font-weight: 600;
		text-align: center;
	}

	.inputDevolves {
		background-color: #fff;
		color: #12b849;
		font-size: 25px;
		border-radius: 6px;
		margin-top: 10px;
		border: 0px solid #333;
		width: 100px;
		font-weight: 600;
	}


	.sizeFondo {
background-size:1650px;
}
	
		.efectoTexto3D {
  color: #fff;
  font-weight: bold;

  font-size:45px;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);

}
	
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    display: none;
    font: inherit;
}
	
.header-section {
	background-color:transparent;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 0px 0px 0;
}

	
	.hero-item {
	height: 621px;
	padding-top: 125px;
	border-bottom: 2px solid #13bd46;
}



	.esconderlogo {
		display:none !important;
	}
	
	.header-bar-warp {
		padding: 25px 20px 10px;
	}
	.main-menu.primary-menu {
		display: none;
	}
	.slicknav_menu {
		    background: #ffffff !important;
		
		background: #081624;
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.09);
}


	.slicknav_btn {
		margin-right: 10px;
		background: #3a3a3a;
	}
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_row:hover {
		background: #25394c;
		color: #fff;
	}
	.hero-item h2 {
		font-size: 70px;
	}
	.hero-item p {
		font-size: 18px;
	}
	.footer-right-pic,
	.footer-left-pic {
		display: none;
	}
	.hero-slider .owl-nav .owl-next {
		top: auto;
		bottom: 33px;
		right: 15px;
		z-index: 99;
	}
	.hero-slider .owl-dots {
		width: 100%;
		left: 0;
		padding-left: 15px;
	}
	.intro-text-box {
		margin-bottom: 40px;
	}
	.blog-item .blog-thumb {
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.sidebar {
		padding-top: 60px;
	}
	.featured-bg {
		display: none;
	}
	.featured-box {
		float: none;
		width: 100%;
	}
	.featured-box .text-box h3 {
		font-size: 45px;
	}
	.newsletter-form {
		padding-left: 0;
	}
	.newsletter-form input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.video-text:after {
		left: 0;
	}
	.page-top-section {
		height: 400px;
		padding-top: 250px;
	}
	.game-filter {
		text-align: center;
	}
	.game-filter li {
		margin-bottom: 5px;
	}
	.game-single-content .gs-title {
		font-size: 40px;
	}
	.review-pic img {
		min-width: 100%;
		margin-bottom: 30px;
	}
	.contact-text {
		margin-bottom: 50px;
	}
	.review-content .rating {
		position: relative;
		margin-bottom: 20px;
	}
	.review-content .rating h5 {
		text-align: left;
		padding-right: 0;
	}
}

/* Small Mobile :320px. */




@media only screen and (max-width: 479px) {
	.inputPagar2 {
		padding-left: 20px!important;
		height: 46px!important;
		border-radius: 3px!important;
		border: 1px solid #9e9e9e!important;
		width: 100% !important;
		margin-bottom:10px!important;
	}


	.width100boton {
		width:100%!important;
	}

.alinearTotales {
	text-align: center;
}

	.hero-item h2 {
		font-size: 55px;
		margin-bottom: 20px;
	}

	.planPublicitario {
		font-size:16px;
	}
	
	.hero-item p {
		font-size: 22px;
	}
	.video-text h2 {
		font-size: 30px;
	}
	.video-play-btn {
		top: calc(30% - 61px);
	}
	.featured-box {
		padding: 100px 15px;
	}
	.featured-box .text-box h3,
	.newsletter-section h2 {
		font-size: 35px;
	}
	.main-menu li a {
		margin-right: 20px;
	}
	.game-author-pic {
		float: none;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 350px) {
	.planPublicitario {
		font-size:13px;
	}
}

.whatsapp {
    position: fixed;
    width: 64px;
    height: 50px;
    margin-left: 17px;
    bottom: 30px;
    z-index: 221;
    background-color: transparent;
    border-radius: 50px;
    text-align: center;
    transition: 0.3s;
}

.requestBudget {
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: fixed;
    width: 225px;
    margin-left: 37px;
    bottom: 14px;
    z-index: -1;
    background-color: #1b86ce;
    text-align: center;
    transition: 0.3s;
    box-shadow: 4px 0px 6px 0px rgba(0,0,0,0.17);
    font-size: 16px;
    color: #FFF!important;
}

.paddingEmpresaLider {
	padding-top: 60px!important;
}

@media only screen and (max-width: 420px) {
	.paddingEmpresaLider {
		padding-top: 30px!important;
	}
}