@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
* {
	margin: 0;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
}
div {
	word-wrap:break-word;
	-webkit-text-size-adjust: 100%;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding:0;
	color: #7f8790;
	font-size: 14px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	background: #f1f5f9;
	line-height: 23px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
h1, h2, h3, h4, h5 , h6{
	text-rendering: optimizelegibility;
	color:#334d5e;
}
a {
	color:#287fba;
	cursor:pointer;
}
a:active {
	color:#3c94cf;
	outline:0;
}
a.btn{
	text-decoration:none;
	outline:0;
}
img, a img {
	border: 0;
	vertical-align:middle;
}
p {
	margin:15px 0;
}
ul.no-styling {
	margin:0;
	padding:0;
	list-style:none;
}


input,
textarea{
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	background-color:#fff;
	border:1px solid #d3d3d3;
	padding: 11px 12px;
	color:#656f7d;
	height:45px;
	width:100%;
	font-size:13px;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
		 -o-border-radius:3px;
			border-radius:3px;
}
textarea{
	height:auto;
}
input:focus,
textarea:focus{
	outline:none;
	border-color:#7aa8c7; 
}
input:read-only,
input:read-only:hover,
textarea:read-only,
textarea:read-only:hover{
	background: #d3d3d3;
	border-color:#d3d3d3;
    cursor: no-drop;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999ea7;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
   color: #999ea7;
   opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
   color: #999ea7;
   opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #abb1ba;
}

label.checkbox {
	cursor:pointer;
	display:inline-block;
}
label.checkbox.error-validation {
	color: #d64937;
}
label.checkbox.error-validation .checkbox-box {
	border-color: #d64937;
}

input[type="checkbox"]:checked + .checkbox-box,
input[type="radio"]:checked + .checkbox-box{
	border:1px solid #35c285;
	background-color:#35c285;
	color:#fff;
}
input[type="checkbox"]:checked + .checkbox-box .icon,
input[type="radio"]:checked + .checkbox-box .icon{
	display:inline-block;
}
input[type="checkbox"],
input[type="radio"] {
	opacity: 0;
	width: 0px;
	height: 1px;
	display:none;
}
input[type="radio"] + label {
	cursor:pointer;
	height:20px;
	padding-left: 26px;
	margin-left: 0px;
	background: url(/media/images/radiobox_icon.svg) 0px 2px no-repeat;
	background-size:16px 37px;
	font-size:15px;
}

.checkbox-box{
	width:25px;
	height:25px;
	border:1px solid #d3d3d3;
	border-radius:3px;
	display:inline-block;
	vertical-align:middle;
	background-color:#fff;
	transition: background 0.1s linear;
	text-align:center;
}
.checkbox-box .icon{
	font-size:13px;
	display:none;
	transition: background 0.075s linear;
}



/*========================================== SHORT CODES ================================================*/


.valign{
	display:table-cell;
	vertical-align:middle;
	height:inherit;
	width:inherit;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-light{
	font-weight:300;
}
.text-normal{
	font-weight:400;
}
.text-semibold{
	font-weight:600;
}
.text-bold{
	font-weight:700;
}
.text-italic{
	font-style:italic;
}
.inline-block{
	display:inline-block;
}
.hidden {
	display: none;
}
.clear {
    clear: both;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.rounded {
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
		 -o-border-radius:100px;
			border-radius:100px;
}
.rounded5 {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
		 -o-border-radius:5px;
			border-radius:5px;
}
.rounded3 {
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
		 -o-border-radius:3px;
			border-radius:3px;
}
.relative{
	position:relative;
}
.position-right{
	margin-left:7px;
}
.position-left{
	margin-right:7px;
}
.btn {
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 11px 12px;
    font-size: 16px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-block{
	width: 100%;
	display:block;
}
.btn-green{
	background:#0cdd97;
	color:#fff;
	text-decoration:none;
}
.btn-green:active{
	background:#47d799;
	color:#fff;
}
button.btn-green{
	background:#0cdd97;
	border:1px solid #0cdd97;
	color:#fff;
	text-decoration:none;
}
button.btn-green:active{
	background:#47d799;
	color:#fff;
	outline:none;
}
.mobile_view{
	display:none;
}
.text-red{
	color: #ba2828;
}
.btn-green.registered{
	padding:15px;
	cursor:default;
}
.btn-green.registered:active{
	background:#35c285;
}
.btn-green.registered .btn-title{
	font-size:35px;
}

/*========================================== GENEREAL / INDEX ================================================*/

.error-validation .title{
	color:#da391d !important;
}
.error-validation input{
	border-color:#da391d !important;
}


.upper{
	background-image:url(https://www.moneyunder30.com/images/2017/05/prosper_couple.jpg);
	background-position: left top;
	background-size:cover;
	background-repeat: no-repeat;
	/*background: #2579ce;
	background: -webkit-linear-gradient(left, #1d529e , #2579ce);
	background: -o-linear-gradient(right, #1d529e, #2579ce); 
	background: -moz-linear-gradient(right, #1d529e, #2579ce); 
	background: linear-gradient(to right, #1d529e , #2579ce); */
}
.upper .waves{
	/*background-image: url(/assets/images/waves.png);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

.logotype{
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}
.logotype h1{
	font-size:22px;
	font-weight:500;
	color:#fff;
}
.logotype .slogan{
	font-size:12px;
	margin-top:-5px;
}

.intro-text{
	color:#fff;
	margin-top:50px;
	padding-bottom:230px;
	line-height: normal;
}
.intro-text .title{
	font-size:72px;
	line-height: normal;
}
.intro-text .description{
	font-size:30px;
	margin-top:10px;
}

.content{
	background-color:#fff;
	box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
	width:100%;
	max-width:1020px;
	margin:-140px auto 0;
}
.text-content{
	margin-top:30px;
	padding:0px 30px 15px 30px;
	margin-bottom:30px;
}
.content .heading,
.text-content .heading{
	background-color:#eff6fd;
	display: block;
    width: auto;
    height: auto;
    padding: 13px 15px 14px;
	font-size:18px;
	color:#304a67;
	border-radius:3px 3px 0 0;
}
.text-content .heading{
	margin:0px -30px 15px -30px;
}
.content .sides{
	width:50%;
	padding-bottom:30px;
}
.content .right-side{
	width:50%;
	border-radius:3px 3px 0 0;
	box-shadow: -1px 0px 15px 0 rgba(50,50,93,.3);
}
.content .form{
	padding:0 30px;
}
.content .form-group{
	margin-top:30px;
}
.content .form-group .title{
	font-size:16px;
	font-weight:600;
	color:#304a67;
	margin-bottom:9px;
}
.btn-submit{
    padding: 11px 30px;
}
.total{
	margin-top:30px;
}
.total .big-text{
	font-size:25px;
	font-weight:300;
	color:#304a67;
}
.total .small-text{
	font-size:16px;
	font-weight:300;
	color:#7f8790;
}
.total .total-text{
	font-size:60px;
	font-weight:600;
	color:#0cdd97;
	line-height:70px;
}

.thankyou{}
.thankyou .big-text{
	font-size:30px;
	color:#0cdd97;
}


.copyright{
	padding:30px 0;
}

.range-slider {
  padding-bottom:30px;
  width: 100%;
  font-size:16px;
}
.range-slider__range {
  -webkit-appearance: none;
  width: calc(100%);
  height: 10px;
  border-radius: 5px;
  background: #cad0d5;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #226bbd;
  box-shadow:0px 0px 2px rgba(0,0,0,0.35);
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  box-shadow:0px 0px 2px rgba(0,0,0,0.85);
}
.range-slider__range:active::-webkit-slider-thumb {
  box-shadow:0px 0px 2px rgba(0,0,0,0.85);
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #226bbd;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  box-shadow:0px 0px 2px rgba(0,0,0,0.85);
}
.range-slider__range:active::-moz-range-thumb {
  box-shadow:0px 0px 2px rgba(0,0,0,0.85);
}
.range-slider__value{
	position: absolute;
    top: 0px;
    text-align: right;
}
.range-slider__value.sum{
    right: 16px;
}
.range-slider__value.month{
	right:37px;
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

@media screen and (max-width:1050px){
	.upper .waves{
		background-position: left 64%;
	}
}
@media screen and (max-width:767px){
	.intro-text{
		margin-top:30px;
	}
	.intro-text .title{
		font-size:9.3vw;
	}
}
@media screen and (max-width:730px){
	.content .right-side,
	.content .left-side{
		float:none;
		width:100%;
	}
	.content .right-side{
		border-top: 1px solid #d4dbe2;
		box-shadow:none;
		margin-top:16px;
	}
}
@media screen and (max-width:520px){
	.intro-text .description {
		margin-top:0px;
	}
}

@media screen and (max-width:450px){
	.intro-text .description {
		font-size: 20px;
	}
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: center;
    color: #f2f2f2;
    text-align: center;
    padding: 18px 28px;
    text-decoration: none;
    font-size: 24px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}