@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{color:#272727;font-family:Geologica Thin,sans-serif;font-size:24px;line-height:normal;overflow-x:hidden}body img{max-width:100%;border-radius:15px}@media(max-width:575px){body img{border-radius:5px}}body a,body a:hover{text-decoration:none}body a.like-btn,body a.like-btn:visited,body a:hover.like-btn,body a:hover.like-btn:visited{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 55px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:53px;font-family:Geologica Medium,sans-serif;font-size:18px;color:#0096ff;-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}body a.like-btn:hover,body a.like-btn:visited:hover,body a:hover.like-btn:hover,body a:hover.like-btn:visited:hover{color:#0076c9;background:#fff}body a.like-btn.blue,body a.like-btn.blue:visited,body a.like-btn:visited.blue,body a.like-btn:visited.blue:visited,body a:hover.like-btn.blue,body a:hover.like-btn.blue:visited,body a:hover.like-btn:visited.blue,body a:hover.like-btn:visited.blue:visited{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#0096ff;color:#fff;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}body a.like-btn.blue:hover,body a.like-btn.blue:visited:hover,body a.like-btn:visited.blue:hover,body a.like-btn:visited.blue:visited:hover,body a:hover.like-btn.blue:hover,body a:hover.like-btn.blue:visited:hover,body a:hover.like-btn:visited.blue:hover,body a:hover.like-btn:visited.blue:visited:hover{background:#0076c9;color:#fff}@media(max-width:575px){body a.like-btn,body a.like-btn:visited,body a:hover.like-btn,body a:hover.like-btn:visited{width:100%}}body a.blue-link,body a.blue-link:visited,body a:hover.blue-link,body a:hover.blue-link:visited{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px;color:#8aa4b0;font-family:Geologica Light,sans-serif;font-size:18px;-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}body a.blue-link:hover,body a.blue-link:visited:hover,body a:hover.blue-link:hover,body a:hover.blue-link:visited:hover{color:#0096ff}body a.blue-link:after,body a.blue-link:visited:after,body a:hover.blue-link:after,body a:hover.blue-link:visited:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;background:url(https://static.compuline.hk/images/blue-link.svg) 50% no-repeat;background-size:cover;border-radius:50%}@media(max-width:575px){body a.blue-link,body a.blue-link:visited,body a:hover.blue-link,body a:hover.blue-link:visited{width:100%}}@media(max-width:575px){body a,body a:hover{width:100%}}body p{margin:0}body small{font-size:18px}body footer,body header,body small{font-family:Geologica Light,sans-serif}body footer,body header{background:#262c3a;color:#fff}body footer nav,body header nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body footer nav .logo,body header nav .logo{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;height:27px;-ms-flex-negative:0;flex-shrink:0;background:url(https://static.compuline.hk/images/logo.svg) 50% no-repeat;background-size:contain}body footer nav ul,body header nav ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:20px;gap:20px;padding:0;margin:0}body footer nav ul li,body header nav ul li{list-style:none}body footer nav ul li a,body footer nav ul li a:visited,body header nav ul li a,body header nav ul li a:visited{color:#fff;font-size:18px;-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}body footer nav ul li a:hover,body footer nav ul li a:visited:hover,body header nav ul li a:hover,body header nav ul li a:visited:hover{color:#0096ff}body header{padding:25px 0}body header nav #mobNavIcon{z-index:5;width:35px;height:35px;border:1px solid #fff;border-radius:50%;padding:7px 4px}body header nav #mobNavIcon span{width:20px;height:1px;background-color:#fff;display:block;margin:5px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}body header nav #mobNavIcon:hover{cursor:pointer}body header nav #mobNavIcon.is-active{border:none}body header nav #mobNavIcon.is-active span:first-child{-webkit-transform:translateY(3px) rotate(45deg);-ms-transform:translateY(3px) rotate(45deg);transform:translateY(3px) rotate(45deg)}body header nav #mobNavIcon.is-active span:nth-child(2){-webkit-transform:translateY(-3px) rotate(-45deg);-ms-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg)}@media(max-width:991px){body header nav ul{width:75%}}@media(max-width:767px){body header nav ul{position:absolute;width:100vw;min-height:100vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;grid-gap:60px;gap:60px;padding:148px 22%;background:#262c3a;top:0;left:-999px;z-index:2;-webkit-transition:left .5s;-o-transition:left .5s;transition:left .5s}body header nav ul.open{left:0}}body footer{padding:50px 0 40px}body footer .copyright{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:85px;color:#8aa4b0;opacity:.6;width:100%;border-top:1px solid rgba(138,164,176,.3);padding-top:30px;font-size:18px}@media(max-width:991px){body footer .copyright{margin-top:38px}}@media(max-width:575px){body footer .copyright{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media(max-width:991px){body footer nav{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media(max-width:991px){body footer nav ul{width:100%;margin-top:50px;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media(max-width:575px){body footer nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}body h1{width:100%;font-size:56px;color:#fff}body h1+p{margin:30px 0 60px;font-size:18px;color:#fff}@media(max-width:1200px){body h1{font-size:45px}}@media(max-width:991px){body h1{font-size:40px}}body .h2,body h2{font-family:Geologica Semibold,sans-serif;font-size:42px;margin-bottom:20px}@media(max-width:767px){body .h2,body h2{font-size:36px}}body .wrapper{max-width:1280px;width:100%;margin:0 auto}body .wrapper .item{margin-bottom:50px}@media(max-width:1340px){body .wrapper{max-width:95%}}@media(max-width:767px){body .wrapper{max-width:100%;padding:0 30px}}body section{padding:96px 0 48px;background:#fff}body section.not-found-banner{min-height:90vh;background:url(https://static.compuline.hk/images/404-bg.jpg) 50% no-repeat;background-size:cover;padding:0}body section.not-found-banner,body section.not-found-banner .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body section.not-found-banner .wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body section.not-found-banner .wrapper h1+p{margin:0 auto}body section.not-found-banner .wrapper .like-btn{margin-top:60px}@media(max-width:767px){body section.not-found-banner .wrapper .like-btn{margin-top:48px}}@media(max-width:767px){body section{padding:60px 0 30px}}