.c-circle-nav{position:fixed;bottom:120px;left:12px;z-index:1000;width:600px;height:99px;border-radius:24px}
@media(min-width:480px) and (min-height:480px){.c-circle-nav{width:96px;height:96px;border-radius:48px}}
.c-circle-nav__items{display:block;list-style:none;position:absolute;z-index:2;margin:0;padding:0}
.c-circle-nav__item{display:block;position:absolute;top:0;left:0;width:50px;height:50px;border-radius:0;opacity:0;-webkit-transition:opacity,-webkit-transform;transition:opacity,-webkit-transform;transition:transform,opacity;transition:transform,opacity,-webkit-transform;-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-timing-function:cubic-bezier(.35,-.59,.47,.97);transition-timing-function:cubic-bezier(.35,-.59,.47,.97)}
.c-circle-nav__item:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s}
.c-circle-nav__item:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}
.c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}
.c-circle-nav__item:nth-child(4){-webkit-transition-delay:.1s;transition-delay:.1s}
.c-circle-nav__item:nth-child(5){-webkit-transition-delay:0s;transition-delay:0s}
.c-circle-nav.is-active .c-circle-nav__item{-webkit-transition-timing-function:cubic-bezier(.35,.03,.47,1.59);transition-timing-function:cubic-bezier(.35,.03,.47,1.59);opacity:1}
.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(+344px,-0);transform:translate(+160px,-0)}
@media(min-width:480px) and (min-height:480px){.c-circle-nav__item{width:60px;height:60px;border-radius:10px}.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transform:translate(+290px,0);transform:translate(+290px,0)}}
.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate(+130px,-59px);transform:translate(+150px,-70px)}
@media(min-width:480px) and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transform:translate(+254px,-99px);transform:translate(+254px,-99px)}}
.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate(+100px,-145px);transform:translate(+120px,-135px)}
@media(min-width:480px) and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transform:translate(+204px,-204px);transform:translate(+204px,-204px)}}
.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(+50px,-163px);transform:translate(+60px,-180px)}
@media(min-width:480px) and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transform:translate(+111px,-267px);transform:translate(+111px,-267px)}}
.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translate(-0,-210px);transform:translate(-0,-210px)}
.c-circle-nav__link{display:block;width:100%;height:100%;border-radius:10px;box-shadow:inset 0 0 0 2px #d12203}
@media(min-width:480px) and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transform:translate(0,-298px);transform:translate(0,-298px)}.c-circle-nav__link{border-radius:10px}}
.c-circle-nav__link img{display:block;max-width:100%;height:auto}
.c-circle-nav__link:hover{box-shadow:inset 0 0 0 2px #f09c01}
.c-circle-nav__toggle{display:block;position:absolute;z-index:100;margin:0;padding:0;width:48px;height:48px;background-color:#1e8e3e;font:inherit;font-size:0;text-indent:-9999px;border-radius:10px;-webkit-transition:background .3s;transition:background .3s;cursor:pointer;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}
@media(min-width:480px) and (min-height:480px){.c-circle-nav__toggle{width:60px;height:60px;border-radius:10px}}
.c-circle-nav__toggle.is-active,.c-circle-nav__toggle:focus,.c-circle-nav__toggle:hover{outline:0;background-color:#1e8e3e}
.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{display:block;position:absolute;height:4px;background:#fff5dd;border-radius:0}
.c-circle-nav__toggle span{top:22px;left:10px;right:10px;-webkit-transition:background .3s;transition:background .3s}
@media(min-width:480px) and (min-height:480px){.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{height:8px;border-radius:0}.c-circle-nav__toggle span{top:25px;left:10px;right:10px}}
.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{left:0;width:100%;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
.c-circle-nav__toggle span::before{top:-8px;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform}
.c-circle-nav__toggle span::after{bottom:-8px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}
@media(min-width:480px) and (min-height:480px){.c-circle-nav__toggle span::before{top:-16px}.c-circle-nav__toggle span::after{bottom:-16px}}
.c-circle-nav__toggle.is-active span{background:0 0}
.c-circle-nav__toggle.is-active span::before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
.c-circle-nav__toggle.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}
.c-circle-nav__mask{position:fixed;top:0;left:0;z-index:1;visibility:hidden;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}
.c-circle-nav__mask.is-active{opacity:1;visibility:visible}