section.tree-navigation{position:relative;padding:50px 0 100px}section.tree-navigation h2{font-size:48px !important;line-height:64px !important}section.tree-navigation p{font-family:'Prelo-Bold',sans-serif !important;margin-bottom:40px}section.tree-navigation .category-select{border-radius:10px;background-color:rgba(204,0,0,0.05);padding:16px 14px}section.tree-navigation .category-select label{border-radius:6px;padding:12px 35px 10px 10px;width:100%;color:#484848;cursor:pointer;position:relative}section.tree-navigation .category-select label::after{content:"";display:block;position:absolute;height:14px;width:14px;right:10px;top:0;bottom:0;margin:auto;border-radius:2px;border:1px solid #c00}section.tree-navigation .category-select input{display:none}section.tree-navigation .category-select input[type="radio"]:checked+label{background-color:rgba(204,0,0,0.2);color:#c00}section.tree-navigation .category-select input[type="radio"]:checked+label::after{content:url(https://f.hubspotusercontent20.net/hubfs/4609024/icon-check.svg);background-color:#c00;line-height:11px;text-align:center}section.tree-navigation .category-tree-video-lightbox{position:fixed;z-index:100000000;height:100%;width:100%;top:0;left:0;display:none}section.tree-navigation .category-tree-video-lightbox.active{display:block}section.tree-navigation .category-tree-video-lightbox .inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}section.tree-navigation .category-tree-video-lightbox #ytplayer,section.tree-navigation .category-tree-video-lightbox #vimeoPlayer iframe{position:relative;z-index:100;max-width:100%;max-height:100%;width:640px;height:320px}section.tree-navigation .category-tree-video-lightbox .close{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:98;opacity:1}section.tree-navigation .category-tree-video-lightbox .close::before{content:'X';position:absolute;top:20px;right:20px;color:#fff}section.tree-navigation .scroll-to-top{border:0;outline:0;box-shadow:none;background:#c00;z-index:10;position:relative;height:81px;width:56px;border-bottom:solid 25px #fff;transition:all .25s ease;position:absolute;bottom:0;left:0;right:0;margin:0 auto}section.tree-navigation .scroll-to-top:hover{background:#af0000}@media(min-width:768px){section.tree-navigation{text-align:center;padding:50px 0 0}section.tree-navigation h2{font-size:48px !important;line-height:64px !important;margin-top:66px}section.tree-navigation p{font-family:'Prelo-Medium',sans-serif !important;font-size:28px !important;line-height:36px !important;max-width:627px;margin:0 auto}section.tree-navigation h2{font-size:56px !important;line-height:72px !important}section.tree-navigation .category-select{background:transparent;display:flex;padding-bottom:0}section.tree-navigation .category-select .category{width:33.33%;display:flex}section.tree-navigation .category-select .category label{position:relative;padding:0 0 20px;text-align:center;border-bottom:solid 2px #eee;border-radius:0;margin-bottom:0;font-family:ff-good-headline-web-pro-ext,sans-serif;font-size:30px;font-weight:300;line-height:28px}section.tree-navigation .category-select .category label::after{content:"";position:absolute;right:0;width:0;bottom:-2px;background:#c00;height:2px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out;top:auto;border:0}section.tree-navigation .category-select .category:hover label{color:#c00}section.tree-navigation .category-select .category:hover label,section.tree-navigation .category-select input[type="radio"]:checked+label{background-color:transparent;color:#c00}section.tree-navigation .category-select .category:hover label::after,section.tree-navigation .category-select input[type="radio"]:checked+label::after{left:0;right:auto;width:100%;text-decoration:none;border:0}section.tree-navigation .category-select label span.index{display:block;background:#484848;color:#fff;border-radius:50%;width:30px;height:30px;margin:0 auto;margin-bottom:15px;font-size:16px !important;padding-top:0px;line-height:30px}}section.tree-navigation .category-select input[type="radio"]:checked+label span.index,section.tree-navigation .category-select .category:hover label span.index{background:#c00}section.tree-navigation .category-tree-video-lightbox #ytplayer,section.tree-navigation .category-tree-video-lightbox #vimeoPlayer iframe{width:640px;height:360px}section.tree-navigation .section-fade{position:absolute;bottom:0;left:0;width:100%;height:400px;background:rgba(255,255,255,0);background:linear-gradient(0,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);pointer-events:none;transition:opacity 1s ease;opacity:1;z-index:9}section.tree-navigation .section-fade.cat-selected{opacity:0}section.tree-navigation .cat-tree-nav-wrapper{position:relative}section.tree-navigation .cat-tree-nav-wrapper .line{position:absolute;background:#d2d1cf;width:2px;height:412px;left:0;right:1px;margin:0 auto;z-index:9;pointer-events:none}section.tree-navigation .cat-tree-nav-wrapper .line.extend{background:#c00;width:2px;height:10000px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper{position:relative;height:130px;padding:0 15px;overflow:hidden}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div{width:235px;height:102%;position:absolute}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::before,section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::after{display:block;height:65.07px;content:"";position:absolute;height:50%;width:175px;border:solid 2px transparent}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div.active::before,section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div.active::after{border-color:#c00}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::after{top:calc(50% - 2px );width:74.65px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .str{height:2px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .left{left:17.5%}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .left::before{border-width:0 0 2px 2px;border-radius:0 0 0 75px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .left::after{border-width:2px 2px 0 0;border-radius:0 75px 0 0;right:0}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .centre{width:calc( 100% - 30px )}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .centre::before{position:relative;margin:0 auto;border:0;width:2px;background:transparent;height:100%}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .centre.active::before{background:#c00}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .centre::after{content:none}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .right{left:auto;right:17.5%}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .right::before{border-width:0 2px 2px 0;border-radius:0 0 75px 0;margin-left:0;right:0}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper .right::after{border-width:2px 0 0 2px;border-radius:75px 0 0 0;left:0}section.tree-navigation .cat-tree-nav-wrapper .index-box{width:56px;height:56px;margin:0 auto;background:#d2d1cf;color:#FFF;font-size:30px;font-weight:700;line-height:31px;padding-top:3px;display:flex;justify-content:center;align-items:center}section.tree-navigation .cat-tree-nav-wrapper .index-box.active{background:#c00}}@media(min-width:992px){section.tree-navigation h2{margin-bottom:45px}section.tree-navigation p{max-width:890px}section.tree-navigation{padding:70px 0 0}section.tree-navigation .category-tree-video-lightbox #ytplayer,section.tree-navigation .category-tree-video-lightbox #vimeoPlayer iframe{width:1280px;height:720px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div{width:306px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::before,section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::after{width:240px}}@media(min-width:1200px){section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div{width:370px}section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::before,section.tree-navigation .cat-tree-nav-wrapper .curved-line-wrapper>div::after{width:80%}}