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;padding-bottom:300px}.body-context>.body{position:absolute;top:-200px;display:flex;box-shadow:0 7px 7px rgba(0,0,0,.2)}.body-context>.body>.left-context{flex:5;background-color:#fff;padding:30px 10px}.body-context>.body>.left-context>.header{font-size:25px;font-family:'Roboto',sans-serif;color:#44bf8a;padding-left:15px;font-weight:bold}.body-context>.body>.right-context{flex:3;padding:15px;padding-left:35px;padding-top:80px;background-color:#00ace8}.body-context>.body>.right-context>.header{font-size:20px;font-weight:bold;font-family:'Roboto',sans-serif;color:#fff}.body-context>.body>.right-context>.header>i{height:25px;width:25px;border:1px solid #0e9a90;padding:5px;font-size:14px}.body-context>.body>.right-context>.detail{color:#fff;font-size:14px;padding-bottom:25px}.body-context>.body>.right-context>.contact-no{font-size:18px;color:#00ace8;font-weight:bold;font-family:'Roboto Condensed',sans-serif;background-color:#fff;padding:5px 7px;border-radius:20px;margin-top:5px;width:200px}.body-context>.body>.right-context>.contact-no>i{height:25px;width:25px;border-radius:50%;background-color:#00ace8;color:#fff;padding:5px}.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;color:#000}.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 .input-group-addon{background-color:#fff;border:1px solid #ddd}.body-context .button{width:40px;height:40px;background-color:#e00;border:none;color:#fff;border-radius:50%;float:right;box-shadow:3px 3px 7px rgba(0,0,0,.2)}.body-context .button img{height:20px;padding-left:4px}.body-context .button:hover{background-color:red;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>.body>.right-context>.social-media>a>i{color:#fff;height:25px;width:25px;border:1px solid #fff;padding:4px;text-align:center;border-radius:6px}.body-context>.body>.right-context>.social-media>a:hover i{transform:rotateY(360deg);transition:1000ms}.body-context>.body>.right-context>.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>.social-media>a:hover img{transform:rotateY(360deg);transition:1000ms}@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>.contact-no{font-size:16px;width:170px}.body-context>.body>.right-context>.contact-no>i{height:22px;width:22px;font-size:13px}.body-context>.body{display:inline-block;padding:10px}}@media(max-width:400px){.message-bg{height:200px}.body-context{border:none;padding-bottom:0}.body-context>.body{position:unset;padding-top:10px}.body-context>.body>.right-context>.contact-no{font-size:14px;width:130px}.body-context>.body>.right-context>.contact-no>i{display:none}}