body{background-color:#fff}.pre-order-bg{width:100%;height:500px;background-position:bottom right;background-size:cover;background-repeat:no-repeat;background-image:url('/Images/pre-order-cover.jpg');display:table;padding:100px}.pre-order-bg>.header{font-size:45px;color:#fff;font-weight:bold;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif}.pre-order-bg>.details{font-size:30px;color:#fff;font-family:'Roboto',sans-serif}.body-context{margin:30px;max-width:1000px;margin-left:auto;margin-right:auto;display:flex;box-shadow:0 0 10px rgba(0,0,0,.2)}.body-context>.left-context{flex:65;background-color:#fff;padding-bottom:10px;padding:20px}.body-context>.right-context{flex:35;background-color:#00ace8;padding:20px}.body-context label{font-size:14px;font-weight:bold;color:#505558;margin-top:10px}.body-context .input,select,textarea{border:1px solid #eee;padding:10px;width:100%;outline:none;background-color:#f2f3f5}.body-context input[type="date"]{height:40px}.body-context .input:focus{border:1px solid #ced6e6;box-shadow:0 3px 7px rgba(17,33,159,.09)}.body-context .button{width:40px;height:40px;background-color:#004293;border:none;color:#fff;border-radius:50%;float:right}.body-context .button img{height:20px;padding-left:4px}.body-context .button:hover{background-color:#e00;box-shadow:3px 3px 7px rgba(0,0,0,.2)}.body-context .button:focus{background-color:#0155bb;box-shadow:3px 3px 7px rgba(0,0,0,.2);outline:none}.body-context>.right-context label{font-size:13px;font-weight:normal;color:#fff;margin-top:10px}.body-context>.right-context .input{border:1px solid #ddd;padding:10px;width:100%;outline:none;background-color:transparent;color:#fff}.body-context>.right-context .input:focus{border:1px solid #fff;box-shadow:0 3px 7px rgba(17,33,159,.09)}.body-context>.right-context .input-group-addon{background-color:transparent;color:#fff}.body-context>.right-context ::placeholder{color:#e8e8e8;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}.body-context>.right-context :-ms-input-placeholder{color:#a6afde;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}.body-context>.right-context ::-ms-input-placeholder{color:#a6afde;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}@media(max-width:991px){.pre-order-bg{height:450px;padding:80px}.pre-order-bg>.header{font-size:40px}.pre-order-bg>.details{font-size:25px}}@media(max-width:767px){.pre-order-bg{height:350px;padding:60px}.pre-order-bg>.header{font-size:30px}.pre-order-bg>.details{font-size:20px}.body-context{padding:10px 10px}}@media(max-width:600px){.pre-order-bg{height:300px;padding:50px}.pre-order-bg>.header{font-size:25px}.pre-order-bg>.details{font-size:18px}}@media(max-width:500px){.pre-order-bg{height:250px;padding:40px}.body-context{display:unset}.body-context>.left-context{flex:unset}.body-context>.right-context{flex:unset}}@media(max-width:400px){.pre-order-bg{height:200px;padding:30px}.pre-order-bg>.header{font-size:20px}.pre-order-bg>.details{font-size:14px}}