.gray{color:gray}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#292929}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}a:active,a:focus{outline:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}fieldset{margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}img{vertical-align:middle}.list-none{list-style:none;margin:0;padding:0}.inline-block{letter-spacing:-0.3em}.inline-block>div,.inline-block>li,.inline-block>a,.inline-block>span,.inline-block>img{letter-spacing:normal;display:inline-block;vertical-align:top}.vertical-middle{vertical-align:middle !important}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;backgrounD-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-bottom:1px solid #333}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}pre,code{background:#eee;padding:0 5px;border-radius:3px;border:1px solid #ccc}pre{padding:20px;background:#000;color:#eee}pre>code{padding:0;background:#000;border:none}.D,.D-1,.D-2,.D-3,.D-4,.D-5,.D-6,.D-7,.D-8,.D-9,.D-10,.D-11,.D-12,.L,.L-1,.L-2,.L-3,.L-4,.L-5,.L-6,.L-7,.L-8,.L-9,.L-10,.L-11,.L-12,.TT,.TT-1,.TT-2,.TT-3,.TT-4,.TT-5,.TT-6,.TT-7,.TT-8,.TT-9,.TT-10,.TT-11,.TT-12,.T,.T-1,.T-2,.T-3,.T-4,.T-5,.T-6,.T-7,.T-8,.T-9,.T-10,.T-11,.T-12,.M,.M-1,.M-2,.M-3,.M-4,.M-5,.M-6,.M-7,.M-8,.M-9,.M-10,.M-11,.M-12,.SM,.SM-1,.SM-2,.SM-3,.SM-4,.SM-5,.SM-6,.SM-7,.SM-8,.SM-9,.SM-10,.SM-11,.SM-12{min-height:1px;padding-left:10px;padding-right:10px}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.container{width:100%;max-width:1200px}.row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.row-fluid{display:flex;flex-wrap:wrap;margin-left:0px;margin-right:0px}.row.columns-top,.row-fluid.columns-top{align-items:flex-start}.row.columns-bottom,.row-fluid.columns-bottom{align-items:flex-end}.row.columns-middle,.row-fluid.columns-middle{align-items:center}.row.columns-stretch,.row-fluid.columns-stretch{align-items:stretch}.row.columns-left,.row-fluid.columns-left{justify-content:flex-start}.row.columns-right,.row-fluid.columns-right{justify-content:flex-end}.row.columns-center,.row-fluid.columns-center{justify-content:center}.row.columns-between,.row-fluid.columns-between{justify-content:space-between}.row.columns-around,.row-fluid.columns-around{justify-content:space-around}.vertical-top{align-self:flex-start}.vertical-middle{align-self:center}.vertical-bottom{align-self:flex-end}.row.no-gutter,.row-fluid.no-gutter{margin-left:0;margin-right:0}.row.no-gutter>div,.row-fluid.no-gutter>div{padding-left:0;padding-right:0}.D{flex-grow:1;flex-basis:0;max-width:100%}.hidden-D{display:none}.D-1{flex:0 0 8.33333%;max-width:8.33333%}.D-2{flex:0 0 16.66667%;max-width:16.66667%}.D-3{flex:0 0 25%;max-width:25%}.D-4{flex:0 0 33.33333%;max-width:33.33333%}.D-5{flex:0 0 41.66667%;max-width:41.66667%}.D-6{flex:0 0 50%;max-width:50%}.D-7{flex:0 0 58.33333%;max-width:58.33333%}.D-8{flex:0 0 66.66667%;max-width:66.66667%}.D-9{flex:0 0 75%;max-width:75%}.D-10{flex:0 0 83.33333%;max-width:83.33333%}.D-11{flex:0 0 91.66667%;max-width:91.66667%}.D-12{flex:0 0 100%;max-width:100%}.D-order-0{order:0}.D-order-1{order:1}.D-order-2{order:2}.D-order-3{order:3}.D-order-4{order:4}.D-order-5{order:5}.D-order-6{order:6}.D-order-7{order:7}.D-order-8{order:8}.D-order-9{order:9}.D-order-10{order:10}.D-order-11{order:11}.D-order-12{order:12}.L{flex-grow:1;flex-basis:0;max-width:100%}@media (max-width: 1200px){.L{flex-grow:1;flex-basis:100%;max-width:100%}}@media (max-width: 1200px){.hidden-L{display:none}.L-1{flex:0 0 8.33333%;max-width:8.33333%}.L-2{flex:0 0 16.66667%;max-width:16.66667%}.L-3{flex:0 0 25%;max-width:25%}.L-4{flex:0 0 33.33333%;max-width:33.33333%}.L-5{flex:0 0 41.66667%;max-width:41.66667%}.L-6{flex:0 0 50%;max-width:50%}.L-7{flex:0 0 58.33333%;max-width:58.33333%}.L-8{flex:0 0 66.66667%;max-width:66.66667%}.L-9{flex:0 0 75%;max-width:75%}.L-10{flex:0 0 83.33333%;max-width:83.33333%}.L-11{flex:0 0 91.66667%;max-width:91.66667%}.L-12{flex:0 0 100%;max-width:100%}.L-order-0{order:0}.L-order-1{order:1}.L-order-2{order:2}.L-order-3{order:3}.L-order-4{order:4}.L-order-5{order:5}.L-order-6{order:6}.L-order-7{order:7}.L-order-8{order:8}.L-order-9{order:9}.L-order-10{order:10}.L-order-11{order:11}.L-order-12{order:12}}.TT{flex-grow:1;flex-basis:0;max-width:100%}@media (max-width: 1026px){.TT{flex-grow:1;flex-basis:100%;max-width:100%}}@media (max-width: 1026px){.hidden-TT{display:none}.TT-1{flex:0 0 8.33333%;max-width:8.33333%}.TT-2{flex:0 0 16.66667%;max-width:16.66667%}.TT-3{flex:0 0 25%;max-width:25%}.TT-4{flex:0 0 33.33333%;max-width:33.33333%}.TT-5{flex:0 0 41.66667%;max-width:41.66667%}.TT-6{flex:0 0 50%;max-width:50%}.TT-7{flex:0 0 58.33333%;max-width:58.33333%}.TT-8{flex:0 0 66.66667%;max-width:66.66667%}.TT-9{flex:0 0 75%;max-width:75%}.TT-10{flex:0 0 83.33333%;max-width:83.33333%}.TT-11{flex:0 0 91.66667%;max-width:91.66667%}.TT-12{flex:0 0 100%;max-width:100%}.TT-order-0{order:0}.TT-order-1{order:1}.TT-order-2{order:2}.TT-order-3{order:3}.TT-order-4{order:4}.TT-order-5{order:5}.TT-order-6{order:6}.TT-order-7{order:7}.TT-order-8{order:8}.TT-order-9{order:9}.TT-order-10{order:10}.TT-order-11{order:11}.TT-order-12{order:12}}.T{flex-grow:1;flex-basis:0;max-width:100%}@media (max-width: 992px){.T{flex-grow:1;flex-basis:100%;max-width:100%}}@media (max-width: 992px){.hidden-T{display:none}.T-1{flex:0 0 8.33333%;max-width:8.33333%}.T-2{flex:0 0 16.66667%;max-width:16.66667%}.T-3{flex:0 0 25%;max-width:25%}.T-4{flex:0 0 33.33333%;max-width:33.33333%}.T-5{flex:0 0 41.66667%;max-width:41.66667%}.T-6{flex:0 0 50%;max-width:50%}.T-7{flex:0 0 58.33333%;max-width:58.33333%}.T-8{flex:0 0 66.66667%;max-width:66.66667%}.T-9{flex:0 0 75%;max-width:75%}.T-10{flex:0 0 83.33333%;max-width:83.33333%}.T-11{flex:0 0 91.66667%;max-width:91.66667%}.T-12{flex:0 0 100%;max-width:100%}.T-order-0{order:0}.T-order-1{order:1}.T-order-2{order:2}.T-order-3{order:3}.T-order-4{order:4}.T-order-5{order:5}.T-order-6{order:6}.T-order-7{order:7}.T-order-8{order:8}.T-order-9{order:9}.T-order-10{order:10}.T-order-11{order:11}.T-order-12{order:12}}.M{flex-grow:1;flex-basis:0;max-width:100%}@media (max-width: 768px){.M{flex-grow:1;flex-basis:100%;max-width:100%}}@media (max-width: 768px){.hidden-M{display:none}.M-1{flex:0 0 8.33333%;max-width:8.33333%}.M-2{flex:0 0 16.66667%;max-width:16.66667%}.M-3{flex:0 0 25%;max-width:25%}.M-4{flex:0 0 33.33333%;max-width:33.33333%}.M-5{flex:0 0 41.66667%;max-width:41.66667%}.M-6{flex:0 0 50%;max-width:50%}.M-7{flex:0 0 58.33333%;max-width:58.33333%}.M-8{flex:0 0 66.66667%;max-width:66.66667%}.M-9{flex:0 0 75%;max-width:75%}.M-10{flex:0 0 83.33333%;max-width:83.33333%}.M-11{flex:0 0 91.66667%;max-width:91.66667%}.M-12{flex:0 0 100%;max-width:100%}.M-order-0{order:0}.M-order-1{order:1}.M-order-2{order:2}.M-order-3{order:3}.M-order-4{order:4}.M-order-5{order:5}.M-order-6{order:6}.M-order-7{order:7}.M-order-8{order:8}.M-order-9{order:9}.M-order-10{order:10}.M-order-11{order:11}.M-order-12{order:12}}.SM{flex-grow:1;flex-basis:0;max-width:100%}@media (max-width: 568px){.SM{flex-grow:1;flex-basis:100%;max-width:100%}}@media (max-width: 568px){.hidden-SM{display:none}.SM-1{flex:0 0 8.33333%;max-width:8.33333%}.SM-2{flex:0 0 16.66667%;max-width:16.66667%}.SM-3{flex:0 0 25%;max-width:25%}.SM-4{flex:0 0 33.33333%;max-width:33.33333%}.SM-5{flex:0 0 41.66667%;max-width:41.66667%}.SM-6{flex:0 0 50%;max-width:50%}.SM-7{flex:0 0 58.33333%;max-width:58.33333%}.SM-8{flex:0 0 66.66667%;max-width:66.66667%}.SM-9{flex:0 0 75%;max-width:75%}.SM-10{flex:0 0 83.33333%;max-width:83.33333%}.SM-11{flex:0 0 91.66667%;max-width:91.66667%}.SM-12{flex:0 0 100%;max-width:100%}.SM-order-0{order:0}.SM-order-1{order:1}.SM-order-2{order:2}.SM-order-3{order:3}.SM-order-4{order:4}.SM-order-5{order:5}.SM-order-6{order:6}.SM-order-7{order:7}.SM-order-8{order:8}.SM-order-9{order:9}.SM-order-10{order:10}.SM-order-11{order:11}.SM-order-12{order:12}}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.no-gap{padding-left:0;padding-right:0}.H-title,section.blog-item .blog-item.update p,.form-wrap h2,.page-index section.get-in-touch h2,.page-index section.what-we-do .p1,.page-index section.what-we-do .method h2,.page-index section.our-clients .paragraph1 p.title,.page-portfolio section.portfolio-list .portfolio-item .details h2,.page-blog section.search-header h1,.page-blog-details section.blog-head h1,.page-career section.career-content .career-item .item-title h2{font-family:'Trirong', serif;font-weight:700;line-height:1.5}.H-title-32,section.blog-item h2,.page-index section.sharing .sharing-header .title h2,.page-about-us .text-wrap h3,.page-about-us section.data-driven .text-wrap h3,.page-service section.service-title h1,.page-service section.how-we-rock .title p,.page-portfolio section.portfolio-header h1,.page-work section.header-cover h1,.page-work section.work-desc h2,.page-work section.our-work h2,.page-blog h1,.page-blog section.blog-header h2,.page-career section.career-header .title h1,.page-career-details section.career-details-header .header-warp .title h1,.page-contact section.contact-desc h1{font-family:'Trirong', serif;font-size:32px;font-weight:700;line-height:1.7}.H-title-64,.page-about-us section.about-hocco h1{font-family:'Trirong', serif;font-size:64px;font-weight:700;line-height:1.5}.font-style,section.text-editor .text h2,.form-wrap p,.page-index section.get-in-touch p,.page-index section.company-info h3::before,.page-index section.company-info .intro,.page-index section.company-info .D-7 p,.page-index section.what-we-do .p2,.page-index section.our-services .text-wrap,.page-index section.our-clients .paragraph1 h2,.page-about-us section.about-hocco h2,.page-about-us section.about-hocco p.desc,.page-about-us section.efficiency .text-wrap ul li,.page-about-us section.maximize .text-wrap ul li,.page-about-us section.scalable .text-wrap p.title,.page-about-us section.scalable .text-wrap ul li,.page-about-us section.data-driven p.title,.page-about-us section.data-driven .text-wrap ul li{font-family:'Bai Jamjuree', sans-serif;font-weight:400;letter-spacing:normal;line-height:1.5}.font-small,section.blog-item .blog-item .tag ul li,section.blog-item .blog-item p,section.blog-item .blog-item .writer p,.warp-form,.footer .wrap-menu ul,.footer .wrap-description .company-info p,.footer .wrap-description .nav .follow-us p,.page-index section.sharing .sharing-item p,.page-service section.service-title .service ul li,.page-portfolio section.portfolio-list .list-header ul li,.page-portfolio section.portfolio-list .portfolio-item .details a,.page-work section.work-desc p.desc,.page-work section.work-desc .color-item h4,.page-work section.our-work .work-item .desc a,.page-blog section.blog-header .category-lists ul li,.page-blog-details section.blog-head .date,.page-blog-details section.blog-head .tag ul li,.page-blog-details section.blog-footer h3,.page-career section.career-content .item-desc a,.page-career section.career-content .item-desc .nav,.page-career-details section.career-details-header .header-warp .title .nav{font-family:'Bai Jamjuree', sans-serif;font-size:14px;font-weight:400;line-height:1.5}.font-normal,section.blog-item .blog-item .date,.page-index section.our-clients .paragraph1 p.desc,.page-index section.our-clients .paragraph2 p,.page-index section.our-clients .paragraph2 h3,.page-index section.sharing .sharing-header .title p,.page-index section.sharing .sharing-item p.tag,.page-service section.service-title p,.page-service section.service-title .service .title h2,.page-service section.how-we-rock .title h2,.page-service section.how-we-rock .service-list .service-item p,.page-portfolio section.portfolio-list .portfolio-item .details h3,.page-work section.work-desc h3.work-category,.page-work section.work-desc h3.work-title,.page-work section.work-desc p.title-desc,.page-work section.our-work h3,.page-work section.our-work .work-item .desc h3,.page-blog section.pagination ul.pagination li,.page-contact section.contact-desc .warp-desc dl dt,.page-contact section.contact-desc .warp-desc dl dd,.page-contact section.form .form-header p{font-family:'Bai Jamjuree', sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.5}.font-semibig,section.text-editor .text h3,.page-blog section.search-header p,.page-blog section.tag h2,.page-career section.career-header .title p,.page-career section.career-content .career-item .item-title p,.page-career-details section.career-details-header .header-warp .title p,.page-career-details section.form .warp-form .form-header h2,.page-contact section.form .form-header h2{font-family:'Bai Jamjuree', sans-serif;font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.5}.font-big,section.text-editor .text h2,.footer .wrap-description .company-info h2,.page-index section.sharing .sharing-item h3,.page-about-us .text-wrap h4,.page-about-us section.about-hocco p.title,.page-about-us section.best-value h2,.page-about-us section.best-value .text-wrap ul li,.page-service section.how-we-rock .service-list .service-item h3,.page-portfolio section.portfolio-list h2.portfolio-header,.page-work section.header-cover h2,.page-work section.our-work .work-item .desc h2,.page-blog section.blog-header p,.page-blog section.blog-header .category-lists h3{font-family:'Bai Jamjuree', sans-serif;font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.5}.font-blog,section.text-editor .picture p,section.text-editor .text p,section.text-editor .text blockquote,section.text-editor p,section.text-editor ul li,.page-blog-details section.blog-item h2{font-family:'Bai Jamjuree', sans-serif;font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.5}.f-14{font-size:14px}.f-16{font-size:16px}.f-18{font-size:18px}.f-20{font-size:20px}.f-22{font-size:22px}.f-28{font-size:28px}.f-30{font-size:30px}.f-40{font-size:40px}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.bold{font-weight:700}.normal{font-weight:400}.box-input-with-button{position:relative;z-index:1;display:table;margin-bottom:20px}.box-input-with-button .wrap-form-input{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:table-cell}.box-input-with-button .wrap-form-input .form-input{border-radius:0;border-left-width:0}.box-input-with-button .wrap-form-input:first-child .form-input{border-left-width:1px;border-top-left-radius:3px;border-bottom-left-radius:3px}.box-input-with-button .input-group-button{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.box-input-with-button .input-group-button button:last-child,.box-input-with-button .input-group-button a:last-child{font-size:14px;height:34px;padding:6px 12px;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}a,a:active,a:hover,a:visited{text-decoration:none}a{cursor:pointer}.button-style,.button{border-radius:5px;box-shadow:10px rgba(0,0,0,0.5);border:none}.regular{padding:10px 30px;font-family:'Bai Jamjuree', sans-serif;font-size:14px}.button{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;font-weight:700}.button.primary{color:#fff;background-color:#292929;border:1px solid #292929}.button.primary:hover{color:#292929;background-color:#fff;border:1px solid #292929}.button.white{color:#292929;background-color:#fff;border:1px solid #292929}.button.white:hover{color:#fff;background-color:#292929;border:1px solid #292929}section.blog-item .blog-item{margin:0 0 60px}section.blog-item .blog-item .date{color:gray;margin-bottom:10px}section.blog-item .blog-item .tag ul{margin:0;padding:0;list-style-type:none}section.blog-item .blog-item .tag ul li{font-weight:700;display:inline-block}section.blog-item .blog-item .tag ul li a:after{content:'-';margin:0 8px}section.blog-item .blog-item .tag ul li:last-child a:after{display:none}section.blog-item .blog-item p{margin:20px 0 30px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical}section.blog-item .blog-item img{width:100%;margin-top:30px}section.blog-item .blog-item.update{border-bottom:4px double #292929}section.blog-item .blog-item.update p{font-size:28px;margin:20px 0 30px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}section.blog-item .blog-item .writer{display:flex;align-items:center}section.blog-item .blog-item .writer img{width:32px;height:32px;margin:0;border-radius:50%;margin-right:10px}section.blog-item .blog-item .writer p{color:gray;margin:0}section.text-editor .picture img{width:100%;margin-bottom:30px}section.text-editor .picture p{margin-bottom:60px;text-align:center;color:gray;font-style:italic}section.text-editor .text{margin:0 8%}section.text-editor .text h2{font-size:26px;font-weight:700}section.text-editor .text h2{font-weight:700}section.text-editor .text h3{font-weight:700}section.text-editor .text p{margin-bottom:60px}section.text-editor .text p img{width:100%}section.text-editor .text blockquote{position:relative;font-weight:700;font-style:italic;margin:0 0 0 80px}section.text-editor .text blockquote:before{content:url("./assets/images/dubbleq-L.svg");position:absolute;background-color:#292929;border-radius:50%;padding:16px 20px;left:-80px}section.text-editor .text blockquote span{margin:30px 0 60px;display:block;font-weight:400;color:gray}section.text-editor ul{margin:0;padding:0;list-style-type:none}.warp-form textarea,.warp-form input,.warp-form select{width:100%;border-radius:4px;border:1px solid #CCCCCC;padding:8px 10px}.warp-form textarea.error,.warp-form input.error,.warp-form select.error{border:1px solid #E67373}.warp-form select{position:relative}.warp-form select:after{content:'\f107';content:'askdjfal;skdjfalskfj';font-family:'FontAwesome';position:absolute;left:0;top:0}.warp-form textarea:focus,.warp-form input:focus,.warp-form select:focus{outline:none;border:1px solid #292929}.warp-form textarea::placeholder,.warp-form input::placeholder{color:gray}.warp-form label{display:block;margin:24px 0 10px}.warp-form label span{color:#E67373;margin-left:6px}.warp-form span.error{display:inline-block;margin-top:10px;color:#E67373}.warp-form a{display:inline-block}.quote-modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.quote-modal-content{position:relative;background-color:#fefefe;margin:8% auto;padding:20px;border:1px solid #888;width:80%}.quote-modal-close{position:absolute;top:20px;right:20px;color:#aaa;float:right;font-size:28px;font-weight:bold}.quote-modal-close:hover,.quote-modal-close:focus{color:black;text-decoration:none;cursor:pointer}.form-wrap,.page-index section.get-in-touch{padding:100px 0;background-image:url("./assets/images/index/contact-bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.form-wrap h2,.page-index section.get-in-touch h2{margin:0;font-size:24px;font-weight:700}.form-wrap p,.page-index section.get-in-touch p{margin:10px 0 20px;font-size:16px;color:gray}.form-wrap .warp-form textarea,.page-index section.get-in-touch .warp-form textarea,.form-wrap .warp-form input,.page-index section.get-in-touch .warp-form input,.form-wrap .warp-form select,.page-index section.get-in-touch .warp-form select{border:solid 1px rgba(41,41,41,0.1)}.form-wrap .button,.page-index section.get-in-touch .button{display:inline-block;margin-top:40px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.2)}.form-wrap .button:hover,.page-index section.get-in-touch .button:hover{border:1px solid #292929}.body-lines{position:relative}.lines{min-height:100vh;background-image:linear-gradient(90deg, transparent, transparent calc(((100% - 1200px) / 2) + ((1200px / 4) * 0)), #e6e6e6 calc((((100% - 1200px) / 2) + ((1200px / 4) * 0)) + 1px), transparent calc((((100% - 1200px) / 2) + ((1200px / 4) * 0)) + 1px)),linear-gradient(90deg, transparent, transparent calc(((100% - 1200px) / 2) + ((1200px / 4) * 1)), #e6e6e6 calc((((100% - 1200px) / 2) + ((1200px / 4) * 1)) + 1px), transparent calc((((100% - 1200px) / 2) + ((1200px / 4) * 1)) + 1px)),linear-gradient(90deg, transparent, transparent calc(((100% - 1200px) / 2) + ((1200px / 4) * 2)), #e6e6e6 calc((((100% - 1200px) / 2) + ((1200px / 4) * 2)) + 1px), transparent calc((((100% - 1200px) / 2) + ((1200px / 4) * 2)) + 1px)),linear-gradient(90deg, transparent, transparent calc(((100% - 1200px) / 2) + ((1200px / 4) * 3)), #e6e6e6 calc((((100% - 1200px) / 2) + ((1200px / 4) * 3)) + 1px), transparent calc((((100% - 1200px) / 2) + ((1200px / 4) * 3)) + 1px)),linear-gradient(90deg, transparent, transparent calc(((100% - 1200px) / 2) + ((1200px / 4) * 4)), #e6e6e6 calc((((100% - 1200px) / 2) + ((1200px / 4) * 4)) + 1px), transparent calc((((100% - 1200px) / 2) + ((1200px / 4) * 4)) + 1px));transform:translate3d(0, 0, 0);position:fixed;top:0;right:0;left:0;border:0;z-index:-1}body{position:relative;font-family:"Bai Jamjuree", sans-serif}body a{color:#292929}body a:hover{color:#767676}.wrapper-main .header{position:fixed;z-index:1;top:0;width:100%;background-color:#fff}.wrapper-main .header .nav{display:flex;align-items:center;justify-content:space-between;padding:6px 50px;background-color:#292929}.wrapper-main .header .nav ul{margin:0;padding:0;list-style-type:none}.wrapper-main .header .nav ul.socials li{margin-left:20px}.wrapper-main .header .nav ul.socials li:last-child{margin-left:30px}.wrapper-main .header .nav ul.socials li i{margin-right:0}.wrapper-main .header .nav ul.socials li span{color:#fff;margin:0 4px}.wrapper-main .header .nav ul li{display:inline-block;margin-left:30px}.wrapper-main .header .nav ul li:first-child{margin-left:0}.wrapper-main .header .nav ul li a{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;opacity:0.5;font-size:12px;color:#fff}.wrapper-main .header .nav ul li a.active{font-weight:700;opacity:1}.wrapper-main .header .nav ul li a:hover{opacity:1}.wrapper-main .header .nav ul li i{margin-right:10px}.wrapper-main .header .nav ul li img.filter{height:14px;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(64deg) brightness(99%) contrast(106%)}.header .menu-mobile{display:none}.header .menu-desktops{display:flex;justify-content:space-between;align-items:center;padding:16px 50px;background-color:#fff}.header .menu-desktops .logo .button.primary{display:none}.header .menu-desktops ul{margin:0;padding:0;list-style-type:none}.header .menu-desktops ul li{display:inline-block;margin:0 12px;font-size:14px}.header .menu-mobile{border:10px solid #292929;border-bottom:0}.header .menu-mobile ul{margin:0;padding:0;list-style-type:none;display:flex;justify-content:space-between;padding:16px 30px}.header .menu-mobile ul li .active{font-weight:700}.header .menu-mobile ul li span{margin:0 4px}.header .menu-mobile ul li .logo{position:absolute;left:50%;transform:translateX(-50%)}.header .menu-mobile ul.lists{margin:0;padding:0;list-style-type:none;flex-direction:column;margin:10px}.header .menu-mobile ul.lists li{margin:18px 20px}.header .menu-mobile .menu-toggle .menu-toggle-close{content:url("./assets/images/menu.svg")}.header .menu-mobile .menu-toggle .menu-toggle-open{content:url("./assets/images/menu-close.svg")}.header .menu-mobile .button.primary{display:inline-block}.header .menu-mobile .nav-mobile{background-color:#292929;padding:10px 30px 20px}.header .menu-mobile .nav-mobile a{font-size:14px;color:#fff;opacity:0.5}.header .menu-mobile .nav-mobile ul.contact{padding:0}.header .menu-mobile .nav-mobile ul.contact li{margin-top:10px}.header .menu-mobile .nav-mobile ul.contact li i{margin-right:10px}.header .menu-mobile .nav-mobile ul.contact li i.m0{margin:0}.header .menu-mobile .nav-mobile ul.contact li img.filter{height:14px;margin-right:10px;filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(64deg) brightness(99%) contrast(106%)}.header .menu-open{display:none}.header .menu-close{display:block}@media (max-width: 1026px){.header .menu-desktops{flex-direction:column}.header .menu-desktops .logo{width:100%;display:flex;justify-content:space-between;align-items:center}.header .menu-desktops .logo .button.primary{display:block}.header .menu-desktops .button.primary{display:none}.header .menu-desktops ul{margin:20px 0 10px}}@media (max-width: 768px){.wrapper-main .header .nav{display:none}.wrapper-main .header .menu-desktops{display:none}.wrapper-main .header .menu-mobile{display:block}.header .menu-desktops{display:none}.header .menu-mobile{display:block}.header .menu-mobile .menu-toggle .menu-toggle-close{content:url("./assets/images/menu.svg")}.header .menu-mobile .menu-toggle .menu-toggle-open{content:url("./assets/images/menu-close.svg")}.header .menu-mobile .menu-list.menu-open{display:none}.header .menu-mobile .menu-list.menu-close{display:block}}@media (max-width: 568px){.header .menu-mobile .nav-mobile a{font-size:12px}}.footer .content{padding:70px 0 20px;background-image:url("./assets/images/bg-footer.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0}.footer .wrap-menu{display:flex;justify-content:space-between}.footer .wrap-menu ul{margin:0;padding:0;list-style-type:none;display:flex}.footer .wrap-menu ul li{margin-left:16px}.footer .wrap-menu ul li a{color:#fff;text-decoration:none}.footer .wrap-menu ul li a::after{content:"|";margin-left:16px}.footer .wrap-menu ul li:last-child a::after{display:none}.footer .wrap-description{display:flex;justify-content:space-between;margin-top:70px}.footer .wrap-description .company-info{width:400px;color:#fff}.footer .wrap-description .company-info h2{font-weight:700;margin:0 0 14px 0}.footer .wrap-description .company-info p{margin:0}.footer .wrap-description .nav{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.footer .wrap-description .nav .follow-us{display:flex;color:#fff;margin:10px 0}.footer .wrap-description .nav .follow-us p{margin:0}.footer .wrap-description .nav .follow-us ul{display:flex;margin:0;padding:0;list-style-type:none}.footer .wrap-description .nav .follow-us ul li{margin-left:20px}.footer .wrap-description .nav .follow-us ul li a{color:#292929}.footer .wrap-description .nav .follow-us ul li a i{color:#fff}.footer .wrap-description .nav .subscribe .box-input-with-button{display:table}.footer .wrap-description .nav .subscribe .box-input-with-button input:focus,.footer .wrap-description .nav .subscribe .box-input-with-button select:focus,.footer .wrap-description .nav .subscribe .box-input-with-button textarea:focus,.footer .wrap-description .nav .subscribe .box-input-with-button button:focus{outline:none}.footer .wrap-description .nav .subscribe .box-input-with-button input{height:36px;width:280px;border-radius:0px;border-style:none}.footer .wrap-description .nav .subscribe .box-input-with-button input::-webkit-input-placeholder,.footer .wrap-description .nav .subscribe .box-input-with-button textarea::-webkit-input-placeholder{font-family:'Bai Jamjuree', sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:gray;padding-left:10px;margin-left:10px}.footer .wrap-description .nav .subscribe .box-input-with-button input:-moz-placeholder,.footer .wrap-description .nav .subscribe .box-input-with-button textarea:-moz-placeholder{font-family:'Bai Jamjuree', sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:gray;padding-left:10px;margin-left:10px}.footer .wrap-description .nav .subscribe .box-input-with-button button{height:36px;width:120px;border-radius:0px;border-style:none;border:1px solid #fff;background-color:#292929;color:#fff}.footer .bottom{background-color:#000000;font-size:12px;padding:6px;line-height:1.5}.footer .bottom .bottom-info{display:flex;justify-content:space-between;color:#fff}@media (max-width: 1200px){.footer .content{padding:70px 30px 30px}}@media (max-width: 840px){.footer .wrap-menu{flex-direction:column}.footer .wrap-menu ul{margin:30px 0 10px}.footer .wrap-menu ul li:first-child{margin-left:0}.footer .wrap-description{margin-top:30px;flex-direction:column}.footer .wrap-description .nav{align-items:flex-start;margin-top:20px}.footer .wrap-description .company-info{width:inherit}.footer .bottom{padding:20px}.footer .bottom .bottom-info{flex-direction:column;text-align:center}.footer .bottom .bottom-info p{margin:0}.footer .bottom .bottom-info p:last-child{margin-top:20px}}@media (max-width: 730px){.footer .content{padding:70px 10px 10px}.footer .wrap-menu ul{display:block}.footer .wrap-menu ul li{display:inline-block;margin:10px 0}.footer .wrap-menu ul li a::after{margin:0 10px}}@media (max-width: 568px){.footer .content{margin:0 10px}.footer .wrap-description .nav .subscribe{width:100%}.footer .wrap-description .nav .subscribe .box-input-with-button{display:flex;width:100%}}.page-index section.cover{background-color:rgba(0,0,0,0.02)}.page-index section.cover .row{margin-top:100px}.page-index section.cover .title{padding:0 20px}.page-index section.cover .title h1{font-family:'Trirong', serif;font-size:28px;line-height:1.70;letter-spacing:normal}.page-index section.cover .title p{font-family:'Bai Jamjuree', sans-serif;font-size:20px;color:gray;font-weight:400}.page-index section.cover .title a{display:inline-block;margin-top:20px;text-decoration:none;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.2)}.page-index section.cover .contact{margin-left:20px}.page-index section.cover .contact ul{display:flex;flex-wrap:wrap;position:relative;margin-top:50px;padding:0 0 20px 0}.page-index section.cover .contact ul::before{content:'';position:absolute;width:2px;top:0;bottom:0;background-color:#292929}.page-index section.cover .contact ul li{display:flex;flex-direction:column;width:40%;padding:0 30px}.page-index section.cover .contact ul li p.label{margin-top:20px;font-size:12px}.page-index section.cover .contact ul li p.text{margin-top:10px;font-size:18px;font-weight:700}.page-index section.cover .block-img{position:relative;width:100%;height:710px}.page-index section.cover .block-img .img-cover{position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("./assets/images/index/cover.webp");background-position:center center;background-repeat:no-repeat}.page-index section.company-info{padding:100px 0;background-image:url("./assets/images/index/company-info.webp");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0;color:#fff}.page-index section.company-info::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#292929;opacity:0.85;z-index:-1}.page-index section.company-info h3{white-space:pre-wrap;margin:0;font-size:16px;display:inline-block;position:relative}.page-index section.company-info h3::before{content:'"';position:absolute;left:-40px;top:-40px;font-size:50px}.page-index section.company-info .intro{display:inline-block;display:flex;align-items:center;margin:4px 0 30px;font-size:10px}.page-index section.company-info .intro::after{content:'';display:block;background-color:#fff;width:20px;height:1px;margin-left:10px}.page-index section.company-info .D-7 p{margin:0;font-size:16px}.page-index section.company-info .D-7 p:last-child{margin-top:30px}.page-index section.what-we-do{position:relative;padding:200px 0 250px;background-color:rgba(0,0,0,0.03)}.page-index section.what-we-do .tag{position:absolute;background-color:#292929;color:#fff;display:inline-block;transform:rotate(90deg);top:80px;right:30px;padding:4px 20px 4px 80px}.page-index section.what-we-do .p1{font-size:24px;font-weight:400;position:relative}.page-index section.what-we-do .p1 span{color:gray}.page-index section.what-we-do .p1:before{content:'';position:absolute;top:-30px;width:20px;height:2px;background-color:#292929}.page-index section.what-we-do .p2{position:relative;margin-top:60px;font-size:20px;padding-left:20px}.page-index section.what-we-do .p2:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background-color:#292929}.page-index section.what-we-do .circle-wrap{margin-top:100px;position:relative;text-align:center}.page-index section.what-we-do .circle-wrap .circle-hover{z-index:-1;border-radius:50%;position:absolute;width:200px;height:200px;background-color:#292929;top:0}.page-index section.what-we-do .circle-wrap .circle{position:relative;width:200px;height:200px;border:1px solid #292929;border-radius:50%;display:inline-block;margin-left:-40px}.page-index section.what-we-do .circle-wrap .circle:first-child{margin-left:0}.page-index section.what-we-do .circle-wrap .circle:first-child::before{display:none}.page-index section.what-we-do .circle-wrap .circle::before{content:'+';position:absolute;font-size:20px;top:45%;left:10px}.page-index section.what-we-do .circle-wrap .circle.sign-white::before{color:white}.page-index section.what-we-do .circle-wrap span{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%)}.page-index section.what-we-do .circle-wrap span.circle-text-white{color:white;transition:all 0.5s ease}.page-index section.what-we-do .method h2{margin-top:100px;font-size:24px}.page-index section.what-we-do .method p{font-size:px;line-height:1.5}.page-index section.what-we-do .method div.hide{display:none;transition:all 0.5s ease}.page-index section.what-we-do .picture{position:absolute;right:0;bottom:-8%;z-index:-1}.page-index section.our-services{margin:100px 0}.page-index section.our-services .row.columns-center{margin-top:100px}.page-index section.our-services .row.columns-center.title{margin-top:-30px}.page-index section.our-services .row.columns-center.title h2{position:relative;display:inline-block;margin-bottom:130px}.page-index section.our-services .row.columns-center.title h2::before{content:'';position:absolute;width:2000px;top:5px;right:0;height:1px;background-color:#292929}.page-index section.our-services picture.picture img{width:100%;box-shadow:-20px 20px 30px 0 rgba(0,0,0,0.1)}.page-index section.our-services .text-wrap h3{margin:20px 0 30px;font-size:30px;font-weight:400}.page-index section.our-services .text-wrap h3::before{display:block;margin-bottom:20px;font-size:50px;font-weight:500;color:#e7e7e7}.page-index section.our-services .text-wrap h3.one::before{content:'01.'}.page-index section.our-services .text-wrap h3.two::before{content:'02.'}.page-index section.our-services .text-wrap h3.three::before{content:'03.'}.page-index section.our-services .text-wrap h3.four::before{content:'04.'}.page-index section.our-services .text-wrap h3.five::before{content:'05.'}.page-index section.our-services .text-wrap h3.six::before{content:'06.'}.page-index section.our-services .text-wrap p{margin:0;font-size:16px;color:#8a8a8a}.page-index section.our-services .text-wrap a{display:inline-block;margin-top:30px;font-size:14px;text-decoration:underline}.page-index section.our-services .text-wrap.mt50{margin-top:50px}.page-index section.our-services .text-wrap.mb50{margin-bottom:50px}.page-index section.our-clients{margin:100px 0;position:relative}.page-index section.our-clients .paragraph1 h2{font-size:16px;position:relative}.page-index section.our-clients .paragraph1 h2::before{content:'';width:20px;height:1px;position:absolute;background-color:#292929;top:-20px}.page-index section.our-clients .paragraph1 p.title{font-size:24px;font-weight:700;margin:30px 0 20px}.page-index section.our-clients .paragraph1 p.desc{color:gray;margin-bottom:8%}.page-index section.our-clients .paragraph2 p{margin-top:6.2%}.page-index section.our-clients .paragraph2 h3{display:flex;align-items:center;position:relative;margin-left:40px;margin-top:50px;font-size:12px}.page-index section.our-clients .paragraph2 h3::before{content:'';width:20px;height:1px;position:absolute;background-color:#292929;left:-40px}.page-index section.our-clients .logo ul{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.page-index section.our-clients .logo ul li{margin:44px 12px}.page-index section.our-clients .road{position:absolute;right:0;bottom:-220px;z-index:-1}.page-index section.sharing{padding:160px 50px}.page-index section.sharing .sharing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.page-index section.sharing .sharing-header .title h2{margin:0}.page-index section.sharing .sharing-header .title p{margin:0;color:gray}.page-index section.sharing .sharing-header .view-all a{color:#292929;margin-right:10px}.page-index section.sharing .sharing-item{margin-top:30px}.page-index section.sharing .sharing-item img{width:100%}.page-index section.sharing .sharing-item p.tag{background-color:#292929;color:#fff;font-size:14px;display:inline-block;margin:20px 0;padding:2px 10px}.page-index section.sharing .sharing-item h3{font-weight:700;margin:0;text-decoration:underline}.page-index section.sharing .sharing-item p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.page-404{margin-top:80px;padding:100px 0}.page-404 .picture img{width:100%}.page-404 .text{margin-left:30px}.page-404 .text h2{color:gray}.page-404 .text h3{margin:10px 0 50px}.page-404 .text a.button{margin-top:30px}.page-about-us{margin-top:80px}.page-about-us img{width:100%}.page-about-us .text-wrap h3{margin:0}.page-about-us .text-wrap h4{margin:0;color:gray}.page-about-us .text-wrap ul{margin:0;padding:0;list-style-type:none}.page-about-us section.about-hocco{padding:80px 50px 60px;text-align:center}.page-about-us section.about-hocco p.title{color:gray;margin:0}.page-about-us section.about-hocco h1{width:80%;margin:30px auto 20px}.page-about-us section.about-hocco h2{font-size:40px;margin:0}.page-about-us section.about-hocco p.desc{font-size:24px;color:gray;margin:40px auto 20px;width:70%;text-align:left}.page-about-us section.about-hocco p.desc span{color:#292929}.page-about-us section.about-hocco .line{height:160px;width:2px;background-color:#292929;margin:0 auto}.page-about-us section.best-value{text-align:center}.page-about-us section.best-value h2{display:inline-block;background-color:#292929;color:#fff;padding:2px 10px;margin:0;margin-bottom:180px}.page-about-us section.best-value .text-wrap{text-align:left;margin-left:10%}.page-about-us section.best-value .text-wrap ul li:first-child{font-size:30px;margin:70px 0 40px}.page-about-us section.best-value .picture img{padding:0 10% 0 5%}.page-about-us section.efficiency{margin-top:150px;padding:80px 0;background-color:#292929;color:#fff}.page-about-us section.efficiency .text-wrap{margin:0 18%}.page-about-us section.efficiency .text-wrap h4{color:#fff}.page-about-us section.efficiency .text-wrap ul li:nth-child(1){font-size:28px;font-weight:700;margin:50px 0}.page-about-us section.efficiency .text-wrap ul li:nth-child(2){font-size:30px;margin:0}.page-about-us section.efficiency .text-wrap ul li:nth-child(3){font-size:20px;margin:20px 0}.page-about-us section.maximize .line{height:80px;width:2px;background-color:#292929;margin:0 auto}.page-about-us section.maximize .text-wrap{margin:0 18%;padding:80px 0}.page-about-us section.maximize .text-wrap h4{font-size:32px;color:#292929;margin-bottom:80px}.page-about-us section.maximize .text-wrap ul li:nth-child(1){font-size:20px;margin:0}.page-about-us section.maximize .text-wrap ul li:nth-child(2){font-size:30px;margin:40px 0}.page-about-us section.maximize .text-wrap ul li:nth-child(3){font-size:20px}.page-about-us section.scalable .text-wrap{margin:120px 4%}.page-about-us section.scalable .text-wrap p.title{font-size:40px;margin:50px 0 80px}.page-about-us section.scalable .text-wrap ul{margin-left:10%}.page-about-us section.scalable .text-wrap ul li:nth-child(1){font-size:30px;font-weight:700;margin:0;margin-bottom:60px}.page-about-us section.scalable .text-wrap ul li:nth-child(2){font-size:20px;margin:0}.page-about-us section.data-driven{padding:140px 0 180px;text-align:center}.page-about-us section.data-driven p.title{font-size:40px;font-weight:700}.page-about-us section.data-driven .text-wrap{margin:0 8%;text-align:left}.page-about-us section.data-driven .text-wrap h3{margin:0}.page-about-us section.data-driven .text-wrap ul li:nth-child(1){font-size:30px;margin:60px 0}.page-about-us section.data-driven .text-wrap ul li:nth-child(2){font-size:20px;margin:0;margin-bottom:180px}.page-service section.service-title{margin-top:80px;padding:100px 20px 120px;background-color:#fff}.page-service section.service-title h1{margin:10px 0 50px}.page-service section.service-title .wrap-service{display:flex;justify-content:space-between}.page-service section.service-title .service{display:flex}.page-service section.service-title .service .title{margin-right:20px;background-color:#292929;width:130px;height:3px}.page-service section.service-title .service .title h2{position:relative;font-weight:700;margin-top:10px}.page-service section.service-title .service ul{margin:0;padding:0;list-style-type:none}.page-service section.service-title .service ul li{margin-bottom:14px}.page-service section.cover-section img{width:100%}.page-service section.how-we-rock{padding:100px 20px 80px}.page-service section.how-we-rock .title{display:flex;position:sticky;top:150px;margin:0 30px}.page-service section.how-we-rock .title h2{color:gray;display:block;position:absolute}.page-service section.how-we-rock .title p{text-indent:180px;margin:0;width:100%}.page-service section.how-we-rock .service-list .service-item{margin-bottom:80px}.page-service section.how-we-rock .service-list .service-item h3{font-weight:700}.page-service section.how-we-rock .service-list .service-item p{color:gray;line-height:2}.page-portfolio section.portfolio-header{margin-top:160px}.page-portfolio section.portfolio-header .container{padding:0}.page-portfolio section.portfolio-header h1{margin:0}.page-portfolio section.portfolio-list{margin:30px 0 100px}.page-portfolio section.portfolio-list h2.portfolio-header{margin:0;margin-top:10px;position:relative;font-weight:700}.page-portfolio section.portfolio-list h2.portfolio-header:before{content:'';position:absolute;top:-10px;width:100%;height:3px;background-color:#292929}.page-portfolio section.portfolio-list .list-header{margin-bottom:80px}.page-portfolio section.portfolio-list .list-header ul{position:relative;margin:0;padding:0;list-style-type:none}.page-portfolio section.portfolio-list .list-header ul:before{content:'';position:absolute;width:100%;height:3px;background-color:#292929}.page-portfolio section.portfolio-list .list-header ul li{border-bottom:1px solid #292929;padding:14px 0;margin:0 10px}.page-portfolio section.portfolio-list .portfolio-item{display:flex;align-items:center;margin-bottom:50px}.page-portfolio section.portfolio-list .portfolio-item .number{position:relative;bottom:1em;left:-30px}.page-portfolio section.portfolio-list .portfolio-item .picture img{height:260px}.page-portfolio section.portfolio-list .portfolio-item .details{margin-left:20px}.page-portfolio section.portfolio-list .portfolio-item .details h3{color:gray;margin:0}.page-portfolio section.portfolio-list .portfolio-item .details h2{font-size:30px;margin:10px 0 40px}.page-portfolio section.portfolio-list .portfolio-item .details a{text-decoration:underline}.page-portfolio section.portfolio-list .portfolio-item .details a:after{content:'\f101';font-family:'FontAwesome';margin-left:10px;text-decoration:none}.page-work section.header-cover{position:relative;z-index:0;padding:130px 0;background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;text-align:center;margin-top:80px}.page-work section.header-cover h1{margin:30px 0 20px}.page-work section.work-desc{margin:80px 0}.page-work section.work-desc h2{margin:0 0 50px 0}.page-work section.work-desc h3.work-category{margin:0}.page-work section.work-desc h3.work-title{font-weight:700;margin:0 0 10px 0}.page-work section.work-desc p.title-desc{color:gray;margin:0 0 40px 0}.page-work section.work-desc p.desc{color:gray;margin:0 0 60px 0}.page-work section.work-desc .color-item{width:100%;height:36px;background-color:#292929}.page-work section.work-desc .color-item h4{color:#fff;text-align:right;padding:5px 10px}.page-work section.work-images .image-container ul{margin:0;padding:0;list-style-type:none}.page-work section.work-images .image-container ul li{margin:50px 0}.page-work section.work-images .image-container ul li img{width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,0.15)}.page-work section.work-images .image-container.no-shadows ul li img{box-shadow:none}.page-work section.our-work{padding:100px 0;text-align:center;background-color:#FAFAFA}.page-work section.our-work h2{margin:0}.page-work section.our-work h3{color:gray;margin:0 0 50px 0}.page-work section.our-work .work-item{text-align:left;margin-top:30px}.page-work section.our-work .work-item img{width:100%}.page-work section.our-work .work-item .desc h2{font-weight:700;margin:10px 0 30px 0}.page-work section.our-work .work-item .desc h3{color:gray;margin:20px 0 0 0}.page-work section.our-work .work-item .desc a{text-decoration:underline}.page-work section.our-work .work-item .desc a:after{content:'\f101';font-family:'FontAwesome';margin-left:10px;text-decoration:none}.page-blog{margin:180px 40px 0}.page-blog section.search-header h1{font-size:28px;margin:0}.page-blog section.search-header p{margin:10px 0 50px}.page-blog section.blog-header{position:relative;padding:30px 0;margin-top:30px}.page-blog section.blog-header:before,.page-blog section.blog-header:after{content:'';position:absolute;width:100%;background-color:#292929}.page-blog section.blog-header:before{height:3px;top:0}.page-blog section.blog-header:after{height:1px;bottom:0}.page-blog section.blog-header h2{margin:0;margin-bottom:10px}.page-blog section.blog-header p{margin:0}.page-blog section.blog-header .category-lists{padding-top:10px;border-top:1px solid #292929}.page-blog section.blog-header .category-lists h3{font-weight:700;margin:10px 0}.page-blog section.blog-header .category-lists ul{margin:0;padding:0;list-style-type:none}.page-blog section.blog-header .category-lists ul li{padding:14px 0;border-bottom:1px solid gray;text-align:right}.page-blog section.blog-header .category-lists ul li span{margin-left:10px}.page-blog section.pagination ul.pagination{text-align:center;margin:0;padding:0;list-style-type:none}.page-blog section.pagination ul.pagination li{padding:10px;display:inline-block}.page-blog section.pagination ul.pagination li.active{background-color:#292929}.page-blog section.pagination ul.pagination li.active a{color:#fff}.page-blog section.pagination ul.pagination li:first-child{margin-right:20px}.page-blog section.pagination ul.pagination li:first-child:before{content:'\f177';font-family:'FontAwesome';margin-right:10px}.page-blog section.pagination ul.pagination li:last-child{margin-left:20px}.page-blog section.pagination ul.pagination li:last-child:after{content:'\f178';font-family:'FontAwesome';margin-left:10px}.page-blog section.tag{display:flex;margin-top:50px;padding:30px 0 100px;border-top:2px solid #292929}.page-blog section.tag h2{display:inline-block;margin:10px 20px 10px 0}.page-blog section.tag ul{margin:0;padding:0;list-style-type:none}.page-blog section.tag ul li{margin:10px 10px 0 0;padding:4px 10px;border:1px solid #292929;display:inline-block}.page-blog section.tag ul li:hover{background-color:#292929}.page-blog section.tag ul li:hover a{color:#fff}.page-blog-details{margin:80px 16% 0}.page-blog-details section.blog-head{padding-top:50px;text-align:center}.page-blog-details section.blog-head .date{color:gray;margin-bottom:10px}.page-blog-details section.blog-head .date img.pic_author{width:32px;height:32px;border-radius:50%;margin-right:10px}.page-blog-details section.blog-head .tag ul{margin:0;padding:0;list-style-type:none}.page-blog-details section.blog-head .tag ul li{font-weight:700;display:inline-block}.page-blog-details section.blog-head .tag ul li a{text-decoration:none}.page-blog-details section.blog-head .tag ul li a:after{content:'-';margin:0 8px}.page-blog-details section.blog-head .tag ul li:last-child a:after{display:none}.page-blog-details section.blog-head h1{font-size:36px;font-weight:bold;font-style:italic;text-decoration:underline;margin:60px 0}.page-blog-details section.blog-footer{padding:50px 0;margin:0 8%;border-bottom:2px solid #292929}.page-blog-details section.blog-footer .shared{text-align:center}.page-blog-details section.blog-footer .shared ul{margin:0;padding:0;list-style-type:none}.page-blog-details section.blog-footer .shared ul li{position:relative;display:inline-block;border:1px solid #292929;border-radius:50%;width:50px;height:50px;margin-right:10px}.page-blog-details section.blog-footer .shared ul li:last-child{margin-right:0}.page-blog-details section.blog-footer .shared ul li i,.page-blog-details section.blog-footer .shared ul li svg{font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page-blog-details section.blog-footer .shared ul li:hover{background-color:#292929}.page-blog-details section.blog-footer .shared ul li:hover i{color:#fff}.page-blog-details section.blog-footer .shared ul li:hover svg{fill:#fff}.page-blog-details section.blog-footer .tag{margin:40px 0 0}.page-blog-details section.blog-footer .tag ul{margin:0;padding:0;list-style-type:none}.page-blog-details section.blog-footer .tag ul li{margin:10px 10px 0 0;padding:8px 12px;border:1px solid #292929;display:inline-block}.page-blog-details section.blog-footer .tag ul li:hover{background-color:#292929}.page-blog-details section.blog-footer .tag ul li:hover a{color:#fff}.page-blog-details section.blog-item{margin:0 8%}.page-blog-details section.blog-item h2{font-weight:700;margin:50px 0 40px}.page-blog-comment{background-color:#FAFAFA;padding:50px 0}.page-blog-comment section.comment{margin:0 6%}.page-career{margin-top:80px}.page-career section.career-header .title{text-align:center;width:80%;margin:0 auto}.page-career section.career-header .title h1{padding-top:80px}.page-career section.career-header .title p{color:gray}.page-career section.career-header hr{border-bottom:1px solid #292929;margin:60px 0}.page-career section.career-content .career-lists{margin:0 8% 100px}.page-career section.career-content .career-item{margin-bottom:60px}.page-career section.career-content .career-item .item-title{display:flex;justify-content:space-between;align-items:center}.page-career section.career-content .career-item .item-title h2{font-size:20px}.page-career section.career-content .item-desc{display:flex;justify-content:space-between}.page-career section.career-content .item-desc a{position:relative;color:gray;padding-left:40px}.page-career section.career-content .item-desc a:before{content:'\f101';font-family:'FontAwesome';position:absolute;color:#fff;padding:6px 12px;background-color:#292929;border-radius:50%;left:0;top:-6px}.page-career section.career-content .item-desc a:hover:before{color:#292929;background-color:#fff;border:1px solid #292929}.page-career section.career-content .item-desc .nav{display:flex}.page-career section.career-content .item-desc .nav .price{margin-right:10px}.page-career section.career-content .item-desc .nav .price i{margin-right:10px}.page-career section.career-content .item-desc .nav .time{font-weight:700}.page-career section.career-content .item-desc .nav .time i{margin-right:10px}.page-career-details section.career-details-header{margin:130px 16% 80px}.page-career-details section.career-details-header .header-warp{display:flex;align-items:center;justify-content:space-between}.page-career-details section.career-details-header .header-warp .title .nav{display:flex}.page-career-details section.career-details-header .header-warp .title .nav .price{margin-right:10px}.page-career-details section.career-details-header .header-warp .title .nav .price i{margin-right:10px}.page-career-details section.career-details-header .header-warp .title .nav .time{font-weight:700}.page-career-details section.career-details-header .header-warp .title .nav .time i{margin-right:10px}.page-career-details section.text-editor{margin:0 16%}.page-career-details section.form{background-color:#FAFAFA;margin-top:80px}.page-career-details section.form .warp-form{padding:50px 16% 80px}.page-career-details section.form .warp-form .form-header h2{font-weight:700}.page-career-details section.form .warp-form .wpcf7-form-control.wpcf7-submit.button.primary{margin-top:20px}.page-contact section.contact-desc{margin-top:180px}.page-contact section.contact-desc .warp-desc{text-align:center}.page-contact section.contact-desc .warp-desc dl{text-align:left}.page-contact section.contact-desc .warp-desc dl dt{font-weight:700;margin:30px 0 20px}.page-contact section.contact-desc .warp-desc dl dd{margin:0;margin:10px 0}.page-contact section.contact-desc .warp-desc dl dd i{margin-right:10px}.page-contact section.form{margin:100px 0}.page-contact section.form .form-header p{color:gray}.page-contact section.form .button.primary{margin-top:20px}.page-contact section.form .wpcf7-not-valid-tip{color:#E67373;margin-top:6px}.page-contact section.form .wpcf7-response-output{width:85%;margin:0 auto;color:#E67373;border:none}@media (max-width: 1200px){.page-portfolio{margin:0 50px}}@media (max-width: 1026px){.page-index section.cover .row{margin-top:150px}.page-about-us section.about-hocco h1{font-size:44px}.page-about-us section.about-hocco h2{font-size:30px}.page-about-us section.about-hocco p{width:80%}.page-about-us section.best-value h4{margin-bottom:80px}.page-service section.service-title h1{font-size:28px}.page-service section.how-we-rock .title{margin:0 10px}.page-service section.how-we-rock .title h2{font-size:20px}.page-service section.how-we-rock .title h3{margin:4px 0}.page-service section.how-we-rock .service-list{margin:0 30px}.page-service section.how-we-rock .service-list .service-item h2{margin:0}.page-portfolio section.portfolio-list .portfolio-item .details h2{font-size:28px}.page-blog section.blog-body .blog-item.update p{font-size:20px}.page-blog-details{margin:80px 8% 0}.page-blog-details section.blog-head h1{font-size:28px}.page-contact section.contact-desc{margin-top:130px}.page-work section.work-desc{margin:80px 50px}.page-work section.work-images{margin:80px 50px}}@media (max-width: 992px){.page-index section.clients .clients-info{padding:50px 44px}}@media (max-width: 768px){.border-mobile{position:fixed;top:0;bottom:0;left:0;right:0;border:10px solid #292929;border-bottom:none}.border-mobile-bottom{position:fixed;bottom:0;right:0;left:0;background-color:#292929;height:10px}.page-index section.get-in-touch{border-left:10px solid #292929;border-right:10px solid #292929}.page-index section.cover .row{margin-top:70px}.page-index section.cover .D-5.T-4.M-12{z-index:-1;margin-top:-635px;padding:0}.page-index section.cover .title{text-align:center;margin:80px 50px 50px}.page-index section.cover .block-img{position:absolute;top:0}.page-index section.cover .block-img:after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;opacity:0.8;z-index:0}.page-index section.cover .contact{margin:0 7% 50px}.page-index section.cover .contact ul li{width:100%}.page-index section.company-info h3::before{left:0;top:-50px}.page-index section.what-we-do .circle-wrap .circle,.page-index section.what-we-do .circle-wrap .circle-hover{width:150px;height:150px}.page-index section.our-services .row.columns-center.title{margin-top:250px}.page-index section.our-services .row.columns-center.title h2{margin-bottom:0}.page-index section.clients .wrap-logos{margin-top:50px}.page-index section.our-clients .logo ul li{margin:30px 12px}.page-index section.our-clients .logo ul li img{height:30px}.page-about-us section.about-hocco p{width:90%}.page-about-us section.scalable .text-wrap{margin:80px 4%}.page-about-us section.scalable .text-wrap p{font-size:30px;margin:40px 0 60px}.page-about-us section.data-driven{padding:80px 0}.page-about-us section.data-driven .text-wrap ul li:nth-child(2){margin:80px 6%}.page-about-us section.data-driven h2{font-size:30px}.page-service section.service-title{padding:50px 20px 0}.page-service section.service-title h1{font-size:20px}.page-service section.service-title .wrap-service{display:block}.page-service section.service-title .service{margin-bottom:50px}.page-service section.service-title .service .title{width:200px;margin-right:30px}.page-service section.how-we-rock{padding:50px 20px}.page-service section.how-we-rock .service-list{margin:0 10px}.page-service section.how-we-rock .service-list .service-item{margin:40px 0 60px}.page-portfolio section.portfolio-header{margin:130px 0 0}.page-portfolio section.portfolio-list .portfolio-item .details h2{font-size:20px}.page-blog{margin:130px 30px 0}.page-blog section.blog-header{padding:10px 0}.page-blog section.blog-header h2{font-size:26px;display:none}.page-blog section.blog-header p{font-size:16px;display:none}.page-blog section.blog-header .category-lists{padding:10px 0}.page-blog section.blog-header .category-lists ul li{text-align:left}.page-blog section.blog-header:after{display:none}.page-blog section.blog-body h2{font-size:26px}.page-blog section.blog-body .blog-item .date{font-size:14px}.page-blog-details section.blog-head h1{font-size:24px}.page-blog-details section.blog-footer{margin:0 10px}section.text-editor .text{margin:0}.page-career section.career-content .career-item .item-title{display:block}.page-career section.career-content .item-desc{flex-direction:column-reverse}.page-career section.career-content .item-desc .nav{margin-bottom:20px}.page-career-details section.career-details-header{margin:130px 10% 80px}.page-career-details section.career-details-header .header-warp{flex-direction:column;align-items:flex-start}.page-career-details section.career-details-header .header-warp a{margin-top:20px}.page-career-details section.text-editor{margin:0 10%}.page-work section.work-desc{margin:80px 30px}.page-work section.work-images{margin:80px 30px}}@media (max-width: 568px){.page-index section.cover .title{margin:80px 20px 50px}.page-index section.cover .title h1{font-size:23px}.page-index section.what-we-do .circle-wrap .circle{width:110px;height:110px;margin-left:-26px}.page-index section.what-we-do .circle-wrap .circle::before{top:40%;left:4px}.page-index section.what-we-do .circle-wrap .circle-hover{width:110px;height:110px}.page-index section.what-we-do .circle-wrap span{font-size:14px}.page-index section.what-we-do .picture{bottom:-50px}.page-index section.what-we-do .picture img{width:100%}.page-index section.what-we-do .tag{right:-20px}.page-index section.our-services .row.columns-center.title{margin-top:150px}.page-index section.our-services .text-wrap{margin-top:50px}.page-index section.our-clients .logo ul li{margin:12px 8px}.page-index section.sharing{padding:60px 30px}.page-index section.sharing .sharing-header{flex-direction:column;align-items:flex-start;margin-bottom:0}.page-index section.sharing .sharing-header .view-all{margin-top:50px}.page-index section.sharing .sharing-header .title h2{font-size:20px}.page-about-us section.about-hocco{padding:60px 20px}.page-about-us section.about-hocco h1{font-size:26px;width:100%}.page-about-us section.about-hocco h2{font-size:20px}.page-about-us section.about-hocco p{font-size:16px}.page-about-us section.best-value{padding:0 20px}.page-about-us section.best-value .text-wrap{margin-left:0}.page-about-us section.best-value .text-wrap ul li:first-child{font-size:18px;margin:50px 0 40px}.page-about-us section.best-value .picture img{padding:50px 30px 0}.page-about-us section.efficiency{margin-top:60px}.page-about-us section.efficiency .text-wrap{margin:0 20px}.page-about-us section.efficiency .text-wrap ul li:nth-child(1){font-size:20px}.page-about-us section.efficiency .text-wrap ul li:nth-child(2){font-size:22px}.page-about-us section.maximize .text-wrap{margin:0 10%}.page-about-us section.maximize .text-wrap h3{font-size:20px;margin-bottom:50px}.page-about-us section.maximize .text-wrap ul li:nth-child(2){font-size:22px}.page-about-us section.maximize .text-wrap ul li:nth-child(3){font-size:18px}.page-about-us section.scalable .text-wrap{margin:0 30px 50px}.page-about-us section.scalable .text-wrap p{font-size:18px;margin:40px 0 30px}.page-about-us section.scalable .text-wrap ul{margin-left:0}.page-about-us section.scalable .text-wrap ul li:nth-child(1){font-size:22px;margin:30px 0 40px}.page-about-us section.data-driven{padding:30px 0 80px}.page-about-us section.data-driven .text-wrap ul li:nth-child(1){font-size:20px;margin:40px 0}.page-about-us section.data-driven .text-wrap ul li:nth-child(2){margin:20px 0 40px}.page-about-us section.data-driven h2{font-size:24px}.page-service section.service-title{margin:80px 10px 0}.page-service section.service-title .service{display:block}.page-service section.service-title .service .title{width:inherit;margin:0}.page-service section.service-title .service ul{margin-top:60px}.page-service section.service-title .service .title h3{top:14px}.page-service section.how-we-rock{padding:50px 30px}.page-service section.how-we-rock .title{margin:0}.page-service section.how-we-rock .title h2{font-size:18px}.page-service section.how-we-rock .title h3{font-size:16px}.page-service section.how-we-rock .service-list{margin:0}.page-portfolio{margin:0 30px}.page-portfolio section.portfolio-header{margin-top:120px}.page-portfolio section.portfolio-header h1{font-size:30px}.page-portfolio section.portfolio-list{margin:30px 0}.page-portfolio section.portfolio-list h2.portfolio-header{margin-bottom:10px}.page-portfolio section.portfolio-list .list-header{margin-bottom:50px}.page-portfolio section.portfolio-list .list-header ul{margin-left:30px}.page-portfolio section.portfolio-list .list-header ul:before{display:none}.page-portfolio section.portfolio-list .list-header ul li{margin:0px;padding:10px 0}.page-portfolio section.portfolio-list .portfolio-item .picture img{height:inherit;width:70px}.page-portfolio section.portfolio-list .portfolio-item .number{top:0;left:0}.page-portfolio section.portfolio-list .portfolio-item .details h3{font-size:14px}.page-portfolio section.portfolio-list .portfolio-item .details h2{font-size:16px;margin-bottom:10px}.page-blog h1{font-size:28px}.page-blog section.blog-header{margin-top:10px}.page-blog section.blog-body h2{font-size:20px}.page-blog section.blog-body .blog-item{margin:0 0 30px}.page-blog section.blog-body .blog-item.normal .tag{margin-bottom:10px}.page-blog section.blog-body .blog-item.normal a{display:flex;align-items:center}.page-blog section.blog-body .blog-item.normal a img{width:35%;margin:0}.page-blog section.blog-body .blog-item.normal a p{margin:0 0 0 14px}.page-blog section.tag{padding:30px 0 50px}.page-blog section.tag h2{font-size:16px;width:60px}.page-blog section.pagination ul.pagination li:first-child{margin-right:5px}.page-blog section.pagination ul.pagination li:first-child:before{display:none}.page-blog section.pagination ul.pagination li:last-child{margin-left:5px}.page-blog section.pagination ul.pagination li:last-child:after{display:none}.page-blog-details{margin:80px 6% 0}.page-blog-details section.blog-head h1{font-size:20px}.page-blog-comment{margin:0 10px}section.text-editor .text blockquote{font-size:16px;margin:0;margin-top:100px}section.text-editor .text blockquote:before{padding:7px 10px;left:0;top:-46px;display:block}.page-career section.career-header hr{margin:50px 20px}.page-career section.career-header .title h1{padding-top:50px;font-size:26px}.page-career section.career-header .title p{font-size:16px}.page-career-details section.career-details-header .header-warp .title h1{font-size:24px}.page-career-details section.form{margin:50px 10px}.page-career-details section.form .warp-form{padding:50px 8% 80px}.page-career-details section.form .warp-form label{margin:14px 0 10px}.page-contact section.contact-desc .warp-desc h1{font-size:26px}.page-work section.header-cover{margin:10px;padding:130px 0 80px}.page-work section.our-work{margin:10px}.page-work section.our-work h3{margin-bottom:20px}.page-work section.our-work .work-item{display:flex;padding:0 20px}.page-work section.our-work .work-item img{width:130px;height:100px}.page-work section.our-work .work-item .desc{margin-left:20px}.page-work section.our-work .work-item .desc h3{margin:0}.page-work section.our-work .work-item .desc h2{margin:10px 0}.page-404{padding:50px 20px 80px}.page-404 .picture{text-align:center;margin-bottom:30px}.page-404 .picture img{width:60%}.page-404 .text{margin:0}.page-404 .text h1{font-size:26px}.page-404 .text h3{margin:10px 0 30px}}.section-anchor{display:block;position:relative;top:-80px;left:0;right:0;height:1px}