@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;0,700;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);#main-wrapper{padding-top:40px;background-image:url("../images/bg-contact.png");background-position:top;background-repeat:no-repeat;background-size:contain;margin-top:0;max-width:1920px}#main-wrapper .button{width:165px;height:40px;padding:14px}section,section.contact-title{width:100%;position:relative;display:block;float:left}section.contact-title{margin-bottom:30px}section.contact-title span{width:100%;position:relative;display:block;float:left;font-size:22px;line-height:22px;text-align:center}section.contact-title .text-title{font-family:Fredoka One,cursive;color:#014da1;font-weight:400;font-size:34px}section.contact-title .text-desc{padding-top:28px;font-family:Roboto,sans-serif;color:#5f5f5f;font-size:17px}section.contact-title .survey-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 70px;max-width:700px;margin:0 auto;margin-bottom:50px;border-radius:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e2e2e2}section.contact-title .survey-wrapper .text{font-family:Roboto,sans-serif;color:#5f5f5f;font-size:18px}section.contact-title .survey-wrapper .button-survey{position:relative;width:195px;height:35px;padding:9px;border-radius:15px;font-family:Fredoka One,cursive;font-size:18px;color:#024da2;text-transform:capitalize;text-align:center;cursor:pointer;background:#ffeb0a}section.contact-title .survey-wrapper .button-survey:hover{border:2px dashed #024da2}section.contact-title .title-wrapper{max-width:547px;margin:0 auto;display:block;position:relative;height:100%}section.contact-form{width:100%;max-width:550px;padding:15px 30px 30px;top:auto;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);position:relative;display:block;float:left}section.contact-form label{text-align:left;color:#5f5f5f}section.contact-form .flash-message,section.contact-form label{display:block;position:relative;font-family:Fredoka One,cursive}section.contact-form .flash-message{width:100%;float:left;font-size:14px;line-height:20px;text-align:center}section.contact-form .flash-message.has-error{color:red}section.contact-form .flash-message.all-done{color:#5f5f5f}section.contact-form #contact-form{width:100%;position:relative;display:block;float:left;text-align:center}section.contact-form input[type=text],section.contact-form textarea{width:100%;margin-top:10px;margin-bottom:30px;padding:13px 10px;position:relative;display:block;color:#5f5f5f;text-align:left;border-radius:5px;border:1px solid #ffbde0;font-family:Roboto,sans-serif}section.contact-form input[type=text].error,section.contact-form textarea.error{border:1px solid red}section.contact-form input[type=text]{width:100%;height:40px;font-size:14px;line-height:14px}section.contact-form textarea{height:136px;font-size:14px;line-height:22px;resize:none}section.contact-form .button{margin:30px auto 0;position:relative;display:inline-block;text-transform:capitalize}section.contact-form .button input[type=submit]{width:100%;height:100%;float:left;border-radius:10px;background-color:#ffeb0a;position:absolute;display:block;top:0;right:auto;bottom:auto;left:0;font-size:18px;line-height:14px;text-align:center;text-transform:capitalize;font-family:Fredoka One,cursive;font-weight:400;color:#024da1}section.contact-form .button input[type=submit]:hover{border:2px dashed #024da2}section.contact-info{max-width:82%;margin-bottom:20px;padding:30px;top:auto;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}section.contact-info .info-container{width:50%;position:relative;display:block}section.contact-info .info-container .info-item{width:100%;position:relative;display:block}section.contact-info .info-container .info-item span{position:relative;display:block;font-size:16px;line-height:30px}section.contact-info .info-container.address{padding-top:58px}section.contact-info .info-container.address .brand{margin-bottom:30px}section.contact-info .info-container.address .brand .label-text{font-family:Fredoka One,cursive;font-weight:400;color:#024da1;font-size:19px}section.contact-info .info-container.address .location .label-text{font-family:Roboto,sans-serif;color:#7e7e7e}section.contact-info .info-container.address .location .label-text strong{font-family:Fredoka One,cursive;font-weight:400;color:#024da1}section.contact-info .info-container.call-center{text-align:right}section.contact-info .info-container.call-center .combi,section.contact-info .info-container.call-center .jadwal{font-family:Fredoka One,cursive;font-weight:400;color:#024da1;line-height:30px}section.contact-info .info-container.call-center .combi{margin-bottom:20px;font-size:19px}section.contact-info .info-container.call-center .combi img{width:85px}section.contact-info .info-container.call-center .twitter{margin:32px auto}section.contact-info .info-container.call-center .jadwal{font-size:16px}section.contact-info .info-container.call-center .toll-free,section.contact-info .info-container.call-center .twitter{font-family:Fredoka One,cursive;font-weight:400}section.contact-info .info-container.call-center img{width:25px;margin-right:10px}section.contact-info .info-container.call-center .info-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;max-height:25px}section.contact-info .info-container.call-center .toll-free span,section.contact-info .info-container.call-center .twitter span{line-height:25px;color:#7e7e7e;font-size:16px}section.contact-info .separate-border{display:none}@media only screen and (max-width:1280px){#main-wrapper{background-size:unset}}@media only screen and (max-width:768px){section.contact-title .survey-wrapper{margin:0 20px 50px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.contact-title .survey-wrapper .text{font-size:16px;margin-bottom:10px}section.contact-title .survey-wrapper .button-survey{font-size:18px}section.contact-info{display:block;text-align:center}section.contact-info .info-container{width:100%}section.contact-info .info-container.address{padding-top:0}section.contact-info .info-container.call-center{text-align:center}section.contact-info .info-container.call-center .info-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.contact-info .separate-border{display:block;border-bottom:1px solid #7e7e7e;width:100%;margin:40px auto}}@media only screen and (max-width:425px){section.contact-title .text-desc{font-size:13px}section.contact-title .survey-wrapper{padding-left:5px;padding-right:5px}section.contact-title .survey-wrapper .text{font-size:13px}section.contact-title .survey-wrapper .button-survey{font-size:15px}}@media only screen and (max-width:400px){section.contact-info{max-width:90%}section.contact-info .info-container.call-center .toll-free span{font-size:12px}}