@charset "utf-8";
/* CSS Document */

/* Fonts */

/* End Fonts */

/*=============================================
Fondo
=============================================*/

	.bg-negro{background-color: #000;}
	.bg-negro2{background-color:#1A1320 ;}
	.bg-gris{background-color: #4E4E4E;}
	.bg-violeta{background-color: #9C41EF;}

	.bg-estrellas{background-image: url("../images/estrellas-overlay.jpg"); background-size: cover;}

	.bg-negro-medio{
		background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(26,19,32,1) 50%, rgba(26,19,32,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(26,19,32,1) 50%, rgba(26,19,32,1) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(26,19,32,1) 50%, rgba(26,19,32,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#1a1320",GradientType=1);
	}
/*=============================================
Max-width	
=============================================*/

	.max-width-1200{max-width: 1200px;}
	.max-width-800{max-width: 800px;}


/*=============================================
Img
=============================================*/

	img{width: auto;height: auto;}

/*=============================================
Fuentes
=============================================*/
	.f70{font-size: 70px;}
	.f60{font-size: 60px;}
	.f49{font-size: 49px;}
	.f48{font-size: 48px;}
	.f42{font-size: 42px;}
	.f40{font-size: 40px;}
	.f38{font-size: 38px;}
	.f35{font-size: 35px;}
	.f30{font-size: 30px;}
	.f28{font-size: 28px;}
	.f27{font-size: 27px;}
	.f26{font-size: 26px;}
	.f25{font-size: 25px;}
	.f24{font-size: 24px;}
	.f22{font-size: 22px;}
	.f20{font-size: 20px;}
	.f16{font-size: 16px;}
	.f14{font-size: 14px;}
	.f12{font-size: 12px;}
	.f10{font-size: 10px;}
	.f9{font-size: 9px;}
	.f8{font-size: 8px;}
	.f7{font-size: 7px;}

	.fw-m{font-weight: 500;}
	.fw-sb{font-weight: 600;}
	.fw-eb{font-weight: 800;}
/*=============================================
Colores
=============================================*/
	.cl-violeta{color: #9C41EF;}
	.cl-gris{color: #4E4E4E;}
	.cl-gris2{color: #7C7C7C;}
	.cl-gris3{color: #E8E8E8;}


/*=============================================
Separaciones
=============================================*/
	.sep{width: 2px;}

/*=============================================
Z-index
=============================================*/
	.z-index-1{z-index: 1;}
	.z-index-2{z-index: 2;}

	input#agree {
	    height: 25px;
	    width: 25px;
	    margin-right: 1em;
	}

body{
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	font-size: 16px;
}
h1{
	
}
h2{
	
}
h3{
	
}
h4{
	
}
h5{
	
}
ol.two-columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
/* Form Styles */
.form-filed{
	margin-bottom: 15px;
}
.label{
	/*color: #989898;*/
	/*font-size: 12px;*/
    /*text-transform: uppercase;*/
	display: block;
	margin-bottom: 3px;
	/*display: none;*/
}
.error,
#errmsg{
	display: block;
    color: red;
    font-size: 12px;
    text-transform: uppercase;
}
input,
textarea,
select{
	width: 100%;
	padding: 5px;
	font-size: 13px;
	color: #242424;
}
select{
	padding: 7px 0px
}
textarea{
	height: 60px;
}
button{
	width: 100%;
	padding: 7px 0;
}
    img.astro {
		position: absolute;
        left: -284px;
        top: -150px;
	}
	/*.avatar {
        overflow: hidden;
        transform: translatey(0px);
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
    	0% {
    		transform: translatey(0px);
    	}
    	50% {
    		transform: translatey(-30px);
    	}
    	100% {
    		transform: translatey(0px);
    	}
    }*/
    section#clients h2.mt--60 {
    display: none;
}
div#lada-drop, #lada-drop2 {
    display:none;
    background-color: #fff;
    max-width: 200px;
    min-width: 150px;
    height: 250px;
    position: absolute;
    font-size: 14px;
    overflow-y: scroll;
}
div#lada-drop > div:hover, div#lada-drop2 > div:hover {
    background-color: blue;
    color: #fff;
}
.step-2 {
    
}
.cursor-pointer{
    cursor:pointer;   
}
label.error {
    margin: 5px 0 0px 0
}
.step-3 {
    min-height: 350px;
}
/*=============================================
Querys
=============================================*/

@media only screen and (min-width:1200px){

}
@media only screen and (max-width:1880px){

}
@media only screen and (max-width:1800px){

}
@media only screen and (max-width:1700px){

}
@media only screen and (max-width:1600px){

}
@media only screen and (max-width:1550px){

}
@media only screen and (max-width:1500px){

}
@media only screen and (max-width:1400px){
    img.astro {
	    max-width: 690px;
	    left: -247px;
	}
}
@media only screen and (max-width:1280px){

}
@media only screen and (max-width:1199px){
	.img-astro{max-height: 420px;overflow: hidden;}
	img.astro {
	    position: relative;
	    width: 109%;
	    max-width: 5000px;
	    left: 25%;
	    top: 0;
	}
    img.astro{transform: translateX(-30%);}
}
@media only screen and (min-width:1199px){
	.mt--60{margin-top: -63px;}

    
}

@media only screen and (min-width:768px) and (max-width:1025px){
	
	button.w-50 {width: 100%!important;}
	.f-45-t{font-size: 45px;} #clients p{font-size: 25px;}
}
@media only screen and (min-width:768px) and (max-height:600px){
    
}
@media only screen and (min-width:768px) and (max-width:800px){
    
}
@media only screen and (max-width:1000px){
    
}
@media only screen and (max-width:932px){

	
}
@media only screen and (max-width:767px){
	.w-100-m{width: 100%;}
	.img-astro{max-height: 360px;}
	img.astro {
	    position: relative;
	    width: 170%;
	    max-width: 5000px;
	    left: 50px;
	    top: 0;
	}
	h1.f35 {
	    font-size: 28px;
	}
	.cl-gris4{color: #d8d8d8!important;}
	button.w-50 {width: 100%!important;}
}
@media only screen and (max-width:689px){
    
}
@media only screen and (max-width:667px){
	
}
@media only screen and (max-width:450px){
    
}
@media only screen and (max-width:393px){
	
}
@media only screen and (max-width:320px){

}