/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger{cursor:pointer;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;margin:0;padding:15px;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;display:inline-block;overflow:visible}.hamburger:hover,.hamburger:not(.collapsed):hover{opacity:.7}.hamburger:not(.collapsed) .hamburger-inner,.hamburger:not(.collapsed) .hamburger-inner:before,.hamburger:not(.collapsed) .hamburger-inner:after{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{margin-top:-2px;display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:#000;border-radius:4px;width:40px;height:4px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{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:before,.hamburger--3dx .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx:not(.collapsed) .hamburger-inner{transform:rotateY(180deg);background-color:#0000!important}.hamburger--3dx:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dx:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)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:before,.hamburger--3dx-r .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r:not(.collapsed) .hamburger-inner{transform:rotateY(-180deg);background-color:#0000!important}.hamburger--3dx-r:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dx-r:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)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:before,.hamburger--3dy .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy:not(.collapsed) .hamburger-inner{transform:rotateX(-180deg);background-color:#0000!important}.hamburger--3dy:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dy:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)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:before,.hamburger--3dy-r .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r:not(.collapsed) .hamburger-inner{transform:rotateX(180deg);background-color:#0000!important}.hamburger--3dy-r:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dy-r:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)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:before,.hamburger--3dxy .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy:not(.collapsed) .hamburger-inner{transform:rotateX(180deg)rotateY(180deg);background-color:#0000!important}.hamburger--3dxy:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dxy:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)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:before,.hamburger--3dxy-r .hamburger-inner:after{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r:not(.collapsed) .hamburger-inner{transform:rotateX(180deg)rotateY(180deg)rotate(-180deg);background-color:#0000!important}.hamburger--3dxy-r:not(.collapsed) .hamburger-inner:before{transform:translateY(10px)rotate(45deg)}.hamburger--3dxy-r:not(.collapsed) .hamburger-inner:after{transform:translateY(-10px)rotate(-45deg)}.hamburger--arrow:not(.collapsed) .hamburger-inner:before{transform:translate(-8px)rotate(-45deg)scaleX(.7)}.hamburger--arrow:not(.collapsed) .hamburger-inner:after{transform:translate(-8px)rotate(45deg)scaleX(.7)}.hamburger--arrow-r:not(.collapsed) .hamburger-inner:before{transform:translate(8px)rotate(45deg)scaleX(.7)}.hamburger--arrow-r:not(.collapsed) .hamburger-inner:after{transform:translate(8px)rotate(-45deg)scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt:not(.collapsed) .hamburger-inner:before{transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;top:0;transform:translate(-8px,-10px)rotate(-45deg)scaleX(.7)}.hamburger--arrowalt:not(.collapsed) .hamburger-inner:after{transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;bottom:0;transform:translate(-8px,10px)rotate(45deg)scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r:not(.collapsed) .hamburger-inner:before{transition:top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;top:0;transform:translate(8px,-10px)rotate(45deg)scaleX(.7)}.hamburger--arrowalt-r:not(.collapsed) .hamburger-inner:after{transition:bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;bottom:0;transform:translate(8px,10px)rotate(-45deg)scaleX(.7)}.hamburger--arrowturn:not(.collapsed) .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn:not(.collapsed) .hamburger-inner:before{transform:translate(8px)rotate(45deg)scaleX(.7)}.hamburger--arrowturn:not(.collapsed) .hamburger-inner:after{transform:translate(8px)rotate(-45deg)scaleX(.7)}.hamburger--arrowturn-r:not(.collapsed) .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r:not(.collapsed) .hamburger-inner:before{transform:translate(-8px)rotate(-45deg)scaleX(.7)}.hamburger--arrowturn-r:not(.collapsed) .hamburger-inner:after{transform:translate(-8px)rotate(45deg)scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:before,.hamburger--boring .hamburger-inner:after{transition-property:none}.hamburger--boring:not(.collapsed) .hamburger-inner{transform:rotate(45deg)}.hamburger--boring:not(.collapsed) .hamburger-inner:before{opacity:0;top:0}.hamburger--boring:not(.collapsed) .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);top:auto;bottom:0}.hamburger--collapse .hamburger-inner:after{transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;top:-20px}.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:not(.collapsed) .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-10px)rotate(-45deg)}.hamburger--collapse:not(.collapsed) .hamburger-inner:after{opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;top:0}.hamburger--collapse:not(.collapsed) .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;top:0;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);top:auto;bottom:0}.hamburger--collapse-r .hamburger-inner:after{transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;top:-20px}.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:not(.collapsed) .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-10px)rotate(45deg)}.hamburger--collapse-r:not(.collapsed) .hamburger-inner:after{opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;top:0}.hamburger--collapse-r:not(.collapsed) .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;top:0;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);top:2px}.hamburger--elastic .hamburger-inner:before{transition:opacity .125s .275s;top:10px}.hamburger--elastic .hamburger-inner:after{transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);top:20px}.hamburger--elastic:not(.collapsed) .hamburger-inner{transition-delay:75ms;transform:translateY(10px)rotate(135deg)}.hamburger--elastic:not(.collapsed) .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic:not(.collapsed) .hamburger-inner:after{transition-delay:75ms;transform:translateY(-20px)rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);top:2px}.hamburger--elastic-r .hamburger-inner:before{transition:opacity .125s .275s;top:10px}.hamburger--elastic-r .hamburger-inner:after{transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);top:20px}.hamburger--elastic-r:not(.collapsed) .hamburger-inner{transition-delay:75ms;transform:translateY(10px)rotate(-135deg)}.hamburger--elastic-r:not(.collapsed) .hamburger-inner:before{opacity:0;transition-delay:0s}.hamburger--elastic-r:not(.collapsed) .hamburger-inner:after{transition-delay:75ms;transform:translateY(-20px)rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{transition:transform .125s cubic-bezier(.6,.04,.98,.335),top 50ms linear .125s,left .125s ease-in .175s;left:0}.hamburger--emphatic .hamburger-inner:after{transition:transform .125s cubic-bezier(.6,.04,.98,.335),top 50ms linear .125s,right .125s ease-in .175s;top:10px;right:0}.hamburger--emphatic:not(.collapsed) .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:#0000!important}.hamburger--emphatic:not(.collapsed) .hamburger-inner:before{transition:left .125s ease-out,top 50ms linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;top:-80px;left:-80px;transform:translate(80px,80px)rotate(45deg)}.hamburger--emphatic:not(.collapsed) .hamburger-inner:after{transition:right .125s ease-out,top 50ms linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;top:-80px;right:-80px;transform:translate(-80px,80px)rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{transition:transform .125s cubic-bezier(.6,.04,.98,.335),top 50ms linear .125s,left .125s ease-in .175s;left:0}.hamburger--emphatic-r .hamburger-inner:after{transition:transform .125s cubic-bezier(.6,.04,.98,.335),top 50ms linear .125s,right .125s ease-in .175s;top:10px;right:0}.hamburger--emphatic-r:not(.collapsed) .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:#0000!important}.hamburger--emphatic-r:not(.collapsed) .hamburger-inner:before{transition:left .125s ease-out,top 50ms linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;top:80px;left:-80px;transform:translate(80px,-80px)rotate(-45deg)}.hamburger--emphatic-r:not(.collapsed) .hamburger-inner:after{transition:right .125s ease-out,top 50ms linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;top:80px;right:-80px;transform:translate(-80px,-80px)rotate(45deg)}.hamburger--minus .hamburger-inner:before,.hamburger--minus .hamburger-inner:after{transition:bottom 80ms ease-out,top 80ms ease-out,opacity linear}.hamburger--minus:not(.collapsed) .hamburger-inner:before,.hamburger--minus:not(.collapsed) .hamburger-inner:after{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s linear 80ms}.hamburger--minus:not(.collapsed) .hamburger-inner:before{top:0}.hamburger--minus:not(.collapsed) .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:ease;top:10px}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider:not(.collapsed) .hamburger-inner{transform:translateY(10px)rotate(45deg)}.hamburger--slider:not(.collapsed) .hamburger-inner:before{opacity:0;transform:rotate(-45deg)translate(-5.71429px,-6px)}.hamburger--slider:not(.collapsed) .hamburger-inner:after{transform:translateY(-20px)rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:ease;top:10px}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r:not(.collapsed) .hamburger-inner{transform:translateY(10px)rotate(-45deg)}.hamburger--slider-r:not(.collapsed) .hamburger-inner:before{opacity:0;transform:rotate(45deg)translate(5.71429px,-6px)}.hamburger--slider-r:not(.collapsed) .hamburger-inner:after{transform:translateY(-20px)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:not(.collapsed) .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin:not(.collapsed) .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin:not(.collapsed) .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.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:not(.collapsed) .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r:not(.collapsed) .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin-r:not(.collapsed) .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{transition:background-color 0s linear .13s;top:2px}.hamburger--spring .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);top:10px}.hamburger--spring .hamburger-inner:after{transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);top:20px}.hamburger--spring:not(.collapsed) .hamburger-inner{transition-delay:.22s;background-color:#0000!important}.hamburger--spring:not(.collapsed) .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;top:0;transform:translateY(10px)rotate(45deg)}.hamburger--spring:not(.collapsed) .hamburger-inner:after{transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;top:0;transform:translateY(10px)rotate(-45deg)}.hamburger--spring-r .hamburger-inner{transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);top:auto;bottom:0}.hamburger--spring-r .hamburger-inner:after{transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity linear;top:-20px}.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:not(.collapsed) .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-10px)rotate(-45deg)}.hamburger--spring-r:not(.collapsed) .hamburger-inner:after{opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;top:0}.hamburger--spring-r:not(.collapsed) .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;top:0;transform:rotate(90deg)}.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)}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--stand:not(.collapsed) .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s;transform:rotate(90deg);background-color:#0000!important}.hamburger--stand:not(.collapsed) .hamburger-inner:before{transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;top:0;transform:rotate(-45deg)}.hamburger--stand:not(.collapsed) .hamburger-inner:after{transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;bottom:0;transform:rotate(45deg)}.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)}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r:not(.collapsed) .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s;transform:rotate(-90deg);background-color:#0000!important}.hamburger--stand-r:not(.collapsed) .hamburger-inner:before{transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;top:0;transform:rotate(-45deg)}.hamburger--stand-r:not(.collapsed) .hamburger-inner:after{transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;bottom:0;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms .12s,opacity 75ms}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze:not(.collapsed) .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze:not(.collapsed) .hamburger-inner:before{opacity:0;transition:top 75ms,opacity 75ms .12s;top:0}.hamburger--squeeze:not(.collapsed) .hamburger-inner:after{transition:bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:before,.hamburger--vortex .hamburger-inner:after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex:not(.collapsed) .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex:not(.collapsed) .hamburger-inner:before,.hamburger--vortex:not(.collapsed) .hamburger-inner:after{transition-delay:0s}.hamburger--vortex:not(.collapsed) .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex:not(.collapsed) .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:before,.hamburger--vortex-r .hamburger-inner:after{transition-duration:0s;transition-delay:.1s;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:not(.collapsed) .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r:not(.collapsed) .hamburger-inner:before,.hamburger--vortex-r:not(.collapsed) .hamburger-inner:after{transition-delay:0s}.hamburger--vortex-r:not(.collapsed) .hamburger-inner:before{opacity:0;top:0}.hamburger--vortex-r:not(.collapsed) .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@font-face{font-family:ES Klarheit Kurrent;src:url(./fonts/regular/ESKlarheitKurrent-Regular.eot);src:url(./fonts/regular/ESKlarheitKurrent-Regular.eot?#iefix)format("embedded-opentype"),url(./fonts/regular/ESKlarheitKurrent-Regular.woff2)format("woff2"),url(./fonts/regular/ESKlarheitKurrent-Regular.woff)format("woff"),url(./fonts/regular/ESKlarheitKurrent-Regular.ttf)format("truetype"),url(./fonts/regular/ESKlarheitKurrent-Regular.svg#ESKlarheitKurrent-Regular)format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ES Klarheit Grotesk;src:url(./fonts/semibold/ESKlarheitKurrent-Semibold.eot);src:url(./fonts/semibold/ESKlarheitKurrent-Semibold.eot?#iefix)format("embedded-opentype"),url(./fonts/semibold/ESKlarheitKurrent-Semibold.woff2)format("woff2"),url(./fonts/semibold/ESKlarheitKurrent-Semibold.woff)format("woff"),url(./fonts/semibold/ESKlarheitKurrent-Semibold.ttf)format("truetype"),url(./fonts/semibold/ESKlarheitKurrent-Semibold.svg#ESKlarheitKurrent-Semibold)format("svg");font-weight:600;font-style:normal;font-display:swap}*{font-family:ES Klarheit Kurrent}h1,h2,h3,h4,h5,h6{font-family:ES Klarheit Grotesk}html,body{overflow-x:hidden}@media (width>=1800px){.container,.container-md{max-width:1600px}}hr{color:#ec6664;opacity:1;border-width:8px;margin-top:0;margin-bottom:3rem}@media (width<=1199px){hr{margin-bottom:2rem}}.heading{margin-bottom:3rem;font-size:4rem}@media (width<=1199px){.heading{margin-bottom:2rem}}@media (width<=575px){.heading{font-size:3rem}}.subheading{margin-bottom:3rem;font-family:ES Klarheit Grotesk;font-size:1.7rem;line-height:1.3}@media (width<=1199px){.subheading{margin-bottom:2rem}}@media (width<=575px){.subheading{font-size:1.5rem}}.body-copy{font-size:1.2rem}.space-section{padding:6rem 0}.slick-dotted.slick-slider{margin-bottom:0}.slick-dots{bottom:25px}.slick-dots li{margin:0 10px}.slick-dots li button:before{content:"";background:#fff}.download-button{color:#fff;background-image:url(./img/icons/down-carat.svg);background-position:95%;background-repeat:no-repeat;background-size:1.3rem;border:2px solid #ec6664;padding:.6rem 4rem .6rem 1rem;font-family:ES Klarheit Grotesk;font-size:1.3rem;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}.download-button:hover{background-color:#fff;color:#ec6664!important}@media (width<=767px){.no-pad-mobile{padding-left:0;padding-right:0}.mobile-pad-fix{padding-left:2rem;padding-right:2rem}}nav.navbar{background:#ec6664}nav.navbar .container .navbar-brand img{height:30px}@media (width<=1399px){nav.navbar .container .navbar-brand img{height:25px}}@media (width<=1199px){nav.navbar .container .navbar-brand img{height:20px}}nav.navbar .container .navbar-collapse .navbar-nav .nav-item{padding-left:4rem}nav.navbar .container .navbar-collapse .navbar-nav .nav-item a{color:#fff;font-size:1.2rem}nav.navbar .container .navbar-collapse .navbar-nav .nav-item a:hover,nav.navbar .container .navbar-collapse .navbar-nav .nav-item a.active{color:#3f5459}@media (width<=1799px){nav.navbar .container .navbar-collapse .navbar-nav .nav-item{padding-left:2rem}}@media (width<=1399px){nav.navbar .container .navbar-collapse .navbar-nav .nav-item{padding-left:1.5rem}}@media (width<=1199px){nav.navbar .container .navbar-collapse .navbar-nav .nav-item{padding-left:0}}@media (width<=991px){nav.navbar .container .navbar-collapse .navbar-nav{border-top:2px solid #fff;margin-top:1rem;padding-top:1rem}}nav.navbar .container .hamburger{margin-top:9px;padding:0}nav.navbar .container .hamburger:focus{box-shadow:none}nav.navbar .container .hamburger .hamburger-inner,nav.navbar .container .hamburger .hamburger-inner:before,nav.navbar .container .hamburger .hamburger-inner:after{background-color:#3f5459}section.hero{background:#f9e5e8}section.hero .hero-wrapper{height:100vh}section.hero .hero-wrapper .hero-container{color:#f4cdd4;background:#3f5459;width:90vw;height:90vh}section.hero .hero-wrapper .hero-container .scrolldown img{width:60px;position:absolute;bottom:10vh;left:50%;transform:translate(-50%)}section.inthesq .text-wrapper{color:#3f5459}@media (width>=992px){section.inthesq .text-wrapper{max-width:500px}}section.inthesq .space-top{padding-top:6rem}@media (width<=767px){section.inthesq .space-top{padding-top:2rem}}section.inthesq .icons-wrapper{background:#f9e5e8;padding:4rem}section.inthesq .icons-wrapper .icons-row .icon{padding:1rem 2rem}section.inthesq .icons-wrapper .icons-row .icon p{padding-top:1rem}@media (width<=1399px){section.inthesq .icons-wrapper .icons-row .icon{padding:1rem}}@media (width<=1199px){section.inthesq .icons-wrapper .icons-row .icon{padding:0}}@media (width<=767px){section.inthesq .icons-wrapper .icons-row .icon{padding:1rem}}@media (width<=400px){section.inthesq .icons-wrapper{padding:1rem}}@media (width<=767px){section.inthesq{padding-top:0;padding-bottom:0}}.video_wrapper:before{content:"";padding-bottom:56.25%;display:block}section.accommodation{color:#fff;background:#3f5459}section.accommodation .table-wrapper table.table{color:#fff;margin-bottom:0;font-size:1.2rem}section.accommodation .table-wrapper table.table th{background:#ec6664;border:none;padding:1rem .5rem}@media (width<=575px){section.accommodation .table-wrapper table.table th{padding:.5rem}}section.accommodation .table-wrapper table.table td{border:none;border-bottom:2px solid #ec6664;padding:.8rem .5rem}@media (width<=575px){section.accommodation .table-wrapper table.table td{min-width:70px;padding:.5rem}}section.accommodation .table-wrapper table.table tr.no-border td{border-bottom:none}section.accommodation .table-wrapper table.table tr.no-border-top td{border-top:none}@media (width>=992px){section.accommodation .table-wrapper .download-button{display:none}}@media (width<=767px){section.accommodation .table-wrapper .download-button{width:100%;text-align:left!important}}@media (width>=992px){section.accommodation .text-wrapper{max-width:550px}}@media (width<=767px){section.accommodation{padding:3rem 0}}section.floorplan{color:#3f5459}section.floorplan .relative-wrapper{position:relative}section.floorplan .top-text .col{font-family:ES Klarheit Grotesk;font-size:1.7rem}section.floorplan .top-text .col span{font-family:ES Klarheit Grotesk}section.floorplan .top-text .col span.hidden{display:none}@media (width<=1799px){section.floorplan .top-text .col{font-size:1.2rem}}section.floorplan .floorplan-wrapper{padding:3rem 6rem;position:relative}section.floorplan .floorplan-wrapper img{width:100%}section.floorplan .floorplan-wrapper img.fitout-image{opacity:0;width:100%;height:100%;padding:3rem 6rem;transition:all .3s ease-in-out;position:absolute;top:0;left:0}section.floorplan .floorplan-wrapper img.fitout-image.active{opacity:1}section.floorplan .contents-floor table.table{width:300px}section.floorplan .contents-floor table.table td{border-bottom-color:#f9e5e8}section.floorplan .contents-floor.cat-a{display:none}section.floorplan .fit-out{appearance:none;color:#3f5459;background:#fff;border:2px solid #ec6664;margin-top:3rem;padding:.5rem 1rem;transition:all .3s ease-in-out}section.floorplan .fit-out:hover{color:#fff;background:#ec6664}section.floorplan .fit-out span.hidden{display:none}section.floorplan .floorplan-arrows{position:absolute;bottom:0;right:.7rem}section.floorplan .floorplan-arrows button{appearance:none;background:0 0;border:none;padding:0;transition:all .1s ease-in-out}section.floorplan .floorplan-arrows button.next-slide{margin-left:1rem}section.floorplan .floorplan-arrows button img{width:40px;height:40px}section.floorplan .floorplan-arrows button:hover{opacity:.5}section.floorplan .slider-key{padding-top:6rem}section.floorplan .slider-key .key p{margin-bottom:0}section.floorplan .slider-key .key span{border:2px solid #000;border-radius:100%;width:1rem;height:1rem;display:inline-block}section.floorplan .slider-key .key span.office{background:#edbfbf}section.floorplan .slider-key .key span.office-north{background:#d9e7ec}section.floorplan .slider-key .key span.core{background:#ededed}section.floorplan .slider-key .indication img{width:40px;height:40px}@media (width<=767px){section.floorplan{display:none}}section.onthesq{background:#f9e5e8}section.onthesq .space-top{margin-top:6rem}section.onthesq img.change-height{margin-left:auto;display:block}@media (width>=992px){section.onthesq .text-wrapper{max-width:500px}}@media (width<=767px){section.onthesq{background:#fff;padding:0}section.onthesq .no-mobile-display{display:none}}section.location .space-bottom{padding-bottom:6rem}@media (width<=991px){section.location .space-bottom{padding-bottom:2rem}}@media (width>=992px){section.location .text-wrapper{max-width:640px}section.location .text-wrapper-2{max-width:500px}}@media (width>=768px){section.location .map-section .map{margin-bottom:2rem}}section.location .map-section .map #map{min-height:50vh}@media (width<=991px){section.location .map-section .map #map{display:none}}section.location .map-section .map #map2{min-height:50vh}@media (width>=992px){section.location .map-section .map #map2{display:none}}section.location .map-section .map .marker-logo{background-image:url(./img/icons/bsq-map-logo.svg);background-repeat:no-repeat;background-size:cover;width:35px;height:35px}section.location .map-section .map .marker{border:3px solid;border-radius:100%;width:20px;height:20px;position:relative}section.location .map-section .map .marker.restaurants{border-color:#ec6664}section.location .map-section .map .marker.restaurants .content,section.location .map-section .map .marker.restaurants:hover{background:#ec6664}section.location .map-section .map .marker.restaurants .content:after{border-top:10px solid #ec6664}section.location .map-section .map .marker.coffee{border-color:#6be2fb}section.location .map-section .map .marker.coffee .content{color:#3f5459}section.location .map-section .map .marker.coffee .content,section.location .map-section .map .marker.coffee:hover{background:#6be2fb}section.location .map-section .map .marker.coffee .content:after{border-top:10px solid #6be2fb}section.location .map-section .map .marker.bars{border-color:#a1f579}section.location .map-section .map .marker.bars .content{color:#3f5459}section.location .map-section .map .marker.bars .content,section.location .map-section .map .marker.bars:hover{background:#a1f579}section.location .map-section .map .marker.bars .content:after{border-top:10px solid #a1f579}section.location .map-section .map .marker.gyms{border-color:#4e418c}section.location .map-section .map .marker.gyms .content,section.location .map-section .map .marker.gyms:hover{background:#4e418c}section.location .map-section .map .marker.gyms .content:after{border-top:10px solid #4e418c}section.location .map-section .map .marker .content{z-index:2;text-align:center;color:#fff;opacity:0;pointer-events:none;width:120px;padding:.5rem 1rem;transition:all .3s ease-in-out;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}section.location .map-section .map .marker .content:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;display:block;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}section.location .map-section .map .marker:hover .content{opacity:1;bottom:27px}section.location .map-section .map-key{display:flex}section.location .map-section .map-key p{margin-bottom:0;margin-right:3rem}section.location .map-section .map-key p span{border:2px solid;border-radius:100%;width:.8rem;height:.8rem;display:inline-block}section.location .map-section .map-key p span.restaurants{border-color:#ec6664}section.location .map-section .map-key p span.coffee{border-color:#6be2fb}section.location .map-section .map-key p span.bars{border-color:#a1f579}section.location .map-section .map-key p span.gyms{border-color:#4e418c}@media (width<=991px){section.location .map-section .map-key{display:none}}@media (width<=767px){section.location .map-section{padding-bottom:0}section.location .information-section{background:#f9e5e8;padding:3rem 0}}section.location .tube-stations .station{color:#fff;text-align:center;background:#3f5459 90% 90%/30px no-repeat;width:90%;margin-bottom:2.5rem}@media (width<=1799px){section.location .tube-stations .station{width:auto}}@media (width<=575px){section.location .tube-stations .station{background-position:95% 95%}}section.location .tube-stations .station .heading-wrapper{flex-direction:column;justify-content:center;min-height:115px;padding-top:2rem;display:flex}section.location .tube-stations .station .heading-wrapper h3{max-width:200px;margin:0 auto 1rem;padding:0 1rem}section.location .tube-stations .station .services{flex-direction:row;justify-content:center;margin-bottom:1rem;display:flex}section.location .tube-stations .station .services img{width:40px;height:40px;margin:0 4px}section.location .tube-stations .station .lines{flex-direction:row;justify-content:center;margin-bottom:1rem;display:flex}section.location .tube-stations .station .lines div{border:2px solid #fff;border-radius:100%;width:20px;height:20px;margin:0 4px}section.location .tube-stations .station .lines div.northern{background:#000}section.location .tube-stations .station .lines div.jubilee{background:#9d9fa1}section.location .tube-stations .station .lines div.central{background:#d03927}section.location .tube-stations .station .lines div.bakerloo{background:#a76623}section.location .tube-stations .station .lines div.city{background:#c5e1d8}section.location .tube-stations .station .lines div.circle{background:#f8d648}section.location .tube-stations .station .lines div.hammersmith{background:#cd8ab4}section.location .tube-stations .station .lines div.metropolitan{background:#80436f}section.location .tube-stations .station .time{padding-bottom:1rem;font-size:1.75rem}section.location .tube-stations .station.walk{background-image:url(./img/icons/walker.svg)}section.location .tube-stations .station.train{background-image:url(./img/icons/trainer.svg)}@media (width<=991px){section.location .tube-stations{padding-top:2rem}}@media (width<=575px){section.location .tube-stations{margin-left:-2rem;margin-right:-2rem}}section.location .disclaimer{max-width:520px}section.location .no-space{margin-bottom:0}@media (width<=767px){section.location{padding:2rem 0 0}section.location .add-some-mobile-spacing{margin-top:2rem}}section.contacts{color:#fff;background:#3f5459}section.contacts .heading{margin-bottom:6rem}@media (width<=991px){section.contacts .heading{margin-bottom:2rem}}section.contacts .spacer{height:1.5rem}section.contacts h3{color:#f4cdd4;margin-bottom:.4rem;font-size:1.3rem}section.contacts .contacts h3{font-size:1.1rem}section.contacts .contacts a{color:#fff;text-decoration:none}section.contacts img{max-width:125px;margin-top:2rem}section.contacts img.rx-logo{max-width:98px}section.contacts .buttons .spacer{height:3rem}@media (width<=992px){section.contacts .buttons .spacer{height:1rem}section.contacts .buttons{padding-top:2rem}}@media (width<=600px){section.contacts .buttons a{width:100%}}@media (width<=991px){section.contacts .show-on-large{display:none}}@media (width>=992px){section.contacts .hide-on-large{display:none}}section.contacts .hide-on-large.row{padding-bottom:2rem}section.contacts .footer{padding-top:6rem}section.contacts .footer p{font-size:.8rem}section.contacts .footer .bold{color:#f4cdd4;font-family:ES Klarheit Grotesk}section.contacts .footer a{color:#f4cdd4;font-family:ES Klarheit Grotesk;text-decoration:none}@media (width<=991px){section.contacts{padding:3rem 0}section.contacts>.container{max-width:100%;padding-left:2rem;padding-right:2rem}}