.blog-index .row{margin:0 -16px}.blog-index .col-filter{flex:0 0 25%;padding:77px 16px 0;width:25%}.blog-index .search-form{margin:0 0 51px;position:relative}.blog-index .search-form [type=search]{border:1px solid #707070;color:#303134;display:block;font-size:18px;height:48px;line-height:1;margin:0;outline:none;padding:0 35px 0 15px;transition:border .3s ease;width:100%}.blog-index .search-form [type=search]:hover{border-color:#43d9ca}.blog-index .search-form [type=search]:focus{border-color:#43d9ca;outline:1px solid #43d9ca}.blog-index .search-form [type=search]::-webkit-input-placeholder{color:#4d4f52}.blog-index .search-form [type=search]:-moz-placeholder{color:#4d4f52}.blog-index .search-form [type=search]::-moz-placeholder{color:#4d4f52;opacity:1}.blog-index .search-form [type=search]:-ms-input-placeholder{color:#4d4f52}::-ms-clear{display:none}.blog-index .search-form [type=submit]{background:none;border-radius:0;bottom:0;cursor:pointer;margin:0;min-width:0;opacity:.8;padding:0;position:absolute;right:0;top:0;width:32px}.blog-index .search-form [type=submit]:hover{opacity:1}.blog-index .search-form [type=submit] svg{height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}.blog-index .search-form [type=submit] path{fill:#303134}.blog-index .title-filter{color:#067cb8;display:block;font:700 16px/1 IBM Plex Mono,monospace;letter-spacing:1.92px;margin:0 0 23px;text-transform:uppercase}.filter-list .filter-item{margin:0 0 20px;overflow:hidden}.filter-list .filter-item input{height:0;left:-999px;position:absolute;width:0}.filter-list .filter-item label{color:#4d4f52;cursor:pointer;display:block;font-size:18px;font-weight:700;line-height:1.5;margin:0;transition:all .3s}.filter-list .filter-item input:checked+span{color:#035975;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:2px;text-underline-offset:2px}@-moz-document url-prefix(){.filter-list .filter-item input:checked+span{text-underline-offset:4px}}.filter-list .filter-item label:hover{color:#005570}.blog-index .col-result{flex:0 0 75%;padding:56px 16px 0;position:relative;width:75%}.blog-index .col-result:before{background:#dadfe3;content:"";height:1px;left:16px;position:absolute;top:0;width:93%}.blog-index .col-result>h2{margin:0 0 56px;position:relative;z-index:3}.blog-listing{display:flex;flex-wrap:wrap;margin:0 -16px -32px;position:relative;z-index:2}.blog-listing:before{background:#dadfe3;bottom:40%;content:"";left:95px;position:absolute;right:-9999px;top:-131px;z-index:-1}.blog-listing .resource-item-box{flex:0 0 33.33%;opacity:0;padding:0 16px 32px;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease;width:33.33%}.blog-listing .resource-item-box.in-view{opacity:1;transform:none}.blog-listing .js-no-post{padding:0 16px;text-align:center;width:100%}.hidden-btn{height:0;left:-999px;overflow:hidden;position:absolute;width:0}@media (min-width:1024px){.blog-listing .resource-item-box:nth-child(3n - 2)+.resource-item-box{transition-delay:.15s}.blog-listing .resource-item-box:nth-child(3n - 2)+.resource-item-box+.resource-item-box{transition-delay:.3s}}@media (max-width:1399px){.blog-listing{margin:0 -12px -24px}.blog-listing .resource-item-box{padding:0 12px 24px}.blog-index .col-result{padding:45px 16px 0}.blog-index .col-result>h2{margin:0 0 45px}.blog-index .col-filter{padding:64px 16px 0}.blog-index .search-form{margin:0 0 45px}.blog-index .title-filter{font-size:14px;margin:0 0 15px}.filter-list .filter-item{margin:0 0 15px}.filter-list .filter-item label{font-size:16px}.blog-index .search-form [type=search]{font-size:16px;height:40px}.blog-listing:before{top:-102px}}@media (max-width:1023px){.blog-index .col-filter{flex:0 0 33.33%;padding:49px 16px 0;width:33.33%}.blog-index .col-result{flex:0 0 66.66%;padding:35px 16px 0;width:66.66%}.blog-listing .resource-item-box{flex:0 0 50%;width:50%}.blog-listing{margin:0 -10px -20px}.blog-listing .resource-item-box{padding:0 10px 20px}.blog-index .col-result>h2{margin:0 0 35px}.blog-listing:before{left:57px;top:-74px}.blog-listing .resource-item-box:nth-child(2n){transition-delay:.15s}}@media (max-width:767px){.blog-index .col-filter{padding:0 16px;width:100%}.blog-index .search-form{margin:0 0 30px}.filter-list .filter-item{margin:0 0 3px;white-space:nowrap}.filter-list .filter-item,.filter-list .filter-item label{display:inline-block;vertical-align:top}.filter-list .filter-item:after{content:",";display:inline-block;font-size:16px;line-height:1.5;margin:0 5px 0 0;vertical-align:baseline}.blog-index .col-result:before{display:none}.blog-index .col-result{padding:20px 16px 0;width:100%}.blog-index .col-result>h2 br{display:none}.blog-index .col-result>h2{margin:0 0 20px}.blog-listing:before{left:-16px;top:-21px}}@media (max-width:519px){.blog-listing .resource-item-box{flex:0 0 100%;width:100%}.blog-listing .resource-item-box:nth-child(2n){transition-delay:0s}}.intro-section{padding-top:147px;position:relative}.intro-section .gray-square{background:#fff;height:76%;min-height:632px;position:absolute;top:60px;width:59%;z-index:-1}.intro-section .row{align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.intro-section h1{flex:0 0 60%;margin:0 0 25px;width:60%}.hs-author-profile h1{text-transform:lowercase}.intro-section .btn{margin:41px 0 -63px}.intro-section .text-box{flex:0 0 36.5%;padding:29px 0 39px 6%;width:36.5%}.intro-section .text-box p{margin:0 0 15px}.intro-section .image{margin-top:-5px;width:85%}.intro-section .image img{display:block;height:auto;width:100%}.intro-section .image.js-anim-scroll{opacity:0;transform:translateY(50px);transition:all .5s ease}.intro-section .image.in-view{opacity:1;transform:none}.intro-section .js-pattern-right{bottom:2%;top:auto;transform:translateX(29%)}@media (max-width:1399px){.intro-section .btn{margin:30px 0 -63px}.intro-section{padding-top:125px}.intro-section .gray-square{min-height:391px;width:60%}.intro-section .text-box{padding:15px 0 39px 16px}}@media (max-width:1023px){.intro-section .row{display:block}.intro-section h1{margin:0}.intro-section .text-box{padding:25px 0 20px;width:100%}.intro-section h1{width:100%}.intro-section .gray-square{top:45px}.intro-section .btn{margin:15px 0 -36px}}@media (max-width:767px){.intro-section .image{width:100%}.intro-section{padding-top:102px}.intro-section .text-box{padding:20px 0 15px}.intro-section .btn{margin:10px 0 -30px}.intro-section .gray-square{min-height:250px;top:45px;width:100%}}