@font-face {font-family: "Circular Std Bold";
    src: url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/06d1b1518a180e5a9cca2c23401ec40a.svg#Circular Std Bold") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Circular Std Book";
    src: url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/860c3ec7bbc5da3e97233ccecafe512e.svg#Circular Std Book") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Circular Std Medium";
    src: url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/9475d6a0b79c164f9f605673714e75d9.svg#Circular Std Medium") format("svg"); /* iOS 4.1- */
}

main{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;

}
.no-visiblity{
	display: none !important;
}
.no-opacity{
	opacity: 0;
}

.main-section{
	padding: 22vh 9% 4% 15%;
}
.main-section .progress{
	background-color: #DFDFE3;
	height: 3.5rem;
	border-radius: 8px;
}
.main-section .progress-bar{
	background-color:#fdb600;
	width:20%;
}
.main-section .progress-bar:after{
	content:'20%';
	font-size:22px;
	color: #353448;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	font-family: "Circular Std Bold" !important;
}

.main-section .container-div{
	display: flex;
	padding: 5% 0;
}
.main-section .container-div .content-div{
	flex:3;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	background-color: #f7f8fa;
	padding: 4%;
	margin-right: 4%;
	padding-bottom: 15%;

}
.main-section .container-div .content-div .heading-1{
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.45px;
	color: #1d293f;
	font-family: "Circular Std Bold" !important;
	padding-right: 16%;
	border-bottom: 2px solid #505a6b;
    padding-bottom: 35px;
}
.content-div .question-content{
	width: 100%;
	display: flex;
	padding: 3% 0 0;
	position: relative;
}
.question-content .question-div p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #1d293f;
	font-family: "Circular Std Book" !important;
}
.content-div .question-content .message-div{
	border-radius: 8px;
	border: solid 1px #fdb600;
	background-color: #fff8e5;
	width:36%;
	position: absolute;
	right: 0;
	display: flex;
    padding: 2% 1% 1%;
}
.content-div .question-content .message-div p, .content-div .question-content .message-div a{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #353448;
	font-family: "Circular Std Book" !important;
	padding: 0 5px 0 8px;

}

.content-div .question-content .message-div div{
	
}
.content-div .question-content .question-div{
	padding-top:2%;
	width: 56%;
}
.content-div .question-content .question-div .heading-3{
	font-size: 24px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #1d293f;
	font-family: "Circular Std Medium" !important;
	padding: 5px;
	padding-left: 0;
	padding-right: 12%;
	margin-bottom: 15px;
}
.content-div .question-content .question-div label{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #353448;
	font-family: "Circular Std Book" !important;
	padding: 0 16% 0 8px;
	margin-bottom: 15px;
}
.content-div .question-content .question-div label.label-credit{
	padding-right: 1% !important;
	width: 40%;
}
.content-div .question-content .question-div input:checked{
	
}
.question-content .question-div input[type=text],.question-content .question-div input[type=number], .question-content .question-div input[type=email]{
	border-radius: 5px;
	border: solid 2px #cacaca;
	background-color: #ffffff;
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 4%;
}
.question-content .question-div input[type=text]::placeholder,.question-content .question-div input[type=number]::placeholder , .question-content .question-div input[type=email]::placeholder{
	
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #999999;
	font-family: "Circular Std Medium" !important;
}

