.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.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{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.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{transform:rotateY(180deg);background-color:transparent!important}.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{transform:rotateY(-180deg);background-color:transparent!important}.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{transform:rotateX(-180deg);background-color:transparent!important}.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{transform:rotateX(180deg);background-color:transparent!important}.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{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.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{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.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;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.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;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.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{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.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{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.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{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.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{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.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{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.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{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) 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{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{top:10px;right:0;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{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.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{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.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-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.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{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity: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-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.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{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.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{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.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{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.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{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.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{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;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) 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{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;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) 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{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.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{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.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{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.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{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

html {  font-size: 16px; color: #4D4D4D;  font-family: "Fira Sans", sans-serif;  font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px; color: #4D4D4D; font-family: "Fira Sans", sans-serif; }
p {color: #4D4D4D; font-family: "Fira Sans", sans-serif;  font-weight: 400;  font-style: normal;}
  
h1, h2, h3, h4, h5, h6 {font-family: "Jost", sans-serif;  font-optical-sizing: auto;  font-style: normal;color: #1d2a4d}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem;  }
h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem;}
h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem; }
h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem;}
h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem;}
h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem; }

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #062744 ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #021a2f;}
.galerija-detaljna .masonry-item {  margin-bottom: 15px;  width: 24% !important;}

.make-relative {position: relative}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

/*Cookies*/
.gdpr-cookie-trigger{position:fixed;bottom:50px;right:0;padding:.2em 1em;background-color:#0e3a5e;font-size:.8em;z-index:10000;box-shadow:0 0 10px 0 #00000040}
.gdpr-cookie-trigger a{color:#fff}
.fa-cookie-bite::before{content:"\f564"}
.gdpr-bar{background:#fff;box-shadow:0 .625em 1.875em #02020347;transform:scale(.95);line-height:initial;max-width:400px;left:initial}
.gdpr-bar-description p{color:var(--default)!important}
@media (min-width: 1200px) {
.gdpr-bar{flex-direction:column;align-items:center}
}
.gdpr-bar-description .linkgdpr{color:#fff!important;text-decoration:underline}
.gdpr-bar-description .linkgdpr:hover{color:var(--secondary)!important;text-decoration:none}
@media (min-width: 1200px) {
.gdpr-bar .gdpr-bar-actions{justify-content:flex-end;margin-top:20px}
.gdpr-bar{right:1rem;bottom:1rem}
}
.gdpr-bar .gdpr-bar-actions{display:flex;align-items:stretch;gap:.5rem;width:100%;flex-wrap:nowrap;margin-top:12px}
.gdpr-bar .gdpr-bar-actions > a{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;white-space:nowrap}
@media (min-width: 1200px) {
.gdpr-bar .gdpr-bar-actions{justify-content:flex-start!important}
}
@media (max-width: 575.98px) {
.gdpr-bar .gdpr-bar-actions > a{min-height:52px}
}


.header-top .header-top-phone {
		font-size: 16px !important;
		padding: 6px 17px 6px 0 !important;
}

.header-top .header-top-phone > span {
		width: 34px;
		height: 34px;
		line-height: 31px;
		background-color: #dde2ea;
		border-radius: 50%;
		text-align: center;
		margin-right: 8px;
}

.header-top .header-top-email,
.header-top .header-top-opening-hours {
		font-size: 12px !important;
		letter-spacing: -0.3px;
}

.header-top .header-top-email > span,
.header-top .header-top-opening-hours > span {
		width: 34px;
		height: 34px;
		line-height: 31px;
		background-color: #dde2ea;
		border-radius: 50%;
		text-align: center;
		margin-right: 6px;
}

.header-top .header-top-email {
		margin-right: 15px;
}

.header-top .nav-item-header-top-socials .header-top-socials ul li {
		margin-right: 30px;
}

.header-top .nav-item-header-top-socials .header-top-socials ul li i {
		font-size: 15px !important;
}

.header-top .header-top-button-make-as-appoitment {
		width: 230px;
}

.header-top .header-top-button-make-as-appoitment a {
		font-size: 12px;
		border-radius: 0 0 4px 4px;
}

@media (min-width: 992px) {
		.header-container .header-nav .nav li > a {
				text-transform: none !important;
				font-size: 14px !important;
		}
		.header-container .header-nav .nav li .dropdown-menu a {
				font-size: 0.8em !important;
		}
		.header-container .header-nav .nav li:hover > a {
				background: #fff !important;
		}
		.header-container .header-nav .nav li:hover > a:before {
				border-bottom: 0 !important;
		}
		.header-container .header-nav .nav li:hover > a + ul.dropdown-menu {
				border-top: 0 !important;
				margin-top: -5px !important;
		}
}




@media (max-width: 991px) {
		.header-column-logo {
				order: 1;
		}
}

@media (max-width: 991px) {
		.header-column-nav-menu {
				order: 3;
				flex-grow: 0 !important;
		}
}

.header-nav-features {
		padding: 0 !important;
		margin: 0 !important;
}

.header-nav-features:not(.header-nav-features-no-border):before {
		display: none !important;
}


@media (min-width: 992px) and (min-width: 1200px) {
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0 2.6rem;
  }
}

@media (min-width: 992px) {
  .header-container .header-nav .nav li > a {
    text-transform: none !important;
    font-size: 17px !important;
  }
  
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: var(--secondary);
  }
  
    #header .header-nav.header-nav-links nav > ul li:hover > a {
    color: var(--secondary);
  }
  

  .header-container .header-nav .nav li .dropdown-menu a {font-size: 0.9em !important; }

}

.nav-tabs li .nav-link {
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.2px;
  padding: 11.2px 24px;
  padding: 0.9rem 1.8rem;
  transition: all .2s;
  margin-right: 1px;
}




#footer {
		font-size: 1em;
		background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  position: relative;
background-image: url(https://udruga-pcelice.hr/slike/pcelice-footer.jpg);
color: var(--primary) !important;
padding: 4rem 0 0 2rem;
}

#footer p {color: var(--primary) !important}


.footer-overlay {

		position: absolute;
		display: block;



  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(to bottom, rgba(255,198,30,0.6) 0%, rgb(255, 198, 30) 80%);


}


@media (min-width: 1200px) and (max-width: 1240px) {
		#footer .custom-container-info-socials {
				justify-content: flex-end !important;
		}
}

#footer .footer-nav-phone {
		font-size: 16px !important;
		padding: 0 17px 0 0 !important;
}

#footer .footer-nav-phone > span {
		width: 34px;
		height: 34px;
		line-height: 31px;
		background-color: #dde2ea;
		border-radius: 50%;
		text-align: center;
		margin-right: 8px;
}

#footer .footer-nav-email,
#footer .footer-nav-opening-hours {
		font-size: 12px !important;
		letter-spacing: -0.3px;
}

#footer .footer-nav-email > span,
#footer .footer-nav-opening-hours > span {
		width: 34px;
		height: 34px;
		line-height: 31px;
		background-color: #dde2ea;
		border-radius: 50%;
		text-align: center;
		margin-right: 6px;
}

#footer .footer-nav-email {
		margin-right: 15px;
}

#footer .footer-nav-opening-hours {
		margin-right: 20px;
}

#footer .footer-copyright {
padding: 30px 0;
  border: 0;
  background: transparent;
}

@media (max-width: 991px) {
		#footer .footer-column-get-in-touch {
				margin: 1rem 0;
		}
}

#footer .nav-footer > ul {
		padding: 0;
}

#footer .nav-footer > ul li {
		list-style: none;
}

#footer .nav-footer .dropdown-secondary a {
		font-size: 14px;
}

#footer .custom-row-footer {
		padding-top: 60px !important;
}

#footer .custom-row-footer .custom-footer-column-logo img {
		margin-bottom: 35px;
}

.custom-social-icons {margin: 2rem 0}
#footer a:not(.btn):not(.no-footer-css) {
  color: var(--primary) !important;
  transition: all .1s ease-in-out;
}


#footer .social-icons li:hover a {
  background: #fff;
}

.custom-text-1 {
  font-size: 32px !important;
}
.custom-letter-spacing-2 {
  letter-spacing: -0.8px !important;
}

.intro-home .col-intro-home-imgs .card {
		position: absolute;
}

.intro-home .col-intro-home-imgs .card:nth-child(1) {
		z-index: 1;
		top: 0;
		right: 20px;
}

.intro-home .col-intro-home-imgs .card:nth-child(2) {
		z-index: 3;
		bottom: -20px;
		left: 60%;
		transform: translateX(-50%);
}

.intro-home .col-intro-home-imgs .card:nth-child(3) {
		z-index: 2;
		left: 40px;
		bottom: 3%;
}

@media (max-width: 991px) {
		.intro-home .col-intro-home-imgs .card {
				position: relative;
				max-width: 30%;
				margin-top: 30px;
				transform: none !important;
				top: 0 !important;
				left: 0 !important;
				bottom: 0 !important;
				right: 0 !important;
				float: left;
				margin-right: 3.33%;
		}
}

.intro-donators  {}
.intro-donators-holder{height:auto;background-color:#fff;width:auto;padding:20px 10px;align-items:center;display:flex;justify-content:center;float:none;margin:0 auto}
.intro-donators-holder img{width:auto!important;height:60px;max-height:60px}

.news-home {background: #f4f4f4}

.news-home .card-body {
  min-height: 240px;
}

.custom-font-size-1 {
  font-size: 0.6em;
}
.custom-date-style-1 {
		position: relative;
		transition: ease transform 300ms;
}
.owl-overlay-custome {
position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(to bottom, rgba(18, 40, 90, 0.4) 0%, rgba(18, 40, 90, 0.75) 100%);
 } 
 
 
 .donate-two {
  position: relative;
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .donate-two {
    padding-top: 80px;
  }
}
.donate-two__inner {
  position: relative;
  z-index: 2;
  padding: 9px;
  border: 1px solid  #dddddd;
  background-color:  #fff;
  border-radius: 30px;
  margin-bottom: -290px;
}
.donate-two__content {
  position: relative;
  padding: 61px 70px 50px;
}
@media (max-width: 767px) {
  .donate-two__content {
    padding: 60px 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .donate-two__content {
    padding-left: 20px;
    padding-right: 10px;
  }
}
.donate-two__title {
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 27px;
}
.donate-two__text {
  font-size: 16px;
  line-height: 25px;

  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 12px 30px 12px 40px;
  position: relative;
  margin-bottom: 26px;
}
.donate-two__text span {
  color:  var(--secondary);
}
.donate-two__text::after {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 3px;
  height: 39px;
  background-color:  #ff5528;
}
.donate-two__donate-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.donate-two__form {
  position: relative;
  width: 100%;
}
.donate-two__form__amount {
  position: relative;
}
.donate-two__form__amount__sign {
  position: absolute;
  text-transform: uppercase;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  color:  #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
}
.donate-two__form input {
  display: block;
  width: 100%;
  height: 45px;
  background-color:  var(--secondary);
  color:  #fff;
  font-size: 25px;
  font-weight: 500;
  text-align: right;
  border: none;
  outline: none;
  border-radius: 50px;
  padding-left: 100px;
  padding-right: 30px;
}
.donate-two__form__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 45px;
}
@media (max-width: 767px) {
  .donate-two__form__buttons {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.donate-two__form__buttons__item {
  height: 48px;
  background-color: #dddddd;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color:  #636363;
  font-weight: 500;
  border: none;
  outline: none;
  padding: 0 24px;
  transition: all 0.4s ease;
}
.donate-two__form__buttons__item.active, .donate-two__form__buttons__item:hover {
  background-color: var(--secondary);
  color:  #fff;
}
.donate-two__form__submit {
  display: flex;
  align-items: baseline;
  position: relative;
}
.donate-two__form__submit img {
  width: 54px;
  height: 80px;
  position: absolute;
  left: 260px;
  bottom: 0;
  animation: shrinkAnim2 3s ease 0s infinite;
}
.donate-two__image {
  position: relative;
}
@media (min-width: 992px) {
  .donate-two__image {
    margin-left: -10px;
  }
}
@media (max-width: 991px) {
  .donate-two__image {
    text-align: center;
  }
}
.donate-two__image img {
  max-width: 100%;
  height: auto;
  border: 1px solid #122f2a;
  border-radius: 30px;
}

  .nzz-logo {
    max-height: 125px;  
    height: auto;
    width: auto;
  }
  
  .card-img-top-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f2f2f2;
}
.img-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-img-top.placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://udruga-pcelice.hr/slike/placeholder-16x9.jpg');
  background-size: cover;
  background-position: center;
}

  

@media (max-width: 1981px) {
}

@media (max-width: 1921px) {
}

@media (max-width: 1681px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1367px) {
}

@media (max-width: 1281px) {
}

@media (max-width: 1266px) {	
}

@media (max-width: 1199px) {
}	

/*iPad landscape  width: 1024px*/
@media (max-width: 1025px) {
}

@media (min-width: 992px) {
}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: var(--primary--200);}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--primary--200);}
	
	  #header .header-logo img {height: 60px; width: auto  }
	  #header .header-top { min-height: auto;}
	  
	   #header .header-top .py-1 {  padding-top: 0;  padding-bottom: 0 !important;}
	   #header.header-effect-shrink .header-container {  min-height: auto;}
}

@media (max-width: 801px) {
}

/*iPad portrait  width: 768px*/
@media (max-width: 769px) {
	.single-slider-item {  height: 80vh; } 
}	

/*iPhone 6 Plump landscape  width: 736px*/
@media (max-width: 737px) {	
}

/*iPhone 6 landscape  width: 667px*/
@media (max-width: 668px) {
}	

/*Android (Nexus 4) landscape  width: 600px*/
@media (max-width: 601px) {
}

/*iPhone 5 landscape width: 568px*/
@media (max-width: 569px) {
}
	
@media (max-width: 481px) {
}	

/*iPhone 6 Plump portrait  width: 415px*/
@media (max-width: 416px) {
}

/*iPhone 6 portrait  width: 375px*/
@media (max-width: 376px) {
}

/*Crappy Android landscape  width: 320px*/
@media (max-width: 321px) {
}

/*Crappy Android portrait width: 240px*/
@media (max-width: 241px) {
}