body{background-color:#ce211a}.pre-order-bg{width:100%;height:400px;background-size:cover;background-position:bottom;background-repeat:no-repeat;background-image:url('/Images/bg-ocean.png');position:relative}.pre-order-bg>.header{font-size:57px;color:#ce211a;font-family:'Roboto Condensed',sans-serif;padding:50px;padding-top:100px;max-width:600px}.pre-order-bg>.header>strong{color:#000;font-size:50px;font-family:Impact,sans-serif}.pre-order-bg>.header>.detail{font-size:16px;color:#000;font-family:'Roboto',sans-serif}.pre-order-bg>img{height:300px;position:absolute;top:150px;right:50px}.pre-order-detail{font-size:20px;font-weight:bold;color:#121212;padding:30px 10px;max-width:1000px;margin-left:auto;margin-right:auto;text-align:center}.body-context{padding:30px 50px;max-width:1000px;margin-left:auto;margin-right:auto}.body-context>.left-context{padding:10px;display:table;position:relative;float:left;width:40%;height:550px}.body-context>.left-context>.body{display:table-cell;vertical-align:middle;height:100%}.body-context>.left-context>.body>.title{color:#44bf8a;font-size:20px;font-weight:bold;text-transform:uppercase}.body-context>.left-context>.body>.detail{color:#888;font-size:14px;padding-top:15px}.body-context>.left-context>.body>.call{color:#333;font-size:14px;padding-top:15px;font-weight:bold}.body-context>.left-context>.body>.call>i{color:#44bf8a;padding:6px}.body-context>.mid-context{background-color:#fff;position:relative;float:left;width:60%;height:550px}.body-context>.right-context{background-color:#fff;position:relative;float:left;width:40%;height:550px}.body-context label{font-size:12px;font-weight:normal;color:#99999f;margin-top:10px}.body-context .input,select{border:1px solid #eee;padding:10px;width:100%;outline:none;background-color:#fff}.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:#ce211a;border:none;color:#fff;border-radius:50%;float:left}.body-context .button img{height:20px;padding-left:4px}.body-context .button:hover{background-color:#0e9a90;box-shadow:3px 4px 7px rgba(0,7,137,.2)}.body-context .button:focus{background-color:#0e9a90;box-shadow:3px 4px 7px rgba(0,7,137,.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 ::placeholder{color:#ccc;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}.body-context>.right-context :-ms-input-placeholder{color:#ccc;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}.body-context>.right-context ::-ms-input-placeholder{color:#ccc;font-size:12px;font-family:'Roboto Condensed',sans-serif;font-weight:normal}@media(max-width:1100px){.pre-order-bg>.header{padding-top:50px}}@media(max-width:991px){.pre-order-bg{height:400px}.pre-order-bg>.header{font-size:50px;max-width:550px}.pre-order-bg>.header>strong{font-size:46px}.pre-order-bg>img{height:250px;top:150px;right:30px}}@media(max-width:767px){.pre-order-bg{height:350px}.pre-order-bg>.header{font-size:40px;max-width:550px;padding:30px}.pre-order-bg>.header>strong{font-size:36px}.pre-order-bg>.header>.detail{font-size:14px}.pre-order-bg>img{height:200px;top:130px;right:10px}.body-context{padding:10px 10px}.body-context>.left-context{width:100%;height:unset}.body-context>.left-context>.body>.title{font-size:18px}.body-context>.left-context>.body>.detail{font-size:13px}.body-context>.mid-context{width:60%;height:750px}.body-context>.right-context{width:40%;height:750px}}@media(max-width:600px){.pre-order-bg{height:280px}.pre-order-bg>.header{font-size:30px;max-width:500px;padding:20px}.pre-order-bg>.header>strong{font-size:26px}.pre-order-bg>.header>.detail{font-size:13px}.pre-order-bg>img{height:150px;top:100px;right:10px}.body-context>.left-context>.body>.title{font-size:16px}.body-context>.left-context>.body>.detail{font-size:12px}}@media(max-width:500px){.pre-order-bg{height:250px}.pre-order-bg>.header{font-size:25px;max-width:500px;padding:10px}.pre-order-bg>.header>strong{font-size:22px}.pre-order-bg>.header>.detail{font-size:12px}.pre-order-bg>img{height:130px;top:100px}}@media(max-width:500px){.pre-order-bg{height:230px}.pre-order-bg>img{height:100px;top:100px}}