body {
		background: url(../img/bg.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-color: #ffffff;  /* fallback for old browsers */
	color: #000;
}


.form-row {
	margin-bottom: 10px;
}
.checkbox-circle {
	display: block;
}

.checkbox-circle label {
	margin-right: 20px;
}
.lds-ellipsis div {
	background: #333;
}
label.error {
	width: 100%;
	display: block;
}
.subtitle {
	text-transform: lowercase;
}


h1 {
	text-shadow: 0px 0px;
}



#prelander {
	border: solid 1px #9b9b9b;
	background: #fff;
	border-radius: 3px;
	width: 80%;
	margin: 0 auto;
}
#prelander p {
	font-size: 20px;
	text-align: center;
}
#prelander span {
	width: 100%;
}
#prelander.wizard > .steps ul:after, .checkbox-circle .checkmark:after {
	background: #3cb878;
}
#prelander.wizard > .steps ul {
	background: #eee;
	border: 1px solid #ddd;
}

.pactions a, .form-header a, .actions li a {
	background: #3cb878;
}
.pactions li a:hover, .actions li a:hover {
	background: #51cf8e;
}

a {
	color: #3cb878;
}

.wrapper-slide {
	overflow: hidden;
	padding-top: 35px;

}
input, textarea, select, button {
	color: #333;
}
#slide {
	position: absolute;
	left: -750px;

	-webkit-animation: slide 1s forwards;
	-webkit-animation-delay: .5s;
	animation: slide 1s forwards;
	animation-delay: .5s;
	z-index: 999999;
}
.list-features {
	position: absolute;
	left: -750px;
	-webkit-animation: list 1s forwards;
	-webkit-animation-delay: .5s;
	animation: list 1s forwards;
	animation-delay: .5s;
	z-index: 999999;
	margin-top: 170px;
	font-size: 24px;
	width: 370px;
	font-weight: bold;
}
.list-features ul {
	list-style-type: circle;
}

.list-features li {
	padding-bottom: 20px;
}


@media (max-width: 1300px) {
	h1, .big-title {
		font-size: 2rem;
	}
	.image-holder {
		display: block;
	}


	#box-form {
		padding-right: 0;
		padding-left: 0;
	}
	#prelander {
		width: 100%;
	}
	.wizard > .steps {
		margin-top: 0;
	}
	#slide {
		height: auto;
		position: static;
	}
	.wrapper-slide {
		padding-top: 0;
		height: auto;
		text-align: center;
	}
	h1 {
		padding: 20px 0;
	}
	.list-features {
		display: none;
	}

	.list-features li {
		font-size: 20px;
	}
	#prelander.wizard > .steps ul {
		margin-bottom: 20px;
		bottom: -85px;
	}



}

@media (max-width: 1600px) and (min-width: 1301px ) {
	.list-features {
		width: 350px;
	}
}

/* -----------------------------------------------------------------------------*/ 