.content-div .continue-button, .continue-button{
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	border: 2px solid #fdb600;
	border-radius: 5px;
  	background-color: #fdb600;
  	font-family: "Circular Std Medium" !important;
  	padding: 2.5% 7%;
  	width: 30%;
}
.content-div .back-button, .back-button{
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	border: 2px solid #1d293f;
	border-radius: 5px;
  	background-color: transparent;
  	font-family: "Circular Std Medium" !important;
  	padding: 2.5% 7%;
  	width: 30%;	
    margin-right: 5%;

}
.main-section .container-div .sidebar-div{
	flex:1;
	border-radius: 8px;
	background-color: #fdb600;
	padding: 5% 2%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.main-section .container-div .sidebar-div div{
	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5%;
}
.main-section .container-div .sidebar-div .float-button{
	position: absolute;
	right: 0;
    top: 0;
}
.container-div .sidebar-div div h5{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	font-family: "Circular Std Book" !important;
	padding: 8px 12px;
}
.content-div .question-content .question-div label.wide-text{
	font-size: 20px;
    padding-right:0;
}
.final-quote-div{
	
	flex:1;
	display: flex;
	flex-direction: column;
}
.final-quote-div .data-container{
	flex: 1;
	padding: 5% 0% 8%;
	border-bottom: solid 1.4px rgba(151, 151, 151, 0.38);
	display: flex;
	flex-direction: row;
}
.final-quote-div .button-container{
	flex: 1;
	display: flex;
	padding: 5% 15%;
	justify-content: center;
}
.data-container .visual-div{
	flex: 1;
    background-image: linear-gradient(to bottom, #7200ff 1%, #844fef);
    border-radius: 14px;
    border: solid 1.4px #979797;
    padding: 6% 4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	position: relative;
}
.data-container .visual-div p, .data-container .visual-div p span{
	font-size: 32px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 60.2px;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
	font-family: "Circular Std Medium" !important;
}
.data-container .visual-div p #congratulations{
	font-size: 35px;
}
.data-container .visual-div p #pre_approved_amount{
	font-size: 38px;
	font-family: "Circular Std Bold" !important;
	color: #fdb600;
	text-decoration: underline;
}
.data-container .visual-div p.small-passage{
	font-size: 21px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fefffe;
	padding: 5% 20%;
}
a.float-quote-button{
	font-size: 22px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	font-family: "Circular Std Medium" !important;
	border-radius: 7px;
	background-color: #fdb600;
	position: absolute;
	padding: 6%;
    width: 80%;
    bottom: -20px;
}
.data-container .data-div{
	flex:1.4;
	padding: 0 5%;
}
.data-div h2, .data-div h2 span{
	font-size: 43.4px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.39;
	letter-spacing: normal;
	text-align: center;
	color: #fdb600;
	font-family: "Circular Std Bold" !important;
	padding: 5%;
}
.data-div h2 span{}
.data-div .gray-div{
	font-size: 25px;
	font-family: "Circular Std Medium" !important;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #aeb2b9;
}
.yellow-text{
	color:#fdb600;
	font-family: "Circular Std Bold" !important;
}
.checklabel{
	
    width: 90%;
    margin-top: -2%;
}
.agreeinput{
	float: left;
}
.continue-button.view-quote{
	font-size: 17px !important;
	width: 35% !important;
}
.content-div .button-container{
	margin-top: 5%;
}
.calculating-div{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 8% auto;
    width: 70%;
}
.calculating-div h2{
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.45px;
	text-align: center;
	color: #fdb600;
	font-family: "Circular Std Bold" !important;
	padding: 5%;
}
.calculating-div p{
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 28px;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	font-family: "Circular Std Book" !important;
	padding: 0 7%;
}
.extra-spacing{
	padding: 6% 0;
}
.dark-black-text{
	color:#1d293f;
}
#brokerage-e{
	padding: 0 7%;
}
#brokerage-o{
	padding: 0 7%;
}
.big-font{
	font-family: "Circular Std Bold" !important;
	font-size: 43px;
}

