.btn-white{color:#000!important;border-radius:2px!important;border:1px solid #fff!important}.btn-white,.btn-white-button{background:#fff!important}.btn-white:hover,.btn_applied_red.btn-light-blue:hover,.btn_applied_red.btn_light_blue:hover{background:#e0e1e2!important;border:1px solid #e0e1e2!important}.btn-light-blue,.btn_light_blue{background:#70d3d8!important}.btn-light-blue:hover,.btn_light_blue:hover{background:#6ac9ce!important}.btn-red{background:#e6524f!important}.btn-red:hover{background:#d24341!important}.btn-gray{background:#e0e1e2;color:#000!important;border-radius:2px!important;border:1px solid #fff!important}.btn-yellow{background:#ffd25c!important}.btn-yellow span{color:#000!important}.btn-yellow:hover{background:#efad04!important}@font-face{font-family:Graphik-Light;src:url(../fonts/Graphik-Light.042a5b44.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Graphik-Regular;src:url(../fonts/Graphik-Regular.e2a1876e.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Graphik-RegularItalic;src:url(../fonts/Graphik-RegularItalic.6bd6ed0f.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Graphik-Medium;src:url(../fonts/Graphik-Medium.4a127c95.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.b06871f2.ttf)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.font-bold{font-family:Graphik-Medium!important}.blog ul.blog_header{display:inline;padding:15px}.blog ul.blog_header li{float:left}.blog ul.blog_header li.header{width:185px}.blog ul.blog_header li h2{padding-bottom:0}.blog .page-nav-wrapper ul.main-nav.horizontal li a{font-family:Graphik-Regular;font-size:14px;color:#000;line-spacing:0;font-weight:""}.blog .page-nav-wrapper ul.blog_header li.toggle-nav-link{float:right;width:865px;margin:auto;padding:0 185px}.viewport-width{width:100vw;box-sizing:border-box}.blog-content .propuler-post{width:99%;height:300px;display:inline-block;cursor:pointer;background:#fff;border-radius:4px;overflow:hidden;margin:10px 4px}.blog-content .propuler-post .featured-img{width:685px;float:left}.blog-content .propuler-post .post-detail{width:384px;height:300px;float:right;padding:17px;position:relative}.blog-content h2.title{font-family:Graphik-Medium;font-size:28px;color:#000;letter-spacing:0;line-height:34px}.blog-content .detail{padding:24px 0}.blog-content .state{display:flex}.blog-content .state li:first-child{margin-right:7px}.blog-content .state .category,.post-detail .state .category{font-family:Graphik-Medium;font-size:14px;color:#000;letter-spacing:0}.router-link-exact-active.active-nav a{font-family:Graphik-Medium!important}.post-detail .state .date{font-size:14px;color:#a6a6a6;letter-spacing:0}.blog-content .masonery{width:100%}.blog-content .masonery .grid-item{width:32.3%;margin:10px;overflow:hidden;float:left;margin:5px;cursor:pointer;background:#fff}.blog-content .masonery .grid-item .project-detail{padding:16px 20px}.blog-content .masonery .grid-item .detail h4.title{font-family:Graphik-Medium;font-size:25px;color:#000;letter-spacing:0;line-height:30px}.post-detail .content{padding:24px 0;font-family:Graphik-Regular;font-size:18px;color:#000;letter-spacing:0;line-height:30px}.post-detail .content p{line-height:30px}.post-detail .content h1.header{font-family:Graphik-Light;font-size:60px;color:#000;letter-spacing:0;line-height:70px;padding-bottom:29px}.post-detail .feature-image img{width:100%}.related-post{padding:25px 0}div.page-nav-wrapper[data-v-f7c3da26]{padding-top:12px}@media only screen and (max-device-width:568px){section.main-page.blog{margin-top:0!important}section.main-page.blog .blog_header li.header{float:none!important}section.main-page.blog .blog-content .propuler-post{height:auto!important}section.main-page.blog .blog-content .propuler-post .post-detail{width:100%}.blog .page-nav-wrapper ul.blog_header li.toggle-nav-link{width:100%!important;padding:0!important}.blog .page-nav-wrapper ul.blog_header li.toggle-nav-link .horizontal li{margin-left:0!important}.blog-content .grid-item .detail{height:120px;overflow:hidden;margin-bottom:10px}.blog-content .grid-item .state{display:block}}