/*

Secure loans specific styles

*/

.secured-loan-product .blueimagebg {background-image: url(/images/secured-loans-app/secured-loans-header-blue.jpg);background-size: cover;}
/*.secured-loan-product .blueimagebg.declined {background-image:none;}*/

.secured-loan-product .mainfixed {text-align:left;font-size:22px;}
.secured-loan-product .mainfixed h1.h1_style {padding-left: 70px;position: relative;margin: 50px 0;}
.secured-loan-product .mainfixed h1.h1_style:before {content: '';display: inline-block;width: 53px;height: 49px;background: url(/images/secured-loans-app/tick.png) no-repeat;position: absolute;left: 0;top: -4px;background-size: 100%;}
.secured-loan-product .mainfixed h1.h1_style.declined {padding-left: 0;}
.secured-loan-product .mainfixed h1.h1_style.declined:before {content: none;}
.secured-loan-product .mainfixed h2, .secured-loan-product .mainfixed h3 {margin-bottom: 7px;color: #b1de0e;text-transform:uppercase;font-size: 24px;font-weight: 700;}
.secured-loan-product .mainfixed h3 {font-size: 20px;}
.secured-loan-product .mainfixed p {color: #fff;font-weight:400;}
.secured-loan-product .mainfixed p a { text-decoration: underline; }

.secured-loan-product .mainfixed .secured-loan-controls {margin-top:30px;}
.secured-loan-product .mainfixed .secured-loan-controls .row {margin-bottom: 50px;}
.secured-loan-product .mainfixed .secured-loan-controls .row:last-of-type {margin-bottom: 0;}
.secured-loan-product .mainfixed .secured-loan-controls .col {width:33.333%;}
.secured-loan-product .mainfixed .secured-loan-controls .col p {font-size: 22px;}
.secured-loan-product .mainfixed .secured-loan-controls .update-loan {margin-top:23px;text-transform: uppercase;font-size: 24px;font-weight: 800;text-decoration: none;border: 1px solid #fff;background: transparent;border-radius: 5px;padding: 11px 20px;display: inline-block;color: #fff;}

.secured-loan-product .mainfixed .button-container {text-align:center;margin: 40px 0 30px 0;position: relative;}
.secured-loan-product .mainfixed .button-container .loan-proceed {padding: 15px 40px 15px 20px;font-size: 24px;font-weight: 800;text-transform: uppercase;}
.secured-loan-product .mainfixed .button-container .loan-proceed:after {content: '';display: inline-block;width: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);position: absolute;right: 15px;top: 26px;height: 10px;vertical-align: middle;}
.secured-loan-product .mainfixed .button-container .loan-proceed.no-product {font-size: 20px;font-weight: 500;text-transform: none;width: 50%;background: #888;}
.secured-loan-product .mainfixed .button-container .loan-proceed.no-product:after {content: none;}

.secured-loan-product .mainfixed .button-container .edit-button{color: #fff; left: 0; padding: 21px 0; text-transform: none; font-weight: 400; font-size: 17px;position:absolute;}

.secured-loan-product .mainfixed .loan-form-group .dec {background-image: url(/images/secured-loans-app/minus-button.png);width: 39px;height: 39px;display: block;float:left;margin-right: 10px;}
.secured-loan-product .mainfixed .loan-form-group .inc {background-image: url(/images/secured-loans-app/plus-button.png);width: 39px;height: 39px;display: block;float:left;margin-left: 10px;}
.secured-loan-product .mainfixed .loan-form-group input {width: 100%;border: 1px solid #fff;background: transparent;border-radius: 5px;font-size: 22px;padding: 3px 20px 5px 20px;display: block;color: #fff;}
.secured-loan-product .mainfixed .loan-form-group .loan-input-container {text-align: left;position: relative;overflow: hidden;width:calc(80% - 98px);float: left;}
.secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-amount-container:before {content: '\00A3';display: block;width: 20px;height: 20px;position: absolute;color: #fff;top: 3.5px;left: 21px;font-size: 22px;}
.secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-amount-container input {padding-left: 33px;}

.secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-term-container, .secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-amount-container {width:168px;}
.secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-term-container:after {content: ' Months';display: block;width: 78px;height: 32px;position: absolute;color: #fff;top: 3.5px;left: 65px;font-size: 22px;text-align: right;}
.secured-loan-product .mainfixed .loan-form-group .loan-input-container.loan-term-container input {text-align: right;padding-right: 109px;}

.secured-loan-product .loan-summary {background:#196394;padding: 40px 0 30px 0;position: relative;}
.secured-loan-product .loan-summary p {font-size:16px;color:#fff;}
.secured-loan-product .loan-summary:before {content: '';width: 100%;position: absolute;display: block;height: 20px;background: url(/images/secured-loans-app/blue-arrow.png) no-repeat center -1px;top: 0px;left: 0;z-index: 100;}
#prefooter:before {content: none;}

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

    .secured-loan-product .mainfixed {padding-left: 50px;padding-right: 50px;}
    .secured-loan-product .mainfixed .secured-loan-controls .row:first-of-type .col:first-of-type, .secured-loan-product .mainfixed .secured-loan-controls .row:first-of-type .col:nth-of-type(2) {width: 50%;}
    .secured-loan-product .mainfixed .secured-loan-controls .row:first-of-type .col:last-of-type {padding-top: 20px;}

}

@media only screen and (max-width: 750px) {
    .secured-loan-product .mainfixed .button-container .edit-button{position: static;display: block;padding-bottom:0;}
}

@media only screen and (max-width: 650px) {
    .secured-loan-product .mainfixed .secured-loan-controls .col { width:100% !important; padding-top: 20px; text-align:center;}
    .secured-loan-product .mainfixed .loan-form-group {display: inline-block;}
    .secured-loan-product .mainfixed .button-container .loan-proceed.no-product { width: 100%;}
}