.banner{width:100%;height:500px;background-color:#00a652;overflow:hidden;position:relative}.banner>.angle{position:absolute;bottom:-30px;left:-10px;right:-10px;transform:rotate(-2deg);height:70px;background-color:#fff}.banner>img{position:absolute;right:30px;bottom:-0;z-index:10}.banner>.details-context{width:50%;padding:50px;padding-top:100px}.banner>.details-context>.title{font-size:50px;line-height:50px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700}.banner>.details-context>.details{font-size:25px;line-height:25px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:300;padding-bottom:20px}.banner>.details-context>.input-context>.label{font-size:25px;color:#fff;font-family:'Roboto Condensed',sans-serif;font-weight:700;padding:0}.banner>.details-context>.input-context{max-width:450px}.banner>.details-context>.input-context>.form-control{padding:25px 30px;border-radius:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,0);font-family:'Roboto Condensed',sans-serif;font-size:20px}.banner>.details-context>.input-context>.button{border-radius:5px;background-color:#fef200;color:#000;border:none;padding:5px 10px;font-family:'Roboto Condensed',sans-serif;font-size:25px;font-weight:700;margin-top:15px;float:right}.banner>.details-context>.input-context>.button:hover{background-color:#fee900;box-shadow:3px 3px 7px rgba(0,0,0,.1)}.benefits{text-align:center;padding:100px}.benefits>.title{font-size:60px;line-height:60px;padding-bottom:30px;font-family:'Roboto Condensed',sans-serif;font-weight:300}.benefits>.title>span{color:#00a652}.benefits>.details-context{max-width:700px;margin-left:auto;margin-right:auto}.benefits>.details-context>.details-item{position:relative;float:left;width:50%;text-align:left;font-family:'Roboto Condensed',sans-serif;font-weight:300;font-size:18px;color:#000}.benefits>.details-context>.details-item>i{color:#2cad39}.benefits>.details-context>button{border-radius:5px;background-color:#00a652;color:#fff;border:none;padding:7px 25px;font-family:'Roboto Condensed',sans-serif;font-size:22px;font-weight:700;margin-top:15px}.benefits>.details-context>button:hover{background-color:#00ace8}.popup{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:none;overflow:auto}.popup>.main-context{display:table;height:100%;width:100%}.popup>.main-context>.body{max-width:700px;min-height:400px;margin:50px auto;background-color:#fff;border-radius:5px;border-top-right-radius:0;position:relative}.popup>.main-context>.body>.head-context{padding:50px;padding-bottom:20px}.popup>.main-context>.body>.head-context>.title{font-size:30px;font-family:'Roboto Condensed',sans-serif;font-weight:300;color:#03a552;border-bottom:1px solid #00a652;padding-bottom:10px;position:relative}.popup>.main-context>.body>.head-context>.title:after{content:'';border-bottom:5px solid #00a652;position:absolute;bottom:-2px;left:0;width:270px}.popup>.main-context>.body>.head-context>.title>i{height:42px;width:42px;border:2px solid #00a652;border-radius:50%;text-align:center;padding-top:4px}.popup>.main-context>.body>.head-context>.details{font-size:18px;font-family:'Roboto Condensed',sans-serif;font-weight:300}.popup>.main-context>.body>.head-context>.vehicle-info{padding-top:10px;width:100%}.popup>.main-context>.body>.head-context>.vehicle-info>.title{position:relative;float:left;width:50%;font-size:20px;color:#fd5d05;font-family:'Roboto Condensed',sans-serif;font-weight:700}.popup>.main-context>.body>.head-context>.vehicle-info>.title>img{padding-top:10px;padding-right:10px;width:100%}.popup>.main-context>.body>.head-context>.vehicle-info>.details{position:relative;float:left;width:50%;font-size:16px;font-family:'Roboto Condensed',sans-serif;font-weight:700;padding-top:30px}.popup>.main-context>.body>.body-context{padding:50px;padding-top:10px;border-top:2px dashed #00a652}.popup>.main-context>.body>.body-context>.title{font-size:16px;font-family:'Roboto Condensed',sans-serif;font-weight:700}.popup>.main-context>.body>.body-context .form-control{padding:22px}.popup>.main-context>.body>.body-context>.button-context{max-width:250px;margin-left:auto;margin-right:auto;border:2px solid #00a652;border-radius:5px}.popup>.main-context>.body>.body-context>.button-context>span{color:#fd0505;font-size:22px;padding:5px 10px;display:inline-block}.popup>.main-context>.body>.body-context>.button-context>button{background-color:#00a652;color:#fff;border:none;padding:5px 25px;font-family:'Roboto Condensed',sans-serif;font-size:22px;font-weight:700;float:right}.popup>.main-context>.body>.body-context>.button-context>button:hover{background-color:#00b559}.popup>.main-context>.body>.body-context>.note{font-family:'Roboto',sans-serif;font-size:14px;text-align:center;padding-top:10px}.popup>.main-context>.body>.body-context>.note>img{height:25px}.popup>.main-context>.body>.body-context>.note>.ssl-logo{font-size:12px;color:#40455b;display:inline-block;margin-top:5px}.popup>.main-context>.body>.body-context>.note>.ssl-logo>img{height:25px}.popup>.main-context>.body>.btn-close{height:22px;width:22px;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:red;color:#fff;position:absolute;right:-22px;top:0;text-align:center;cursor:pointer}.popup>.main-context>.body>.btn-close:hover{background-color:#ef0000}.checkout{max-width:600px;margin-left:auto;margin-right:auto;padding:20px 10px;border:1px solid #eee;margin-top:50px}.checkout>.chassisno{font-size:20px;text-transform:uppercase;padding:5px;font-weight:bold}.checkout>.title{font-size:16px;font-weight:bold;position:relative;float:left;width:25%;padding:5px}.checkout>.details{font-size:16px;position:relative;float:left;width:75%;padding:5px}.checkout>.amount{font-size:25px;color:red;font-weight:bold;padding:5px;text-align:right}.checkout>.pay-button{background-color:#fff;border:none;border:1px solid red;padding:5px 10px;float:right;font-weight:bold}.checkout>.pay-button>img{height:20px}::placeholder{font-size:16px}.popup ::placeholder{font-size:14px}@media(max-width:991px){.banner{height:400px}.banner>.angle{bottom:-30px;left:-10px;right:-10px;transform:rotate(-2deg);height:70px}.banner>img{height:350px;right:0;bottom:-0;z-index:10}.banner>.details-context{width:50%;padding-top:50px}.banner>.details-context>.title{font-size:40px;line-height:40px}.banner>.details-context>.details{font-size:20px;line-height:20px;padding-bottom:10px}.banner>.details-context>.input-context>.label{font-size:20px}.banner>.details-context>.input-context>.form-control{padding:20px;font-size:16px}.banner>.details-context>.input-context>.button{font-size:20px;margin-top:10px}.benefits{padding:50px}.benefits>.title{font-size:50px;line-height:50px}.benefits>.details-context>.details-item{font-size:16px}.benefits>.details-context>button{padding:7px 25px;font-size:18px}}@media(max-width:767px){.banner{height:unset;padding:50px}.banner>.angle{bottom:-30px;left:-10px;right:-10px;transform:rotate(-2deg);height:70px}.banner>img{display:none}.banner>.details-context{width:100%;padding:unset;padding-bottom:80px}.banner>.details-context>.title{font-size:40px;line-height:40px}.banner>.details-context>.details{font-size:20px;line-height:20px;padding-bottom:10px}.banner>.details-context>.input-context>.label{font-size:20px}.banner>.details-context>.input-context>.form-control{padding:20px;font-size:16px}.banner>.details-context>.input-context>.button{font-size:20px}.benefits{padding:50px 20px}.benefits>.title{font-size:40px;line-height:40px}.benefits>.details-context>.details-item{font-size:15px}.benefits>.details-context>button{padding:7px 25px;font-size:18px}.popup>.main-context>.body>.head-context{padding:30px}.popup>.main-context>.body>.head-context>.title{font-size:25px}.popup>.main-context>.body>.head-context>.title:after{width:230px}.popup>.main-context>.body>.head-context>.title>i{height:35px;width:35px;padding-top:4px}.popup>.main-context>.body>.head-context>.details{font-size:16px}.popup>.main-context>.body>.head-context>.vehicle-info>.title{font-size:18px}.popup>.main-context>.body>.head-context>.vehicle-info>.details{font-size:14px;padding-top:30px}.popup>.main-context>.body>.body-context{padding:30px}.popup>.main-context>.body>.body-context .form-control{padding:20px}.popup>.main-context>.body>.btn-close{right:0}}@media(max-width:600px){.banner{height:unset;padding:30px}.banner>.angle{bottom:-30px;left:-10px;right:-10px;transform:rotate(-2deg);height:70px}.banner>img{display:none}.banner>.details-context{width:100%;padding:unset;padding-bottom:80px}.banner>.details-context>.title{font-size:30px;line-height:30px}.banner>.details-context>.details{font-size:16px;line-height:16px;padding-bottom:10px}.banner>.details-context>.input-context>.label{font-size:16px}.banner>.details-context>.input-context>.form-control{padding:15px;font-size:16px}.banner>.details-context>.input-context>.button{font-size:18px;padding:3px 15px}.benefits{padding:50px 10px}.benefits>.title{font-size:30px;line-height:30px}.benefits>.details-context>.details-item{font-size:14px;padding:5px}.benefits>.details-context>button{padding:5px 20px;font-size:16px}.popup>.main-context>.body>.head-context{padding:20px}.popup>.main-context>.body>.head-context>.title{font-size:20px}.popup>.main-context>.body>.head-context>.title:after{width:180px}.popup>.main-context>.body>.head-context>.title>i{height:30px;width:30px}.popup>.main-context>.body>.head-context>.details{font-size:14px}.popup>.main-context>.body>.head-context>.vehicle-info>.title{font-size:16px;width:100%}.popup>.main-context>.body>.head-context>.vehicle-info>.title>img{width:unset;max-height:80px}.popup>.main-context>.body>.head-context>.vehicle-info>.details{padding-top:10px;width:100%}.popup>.main-context>.body>.body-context{padding:20px}.popup>.main-context>.body>.body-context>.title{font-size:14px}.popup>.main-context>.body>.body-context .form-control{padding:18px}.popup>.main-context>.body>.body-context>.button-context{max-width:210px}.popup>.main-context>.body>.body-context>.button-context>span{font-size:18px}.popup>.main-context>.body>.body-context>.button-context>button{font-size:18px}}.message{padding:150px 10px;background-image:linear-gradient(to bottom right,#d3ca93,#88e690);text-align:center;height:100%;width:100%;position:absolute;color:#0abe78}.message-failed{background-image:linear-gradient(to bottom right,#d70009,#d70009);color:red}.message>.message-context{max-width:400px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:10px;box-shadow:0 0 7px rgba(59,80,96,.2);padding-top:40px}.message>.message-context>.icon{height:70px;width:70px;border-radius:50%;border:1px solid #0abe78;background-color:#fff;margin-left:auto;margin-right:auto;padding:13px;font-size:30px}.message>.message-context>.title{font-size:30px;font-weight:bold}.message>.message-context>.message-details{height:100px;padding:10px;color:#888}.message>.message-context>.button-context{position:relative;float:left;width:100%;border-top:1px solid #e5eaee}.message>.message-context>.button-context>button{border-style:none;background-color:transparent;font-size:14px;outline:none;padding:10px 0}.message>.message-context>.button-context>.success{border-style:none;background-color:#0abe78;color:#fff;font-weight:bold;font-size:14px;outline:none;width:100%}