/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{background-color:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:15px;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{display:inline-block;height:24px;position:relative;width:40px}.hamburger-inner{display:block;margin-top:-2px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#000;border-radius:4px;height:4px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:40px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--collapse-r .hamburger-inner{bottom:0;top:auto;transition-delay:.13s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{background-color:transparent!important;transition-delay:0s;transition-timing-function:ease-out}.hamburger--emphatic.is-active .hamburger-inner:before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic.is-active .hamburger-inner:after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{right:0;top:10px;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{background-color:transparent!important;transition-delay:0s;transition-timing-function:ease-out}.hamburger--emphatic-r.is-active .hamburger-inner:before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r.is-active .hamburger-inner:after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{opacity:0;transform:rotate(-45deg) translate3d(-5.71429px,-6px,0)}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-duration:.15s;transition-property:transform,opacity;transition-timing-function:ease}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{opacity:0;transform:rotate(45deg) translate3d(5.71429px,-6px,0)}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{background-color:transparent!important;transition-delay:.22s}.hamburger--spring.is-active .hamburger-inner:before{top:0;transform:translate3d(0,10px,0) rotate(45deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--spring.is-active .hamburger-inner:after{top:0;transform:translate3d(0,10px,0) rotate(-45deg);transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--spring-r .hamburger-inner{bottom:0;top:auto;transition-delay:0s;transition-duration:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner:after{opacity:0;top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{background-color:transparent!important;transform:rotate(90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.hamburger--stand.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotate(-90deg);transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{opacity:0;top:0;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-duration:0s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}header{width:100%;z-index:999}header .logo-wrap{height:43px;left:0;margin:0 auto;max-width:1440px;padding-left:24px;position:absolute;top:50px;width:100%}header .logo-wrap .logo{background:url(./logo-header.bda02356.svg) 50% no-repeat;background-size:107px;display:block;height:24px;position:relative;width:107px;z-index:9999}@media screen and (min-width:768px){header .logo-wrap{padding-left:50px;top:44px}header .logo-wrap .logo{background-size:161px;height:36px;width:161px}}@media screen and (min-width:1280px){header .logo-wrap{padding-left:40px}}@media screen and (min-width:1440px){header .logo-wrap{left:calc(50% - 720px);padding-left:70px;top:40px}header .logo-wrap .logo{background-size:197px;height:44px;width:197px}}header .header-wrap{left:0;margin:0 auto;max-width:1440px;padding:50px 25px 0;position:fixed;top:0;width:100%;z-index:9998}@media screen and (min-width:768px){header .header-wrap{padding:44px 50px 0}}@media screen and (min-width:1280px){header .header-wrap{padding:40px 40px 0}}@media screen and (min-width:1440px){header .header-wrap{left:calc(50% - 720px);padding:40px 70px 0}}header .header-wrap .nav{display:flex;height:30px;justify-content:flex-end;padding-bottom:0;padding-right:56px;padding-top:0;position:relative}header .header-wrap .nav .nav-toggler{background-color:transparent;border:0;cursor:pointer;display:block;padding:0;position:absolute;right:0;top:6px;z-index:10001}header .header-wrap .nav .nav-toggler .hamburger-box{display:block;height:22px;width:32px}header .header-wrap .nav .nav-toggler .hamburger-inner{display:block;left:0;position:relative;top:10px}header .header-wrap .nav .nav-toggler .hamburger-inner,header .header-wrap .nav .nav-toggler .hamburger-inner:after,header .header-wrap .nav .nav-toggler .hamburger-inner:before{background-color:#fff;height:2px;position:absolute;width:32px}header .header-wrap .nav .nav-toggler .hamburger-inner:before{content:"";display:block;top:-10px}header .header-wrap .nav .nav-toggler .hamburger-inner:after{bottom:-10px;content:"";display:block}header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner,header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner:after,header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner:before{background-color:#fff}header .header-wrap .nav .nav-toggler.is-active .hamburger-inner:before{top:0}header .header-wrap .nav .nav-toggler.is-active .hamburger-inner:after{bottom:0}header .header-wrap .nav .nav-content{background-image:linear-gradient(90deg,#121212,#2a2a2a);display:block;height:100vh;position:fixed;right:-100%;top:0;transition:right .5s;width:100%;z-index:10000}header .header-wrap .nav .nav-content .nav-menu{float:right;height:100%;padding-top:240px;width:60%}@media screen and (max-width:1279px){header .header-wrap .nav .nav-content .nav-menu{height:calc(100% - 296px);padding-top:160px;width:100%}}@media screen and (max-width:1024px){header .header-wrap .nav .nav-content .nav-menu{padding-top:100px}}@media screen and (max-width:767px){header .header-wrap .nav .nav-content .nav-menu{height:calc(100% - 76px);padding-top:115px}}header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;max-width:760px;padding-left:70px;width:100%}header .header-wrap .nav .nav-content .nav-menu .menu-content ul{float:left;padding-right:180px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li{color:#fff;font-size:32px;font-weight:700;line-height:normal;padding-bottom:40px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li:last-child{padding-bottom:0}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button{background-color:transparent;border:0;color:#fff;cursor:pointer;font-size:32px;font-weight:600;padding:0 3px 0 13px;position:relative;transition:color .4s ease-in;z-index:1}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:after{background-color:#1a75ff;bottom:9px;content:"";display:block;height:24px;left:0;position:absolute;transition:width .4s ease-in;width:0;z-index:-1}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover{color:#fff;transition:color .25s ease-out}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover:after{transition:width .25s ease-out;width:100%}@media screen and (max-width:1024px){header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover{transition:none}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover:after{content:none}}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu{padding-right:0}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title{color:#fff;font-size:32px;font-weight:700}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title>button{font-size:32px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title .project-count{color:#ff455c;display:inline-block;font-size:24px;transform:translateY(-9px)}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li{color:#fffc;font-size:20px;font-weight:400;padding-bottom:24px;transition:.25s ease-in}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li:hover{color:#fff;transition:.25s ease-out}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li>button{font-size:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content ol{list-style:none;margin:0;padding:0}header .header-wrap .nav .nav-content .nav-menu .menu-content ol li button{color:#fffc;font-weight:400}header .header-wrap .nav .nav-content .nav-menu .menu-content ol li button:hover:after{content:none}@media screen and (max-width:1279px){header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;padding-left:38px}}@media screen and (max-width:767px){header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;padding-left:12px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul{padding-right:0;width:100%}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li{font-size:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li:last-child{padding-bottom:40px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button{font-size:20px;padding:0 3px 0 13px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:after{bottom:5px;height:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title,header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title>button{font-size:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content ol{display:none}}header .header-wrap .nav .nav-content .contact-info{background-color:#121212;float:left;height:100%;padding-left:110px;padding-top:240px;position:relative;width:40%}header .header-wrap .nav .nav-content .contact-info .content{float:right;padding-right:183px}header .header-wrap .nav .nav-content .contact-info .content ul li{color:#fff;font-size:14px;font-weight:400;line-height:1.43;padding-bottom:24px}header .header-wrap .nav .nav-content .contact-info .content ul li label{color:#ffffff80}header .header-wrap .nav .nav-content .contact-info .content ul li p{margin-bottom:0}header .header-wrap .nav .nav-content .contact-info .content ul li p a{transition:.25s}header .header-wrap .nav .nav-content .contact-info .content ul li p a:hover{color:#fffc}header .header-wrap .nav .nav-content .contact-info .content .social{margin-bottom:50px;overflow:hidden}header .header-wrap .nav .nav-content .contact-info .content .social a{float:left;height:44px;margin-right:8px;opacity:.5;transition:.25s ease-in;width:44px}header .header-wrap .nav .nav-content .contact-info .content .social a.icon-fb{background:url(./facebook.16affe9c.svg) 50% no-repeat}header .header-wrap .nav .nav-content .contact-info .content .social a.icon-md{background:url(./medium.0463fc3b.svg) 50% no-repeat;margin-right:0}header .header-wrap .nav .nav-content .contact-info .content .social a:hover{opacity:1;transition:.25s ease-out}@media screen and (max-width:1279px){header .header-wrap .nav .nav-content .contact-info{height:296px;padding:54px;width:100%}header .header-wrap .nav .nav-content .contact-info .content{float:unset;padding-right:0}header .header-wrap .nav .nav-content .contact-info ul{float:left}header .header-wrap .nav .nav-content .contact-info .social{bottom:138px;margin-bottom:0;position:absolute;right:36px}}@media screen and (max-width:767px){header .header-wrap .nav .nav-content .contact-info{height:76px;padding:16px 25px}header .header-wrap .nav .nav-content .contact-info ul{display:none}header .header-wrap .nav .nav-content .contact-info .social{float:right;position:unset}}header .header-wrap .nav .nav-content.active{right:0;transition:right .5s}header .header-wrap .nav .nav-content.active .contact-info,header .header-wrap .nav .nav-content.active .nav-menu{transform:translate(0)}header .header-wrap .nav .btn-works{background-color:#fff3;color:#fff;font-size:20px;font-weight:700;height:36px;letter-spacing:.4px;line-height:36px;text-align:center;transition:.3s;width:85px}header .header-wrap .nav .btn-works:hover{background-color:#ff455c}@media screen and (max-width:767px){header .header-wrap .nav .btn-works{display:none}}header .header-wrap.black-menu .logo{background-size:197px;transition:.5s}header .header-wrap.black-menu .nav .nav-toggler{transition:all .25s}header .header-wrap.black-menu .nav .nav-toggler .hamburger-inner,header .header-wrap.black-menu .nav .nav-toggler .hamburger-inner:after,header .header-wrap.black-menu .nav .nav-toggler .hamburger-inner:before,header .header-wrap.black-menu .nav .nav-toggler .hamburger.is-active .hamburger-inner,header .header-wrap.black-menu .nav .nav-toggler .hamburger.is-active .hamburger-inner:after,header .header-wrap.black-menu .nav .nav-toggler .hamburger.is-active .hamburger-inner:before{background-color:#212121;transition:all .25s}header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger-inner,header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger-inner:after,header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger-inner:before,header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger.is-active .hamburger-inner,header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger.is-active .hamburger-inner:after,header .header-wrap.black-menu .nav .nav-toggler.is-active .hamburger.is-active .hamburger-inner:before{background-color:#fff}header .header-wrap.black-menu .nav .btn-works{color:#212121}header .header-wrap.black-menu .nav .btn-works:hover{color:#fff}header .header-wrap.black-menu.active .logo{background:url(../img/logo-header.svg) 50% no-repeat;background-size:124px;transition:all .25s}header .header-wrap.black-menu.active .nav .nav-toggler{transition:all .25s}header .header-wrap.black-menu.active .nav .nav-toggler .hamburger-inner,header .header-wrap.black-menu.active .nav .nav-toggler .hamburger-inner:after,header .header-wrap.black-menu.active .nav .nav-toggler .hamburger-inner:before{background-color:#fff;transition:all .25s}header .header-wrap.black-menu.active .nav .nav-toggler .hamburger.is-active .hamburger-inner,header .header-wrap.black-menu.active .nav .nav-toggler .hamburger.is-active .hamburger-inner:after,header .header-wrap.black-menu.active .nav .nav-toggler .hamburger.is-active .hamburger-inner:before{background-color:#fff}footer{background:#141414;position:relative;z-index:1}footer .footer-wrap{margin:0 auto;max-width:1440px;overflow:hidden;padding:88px 70px 0;position:relative}footer .footer-wrap .footer-map{background:#141414 url(./map.a21845a4.png) 100% 0 no-repeat;background-size:100%;display:block;height:214px;margin:0 auto;overflow:hidden;position:absolute;right:0;top:0;width:660px}footer .footer-wrap .footer-logo{margin-bottom:36px;max-width:197px;position:relative;z-index:9}footer .footer-wrap .footer-menu{float:left;overflow:hidden;position:relative;z-index:9}footer .footer-wrap .footer-menu ul li{float:left;padding:14px 20px 0}footer .footer-wrap .footer-menu ul li.works{padding-right:36px;position:relative}footer .footer-wrap .footer-menu ul li:first-child{padding-left:0}footer .footer-wrap .footer-menu ul li button{background-color:transparent;border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:.25s}footer .footer-wrap .footer-menu ul li button:hover{color:#fffc}footer .footer-wrap .footer-menu ul li button .project-count{color:#ff455c;font-size:20px;font-stretch:condensed;font-weight:600;letter-spacing:.4px;line-height:1.6;position:absolute;right:0;top:0}footer .footer-wrap .contact-info{float:right;font-stretch:condensed;margin-bottom:40px;margin-top:-10px;overflow:hidden;position:relative;z-index:9}footer .footer-wrap .contact-info ul li{color:#fff;float:left;font-size:14px;font-weight:700;line-height:1.43;padding-right:47px}footer .footer-wrap .contact-info ul li label{color:#ffffff80;font-weight:700}footer .footer-wrap .contact-info ul li p{margin:0}footer .footer-wrap .contact-info ul li p a{transition:.25s}footer .footer-wrap .contact-info ul li p a:hover{color:#fffc}footer .copy-right{border-top:1px solid hsla(0,0%,85%,.3);margin:0 auto;overflow:hidden;padding:40px 0;width:100%}footer .copy-right .text-wrap{margin:0 auto;max-width:1440px;padding:0 70px}footer .copy-right .text-wrap p{color:#838383;float:left;font-size:14px;margin-bottom:0}footer .copy-right .text-wrap .social{float:right;margin-top:-20px}footer .copy-right .text-wrap .social a{float:left;height:44px;margin-right:8px;opacity:.5;transition:.25s ease-in;width:44px}footer .copy-right .text-wrap .social a.icon-fb{background:url(./facebook.16affe9c.svg) 50% no-repeat}footer .copy-right .text-wrap .social a.icon-md{background:url(./medium.0463fc3b.svg) 50% no-repeat;margin-right:0}footer .copy-right .text-wrap .social a:hover{opacity:1;transition:.25s ease-out}@media screen and (max-width:1279px){footer .footer-wrap .footer-menu{display:none}footer .footer-wrap .contact-info{float:left}}@media screen and (max-width:767px){footer .footer-wrap{background-position-x:center;padding:160px 24px 0}footer .footer-wrap .footer-map{background-position:-100px top;background-size:660px;height:214px;width:375px}footer .footer-wrap .footer-logo{margin-bottom:40px}footer .footer-wrap .contact-info{margin-bottom:16px;margin-top:0}footer .footer-wrap .contact-info ul li{margin-bottom:24px;width:100%}footer .copy-right{padding:20px 0}footer .copy-right .text-wrap{padding:0 24px}footer .copy-right .text-wrap .social{display:none}}