#mainNav{min-height: 56px;background-color: #0085C6}#mainNav .navbar-toggler{font-size: 80%;padding: 0.75rem;color: #FFF;border: 0px solid #FFF}#mainNav .navbar-toggler:focus{outline: none}#mainNav .navbar-brand{color: #00619e;font-weight: 400;padding: .9rem 0;background-image: url(../img/logo.png);background-size: 42px;background-repeat: no-repeat;background-position: center;background-clip: border-box;display: block;width: 42px;height: 18px;text-decoration: none;cursor: pointer;overflow: hidden;text-indent: 100%;white-space:nowrap}.hkp-logo{color: #00619e;font-weight: 400;background-image: url(../img/hkp_white.png);background-size: 100px;background-repeat: no-repeat;background-position: center;background-clip: border-box;display: block;width: 100px;height: 20px;text-decoration: none;overflow: hidden;text-indent: 100%;white-space:nowrap}.dai-logo{color: #00619e;font-weight: 400;background-image: url(../img/dai_white.png);background-size: 152px;background-repeat: no-repeat;background-position: center;background-clip: border-box;display: block;width: 152px;height: 20px;text-decoration: none;overflow: hidden;text-indent: 100%;white-space:nowrap}.agp-logo{color: #00619e;font-weight: 400;padding: .9rem 0;background-image: url(../img/agp_white.png);background-size: 30px;background-repeat: no-repeat;background-position: center;background-clip: border-box;display: block;width: 30px;height: 30px;text-decoration: none;overflow: hidden;text-indent: 100%;white-space:nowrap}#mainNav .navbar-nav .nav-item:hover{color: fade(white, 80%);outline: none;background-color: transparent}#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus{outline: none;background-color: transparent}.text-blue{color: #00619e !important}.quote{font-family: 'Zilla Slab';font-size:1.5rem;line-height:2.4rem; font-style:italic;color:#00619e}.quoteauthor{margin-bottom:0 !important;margin-top:0.6rem;font-size:1rem;color:#00619e !important;font-weight:400}.margin-2{margin:2rem}.mt-6{margin-top:6rem}.mt-55{margin-top:5rem}.ml-4{margin-left:4rem}.bold{font-weight:500}.news{background-color: #FFF;width: 240px !important;height: 240px;text-align: center;border-radius: 120px;vertical-align:middle;display:table-cell;font-size:0.95rem;line-height:1.2rem;padding-top:3rem}.cta{font-size:1.95rem;line-height:2.2rem;font-weight:500;color:#0085C6}.cta:hover{color:#0085C6 !important}h3{font-size:0.9rem;line-height:1.2em;color:#FFF}@media (min-width: 992px) {#mainNav { padding-top: 0;padding-bottom: 0;border-bottom: none}  #mainNav .navbar-brand{padding: .5rem 0;color: rgba(255, 255, 255)}  #mainNav .nav-link{-webkit-transition: none;transition: none;padding: 1.5rem 1.2rem;color: rgba(255, 255, 255);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}  #mainNav .nav-link:hover{color:#000}  #mainNav .nav-link:active{color: white}  #mainNav.navbar-shrink{background-color: #fff}  #mainNav.navbar-shrink .navbar-brand{color: #161616;background-image: url(../img/logo_blue.png)}   #mainNav.navbar-shrink .hkp-logo{color: #161616;background-image: url(../img/hkp.png)} #mainNav.navbar-shrink .dai-logo{color: #161616;background-image: url(../img/dai.png)}  #mainNav.navbar-shrink .nav-link{color: #161616;padding: 1.5rem 1.2rem;border-bottom: 0.25rem solid transparent}  #mainNav.navbar-shrink .nav-link:hover{color: #00619e}  #mainNav.navbar-shrink .nav-link:active{color: #467370}  #mainNav.navbar-shrink .nav-link.active{color: #00619e;outline: none;border-bottom: 0.25rem solid #00619e}}.masthead{position: relative;width: 100%;height: auto;min-height: 35rem;padding: 15rem 0;background: url("../img/bg-masthead.jpg");background-position: center;background-repeat: no-repeat;background-attachment: scroll;background-size: cover}.masthead h1{font-family: 'Roboto';font-size: 2.5rem;line-height: 2.5rem;letter-spacing: 0.1rem;-webkit-background-clip: text;color:#fff}.masthead h2{max-width: 20rem;font-size: 1rem}h5{line-height:1.35em}@media (min-width: 768px) {.masthead h1 { font-size: 4rem;line-height: 4rem}}@media (min-width: 992px) {.masthead { height: 100vh;padding: 0}  .masthead h1{font-size: 4rem;line-height: 4.5rem;letter-spacing: 0.1rem;font-weight:300}  .masthead h2{max-width: 50rem;font-size: 1.25rem;line-height:2.2rem;font-weight:300}}h3{font-size:1.3rem;line-height:1.6em;color:#FFF}.btn{-webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;padding: 1.25rem 2rem;font-family: 'Roboto';font-size: 80%;text-transform: uppercase;letter-spacing: .15rem;border: 0}.btn-primary{background-color: #64a19d}.btn-primary:hover{background-color: #4f837f}.btn-primary:focus{background-color: #4f837f;color: white}.btn-primary:active{background-color: #467370 !important}.about-section{padding: 5rem 0}.about-section p{margin-bottom: 1rem}.projects-section{padding: 5rem 0}.projects-section .featured-text{padding: 2rem}.partner-section{padding: 5rem 0}.hkp-section{padding: 5rem 0}@media (min-width: 992px) {.projects-section .featured-text { padding: 0 0 0 2rem;border-left: 0.5rem solid #64a19d}}.projects-section .project-text{padding: 3rem;font-size: 90%}@media (min-width: 992px) {.projects-section .project-text { padding: 3rem}  .projects-section .project-text hr{border-color: #64a19d;border-width: .25rem;width: 30%}}.signup-section{padding: 10rem 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("../img/bg-signup.jpg");background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("../img/bg-signup.jpg");background-position: center;background-repeat: no-repeat;background-attachment: scroll;background-size: cover}.signup-section .form-inline input{-webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;padding: 1.25rem 2rem;height: auto;font-family: 'Roboto';font-size: 80%;text-transform: uppercase;letter-spacing: 0.15rem;border: 0}.contact-section{padding: 5rem 0 0}.contact-section .card{border: 0;border-bottom: 0.25rem solid #64a19d}.contact-section .card h4{font-size: 0.8rem;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 0.15rem}.contact-section .card hr{border-color: #64a19d;border-width: 0.25rem;width: 3rem}.contact-section .social{margin-top: 5rem}.contact-section .social a{text-align: center;height: 3rem;width: 3rem;background: rgba(255, 255, 255, 0.1);border-radius: 100%;line-height: 3rem;color: rgba(255, 255, 255, 0.3)}.contact-section .social a:hover{color: rgba(255, 255, 255, 0.5)}.contact-section .social a:active{color: #fff}body{font-family: 'Roboto';letter-spacing: 0.03em;font-weight:300}a{color: #0085C6}a:focus, a:hover{text-decoration: none;color: #161616}.bg-black{background-color: #161616 !important}.bg-blue{background-color: #00619e !important}.bg-lightblue{background-color: #f0f8fd !important}.bg-primary{background-color: #64a19d !important}.text-primary{color: #64a19d !important}footer{padding: 2rem 0}footer a{color:#FFF !important}.modal{display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}.modal-content{background-color: #fefefe;margin: auto;padding: 40px;border: none;width: 70%;}.close{color: #000;float: right !important;font-size: 36px;font-weight: bold;text-align: right;}.close:hover,.close:focus{color: #000;text-decoration: none;cursor: pointer;}#cookielink{cursor: pointer !important;}