.banner{width:100%;border-bottom:30px solid #fff}.banner>.banner-body{background-position:bottom;background-size:cover;background-repeat:no-repeat;background-image:url('/Images/Auction sheet Cover.jpg');display:block;height:500px}.banner>.banner-body>.details-context{background-color:rgba(241,68,32,.8);height:530px;width:420px;padding:80px 20px;margin-left:240px;display:block;color:#fff;text-align:center;font-family:GothamBold}.banner>.banner-body>.details-context>.title{font-size:40px;text-transform:uppercase;font-family:GothamBoldItalic}.banner>.banner-body>.details-context>.details{font-size:50px;text-transform:uppercase;font-family:GothamBoldItalic;font-weight:900}.banner>.banner-body>.details-context>.input-context{padding:15px 0}.banner>.banner-body>.details-context>.input-context input{border:none;padding:25px 15px;border-radius:5px}.banner>.banner-body>.details-context>.input-context .div-input{border:none;padding:15px 15px;border-radius:5px;background-color:#fff;border:none;outline:none;color:#555;text-align:left}.banner>.banner-body>.details-context>.input-context .div-input[contenteditable="true"]:empty:before{content:attr(placeholder);color:#888}.banner>.banner-body>.details-context>.input-context button{display:block;width:100%;padding:15px;color:#000;margin:15px 0;background-color:#fedd0a;border:none;border-radius:5px;font-size:20px}.banner>.banner-body>.details-context>.input-context button:hover{color:#fff;background-color:#e7c907}#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}.modal{display:none;position:fixed;z-index:999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:70px;right:35px;color:#f1f1f1;font-size:100px;font-weight:bold;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}.close{top:10px}}.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:#db0202;border-bottom:1px solid #db0202;padding-bottom:10px;position:relative}.popup>.main-context>.body>.head-context>.title:after{content:'';border-bottom:5px solid #db0202;position:absolute;bottom:-2px;left:0;width:270px}.popup>.main-context>.body>.head-context>.title>i{height:42px;width:42px;border:2px solid #db0202;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 #db0202;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:#db0202;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:300px;display:inline-block;position:relative}.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>.banner-body{height:500px;padding:0 15px}.banner>.banner-body>.details-context{width:100%;padding:80px 20px;margin-left:0}.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>.banner-body{height:500px;padding:0 15px}.banner>.banner-body>.details-context{width:100%;padding:80px 20px;margin-left:0}.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>.banner-body{height:400px}.banner>.banner-body>.details-context{height:430px}.banner>.banner-body>.details-context>.title{font-size:30px}.banner>.banner-body>.details-context>.details{font-size:40px}.banner>.banner-body>.details-context>.input-context button{font-size: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}}@media(max-width:450px){.banner>.banner-body{height:350px}.banner>.banner-body>.details-context{padding:50px 20px;height:380px}.banner>.banner-body>.details-context>.title{font-size:25px}.banner>.banner-body>.details-context>.details{font-size:35px}.banner>.banner-body>.details-context>.input-context button{font-size:15px}}.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%}