.graph-div{
	display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 3% 12% 0;
}
.graph-div .ele{
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.graph-div .ele p{
	font-family: "Circular Std Medium" !important;
	font-size: 20px;
	padding-left: .5%;
	text-align: center;
}
.graph-div .ele img{}
.width-7{
	width: 82%;
}
.border-div {
    padding: 5% 0 2%;
    border-bottom: solid 1px #505a6b;
}
.big-button-container{
	padding: 5% 0;
	display: flex;
}
.big-button-container span{
	flex:.4;
	display: flex;
    justify-content: center;
    align-items: center;
}
.border-button{
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	border: 2px solid #1d293f;
	border-radius: 5px;
  	background-color: transparent;
  	font-family: "Circular Std Medium" !important;
  	padding: 2.5% 7%;
  	flex: 1;
}
.yellow-button{
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #1d293f;
	border: 2px solid #fdb600;
	border-radius: 5px;
  	background-color: #fdb600;
  	font-family: "Circular Std Medium" !important;
  	padding: 2.5% 7%;
  	flex: 1;
}
.passage {
    padding: 5% 10% 0 0;
}
p.warning-div{
	color: #d21616 !important;
}
.animate{
	animation: fade 2.5s ease;
}
@keyframes fade{
	0%{
		opacity: 0;
	}
	20%{
		opacity: 0.2;
	}
	50%{
		opacity: 0.6;
	}
	80%{
		opacity: 0.8;
	}
	100%{
		opacity: 1;
	}
}
a.disabled{
	pointer-events: none !important;
    background-color: #d8d8d8 !important;
    border: 2px solid black !important;
}


@media screen and (max-width:1600px){
	.content-div .question-content .question-div label.wide-text{
		font-size: 17px;
	}
}
@media screen and (max-width: 1399px) {

	.content-div .question-content .message-div p{
		font-size: 15px;
	}
	.content-div .question-content .question-div label{
		font-size: 18px;
	}
	.content-div .question-content .question-div .heading-3{
		font-size: 21px;
	}
	.content-div .question-content .message-div{
		width: 42%;
	}
	.main-section .container-div .content-div .heading-1{
		font-size: 28px;
	}
	.main-section .progress{
		height: 2.5rem;
	}
	.main-section .container-div .sidebar-div{
		padding: 5% 1.5%;
	}
	.main-section .progress-bar:after{
		font-size: 20px;
	}
	.container-div .sidebar-div div h5{
		padding: 8px;
	}
	.data-container .visual-div p, .data-container .visual-div p span{
		font-size: 26px;
		line-height: 46px;
	}
	.data-container .visual-div p.small-passage{
		font-size: 18px;
	}
	.data-div .gray-div{
		font-size: 22px;
	}
	.data-div h2, .data-div h2 span{
		font-size: 34px;
	}
	.big-font{
		font-size: 36px;
	}
	.graph-div .ele p{
		font-size: 15px;
	    margin-bottom: 3px;
	    padding-left: 8%;
	}

}

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

	.content-div .question-content .message-div p{
		font-size: 14px;
	}
	.container-div .sidebar-div div h5 {
	    padding: 8px 0;
	    font-size: 14px;
	}
	.content-div .question-content .question-div .heading-3 {
	    font-size: 19px;
	    padding-right: 6%;
	}
	.content-div .question-content .question-div label {
	    font-size: 17px;
	    line-height: 23px;
	    padding-right: 5%;
	}
	.main-section .container-div .content-div .heading-1 {
	    font-size: 24px;
	}
	.main-section .container-div .sidebar-div div img{
		width: 35px;
	}
	.main-section .progress-bar:after {
	    font-size: 18px;
	}

}

