@charset "UTF-8";/*! Last updated on 2021-01-18 12:12:04 PM GMT+0800 - https://github.com/rbfonbuena/new-experts-site */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}body,html{min-width:320px;height:100%;font-family:Poppins,sans-serif;font-weight:300;font-size:16px;line-height:normal}.animate__animated,.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__bounceIn,.bounceIn{animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}.animate__zoomIn,.zoomIn{animation-name:zoomIn}@media (max-width:991.98px){.lead{font-size:1rem;line-height:1.2}}.font-size-18{font-size:18px}.page-wrap{display:flex;flex-direction:column;align-items:stretch;min-height:100%}.page-wrap header,footer{flex-shrink:0}.page-wrap .main{flex-grow:1}@media (min-width:420px){.navbar-brand img{width:160px;height:auto}}.expert-avatar{position:relative;margin-top:calc(64px / -2);margin-bottom:1rem;padding:0;text-align:center;z-index:10}.expert-avatar img{width:54px;height
:54px;margin-bottom:.5rem;border-radius:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .2s ease-in-out}.expert-avatar .avatar-text{margin-left:.875rem;font-size:14px;line-height:1.2}@media (min-width:576px){.expert-avatar{margin-top:calc(80px / -2);margin-bottom:2rem}.expert-avatar img{width:72px;height:72px}.expert-avatar .avatar-text{font-size:1.125rem}}.experts-note{display:flex;justify-content:center}.experts-note .avatar{--animate-duration:0.25s;flex:0 0 calc(48px + .75rem);animation-duration:var(--animate-duration,.25s);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.experts-note .avatar img{width:48px;height:48px;margin-right:.75rem;border:1px solid #e9ecef;border-radius:60%;-o-object-fit:cover;object-fit:cover}.experts-note .note{position:relative;padding:1rem 1.5rem;line-height:1.2;background-color:#f1f3f5;border-radius:20px}.experts-note .note::before{content:'';position:absolute;top:16px;left:-8px
;border-style:solid;border-width:.5rem .5rem .5rem 0;border-color:#f1f3f5;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent}.survey-header{margin-bottom:2rem;border-bottom:1px solid #dee2e6}.question{font-weight:300;line-height:1.2}@media (max-width:575.98px){.question{font-size:20px}}.survey-content{max-width:922px;margin:auto;text-align:center}.row.gutter-sm{margin-left:-.5rem;margin-right:-.5rem}.row.gutter-sm>[class^=col-]{padding-left:.5rem;padding-right:.5rem;margin-bottom:.5rem}.custom-radio-button{position:relative;width:100%;padding:1rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.3rem;box-shadow:0 2px 12px rgba(0,0,0,.065);cursor:pointer;transition:all .2s ease-in-out}.custom-radio-button:not(.disabled):hover{background-color:rgba(0,123,255,.05);border-color:rgba(0,123,255,.15);box-shadow:0 12px 24px rgba(0,0,0,.08);transform:translate3d(0,0,0) scale3d(1.05,1.05,1) rotate(0);transform-style:preserve-3d;z-index:10}
.custom-radio-button:not(.disabled):hover .label-text{color:#007bff}.custom-radio-button.is-checked,.custom-radio-button.is-checked:hover{background-color:rgba(0,123,255,.125);border-color:#007bff}.custom-radio-button.is-checked .label-text,.custom-radio-button.is-checked:hover .label-text{color:#007bff}.custom-radio-button input[type=checkbox],.custom-radio-button input[type=radio]{position:absolute;top:0;left:0;visibility:hidden}.custom-radio-button .label{display:flex;align-items:center;min-height:46px}.custom-radio-button .label-image{flex:0 0 48px;margin:0}@media (min-width:576px){.custom-radio-button .label-image{flex:0 0 64px}}.custom-radio-button .marker+.label-image{margin-left:.75rem}.custom-radio-button .label-image>img,.custom-radio-button .label-image>svg{width:auto;height:auto;max-width:100%;max-height:96px;margin:auto}.custom-radio-button .label-image>svg{width:100%;height:auto}.custom-radio-button .label-text{line-height:1.2}
.custom-radio-button:not(.button-inline).is-checked input[type=checkbox]+.label::before{content:url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3e%3cpath d='M64 2.625C30.156 2.625 2.625 30.156 2.625 64S30.156 125.375 64 125.375 125.375 97.844 125.375 64 97.844 2.625 64 2.625zm31.107 48.369L61.862 84.238a5.102 5.102 0 01-3.616 1.499 5.104 5.104 0 01-3.616-1.499L38.008 67.616c-2-2-2-5.232 0-7.232s5.231-2 7.232 0L58.246 73.39l29.629-29.628c2-2 5.232-2 7.232 0s2 5.231 0 7.232z' fill='%23007bff' fill-rule='nonzero'/%3e%3c/svg%3e");display:block;width:20px;height:20px;position:absolute;top:.5rem;right:.5rem;animation:bounceIn .5s;animation-fill-mode:both;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translate3d(0,0,0)}.custom-radio-button:not(.disabled):hover.button-yellow{background-color:rgba(254,197,94,.05);border-color:rgba(254,197,94,.15)
}.custom-radio-button:not(.disabled):hover.button-yellow .label-text{color:#fec55e}.custom-radio-button:not(.disabled):hover.button-red{background-color:rgba(222,68,55,.05);border-color:rgba(222,68,55,.15)}.custom-radio-button:not(.disabled):hover.button-red .label-text{color:#de4437}.custom-radio-button:not(.disabled):hover.button-teal{background-color:rgba(0,201,167,.05);border-color:rgba(0,201,167,.15)}.custom-radio-button:not(.disabled):hover.button-teal .label-text{color:#00c9a7}.custom-radio-button:not(.disabled):hover.button-orange{background-color:rgba(234,108,1,.05);border-color:rgba(234,108,1,.15)}.custom-radio-button:not(.disabled):hover.button-orange .label-text{color:#ea6c01}.custom-radio-button:not(.disabled).is-checked.button-yellow{background-color:rgba(254,197,94,.125);border-color:#fec55e}.custom-radio-button:not(.disabled).is-checked.button-yellow .label-text{color:#fec55e}.custom-radio-button:not(.disabled).is-checked.button-red{background-color:rgba(222,68,55,.125);border-color:#de4437}
.custom-radio-button:not(.disabled).is-checked.button-red .label-text{color:#de4437}.custom-radio-button:not(.disabled).is-checked.button-teal{background-color:rgba(0,201,167,.125);border-color:#00c9a7}.custom-radio-button:not(.disabled).is-checked.button-teal .label-text{color:#00c9a7}.custom-radio-button:not(.disabled).is-checked.button-orange{background-color:rgba(234,108,1,.125);border-color:#ea6c01}.custom-radio-button:not(.disabled).is-checked.button-orange .label-text{color:#ea6c01}.custom-radio-button.disabled{box-shadow:none;opacity:.65}.custom-radio-button:not(.button-inline){height:100%}@media (min-width:768px){.custom-radio-button:not(.button-inline) .label{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}}@media (min-width:768px){.custom-radio-button:not(.button-inline) .label-image{margin:0 auto 1.5rem}}.custom-radio-button:not(.button-inline) .label-image img,.custom-radio-button:not(.button-inline) .label-image svg{max-height:120px}.custom-radio-button .label-text{
text-align:left}.custom-radio-button .label-text .h5,.custom-radio-button .label-text div:first-child{margin-bottom:0}.custom-radio-button .label-text p:last-child{margin-bottom:0}.custom-radio-button.button-inline .label-text{margin:auto;text-align:center}.custom-radio-button.button-inline .marker+.label-text,.custom-radio-button.button-inline figure+.label-text{margin-left:1rem;text-align:left}.custom-radio-button.button-inline .marker+figure{margin-left:.75rem}.custom-radio-button:not(.button-inline) .label-text{margin-left:1rem}@media (min-width:768px){.custom-radio-button:not(.button-inline) .label-text{margin-left:0;text-align:center}}.custom-radio-button .marker{position:relative;flex:0 0 24px;width:24px;height:24px;border:1px solid #ced4da;border-radius:.3rem}.custom-radio-button input[type=radio]+.label>.marker{border-radius:60%}.custom-radio-button.is-checked .marker{background-color:#007bff;border-color:#007bff}.custom-radio-button.is-checked .marker::before{content:'✓';position:absolute;top:-2px;
left:1px;width:20px;height:20px;color:#fff;font-family:Inter,sans-serif!important;font-size:18px;font-weight:900}button:not(:disabled):focus{outline:0}.survey-content button:not(:disabled){position:relative;display:inline-block;margin:auto;font-weight:600;transition:all 150ms ease-in-out}.survey-content button:not(:disabled).btn{min-width:100%}.survey-content button:not(:disabled).btn:hover:not(:active),.survey-content button:not(:disabled).btn:hover:not(:active):focus{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.125)}.survey-content button:not(:disabled).btn:active{transform:translateY(0);box-shadow:none}@media (min-width:576px){.survey-content button:not(:disabled).btn{min-width:30%}}@media (min-width:992px){.survey-content button:not(:disabled).btn{min-width:20%}}footer{color:#868e96;margin-top:2rem;padding-top:1rem;padding-bottom:1rem;text-align:center;box-shadow:-6px 0 4px rgba(0,0,0,.125)}footer a{display:inline-block;color:#868e96}footer a:hover{color:inherit}footer .footer-links a{
margin:0 0 .875rem}footer .footer-links>span{display:inline;opacity:.25;padding:0 .125rem}@media (min-width:768px){footer .footer-links>span{padding:0 .5rem}}.form-group label{font-size:14px;font-weight:800!important}input[type=email],input[type=tel],input[type=text],select,textarea{font-family:sans-serif}.custom-textarea{border:1px solid #adb5bd;border-radius:.3rem}.custom-textarea textarea{font-size:18px;border:0}.custom-textarea textarea:focus{box-shadow:none!important;background-color:#f8f9fa}.custom-textarea .textarea-placeholder{color:#868e96;font-size:14px;padding:.5rem .75rem}::-moz-placeholder{color:#adb5bd!important;font-family:sans-serif}:-ms-input-placeholder{color:#adb5bd!important;font-family:sans-serif}::-ms-input-placeholder{color:#adb5bd!important;font-family:sans-serif}::placeholder{color:#adb5bd!important;font-family:sans-serif}.parsley-errors-list{margin-top:.25rem;padding-left:0;list-style-type:none;font-size:14px;font-family:sans-serif}.parsley-errors-list li{color:var(--danger)}
@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.expert-avatar img{image-rendering:-webkit-optimize-contrast;}