.securedloan_form {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:20px;border:none;padding: 0;}

/* Grid */
.securedloan-grid {display:grid;grid-template-columns:60% 40%;}

/* Inputs Section */
.securedloan-inputs  {background-color: #FFFFFF;padding: 20px;border: 1px solid #343848;}
.securedloan-slider-label {color:#343848;font-size:20px;margin-bottom: 12px;}
.securedloan_slider_output {line-height: 25px; font-size: 25px; text-align: center; margin-bottom: 12px;}

.range {margin-bottom: 12px;}
.securedloan-slideroutput { position: relative;height:1em;}
.securedloan-slideroutput .securedloan-sliderbuttonleft { position: relative; float: left; height: 30px; width: 10%;text-align: left;}
.securedloan-slideroutput .securedloan-sliderbuttonright {position: relative; float: right; height: 30px; width:10%;}
.securedloan-slideroutput .securedloan-slidercenter {margin: auto; width:80%; display: inline-block; text-align:center; outline: 0;color:#f09c30;font-size:20px; }
.securedloan-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/* Circle Rules */
.securedloan-down 	{ height: 25px; width: 25px; position: absolute; top: 0; left: 0; border-radius: 12.5px; border: 2px solid #343848; }
.securedloan-down:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #343848;
	top: 50%;
	margin-top: -1.5px;
	left: 50%; 
	margin-left: -7.5px;
}
.securedloan-up 		{ height: 25px; width: 25px; position: absolute; right: 0; top: 0; border-radius: 12.5px; border: 2px solid #343848; }
.securedloan-up:after {
	content: "";
	width: 15px;
	position: absolute;
	height: 3px;
	background-color: #343848;
	top: 50%;
	left: 50%; 
	margin-top: -1.5px;
	margin-left: -7.5px;
}
.securedloan-up:before {
	content: "";
	width: 3px;
	position: absolute;
	height: 15px;
	background-color: #343848;
	top: 50%;
	left: 50%;
	margin-top: -7.5px;
	margin-left: -1.5px;
}
.output-values	{ line-height: 25px; font-size:25px;color: #666666}
.output-values output {color: #343848;}
.output-pad		{ padding: 0 25px; line-height: 25px; min-height: 25px; position: relative; }
.securedloan-up:hover, .securedloan-down:hover { background-color: #e6e6e6; cursor: pointer; }
.circle-control {
	touch-action: none;
}

/* Range */
.securedloan, .securedloan__fill {
	background: #e6e6e6;display: block;height: 8px;
	border-radius: 8px;
	box-sizing: border-box;
	}

.securedloan {position: relative;height: 8px;width: 100%;margin:8px 0 4px 0;}

.securedloan--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity: 0.4;}

.securedloan__fill {height: 8px;width: 100%;background: #343848;position: absolute;top: 0;border-radius: 8px 0 0 8px;}

.securedloan__handle {
	background: #343848;
	cursor: pointer;
	display: inline-block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -8px;
	border-radius: 50%;
}

.range {
	margin-bottom: 36px;
}

/* Buttons */
.securedloan_form .repaymentsbutton {display: grid;
	grid-template-columns: 49% 49%;
	grid-gap: 1%;
	margin-bottom: 36px;
}
.securedloan_form .repaymentsbutton input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.securedloan_form .repaymentsbutton label {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	font-weight: 900;
	background-color:#cce6ff;
	color: #164C81;
	cursor: pointer;
}
.securedloan_form .repaymentsbutton label:hover, .securedloan_form .repaymentsbutton input[type="radio"]:checked + label {background-color:#164C81;color:#FFFFFF;}

/* Credit Score Buttons */
.creditscore {display: grid;
	grid-template-columns: 19.2% 19.2% 19.2% 19.2% 19.2%;
	grid-gap: 1%;
	cursor: pointer;
}
.creditscore input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.creditscore label {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	font-weight: 900;
}

.creditscore .excellent {color: #FFF;background-color: rgba(11,83,69,0.5);}
.creditscore .verygood {color: #FFF;background-color: rgba(57,181,74,0.5);}
.creditscore .good {color: #FFF;background-color: rgba(252,161,64,0.5);}
.creditscore .fair {color: #FFF;background-color: rgba(241,89,42,0.5);}
.creditscore .poor {color: #FFF;background-color: rgba(231,76,60,0.5);}
.creditscore .excellent:hover, .creditscore input[type="radio"]:checked + .excellent {background-color: rgba(11,83,69,1);}
.creditscore .verygood:hover, .creditscore input[type="radio"]:checked + .verygood {background-color: rgba(57,181,74,1);}
.creditscore .good:hover, .creditscore input[type="radio"]:checked + .good {background-color: rgba(252,161,64,1);}
.creditscore .fair:hover, .creditscore input[type="radio"]:checked + .fair {background-color: rgba(241,89,42,1);}
.creditscore .poor:hover, .creditscore input[type="radio"]:checked + .poor {background-color: rgba(231,76,60,1);}

.newoutput {color: #ffffff;text-align: center;}
.newoutput div {margin-top: 0;}
.newoutput div.table-label {margin-bottom: 12px;}
.newoutput div.table-output {font-size: 12px;}
.newoutput span {font-size: 30px;font-weight: 900;padding: 0 6px;}

/* Outputs */
.securedloan-outputs {background-color: #e24927;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.securedloan_form table.output-table {width:100%;border-collapse: collapse;}
.securedloan_form table.output-table td {padding: 10px 0;border-bottom: 1px solid #ccc !important;vertical-align: middle !important;}
.securedloan_form table td.table-label {text-align: left;color:#FFF;}
.securedloan_form table td.table-output {text-align: right;color:#FFF;}

.securedloan_form .secureddeals {padding:12px;border: 2px solid #ffffff;text-align: center;color:#ffffff;}
.securedloan_form .secureddeal {padding:4px 0;font-weight: 900;font-size: 20px;}

/* Application Button */
.ltc_register {display:block;margin-top: 24px;}
.ltc_register a {display:block;;font-family: inherit;font-size: inherit;width: 100%;box-sizing: border-box;background: #1a82c7;color:#FFF;text-align: center;cursor: pointer;border:none;padding:8px;text-decoration: none;}

.pulse-button {
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	color: #fff;
	background-color: #3498db;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	animation: pulse 1s infinite;
}

.pulse-button a {color:#FFF;text-align: center;cursor: pointer;text-decoration: none;font-size: 20px;}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width:600px) {
	.securedloan-grid {display:block;}
	.securedloan_form .secureddeals {margin: 36px 0;}
	.output-values {font-size:14px;}
}