:root{--mdc-theme-primary:#0094ea;--mdc-theme-secondary:#0094ea}html{font-family:Roboto,sans-serif;width:100%;height:100%}body{width:100%;height:100%;position:relative;background-size:cover;background-position:center}.agentRegister{text-align:center;margin:0;width:100vw;height:-webkit-calc(100% - 0px)}.agentRegister a{text-decoration:none}.agentRegister .main{width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.agentRegister .main .banner{max-width:768px;margin:auto;width:100%;z-index:1}@media screen and (max-height:768px) and (max-width:1024px) and (orientation:landscape){.agentRegister .main .banner{text-align:left}}.agentRegister .main .sloganTitle{color:#333;margin:1.5em 15px}.agentRegister .main .sloganTitle svg{width:100%}.agentRegister .main .sloganTitle svg .cls-1{font-size:96.45px;fill:#333;font-family:Roboto,sans-serif;animation:animatefirst .5s ease-out;animation-delay:.5s;animation-fill-mode:forwards;opacity:0;-webkit-opacity:0}.agentRegister .main .sloganTitle svg .cls-2{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:5px;animation:animateStroke .5s ease-out;animation-delay:1s;animation-fill-mode:forwards;stroke-dasharray:860;stroke-dashoffset:860}.agentRegister .main .sloganTitle svg .cls-3{font-size:123.29px;fill:#0091ea;font-family:Roboto,sans-serif;font-weight:700;animation:animatetwo .5s ease-out;animation-delay:.8s;animation-fill-mode:forwards;opacity:0;-webkit-opacity:0}@keyframes animatefirst{0%{opacity:0}100%{opacity:1}}@keyframes animatetwo{0%{opacity:0}100%{opacity:1}}@keyframes animateStroke{0%{stroke-dashoffset:860}100%{stroke-dashoffset:0}}@media screen and (max-height:768px) and (max-width:1024px) and (orientation:landscape){.agentRegister .main .sloganTitle svg{width:46%;display:inline-block;vertical-align:top;margin-right:10px}}.agentRegister .main .sloganTitle .highlights{font-family:Roboto,sans-serif;font-size:1em;margin-top:10px;animation:animateHighlights .3s ease-out;animation-delay:1.3s;animation-fill-mode:forwards;opacity:0;text-align:left;line-height:20px;display:inline-block}.agentRegister .main .sloganTitle .highlights ul{padding-left:22px}.agentRegister .main .sloganTitle .highlights ul li{margin-top:20px}@keyframes animateHighlights{0%{opacity:0}100%{opacity:1}}@media screen and (min-width:768px){.agentRegister .main .sloganTitle .highlights{font-size:1.2em;line-height:25px}}@media screen and (max-height:768px) and (max-width:1024px) and (orientation:landscape){.agentRegister .main .sloganTitle .highlights{width:50%;margin-right:0;margin-top:0}}.agentRegister .main .btnContainer{color:#FFF}.agentRegister .main .btnContainer a{color:#333;text-decoration:underline}.agentRegister .main .btnContainer a:visited{color:#333}.agentRegister .main .btnContainer a:hover{text-decoration:none}.agentRegister .main .btnContainer .btnRegister{width:250px;animation:animateBtnRegister .3s ease-out;animation-delay:1.5s;animation-fill-mode:forwards;opacity:0;background:green}@keyframes animateBtnRegister{0%{opacity:0}100%{opacity:1}}.agentRegister .main .btnContainer .btnInfo{animation:animateBtnInfo .3s ease-out;animation-delay:1.5s;animation-fill-mode:forwards;opacity:0}@keyframes animateBtnInfo{0%{opacity:0}100%{opacity:1}}.agentRegister .main .btnContainer .btnExperience{width:250px;margin-top:4px;animation:animateBtnInfo .3s ease-out;animation-delay:1.5s;animation-fill-mode:forwards;opacity:0}@keyframes animateBtnInfo{0%{opacity:0}100%{opacity:1}}@media screen and (max-height:768px) and (max-width:1024px) and (orientation:landscape){.agentRegister .main .btnContainer{position:absolute;top:50%;left:1em}}.agentRegister .main .mobileDownload{bottom:0;width:100%}.agentRegister .main .mobileDownload .appleLink{display:inline-block;overflow:hidden;margin:10px;background:url(https://www.drea.com.sg/registration/agent/images/appstore-lrg.svg) no-repeat;width:130px;height:40px;background-size:contain}.agentRegister .main .mobileDownload .androidLink{display:inline-block;background:url(https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png) no-repeat;width:155px;height:60px;background-size:cover}.agentRegister #registration_dialog .mdc-dialog__header{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px}.agentRegister #registration_dialog .mdc-dialog__surface{height:100%;max-width:none;width:100%}@media (max-width:640px){.agentRegister #registration_dialog .mdc-dialog__surface{min-width:100%}}.agentRegister #registration_dialog #join-us-label{font-size:1.4em}.agentRegister #registration_dialog #registration_form{font-size:1.1em;text-align:left;max-height:100%;position:relative;border:none}.agentRegister #registration_dialog #registration_form .registration_form_container{width:50%;margin:auto;position:relative}@media screen and (max-height:768px) and (max-width:1024px){.agentRegister #registration_dialog #registration_form .registration_form_container{width:auto}}.agentRegister #registration_dialog #registration_form .mdc-list{overflow-y:scroll;overflow-x:hidden}.agentRegister #registration_dialog #registration_form .disclaimer{font-size:.75em;color:#212121}.agentRegister #registration_dialog #registration_form .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea){height:35px}.agentRegister #registration_dialog #registration_form .ps__rail-y{opacity:1}.agentRegister #registration_dialog #registration_form .mdc-text-field{width:100%;position:relative}.agentRegister #registration_dialog #registration_form .mdc-text-field .mdc-text-field__input{-webkit-appearance:none;border-radius:0;padding-bottom:0}.agentRegister #registration_dialog #registration_form .mdc-text-field .mdc-text-field__input#tf_lead_code{width:30px}.agentRegister #registration_dialog #registration_form .mdc-text-field:nth-child(3){z-index:1}.agentRegister #registration_dialog #registration_form .mdc-checkbox{vertical-align:middle}.agentRegister #registration_dialog #registration_form .chkContainer{display:block}.agentRegister #registration_dialog #registration_form .agencySearchContainer{height:0;max-height:200px;background:#fff;width:100%;padding:0;position:absolute;left:0;z-index:2}.agentRegister #registration_dialog #registration_form .agencySearchContainer ul{padding:0;font-size:12px}.agentRegister #registration_dialog #registration_form .agencySearchContainer ul .mdc-list-item{height:40px}.agentRegister #registration_dialog #registration_form .seePasssword,.agentRegister #registration_dialog #registration_form .seePassswordRetype{position:absolute;right:0}.agentRegister #registration_dialog #registration_form .iSeePassword{color:#0091ea}.agentRegister #registration_dialog #registration_form .dialogMessage{color:red;font-size:14px}.agentRegister #registration_dialog #registration_form #tf_lead_code,.agentRegister #registration_dialog #registration_form #select_cea_prefix{color:rgba(0,0,0,0.87);color:var(--mdc-theme-text-primary-on-light, rgba(0,0,0,0.87));font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:.04em;width:40px;-webkit-transition:opacity 180ms cubic-bezier(.4, 0, .2, 1);transition:opacity 180ms cubic-bezier(.4, 0, .2, 1);border:none;border-bottom:1px solid rgba(0,0,0,0.5);background:none;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0}.agentRegister #registration_dialog #registration_form .select_fb_container{max-height:0;transition:.2s;overflow:hidden}.agentRegister #registration_dialog #registration_form .select_fb_container.active{max-height:10000px;padding-top:10px;padding-bottom:20px}.agentRegister #registration_dialog #registration_form .select_fb_container #select_fb{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:.04em;padding:0 30px 8px 0;-webkit-transition:opacity 180ms cubic-bezier(.4, 0, .2, 1);transition:opacity 180ms cubic-bezier(.4, 0, .2, 1);border:none;border-bottom:1px solid rgba(0,0,0,0.5);background:none;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0;color:rgba(0,0,0,0.87);color:var(--mdc-theme-text-primary-on-light, rgba(0,0,0,0.87));background:url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right center}.agentRegister #registration_dialog #registration_form.mdc-dialog__body{margin-top:0;padding-top:6px}@media screen and (max-height:768px) and (max-width:1024px){.agentRegister #registration_dialog #registration_form.mdc-dialog__body{height:100%;line-height:16px}}.agentRegister #registration_dialog #registration_form.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea){height:35px;font-size:1em}.agentRegister #registration_dialog #registration_form .float-fixed{-webkit-transform:translateY(-100%) scale(.75, .75);transform:translateY(-100%) scale(.75, .75);cursor:auto}.agentRegister #successful-registration{font-family:Roboto,sans-serif;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;background:#AAA;z-index:10;overflow:auto;display:none}.agentRegister #successful-registration.active{display:block}.agentRegister #successful-registration a.read-more{width:50px;height:50px;color:#2E8ACC;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:5px;background:#FFF;line-height:93px;border-radius:50px;animation:float 1s linear infinite;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12);box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12);z-index:10}.agentRegister #successful-registration a.read-more:before{content:"Learn More";font-family:Roboto,sans-serif;color:#FFF;width:150px;display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%, -100%);line-height:24px !important}.agentRegister #successful-registration a.read-more:focus{outline:none}.agentRegister #successful-registration a.read-more i{font-size:48px}.agentRegister #successful-registration .content-insert{background:#0091EA;color:#fff;box-sizing:border-box;padding:1px;margin:auto}.agentRegister #successful-registration .success-content{font-family:Roboto,sans-serif;color:#333333;margin:auto;width:100%;height:100%;background:#FFF;padding:25px 15px;overflow:hidden;box-sizing:border-box}.agentRegister #successful-registration .success-content .content-box{margin:auto;height:100%;max-width:1000px;box-sizing:border-box}.agentRegister #successful-registration .success-content .content-box h2 a{color:#FFF;text-decoration:underline}.agentRegister #successful-registration .success-content .content-box ul{padding-left:19px;list-style:circle;font-size:1.2em}.agentRegister #successful-registration .success-content .content-box .col-50{text-align:left;position:relative;width:50%;min-height:100%;box-sizing:border-box;float:left}.agentRegister #successful-registration .success-content .content-box .spacer{border:1px solid #333;margin:5vh 0}.agentRegister #successful-registration .success-content img{max-width:100%}.agentRegister #successful-registration .success-content .iphone-image{width:300px}.agentRegister #successful-registration .complete-icon{width:15%;margin:auto}.agentRegister #successful-registration .mobileDownload{width:100%}.agentRegister #successful-registration .mobileDownload .appleLink{display:inline-block;overflow:hidden;margin:10px;background:url(https://www.drea.com.sg/registration/agent/images/appstore-lrg.svg) no-repeat;width:130px;height:40px;background-size:contain}.agentRegister #successful-registration .mobileDownload .androidLink{display:inline-block;background:url(https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png) no-repeat;width:155px;height:60px;background-size:cover}.agentRegister .complete-icon svg polyline{fill:none;stroke:#FFF;stroke-width:40;stroke-linecap:round;stroke-linejoin:round}.agentRegister .complete-icon svg polyline.check{stroke-dasharray:430;-webkit-animation:check 1s ease-in;animation:check 1s ease-in}.agentRegister .complete-icon svg path{fill:none;stroke:#FFF;stroke-width:40;stroke-linecap:round;stroke-linejoin:round}.agentRegister .complete-icon svg path.circle{stroke-dasharray:1300;-webkit-animation:circle 1s ease-out;animation:circle 1s ease-out}@media only screen and (max-width:768px){.agentRegister .content-box .col-50{width:100% !important;float:none !important}.agentRegister .content-box .desktop{display:none}.agentRegister .popular-feat{display:none}.agentRegister .success-content{height:auto !important}.agentRegister .success-content.header:after{content:"";display:block;position:absolute;width:100%;height:15%;bottom:0;left:0;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)}.agentRegister .success-content .content-box{height:auto !important}.agentRegister .success-content .content-box ul{text-align:left}.agentRegister .success-content .content-box h1{font-size:1.2em !important}.agentRegister .success-content .content-box h2{font-size:1em !important}.agentRegister .success-content .content-box ul{display:none}.agentRegister .success-content .content-box .col-50{text-align:center !important;float:none !important;padding:0 !important;min-height:auto !important}.agentRegister .success-content .content-box .col-50 h1{font-weight:normal !important}.agentRegister .success-content .content-box .col-50 div{position:relative !important;top:auto !important;padding-top:0 !important}}@media only screen and (max-width:320px){.agentRegister .sloganTitle{font-size:1.2em;margin:1.1em 15px}.agentRegister .highlights{margin-top:0 !important}.agentRegister .highlights ul{margin:0}.agentRegister .highlights ul li{margin-top:5px !important}.agentRegister .highlights{font-size:.8em !important;line-height:15px !important}.agentRegister .success-content{height:auto !important}.agentRegister .success-content .content-box{height:auto !important}.agentRegister .success-content .content-box h1{font-size:1.2em !important}.agentRegister .success-content .content-box h2{font-size:1em !important}.agentRegister .success-content .content-box ul{display:none}.agentRegister .success-content .content-box .col-50{text-align:center !important;float:none !important;padding:0 !important;min-height:auto !important}.agentRegister .success-content .content-box .col-50 div{position:relative !important;top:auto !important;padding-top:0 !important}.agentRegister .success-content .content-box .col-50 ul{text-align:left}}@keyframes "circle"{0%,40%{stroke-dashoffset:1300}100%{stroke-dashoffset:2600}}@-webkit-keyframes "circle"{0%,40%{stroke-dashoffset:1300}100%{stroke-dashoffset:2600}}@keyframes "check"{0%{stroke-dashoffset:430}40%{stroke-dashoffset:0}}@-webkit-keyframes "check"{0%{stroke-dashoffset:430}40%{stroke-dashoffset:0}}@keyframes "float"{0%{line-height:93px}33%{line-height:100px}66%{line-height:86px}100%{line-height:93px}}@-webkit-keyframes "float"{0%{line-height:93px}33%{line-height:100px}66%{line-height:86px}100%{line-height:93px}}