.app__nav__container{position:fixed;bottom:10px;left:0;width:100%}.nav__option__name{display:block;line-height:1.2;margin-top:3px}.app__nav{width:calc(100% - 20px);max-width:500px;border-radius:40px;height:50x;margin:0 auto;background-color:#e7e7ea;-webkit-box-shadow:0 0 20px hsla(0,0%,49.4%,.8);box-shadow:0 0 20px hsla(0,0%,49.4%,.8);padding:10px 0;position:relative}.nav__option{color:#003c71;text-decoration:none;width:33.3%;text-align:center;position:relative;z-index:5}.nav__option:hover{text-decoration:none}.nav__option i{display:block;font-size:18px}.nav__option--active{color:#fff}.app__nav--active{background-color:#003c71;background:-webkit-gradient(linear,left top,left bottom,from(#003c71),to(#085da8));background:linear-gradient(180deg,#003c71,#085da8);width:60px;height:60px;position:absolute;border-radius:50%;bottom:-13px;-webkit-transition:all .3s ease;transition:all .3s ease}.app__nav--active--main{left:calc(50% - 30px)}.app__nav--active--3{left:calc(83.55% - 30px)!important}.app__nav--active--1{left:calc(16.65% - 30px)!important}@media only screen and (max-height:400px) and (max-width:720px){.app__nav__container{display:none}}@media only screen and (min-width:1140px){.app__nav__container{top:0;left:10px;height:100%;width:75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app__nav{height:calc(100% - 20px);max-height:500px;width:50px;margin:0 auto;position:relative}.app__nav>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.nav__option{width:100%;height:33.3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app__nav--active--main{top:calc(50% - 30px)}.app__nav--active--3{top:calc(83.55% - 30px)!important;left:-5px!important}.app__nav--active--1{top:calc(16.65% - 30px)!important;left:-5px!important}}