@charset "UTF-8";body,figure,html{font-family:sans-serif;margin:0;padding:0}:root{--dark-color:#17212d;--white-color:#fff;--pink-color:#ff5dff;--inactive:#dcdcdc;--timeline-item:86px;--vertical-line:50px;--buffer:90px;--liner:14px;--liner-offset:130px;--circle:77px}.modal_wrapper{padding:40px 0}@media screen and (max-width:1024px){.modal_wrapper{display:none}}.tmr-timeline{align-items:stretch;display:flex;flex-flow:row wrap;justify-content:center;padding-bottom:var(--buffer);padding-top:var(--buffer);text-align:center}@media screen and (min-width:1024px){.tmr-timeline{min-height:610px}}.tmr-timeline>*{display:flex;justify-content:center;position:relative}.tmr-timeline>:nth-child(n+2):nth-child(4n+2).active-current .end-left:before{border-color:var(--pink-color)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2).dotted-left .end-left:before{border-style:dotted}.tmr-timeline>:nth-child(n+2):nth-child(4n+2).dotted-left .end-right:before,.tmr-timeline>:nth-child(n+2):nth-child(4n+2).dotted-right .end-left:before{border-style:solid}.tmr-timeline>:nth-child(n+2):nth-child(4n+2).dotted-right .end-right:before{border-style:dotted}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .circle{align-self:start;transform:translateY(-50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .circle p{bottom:100%;width:150px}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) aside{top:calc(var(--circle)/2)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .end-right{top:0;transform:translate(50%,-50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .end-right:before{transform:translate(-50%,50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .end-left{top:0;transform:translate(-50%,-50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+2) .end-left:before{transform:translate(50%,50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4).active-current .end-right:before{border-color:var(--pink-color)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .circle{align-self:end;transform:translateY(50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .circle p{top:100%;width:150px}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) aside{bottom:calc(var(--circle)/2)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .end-right{bottom:0;transform:translate(-50%,50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .end-right:before{transform:translate(50%,-50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .end-left{bottom:0;transform:translate(50%,50%)}.tmr-timeline>:nth-child(n+2):nth-child(4n+4) .end-left:before{transform:translate(-50%,-50%)}.tmr-timeline>:nth-child(n+2):nth-child(2n+2):before{content:"";display:block;padding-bottom:100%;position:absolute;width:100%}.timeline-item{width:var(--timeline-item)}.vertical-line{width:var(--vertical-line)}.vertical-line:before{border-left:var(--liner) var(--inactive) solid;content:"";display:block;height:calc(100% - var(--timeline-item) - var(--vertical-line) - var(--liner));position:absolute;top:calc((var(--timeline-item) + var(--vertical-line) + var(--liner))/2)}.vertical-line.active:before{border-color:var(--pink-color)}.vertical-line.dotted:before{border-left-style:dotted;height:calc(100% - var(--timeline-item) - var(--vertical-line) - var(--liner) - 12px)}.vertical-line.dotted-left:before{border-left-style:dotted}.vertical-line .circle{align-self:end;margin-bottom:var(--liner-offset);transform:translateY(50%)}.vertical-line .circle p{top:100%}.vertical-line.timeline-edge:before{height:calc(100% - var(--timeline-item) - var(--vertical-line) - var(--liner) - var(--liner-offset)/2)}.vertical-line.timeline-edge.end:before{border-color:var(--pink-color)}.end-left,.end-right{display:block;height:calc(var(--timeline-item) + var(--vertical-line) + var(--liner));min-width:calc(var(--timeline-item) + var(--vertical-line) + var(--liner));overflow:hidden;position:absolute}.end-left:before,.end-right:before{border:var(--liner) var(--inactive) solid;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.dotted .end-left:before,.dotted .end-right:before{border-style:dotted}.active .end-left:before,.active .end-right:before{border-color:var(--pink-color)}.end-left:before{transform:translate(50%,50%)}.dotted-left .end-left:before{border-style:solid}.active-right .end-left:before{border-color:var(--pink-color)}.end-right:before{transform:translate(-50%,50%)}.dotted-left .end-right:before{border-style:dotted}.circle{align-items:center;background-color:var(--white-color);border:3px solid var(--dark-color);border-radius:50%;cursor:pointer;display:flex;flex-flow:row wrap;height:77px;justify-content:center;min-width:77px;position:relative;text-align:center;z-index:2}.circle p{min-width:var(--timeline-item);padding-left:10px;padding-right:10px;position:absolute}[data-ico]{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:55px;width:55px}[data-ico=prevent]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_1.png)}[data-ico=awareness]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_2.png)}[data-ico=symptoms]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_3.png)}[data-ico=speaking]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_4.png)}[data-ico=diagnosis]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_5.png)}[data-ico=deciding]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_6.png)}[data-ico=treatment]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_7.png)}[data-ico=followup]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_8.png)}[data-ico=aftercare]{background-image:url(https://www.reframe.co.uk/hubfs/bus-pathway-img/pathway_9.png)}.modal{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 25px 0 rgba(0,0,0,.2);box-shadow:0 0 25px 0 rgba(0,0,0,.2);opacity:0;padding:20px;pointer-events:none;position:absolute;top:60px;width:340px;z-index:1;z-index:99}.modal.active{opacity:1;pointer-events:auto}.modal:before{border:15px solid transparent;border-bottom:20px solid #fff;border-top:0;content:"";height:0;left:50%;position:absolute;top:-15px;transform:translate(-50%);width:0}.modal.bottom{-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,.2);-moz-box-shadow:0 10px 25px 0 rgba(0,0,0,.2);box-shadow:0 10px 25px 0 rgba(0,0,0,.2);top:180px}.modal.bottom:before{bottom:-15px;left:calc(50% - 30px);top:auto;transform:rotate(180deg) translate(-50%)}.modal.bottom.middle{top:50px}.modal .content_wrapper{display:flex;flex-direction:row;position:relative}.modal .col-1{color:#fff;margin-right:15px;text-align:center;width:35%}.modal .col-1 img{display:inline-block;height:auto;margin-bottom:30px;width:100%}.modal .link_out{bottom:0;color:var(--pink-color);display:inline-block;font-size:15px;left:0;position:absolute}.modal .col-2{text-align:left;width:65%}.modal article h5,.modal article h6{font-size:15px;line-height:1.2;margin:0}.modal article h5{padding-bottom:15px}.modal article h6{font-weight:400;margin-bottom:10px}.modal .close{background:var(--dark-color);border-radius:50%;height:30px;position:absolute;right:-10px;top:-10px;width:30px}.modal .close:before{color:#fff;content:"×";font-size:20px;left:9px;position:absolute;top:2px}.modal .close:hover{background:#283a4f}