@font-face{font-family:Geologica Thin;font-style:normal;src:url(https://static.lc-group.ru/fonts/Geologica/Geologica-Thin.ttf) format("truetype")}@font-face{font-family:Geologica Semibold;font-style:normal;src:url(https://static.lc-group.ru/fonts/Geologica/Geologica-SemiBold.ttf) format("truetype")}@font-face{font-family:Geologica Medium;font-style:normal;src:url(https://static.lc-group.ru/fonts/Geologica/Geologica-Medium.ttf) format("truetype")}@font-face{font-family:Geologica Light;font-style:normal;src:url(https://static.lc-group.ru/fonts/Geologica/Geologica-Light.ttf) format("truetype")}body section.main-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:800px;width:100%;background:url(https://static.compuline.hk/images/main-bg.jpg) 50% no-repeat;background-size:cover}@media(max-width:767px){body section.main-banner{height:740px;background:url(https://static.compuline.hk/images/main-bg-mob.jpg) 50% no-repeat;background-size:cover;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:125px}}body section.partners-section{padding:0 0 96px}@media(max-width:767px){body section.partners-section{padding:0 0 60px}}body section#formSection{background:#f7f7f7}body section#formSection .form-wrapper{max-width:625px;width:100%;margin:0 auto 92px}body section#formSection .form-wrapper h2{margin-bottom:45px}@media(max-width:575px){body section#formSection .form-wrapper h2{margin-bottom:24px}}body section#formSection .form-wrapper p{font-size:18px;font-family:Geologica Light,sans-serif}body section#formSection .form-wrapper form{width:100%;margin-top:45px}body section#formSection .form-wrapper form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:15px}body section#formSection .form-wrapper form div label{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#8aa4b0;font-family:Geologica Light,sans-serif;font-size:18px;background:#f7f7f7;padding:0 12px;z-index:2;margin-left:12px}body section#formSection .form-wrapper form div input,body section#formSection .form-wrapper form div input.focus-visible,body section#formSection .form-wrapper form div input:focus-visible{border-radius:4px;border:1px solid #8aa4b0;outline:none;background:none;color:#8aa4b0;padding:9px 24px;margin-top:-10px}body section#formSection .form-wrapper form div input.focus-visible::-webkit-input-placeholder,body section#formSection .form-wrapper form div input::-webkit-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input.focus-visible::-moz-placeholder,body section#formSection .form-wrapper form div input::-moz-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input.focus-visible:-ms-input-placeholder,body section#formSection .form-wrapper form div input:-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input.focus-visible::-ms-input-placeholder,body section#formSection .form-wrapper form div input::-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-webkit-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible::-webkit-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-moz-placeholder, body section#formSection .form-wrapper form div input.focus-visible::-moz-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input:-ms-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible:-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-ms-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible::-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input.focus-visible::placeholder,body section#formSection .form-wrapper form div input::placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-webkit-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible::-webkit-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-moz-placeholder,body section#formSection .form-wrapper form div input:focus-visible::-moz-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input:-ms-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible:-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-ms-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible::-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-webkit-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible::-webkit-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-moz-placeholder, body section#formSection .form-wrapper form div input:focus-visible::-moz-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input:-ms-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible:-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::-ms-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible::-ms-input-placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input::placeholder,body section#formSection .form-wrapper form div input:focus-visible::placeholder{color:#8aa4b0}body section#formSection .form-wrapper form div input.focus-visible::-webkit-input-placeholder,body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-webkit-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::-moz-placeholder,body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-moz-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible:-ms-input-placeholder,body section#formSection .form-wrapper form div input.focus-visible:focus-visible:-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::-ms-input-placeholder,body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::-webkit-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-webkit-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::-moz-placeholder, body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-moz-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible:-ms-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible:focus-visible:-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::-ms-input-placeholder, body section#formSection .form-wrapper form div input.focus-visible:focus-visible::-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input.focus-visible::placeholder,body section#formSection .form-wrapper form div input.focus-visible:focus-visible::placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-webkit-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-webkit-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-moz-placeholder,body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-moz-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible:-ms-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible:focus-visible:-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-ms-input-placeholder,body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-webkit-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-webkit-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-moz-placeholder, body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-moz-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible:-ms-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible:focus-visible:-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::-ms-input-placeholder, body section#formSection .form-wrapper form div input:focus-visible:focus-visible::-ms-input-placeholder{color:#272727}body section#formSection .form-wrapper form div input:focus-visible::placeholder,body section#formSection .form-wrapper form div input:focus-visible:focus-visible::placeholder{color:#272727}body section#formSection .form-wrapper form div input.error,body section#formSection .form-wrapper form div input.focus-visible.error,body section#formSection .form-wrapper form div input:focus-visible.error{border:1px solid red}body section#formSection .form-wrapper form div.submit-block{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;grid-gap:24px;gap:24px;margin-top:45px}body section#formSection .form-wrapper form div.submit-block #sendForm,body section#formSection .form-wrapper form div.submit-block #sendForm.focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm:focus-visible{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 55px;border-radius:53px;background:#0096ff;color:#f7f7f7;font-family:Geologica Medium,sans-serif;font-size:18px;border:none;outline:none;white-space:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}body section#formSection .form-wrapper form div.submit-block #sendForm.focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm.focus-visible:focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm.focus-visible:hover,body section#formSection .form-wrapper form div.submit-block #sendForm:hover{background:#0076c9}body section#formSection .form-wrapper form div.submit-block #sendForm:focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm:focus-visible:focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm:focus-visible:hover,body section#formSection .form-wrapper form div.submit-block #sendForm:hover{background:#0076c9}@media(max-width:575px){body section#formSection .form-wrapper form div.submit-block #sendForm,body section#formSection .form-wrapper form div.submit-block #sendForm.focus-visible,body section#formSection .form-wrapper form div.submit-block #sendForm:focus-visible{width:100%}}body section#formSection .form-wrapper form div.submit-block p{color:#8aa4b0;font-family:Geologica Light,sans-serif;font-size:18px}@media(max-width:575px){body section#formSection .form-wrapper form div.submit-block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width:767px){body section#formSection .form-wrapper{max-width:100%;padding:0 30px;margin:0 auto 70px}}@media(max-width:575px){body section#formSection{padding-top:40px}}body section .items{margin-top:90px}body section .items .item{width:100%;height:425px;margin-bottom:24px;border-radius:15px}body section .items .item+small{display:block;margin-bottom:50px}@media(max-width:575px){body section .items .item+small{margin-bottom:32px}}@media(max-width:991px){body section .items .item{height:350px}}@media(max-width:575px){body section .items .item{height:205px;margin-bottom:12px}}body section .items .col-sm-6:first-of-type .item{background:url(https://static.compuline.hk/images/01.jpg) 50% no-repeat;background-size:cover}body section .items .col-sm-6:nth-of-type(2) .item{background:url(https://static.compuline.hk/images/02.jpg) 50% no-repeat;background-size:cover}body section .items .col-sm-6:nth-of-type(3) .item{background:url(https://static.compuline.hk/images/03.jpg) 50% no-repeat;background-size:cover}body section .items .col-sm-6:nth-of-type(4) .item{background:url(https://static.compuline.hk/images/04.jpg) 50% no-repeat;background-size:cover}body section .items .col-12:not(.col-sm-6) .item{background:url(https://static.compuline.hk/images/05.jpg) 50% no-repeat;background-size:cover}@media(max-width:575px){body section .items{margin-top:65px}}@media(max-width:575px){body section .blue-link{margin-top:32px}}