body{background-color:#fff}.message-bg{width:100%;height:500px;display:table}.message-bg>iframe{height:100%;width:100%}.body-context{position:relative;max-width:1000px;margin-left:auto;margin-right:auto;border:10px solid transparent}.body-context>.body{position:absolute;top:-200px;display:flex}.body-context>.body>.left-context{flex:3;background-color:#fff;padding:30px 10px;border:1px solid #eee;margin-bottom:40px;box-shadow:0 7px 7px rgba(0,0,0,.1)}.body-context>.body>.left-context>.header{font-size:25px;font-family:'Roboto',sans-serif;color:#bb0a0a;padding-left:15px;font-weight:bold}.body-context>.body>.right-context{flex:3;padding:15px;margin-top:40px;background-color:#fff;border:1px solid #eee;box-shadow:0 7px 7px rgba(0,0,0,.1)}.body-context>.body>.right-context>.body{max-width:300px;margin-left:auto;margin-right:auto}.body-context>.body>.right-context>.body>.title{font-size:35px;font-weight:bold;font-family:'Roboto Condensed',sans-serif;color:#888}.body-context>.body>.right-context>.body>.detail{color:#888;font-size:14px;padding-bottom:25px}.body-context>.body>.right-context>.body>.contact-no{font-size:18px;color:#888;font-weight:bold;font-family:'Roboto Condensed',sans-serif;padding:5px 7px;border-radius:20px;margin-top:5px}.body-context>.body>.right-context>.body>.contact-no>i{font-size:25px;color:#000}.body-context>.body>.right-context>.body>.social-media>a>i{color:#888;height:25px;width:25px;border:1px solid #888;padding:4px;text-align:center;border-radius:6px}.body-context>.body>.right-context>.body>.social-media>a:hover i{transform:rotateY(360deg);transition:1000ms}.body-context>.body>.right-context>.body>.social-media>a>img{height:25px;width:25px;border:1px solid #fff;padding:4px;text-align:center;border-radius:6px}.body-context>.body>.right-context>.body>.social-media>a:hover img{transform:rotateY(360deg);transition:1000ms}.body-context label{font-size:12px;font-weight:normal;color:#99999f;margin-top:10px}.body-context .input{border:1px solid #ddd;padding:10px;width:100%;outline:none}.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:35px;height:35px;background-color:#bb0a0a;border:none;color:#fff;border-radius:50%}.body-context .button img{height:15px;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}@media(max-width:991px){.message-bg{width:100%;height:400px;display:table}}@media(max-width:600px){.body-context>.body>.left-context{padding:10px 0}.body-context>.body>.left-context>.header{font-size:20px}.body-context>.body>.right-context{padding:10px;padding-top:80px}.body-context>.body>.right-context>.body>.contact-no{font-size:16px}.body-context>.body>.right-context>.body>.contact-no>i{font-size:20px}}@media(max-width:400px){.message-bg{height:200px}.body-context{border:none}.body-context>.body{position:unset;padding-top:10px}.body-context>.body>.right-context>.body>.contact-no{font-size:14px}}