/*! * 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)}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:transparent;border:0;margin:0;outline:none;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}blockquote{quotes:none}blockquote:after,blockquote:before{content:"";content:none}ol,ol li,ul,ul li{margin:0}img{vertical-align:middle}iframe,img{max-width:100%}del{text-decoration:line-through}a,i{border:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Montserrat;font-weight:600;line-height:1.4}h1{font-size:45px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}table{border-collapse:collapse;border-spacing:0;color:#999;margin-bottom:15px;max-width:100%;text-align:left;width:100%}table,table tr{border:1px solid #eee}table th{background:none;color:#333;font-size:16px;font-weight:400;padding:15px 10px}table td,table th{border:1px solid #eee;vertical-align:top}table td{padding:10px}code,pre{background:#f7f7f7;border-bottom:1px solid transparent;border-left:3px solid #6fbf71;overflow-x:scroll;padding:10px 10px 0}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{white-space:pre-wrap}@font-face{font-family:iconfont;src:url(font/122e3c6b0b9fccdd5070.ttf?t=1755395697649) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xiashuangjiantou:before{content:"\e617"} /*! /* Copyright (c) 2025 WangYue /* Author: WangYue */.preloader{background-color:#fff;height:100%;position:fixed;transition:all .2s ease;transition-delay:.5s;width:100%;z-index:9999999}.preloader:after,.preloader:before{background-color:#000;content:"";height:50%;position:absolute;transition:all .7s ease;width:100%}.preloader:before{left:0;top:0}.preloader:after{bottom:0;left:0}.preloader .spinner_wrap{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:33333}.preloader .spinner_wrap .spinner{animation:sk-scaleout 1s ease-in-out infinite;background-color:#fff;border-radius:100%;height:70px;width:70px}@keyframes sk-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.preloader.loaded{opacity:0;visibility:hidden}.preloader.loaded:after,.preloader.loaded:before{background-color:#000;height:0}.preloader.none{display:none} /* !SECTION */.logo{color:#fff;font-size:2em;font-weight:bolder}.logo span{color:#2d5fff}.logo img{height:2em}.container{box-sizing:border-box;margin:auto;max-width:1250px;padding:0 40px;width:100%}.main_section_title{margin-bottom:30px}.main_section_title h3{font-weight:700;position:relative}.main_section_title h3:before{background-color:#2d5fff;bottom:-10px;content:"";height:5px;left:0;position:absolute;transition:all .3s ease;width:80px}.main_section_text{margin-bottom:30px}.main_section_text p{line-height:2em;margin-bottom:20px}.main_section_button a{background-color:#2d5fff;border:2px solid #2d5fff;border-radius:5px;color:#fff;display:inline-block;font-family:Montserrat;font-size:16px;line-height:2em;padding:8px 40px 6px;text-decoration:none;transition:all .3s ease}.main_section_button a:hover{background-color:transparent;color:#000}.menu{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 10px rgba(0,0,0,.2);display:none;left:0;position:fixed;top:0;width:100%;z-index:999}.menu_inner{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:5px 0;user-select:none}.menu_inner .my_trigger{position:relative;right:-20px}.menu_inner .my_trigger .hamburger-inner,.menu_inner .my_trigger .hamburger-inner:after,.menu_inner .my_trigger .hamburger-inner:before{background-color:#fff!important}.menu .dropdown{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 10px rgba(0,0,0,.2);display:none;user-select:none;width:100%}.menu .dropdown .dropdown_inner{padding:25px 0;width:100%}.menu .dropdown .dropdown_inner ul{list-style-type:none;margin:0}.menu .dropdown .dropdown_inner ul li{line-height:2em;margin:0;width:100%}.menu .dropdown .dropdown_inner ul li a{color:#fff;display:inline-block;font-weight:500;padding:2px 0;text-decoration:none}.menu.highlight{background-color:#fff}.menu.highlight .dropdown .dropdown_inner ul li a,.menu.highlight .logo{color:#000}.menu.highlight .my_trigger .hamburger-inner,.menu.highlight .my_trigger .hamburger-inner:after,.menu.highlight .my_trigger .hamburger-inner:before{background-color:#000!important} /* !SECTION */.home{background-image:url(image/5cd3ede5663ea0a117e1.jpg);height:100vh;position:relative}.home,.home .content{background-position:50% 70%;background-repeat:no-repeat;background-size:cover;width:100%}.home .content{align-items:center;box-sizing:border-box;color:#f0f0f0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 40px;position:absolute;top:0}.home .name{background-color:rgba(49,134,91,.1);border-radius:50px;font-size:3em;line-height:1em;margin:0 20px;padding:10px}.home .job{font-family:Poppins,serif;font-size:2em;font-style:italic;font-weight:300;height:2em;line-height:2em;margin-bottom:1em}.home .arrow_wrap{bottom:5%;left:auto;position:absolute;z-index:55}.home .arrow_wrap.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.home .arrow_wrap a{color:#f0f0f0;text-decoration:none}.home .arrow_wrap .iconfont{font-size:26px} /* !SECTION */.about{background-color:#f9f9f9;padding-bottom:150px;padding-top:150px}.about .inner{display:flex}.about .left{padding-right:60px;width:50%}.about .left .image{position:relative}.about .left .image:before{background-color:#2d5fff;bottom:-30px;content:"";left:30px;position:absolute;right:-30px;top:30px}.about .left .image-main{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.about .right{padding-left:50px;width:50%} /* !SECTION */.portfolio{background-color:#fff;padding-bottom:100px;padding-top:150px}.portfolio .inner{display:flex}.portfolio .left{padding-right:50px;width:35%}.portfolio .right{padding-left:50px;width:65%}.portfolio .right .portfolio_list ul{display:flex;flex-wrap:wrap;list-style:none}.portfolio .right .portfolio_list ul li{box-sizing:border-box;margin:0 0 50px;padding-left:50px;width:50%}.portfolio .right .list_inner{box-shadow:0 0 10px #eee;position:relative}.portfolio .right .list_inner .image{border-top-left-radius:5px;border-top-right-radius:5px;position:relative;transition:all .3s ease}.portfolio .right .list_inner:hover .image{-webkit-filter:blur(3px);filter:blur(3px)}.portfolio .right .list_inner .image .main{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;left:0;position:absolute;right:0;top:0}.portfolio .right .list_inner .detail{background-color:#2d5fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box;padding:30px;width:100%}.portfolio .right .list_inner .detail h3{color:#fff;font-size:20px;margin-bottom:5px}.portfolio .right .list_inner .detail span{color:#eee}.overlay{background-color:rgba(0,0,0,.45);bottom:0;left:0;right:0;top:0;z-index:1000}.modal,.overlay{display:none;position:fixed}.modal{background:#fff;border-radius:8px;box-shadow:0 5px 30px rgba(0,0,0,.3);box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);box-sizing:border-box;left:50%;max-height:80vh;max-width:800px;overflow:hidden;padding:20px 24px;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1001}.modal-content{color:#111;font-size:14px;line-height:2.5em;max-height:calc(70vh - 40px);min-height:20vh;overflow-y:auto;text-indent:2em}.modal-header{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-bottom:8px}.modal-header .modal-title{color:rgba(0,0,0,.88);font-size:20px;font-size:16px;font-weight:600;line-height:1.5;margin:0}.modal-header .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.modal .modal-browse{box-sizing:border-box;display:flex;justify-content:center;margin-top:12px;width:100%}.modal .modal-browse button{background-color:#f3f7fe;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;height:40px;transition:.3s;width:80px}.modal .modal-browse button:hover{background-color:#3b82f6;box-shadow:0 0 0 5px #3b83f65f;color:#fff}@media (max-width:768px){.modal{width:90%}.modal-content{max-height:calc(50vh - 40px)}} /* !SECTION */.skills{background-color:#f9f9f9;padding-bottom:151px;padding-top:143px}.skills .inner{display:flex}.skills .left,.skills .right{width:50%}.skills .left{padding-right:50px}.skills .right{padding-left:50px}.skills .main_section_title{margin-bottom:50px}.skills .progress{clear:both;float:left;height:auto;padding-top:50px;width:100%}.skills .progress_inner{margin-bottom:41px;width:100%}.skills .progress_inner>span{color:#000;display:block;margin:0 0 7px;text-align:left;width:100%}.skills .progress_inner span.number{float:right}.skills .progress_inner .background{background:rgba(0,0,0,.2);height:8px;min-width:100%;position:relative;width:100%}.skills .progress_inner .background .bar_in{background:#333;height:100%;overflow:hidden;width:0}.skills .progress_inner .background .bar{height:100%;width:0}.skills .progress_inner .background .bar.open{-webkit-animation:wow 3s cubic-bezier(.165,.84,.44,1);-moz-animation:wow 3s cubic-bezier(.165,.84,.44,1);animation:wow 3s cubic-bezier(.165,.84,.44,1);width:100%}@-webkit-keyframes wow{0%{width:0}to{width:100%}}@-moz-keyframes wow{0%{width:0}to{width:100%}}@keyframes wow{0%{width:0}to{width:100%}} /* !SECTION */.contact{background-color:#fff;padding-bottom:100px;padding-top:150px}.contact .inner{display:flex}.contact .left{padding-right:50px;width:35%}.contact .left .about_short_contact_wrap ul{list-style:none}.contact .left .about_short_contact_wrap ul li{font-weight:500;line-height:2em;margin-bottom:10px;padding-left:30px;position:relative}.contact .left .about_short_contact_wrap ul li .svg{color:#2d5fff;height:17px;left:0;position:absolute;top:8px;width:17px}.contact .left .about_short_contact_wrap ul li a{border-bottom:1px solid transparent;color:#2d5fff;position:relative;text-decoration:none;transition:all .3s ease}.contact .left .about_short_contact_wrap ul li a:hover{border-bottom-color:#2d5fff}.contact .right{padding-left:50px;width:65%}.contact .right .input_wrap ul{list-style-type:none;margin:0}.contact .right .input_wrap ul li{border:1px solid #6f6f6f;border-radius:10px;float:left;margin:0 0 25px;overflow:hidden;width:100%}.contact .right .input_wrap ul li input,.contact .right .input_wrap ul li textarea{background-color:transparent;border:none;box-sizing:border-box;line-height:1.6;padding:10px!important;width:100%}.contact .right .input_wrap ul li input:focus,.contact .right .input_wrap ul li textarea:focus{outline:none}.contact .right .input_wrap ul li textarea{font-family:Raleway;font-size:13px;letter-spacing:1.2px!important;resize:vertical}.contact .empty_notice,.contact .error_notice{color:#f52225;display:none;font-weight:500;margin-bottom:7px;text-align:left}.contact .returnmessage{color:#2d5fff;display:none;font-weight:500;margin-bottom:7px;text-align:left} /* !SECTION */ /* !SECTION */.footer{background-color:#2d5fff;padding:61px 0;width:100%}.footer .inner{align-items:center;display:flex;justify-content:space-between}.footer .logo span{color:#1647ea}.footer .copyright{color:#fff;font-size:12px;font-weight:400;margin:10px 0}.footer .beian a{color:#fff;text-decoration:none} /* !SECTION */.progressbar{background-color:rgba(0,0,0,.08);bottom:25px;height:100px;position:fixed;right:-25px;transition:all .3s ease;width:1px;z-index:10}.progressbar.animate{right:25px}.progressbar .text{font-size:13px;left:0;position:absolute;text-transform:uppercase;top:-77%;transform:rotate(90deg);transform-origin:left;white-space:nowrap}.progressbar a{color:#000;text-decoration:none}.progressbar .line{background-color:rgba(0,0,0,.4);height:auto;position:absolute;width:1px} /* !SECTION */@media (max-width:1200px){.menu{display:block}}@media (max-width:1040px){.container{padding:0 20px}.about .inner{align-items:baseline;flex-direction:column}.about .left{margin-bottom:100px;padding-right:0;width:50%}.about .right{padding-left:0;width:100%}.portfolio .inner{flex-direction:column}.portfolio .left{margin-bottom:100px;padding-right:0;width:100%}.portfolio .right{margin-left:-25px;padding-left:0;width:100%}.skills .inner{flex-direction:column}.skills .inner .left{margin-bottom:100px;padding-right:0;width:100%}.skills .inner .right{padding-left:0;width:100%}.skills .main_section_title{margin-bottom:25px}.contact .inner{flex-direction:column}.contact .left{margin-bottom:50px;padding-right:0;width:100%}.contact .right{padding-left:0;width:100%}}@media (max-width:768px){.container{padding:0 10px}.main_section_title h3{font-size:1.5em}.main_section_title h3:before{width:70px}.home .name{font-size:2em;margin:0;padding:0}.home .job{font-size:1.3em;margin-top:.5em}.about .left{margin-bottom:100px;padding-right:0;width:92%}.portfolio .right .portfolio_list ul li{width:100%}.progressbar.animate{right:15px}.skills .progress{box-sizing:border-box;padding:50px 10px 0}.contact .left .about_short_contact_wrap,.contact .right,.main_section_button,.main_section_text{box-sizing:border-box;padding-left:10px;padding-right:10px}}