.off-canvas{width:300px;height:100%;z-index:12;background-color:#fff;position:fixed;right:-300px;top:0;transition:all 500ms ease-in-out}.off-canvas.active{right:0;transition:all 500ms ease-in-out}.off-canvas ul{padding:80px 40px 20px 40px}.off-canvas ul li{display:inline-table;width:100%;margin:10px 0;position:relative}.sub-menu-side,.off-canvas ul li a{font-family:'Foco-Bold';font-size:20px;cursor:pointer}.off-canvas ul li:before{content:'';position:absolute;width:3px;height:20px;left:-12px;top:2px}.off-canvas ul li:nth-child(3n+1):before{background:#f57923}.off-canvas ul li:nth-child(3n+2):before{background:#00a8e5}.off-canvas ul li:nth-child(3n+3):before{background:#18b04c}.off-canvas ul li:last-child:after{background:transparent}.off-canvas ul.submenu{padding:10px;display:none}.off-canvas ul.submenu li a{font-size:16px}.fixed-header{position:fixed;background:#fff;width:100%;left:0;top:0;z-index:10;top:0;padding:10px 0;transition:all 1ms ease-in-out;opacity:0;visibility:hidden}.fixed-header svg{width:100%;max-width:120px;height:auto}.fixed-header.stick{opacity:1;visibility:visible;transition:all 500ms ease-in-out}.nav-wrapper{position:absolute;right:8px;top:36px;width:35px;height:26px;cursor:pointer;display:inline-block;z-index:12;box-sizing:content-box;-moz-box-sizing:content-box;padding:5px}.nav-trigger-anim{position:absolute;top:20px}.nav-trigger-anim span,.nav-trigger-anim span:before,.nav-trigger-anim span:after{border-radius:2px;height:5px;width:30px;background-color:#066dcc;position:absolute;display:inline-block;content:'';z-index:3;cursor:pointer}.nav-trigger-anim span:before{top:-10px;width:30px;background-color:#ff6020}.nav-trigger-anim span:after{bottom:-10px;width:30px;background-color:#8dc53e}.nav-trigger-anim span,.nav-trigger-anim span:before,.nav-trigger-anim span:after{transition:all 500ms ease-in-out}.nav-trigger-anim.active span{background-color:transparent}.nav-trigger-anim.active span:before,.nav-trigger-anim.active span:after{top:0}.nav-trigger-anim.active span:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.nav-trigger-anim.active span:after{transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);-o-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);top:10px}.menu-fixed{display:none;position:fixed;z-index:999;right:10px;top:0;transition:all 500ms ease-in-out}.menu-fixed.open{transition:all 500ms ease-in-out}.menu-fixed.active{display:block}.logo-ttt-1{text-align:center;background:#fff;position:relative;width:100%;max-width:255px;margin:0 auto;padding:0 10px}.logo-ttt-wrap:before{position:absolute;left:20px;top:35px;width:calc(100% - 40px);height:1px;content:'';background:#8e8d8d}nav{float:right}nav ul{list-style:none;margin:0;padding:0}nav ul li{float:left;position:relative}nav ul{display:block}nav ul li{float:block}.nav-dropdown{position:absolute;display:none;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,.15)}.nav-mobile{display:none;position:absolute;top:14px;right:35px;height:40px;width:40px}@media only screen and (max-width:877px){.menu-fixed{display:block;top:-18px}nav{width:100%}nav ul{display:none}nav ul li{float:none}.logo{margin:12px 10px 12px 0}.menu{margin:0}.nav-dropdown{position:static}.menu ul{padding:0;margin:25px 0 0 0}.menu ul li{width:100%;padding:10px 0;margin:0}.menu ul li a{font-size:16px}}@media screen and (min-width:878px){.nav-list{display:block !important}}@media screen and (max-width:767px){.fixed-header svg{max-width:80px}.logo-ttt-wrap:before{top:16px}.logo-ttt-1{padding:0 30px;max-width:150px}}.menu ul.submenu{position:absolute;margin-left:0;z-index:1;background:#fff;width:200px;display:none;padding:12px 0}.menu ul.submenu li a{font-size:16px;padding:5px 0;float:left;width:100%}.menu ul.submenu li:after{background-color:transparent}.menu ul li a.sub-menu{padding-right:26px;position:relative}.menu ul li:hover ul.submenu{display:block}.menu ul li a.sub-menu:after{position:absolute;width:10px;height:10px;content:'';background:url('../images/arrow-down.png');background-size:contain;background-repeat:no-repeat;background-position:center;right:3px;left:unset;top:3px}#nav-toggle{cursor:pointer;position:absolute;padding:20px}#nav-toggle span{left:2px}#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#03d3f8;position:absolute;display:block;content:'';transition:all 300ms ease-in-out}#nav-toggle span:before{top:-10px}#nav-toggle span:after{bottom:-10px}#nav-toggle.active span{background-color:transparent}#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}#nav-toggle.active span:before{transform:rotate(45deg)}#nav-toggle.active span:after{transform:rotate(-45deg)}