.cd-stretchy-nav{position:fixed;z-index:10;top:50px;right:5%;transition:right 0.3s ease, top 0.3s ease 0.3s;height:0;}.cd-stretchy-nav .stretchy-nav-bg{position:absolute;z-index:1;top:0;right:0;width:60px;height:60px;border-radius:30px;background:#00a3cc;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-transition:height .2s,box-shadow .2s;-moz-transition:height .2s,box-shadow .2s;transition:height .2s,box-shadow .2s}.cd-stretchy-nav.nav-is-visible {height:auto;}.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg{height:100%;box-shadow:0 6px 30px rgba(0,0,0,.2)}.cd-nav-trigger{position:absolute;z-index:3;top:0;right:0;height:60px;width:60px;border-radius:50%;overflow:hidden;white-space:nowrap;color:transparent}.cd-nav-trigger span,.cd-nav-trigger span::after,.cd-nav-trigger span::before{position:absolute;width:16px;height:2px;background-color:#fff}.cd-nav-trigger span{left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}.cd-nav-trigger span::after,.cd-nav-trigger span::before{content:'';top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s}.cd-nav-trigger span::before{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}.cd-nav-trigger span::after{-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px)}.no-touch .cd-nav-trigger:hover~.stretchy-nav-bg{box-shadow:0 6px 30px rgba(0,0,0,.2)}.nav-is-visible .cd-nav-trigger span{background-color:transparent}.nav-is-visible .cd-nav-trigger span::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-is-visible .cd-nav-trigger span::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.cd-stretchy-nav ul{list-style:none;position:relative;z-index:2;padding:60px 0 0;visibility:hidden;-webkit-transition:visibility .3s;-moz-transition:visibility .3s;transition:visibility .3s;text-align:right}.cd-stretchy-nav ul a{position:relative;display:block;height:50px;line-height:50px;padding:0 calc(1em + 60px) 0 1em;color:#fff;font-size:1.4rem;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s;display: flex;align-items: center;justify-content: flex-end;}.cd-stretchy-nav ul a::after{content:'';position:absolute;height: 18px;text-align:center;width: 24px;right: 18px;top:20%;-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:.7;}.cd-stretchy-nav ul a::before{content:'';position:absolute;width:3px;height:16px;top:50%;right:60px;-webkit-transform:translateX(3px) translateY(-50%) scaleY(0);-moz-transform:translateX(3px) translateY(-50%) scaleY(0);-ms-transform:translateX(3px) translateY(-50%) scaleY(0);-o-transform:translateX(3px) translateY(-50%) scaleY(0);transform:translateX(3px) translateY(-50%) scaleY(0);background-color:#0a9581}.cd-stretchy-nav ul li:first-of-type a::after{background-position:-32px 0}.cd-stretchy-nav ul li:nth-of-type(2) a::after{background-position:-64px 0}.cd-stretchy-nav ul li:nth-of-type(3) a::after{background-position:-48px 0}.cd-stretchy-nav ul li:nth-of-type(4) a::after{background-position:0 0}.cd-stretchy-nav ul li:nth-of-type(5) a::after{background-position:-16px 0}.cd-stretchy-nav ul span{display:block;opacity:0;-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}.cd-stretchy-nav.nav-is-visible ul{visibility:visible;}.cd-stretchy-nav.nav-is-visible ul a::after{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-webkit-animation:scaleIn .15s backwards;-moz-animation:scaleIn .15s backwards;animation:scaleIn .15s backwards;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}.cd-stretchy-nav.nav-is-visible ul a.active{color:var(--c-rot)}.cd-stretchy-nav.nav-is-visible ul a.active::after{opacity:1}.cd-stretchy-nav.nav-is-visible ul a.active::before{-webkit-transform:translateX(3px) translateY(-50%) scaleY(1);-moz-transform:translateX(3px) translateY(-50%) scaleY(1);-ms-transform:translateX(3px) translateY(-50%) scaleY(1);-o-transform:translateX(3px) translateY(-50%) scaleY(1);transform:translateX(3px) translateY(-50%) scaleY(1);-webkit-transition:-webkit-transform .15s .3s;-moz-transition:-moz-transform .15s .3s;transition:transform .15s .3s}.cd-stretchy-nav.nav-is-visible ul span{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-animation:slideIn .15s backwards;-moz-animation:slideIn .15s backwards;animation:slideIn .15s backwards;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;background: rgba(255,255,255,0.8);padding: 0 1rem;border-radius: 30px;line-height: 36px;font-size:1.2rem;color:#000;}.cd-stretchy-nav.nav-is-visible ul a.active span{color:red;}.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover{color:#fff;text-decoration: none}.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover::after{opacity:1}.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover span{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,.cd-stretchy-nav.nav-is-visible ul li:first-of-type span{-webkit-animation-delay:.05s;-moz-animation-delay:.05s;animation-delay:.05s}.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after,.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span{-webkit-animation-delay:.15s;-moz-animation-delay:.15s;animation-delay:.15s}.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after,.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after,.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;animation-delay:.25s}.cd-stretchy-nav.add-content{bottom:50px;top:auto;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:300px}.cd-stretchy-nav.add-content .stretchy-nav-bg{left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background-color:#00a3cc;-webkit-transition:width .2s,box-shadow .2s;-moz-transition:width .2s,box-shadow .2s;transition:width .2s,box-shadow .2s}
.scroll .cd-stretchy-nav {right: 1.5rem;top:20px;}

.cd-stretchy-nav ul li:nth-of-type(1) a::after {content: '\f015'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(2) a::after {content: '\f036'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(3) a::after {content: '\f05a'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(4) a::after {content: '\f0eb'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(5) a::after {content: '\f0c0'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(6) a::after {content: '\f031'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(7) a::after {content: '\f0ce'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(8) a::after {content: '\f0e6'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(9) a::after {content: '\f133'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(10) a::after {content: '\f07b'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(11) a::after {content: '\f0ed'; font-family: 'FontAwesome'} 
.cd-stretchy-nav ul li:nth-of-type(12) a::after {content: '\f0cb'; font-family: 'FontAwesome'} 
.cd-stretchy-nav ul li:nth-of-type(13) a::after {content: '\f03e'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(14) a::after {content: '\f044'; font-family: 'FontAwesome'}
.cd-stretchy-nav ul li:nth-of-type(15) a::after {content: '\f041'; font-family: 'FontAwesome'}

.cd-stretchy-nav a.active::after {color:#fff;}