h3.subtitle {text-transform: initial; margin-bottom: 10px; margin-top: 0px;letter-spacing: 0px;}
.pactions li {display: block;}
.pactions a {display: inline-block; padding: 20px; padding-top: 1em; height: auto; border-radius: 3px; width: 97%; /*min-width: 115px;*/ margin: 0 5px; text-align: center; }
.female {margin-left: 2em; }
#wizard { border: solid 1px #9b9b9b; border-radius: 10px; background: rgba(255, 255, 255, .8);}
.wizard > .steps ul:after {background: #3cb878!important; color: #fff!important;} /* top progress bar */
.wizard > .steps ul {background: rgba(60, 184, 120, .4)!important;} /* top progress bar */
.wizard > .steps ul:before { filter: invert(66%) sepia(6%) saturate(3413%) hue-rotate(97deg) brightness(90%) contrast(98%)!important;}  /* top progress bar */
.footer {font-size: 10px; margin-top: 4em; text-align: center;}
.footer a:link {font-size: 13px; font-weight: bold; padding: 5px; }
/* form */  
.form-row .form-holder { width: 100%; }
.form-control, .checkbox-circle .checkmark { border: 1px solid #c2c2c2; background: #fff;}
.form-control:focus {border: 1px solid #c2c2c2;}
.form-control::-webkit-input-placeholder {  color: #999; text-transform: uppercase; }
.form-control::-moz-placeholder { color: #999; text-transform: uppercase; }
.form-control:-ms-input-placeholder { color: #999; text-transform: uppercase; }
.form-control:-moz-placeholder { color: #999; text-transform: uppercase; }
select {color: #999;}
.checkbox-circle .checkmark { border: 1px solid #ccc; background: #fcdcdb;}
#prelander.wizard > .steps ul:after, .checkbox-circle .checkmark:after { background: #3cb878;}
.date  { width:32% } 
.legal {font-size:11px}

/* blinky */ 
.actions li a {
 /*   background: -webkit-linear-gradient(top,#3e59f8, #2f48da, #1428a0, #1428a0) !important; 
    background-image: linear-gradient(to bottom, #3e59f8, #2f48da, #1428a0, #1428a0) !important; */
    box-shadow: #959595 0 2px 5px;
    border-radius: 2em;
}


.actions li a {
    -webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
    animation: pulsate-bck 0.9s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* end blinky */ 

@media (min-width: 600px){ 
    body {
background: url(../img/bg-desk.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
    
.desk{display: inherit;}
.mob{display: none;}
#content-body {max-width: 980px;}  
img { max-width: 480px; vertical-align: top; margin-top: 0em;} 
img.headline {  vertical-align: top; margin-top: 0em!important;} 
    /* Prelander */ 
.prl-steps {display: block; margin-bottom: 0px; text-align: center;}
.pactions ul {margin-top: 10px;}
.pactions li { margin-top: 15px; /*display: inline;*/}
    /* form */ 
/*form gender align*/ .checkbox-circle { justify-content: inherit!important; }
.form-control { height: 35px; } 
.form-header { margin-top: 2em!important;}     
h1 { margin-bottom: 1em;}
 
}

@media (max-width: 599px){
       body {
    background: url(../img/bg-mobile.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; background-attachment: fixed;
}
h3.subtitle {margin-bottom: 0px;}
.desk{display: none;}
.mob{display: inherit;}
#content-body { width: 100%;}
.row { display: block;}
img { width: 100%; margin-top: -7.3em!important; margin-bottom: 2em;}
h1 {padding: 10px 0;}
    /* Prelander */ 
.prl-steps {margin-bottom: 5px; text-align: center;}
#prelander { padding: 5px 5px 10px 5px; margin-bottom: 4em;}
.pactions ul { margin-top: 0px;}
.pactions li { margin-top: 8px; /*display: block*/}
    /* Form */
.form-row label {margin-bottom: -2px;  /*display: inline-block;*/}
.checkbox-circle { display: inline-flex; }
.form-control { height: 31px; } 
	.form-header { margin-top: 5em;} 
#wizard {  padding: 10px 15px; position: relative;}
#box-form {padding-right: 5px; padding-left: 5px;}
   
h3.subtitle {font-size: 14px;}
.legal {font-size: 64%;}
}


@media only screen and (max-width: 359px)  { /*   iphone 4, 5 */ 
img { margin-bottom: 1em; }	
.form-control {height: 27px;}
}

@media only screen and (min-width: 569px) and (max-width: 759px)  {    /*   landscape */ 
.tabl  { max-width: 480px; margin-top: -7em; margin-bottom: 1em;}

}

@media only screen and (min-width: 760px) and (max-width: 775px)  {    /*   tablets */ 
h1 { margin-bottom: 0em;}
.tabl {width: 300px; margin: -3em 0 2em 0;}
.footer { margin-top: 9em;}
}