@media screen and (max-width: 1050px) {
	.content-div .question-content .message-div p {
	    font-size: 12px;
	    line-height: 18px;
	}
	.content-div .question-content .question-div .heading-3 {
	    font-size: 18px;
	    padding-right: 2%;
	}
	.content-div .question-content .question-div label {
	    font-size: 16px;
	    
	    padding-right: 1%;
	    margin-bottom: 10px;
	    padding-left: 5px;
	}
	.question-content .question-div input[type=text]::placeholder {
		font-size: 16px;
	}
	.content-div .continue-button, .continue-button{
		font-size: 17px;
	}
	.content-div .back-button, .back-button{
		font-size: 17px;
	}
	.question-content .question-div p{
		font-size: 14px;
		line-height: 22px;
	}
	.main-section .container-div .sidebar-div .float-button{
		width: 80px;
	}
}

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

	.main-section .container-div{
		flex-direction: column;
	}
	.main-section .container-div .sidebar-div{
		flex-direction: row;
		padding: 3% 2%;
		margin-top: 8%;
	}
	.main-section .container-div .sidebar-div div{
		padding: 2%;
	}
	.main-section .container-div .sidebar-div div {
	    padding: 2% 10px;
	    flex: 1;
	    justify-content: flex-start;
	}
	.main-section .container-div .sidebar-div div:nth-child(1){
		flex:1.35;
	}
	.main-section .container-div .sidebar-div div:nth-child(2){
		flex: 1.2;
	}
	.final-quote-div .data-container{
		flex-direction: column;
	}
	.data-container .visual-div{
		margin-bottom: 18%;
	}
	a.float-quote-button{
		width: 70%;
		bottom: -13%;
	}

}

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

	.main-section .progress {
	    height: 2rem;
	}
	.main-section .progress-bar:after {
	    font-size: 16px;
	}
	.main-section .container-div .content-div .heading-1 {
	    font-size: 22px;
	}
	.content-div .question-content .message-div {
	    width: 38%;
	}
	.main-section {
	    padding: 25vh 8% 4% 8%;
	}
	.calculating-div p{
		font-size: 15px;
		line-height: 24px;
	}
	.calculating-div h2{
		font-size: 30px;
	}
	.data-container .visual-div p, .data-container .visual-div p span{
		font-size: 21px;
		line-height: 40px;
	}
	.data-container .visual-div p.small-passage{
		font-size: 16px;
	}
	.data-div .gray-div{
		font-size: 18px;
	}
	.data-div h2, .data-div h2 span{
		font-size: 26px;
	}
	.big-font{
		font-size: 27px;
	}
	.data-container .visual-div p #congratulations{
		font-size: 28px;
	}
	.continue-button{
		padding: 2.5% 0;
	}
}

@media screen and (max-width: 600px){

	.main-section {
	    padding: 22vh 8% 4% 8%;
	}
	.content-div .question-content{
		flex-direction: column;
	}
	.content-div .button-container{
		flex-direction: column-reverse;
	}
	.content-div .continue-button {
	    font-size: 17px;
	    width: 65% ;
	    padding: 4% ;
	}
	.continue-button {
	    font-size: 17px;
	    width: 65% !important;
	    padding: 4% !important;
	}
	.content-div .back-button {
	    font-size: 17px;
	    width: 65%;
	    padding: 4%;
	    margin-top: 5%;
	}
	.back-button {
	    font-size: 17px;
	    width: 65%;
	    padding: 4%;
	   
	}
	.content-div .question-content .message-div {
		position: relative;
	    width: 100%;
	    margin: 5% 0 4%;
	}
	.content-div .question-content .question-div {
	    padding-top: 2%;
	    width: 100%;
	}
	.container-div .sidebar-div div h5{
		padding: 4% 8% 0;
	}
	.main-section .progress {
	    height: 1.5rem;
	    margin-bottom: 4%;
	}
	.main-section .progress-bar:after {
	    font-size: 12px;
	}
	.main-section .container-div .sidebar-div{
		flex-direction: column;
	}
	.main-section .container-div .content-div .heading-1 {
	    font-size: 20px;
	    padding-right: 8%;
	}
	.data-div .gray-div .big-line{
		width: 60px;
	}


}

@media screen and (max-width: 500px){
	.main-section .progress {
	    height: 1.5rem;
	    margin-bottom: 15%;
	}
	.main-section {
	    padding: 20vh 8% 4% 8%;
	}
	.content-div .question-content .question-div .heading-3{
		font-size: 17px;
	}
	.graph-div .ele img {
	    width: 79%;
	}
	a.float-quote-button{
		font-size: 18px;
	}
	.data-div .gray-div {
	    font-size: 16px;
	}
	.data-container .visual-div p, .data-container .visual-div p span {
	    font-size: 18px;
	    line-height: 40px;
	}

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

	.content-div .question-content .question-div label{
		font-size: 15px;
	}
	.main-section {
	    padding: 20vh 6% 4% 6%;
	}
	.data-div .gray-div {
	    font-size: 14px;
	}
	.data-div .gray-div .big-line {
	    width: 34px;
	}

}