/* General */ :root { --border-radius: 0px; --border-radius2x: 0px; --default: #777; } /* Skin Colors */ :root { --primary: #86BC25; --primary-100: #77a721; --primary-200: #6f9c1f; --primary-300: #68911d; --primary--100: #95d129; --primary--200: #9bd631; --primary--300: #a0d93b; --primary-rgba-0: rgba(134, 188, 37, 0); --primary-rgba-10: rgba(134, 188, 37, 0.1); --primary-rgba-20: rgba(134, 188, 37, 0.2); --primary-rgba-30: rgba(134, 188, 37, 0.3); --primary-rgba-40: rgba(134, 188, 37, 0.4); --primary-rgba-50: rgba(134, 188, 37, 0.5); --primary-rgba-60: rgba(134, 188, 37, 0.6); --primary-rgba-70: rgba(134, 188, 37, 0.7); --primary-rgba-80: rgba(134, 188, 37, 0.8); --primary-rgba-90: rgba(134, 188, 37, 0.9); --secondary: #606062; --secondary-100: #535355; --secondary-200: #4d4d4f; --secondary-300: #474748; --secondary--100: #6d6d6f; --secondary--200: #737375; --secondary--300: #79797c; --secondary-rgba-0: rgba(96, 96, 98, 0); --secondary-rgba-10: rgba(96, 96, 98, 0.1); --secondary-rgba-20: rgba(96, 96, 98, 0.2); --secondary-rgba-30: rgba(96, 96, 98, 0.3); --secondary-rgba-40: rgba(96, 96, 98, 0.4); --secondary-rgba-50: rgba(96, 96, 98, 0.5); --secondary-rgba-60: rgba(96, 96, 98, 0.6); --secondary-rgba-70: rgba(96, 96, 98, 0.7); --secondary-rgba-80: rgba(96, 96, 98, 0.8); --secondary-rgba-90: rgba(96, 96, 98, 0.9); --tertiary: #848688; --tertiary-100: #77797b; --tertiary-200: #717375; --tertiary-300: #6b6d6e; --tertiary--100: #919395; --tertiary--200: #97999b; --tertiary--300: #9ea0a1; --tertiary-rgba-0: rgba(132, 134, 136, 0); --tertiary-rgba-10: rgba(132, 134, 136, 0.1); --tertiary-rgba-20: rgba(132, 134, 136, 0.2); --tertiary-rgba-30: rgba(132, 134, 136, 0.3); --tertiary-rgba-40: rgba(132, 134, 136, 0.4); --tertiary-rgba-50: rgba(132, 134, 136, 0.5); --tertiary-rgba-60: rgba(132, 134, 136, 0.6); --tertiary-rgba-70: rgba(132, 134, 136, 0.7); --tertiary-rgba-80: rgba(132, 134, 136, 0.8); --tertiary-rgba-90: rgba(132, 134, 136, 0.9); --quaternary: #3C5032; --quaternary-100: #304028; --quaternary-200: #2a3823; --quaternary-300: #24311e; --quaternary--100: #48603c; --quaternary--200: #4e6841; --quaternary--300: #546f46; --quaternary-rgba-0: rgba(60, 80, 50, 0); --quaternary-rgba-10: rgba(60, 80, 50, 0.1); --quaternary-rgba-20: rgba(60, 80, 50, 0.2); --quaternary-rgba-30: rgba(60, 80, 50, 0.3); --quaternary-rgba-40: rgba(60, 80, 50, 0.4); --quaternary-rgba-50: rgba(60, 80, 50, 0.5); --quaternary-rgba-60: rgba(60, 80, 50, 0.6); --quaternary-rgba-70: rgba(60, 80, 50, 0.7); --quaternary-rgba-80: rgba(60, 80, 50, 0.8); --quaternary-rgba-90: rgba(60, 80, 50, 0.9); --dark: #212529; --dark-100: #16181b; --dark-200: #101214; --dark-300: #0a0c0d; --dark--100: #2c3237; --dark--200: #32383e; --dark--300: #383f45; --dark-rgba-0: rgba(33, 37, 41, 0); --dark-rgba-10: rgba(33, 37, 41, 0.1); --dark-rgba-20: rgba(33, 37, 41, 0.2); --dark-rgba-30: rgba(33, 37, 41, 0.3); --dark-rgba-40: rgba(33, 37, 41, 0.4); --dark-rgba-50: rgba(33, 37, 41, 0.5); --dark-rgba-60: rgba(33, 37, 41, 0.6); --dark-rgba-70: rgba(33, 37, 41, 0.7); --dark-rgba-80: rgba(33, 37, 41, 0.8); --dark-rgba-90: rgba(33, 37, 41, 0.9); --light: #FFF; --light-100: #f2f2f2; --light-200: #ececec; --light-300: #e6e6e6; --light--100: #ffffff; --light--200: #ffffff; --light--300: #ffffff; --light-rgba-0: rgba(255, 255, 255, 0); --light-rgba-10: rgba(255, 255, 255, 0.1); --light-rgba-20: rgba(255, 255, 255, 0.2); --light-rgba-30: rgba(255, 255, 255, 0.3); --light-rgba-40: rgba(255, 255, 255, 0.4); --light-rgba-50: rgba(255, 255, 255, 0.5); --light-rgba-60: rgba(255, 255, 255, 0.6); --light-rgba-70: rgba(255, 255, 255, 0.7); --light-rgba-80: rgba(255, 255, 255, 0.8); --light-rgba-90: rgba(255, 255, 255, 0.9); } /* Skin Colors - Inverse */ :root { --primary-inverse: #FFF; --secondary-inverse: #FFF; --tertiary-inverse: #FFF; --quaternary-inverse: #FFF; --dark-inverse: #FFF; --light-inverse: #777; } /* Grey Colors */ :root { --grey: #969696; --grey-100: #f4f4f4; --grey-200: #eaeaea; --grey-300: #e5e5e5; --grey-400: #e0e0e0; --grey-500: #dbdbdb; --grey-600: #cecece; --grey-700: #c1c1c1; --grey-800: #a8a8a8; --grey-900: #8e8e8e; --grey-1000: #757575; } .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-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-optical-sizing: auto; font-style: normal;color: var(--primary)} 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: var(--primary);} .make-relative {position: relative} section.section {background: transparent;} .card-body {color: #4D4D4D;} .list li { margin-bottom: 6px;} .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: var(--primary); max-width: 400px; left: initial;} .gdpr-bar-description p {color: #fff !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;} } /*Shop*/ .hidden {display: none !important;} #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image img { max-width: 70px;} /*Popup*/ .mfp-close, .mfp-close-btn-in .mfp-close {font-size: 32px; color: red;} .mfp-wrap {pointer-events: none;} .mfp-content {pointer-events: auto;} .shop .products .product .addtocart-btn-wrapper .quick-view { background: #fff } /*Kosarica*/ .btn-upd-cart { background-color: var(--primary) !important; color: #fff !important} .btn-upd-cart:hover {background-color: var(--primary-rgba-80) !important;} .product-name-modifiers {font-size: 70%;line-height: 1.4;} .btn-remove_promo_code {margin-left: 15px !important} .payment_method_inp {margin-right: 5px} #headerTopCartDropdown .mini-products-list .item:last-child { border-bottom: 0 !important; } #headerTopCartDropdown .opacity-75 { opacity: .75; } .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove {top: -5px; right: 12px;} #footer { background: var(--secondary); border-top: 4px solid var(--secondary); margin-top: 50px; padding: 0; position: relative; clear: both; } #footer, #footer .footer-copyright p { color: #fff;} #footer .footer-copyright.footer-copyright-style-2 { background: var(--secondary-100); border-top: 1px solid rgb(255 255 255 / .05); } #footer a:not(.btn):not(.no-footer-css) {color: #fff; } .loogo-footer {height: 50px} .traka-logo-footer { background: #fff; padding: 15px 0; border-radius: 8px; display: flex; justify-content: center; /* centriranje slika */ align-items: center; /* vertikalno centriranje ako treba */ flex-wrap: wrap; /* da ne prelaze red ako je prozor mali */ gap: 30px; /* razmak između slika */ } .traka-logo-footer img {height: 35px !important; width: auto; display: block;} .thumb-info-show-more-content p {color: #fff} .thumb-info-wrapper { height: 100%; position: relative; } .thumb-info-wrapper img { height: 100%; width: 100%; object-fit: cover; } @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; } } #header .header-body {border-bottom-color: transparent; box-shadow: 0 20px 40px rgba(0,0,0,.12);} html.sticky-header-active #header .header-body {border-bottom-color: transparent; box-shadow: 0 20px 40px rgba(0,0,0,.12);} #header .header-nav-features::before, #header .header-nav-features::after { background:transparent;} .napomena {font-size: 13px !important; line-height: 1.9;} .section-parallax-home {margin: 0 0 30px 0 !important;} .footer-bez {margin: 0 !important} .cta-footer {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-200) 40%, var(--secondary) 100%) !important;} .cta-footer h2 {color: #fff;} .cta-footer p.lead {color: #fff !important;} .mini-products-list { margin:0; padding:0; } .mini-products-list .item { border-bottom: 1px solid rgba(0,0,0,.05); } .mini-products-list .item:last-child { border-bottom: 0; } .mini-products-list .product-thumbnail-image { width:60px; height:60px; } .mini-products-list .product-thumbnail-image .thumb-box, .mini-products-list .product-thumbnail-image img { display:block; width:100%; height:100%; object-fit:cover; } .mini-products-list .product-details { min-width: 0; } .mini-products-list .product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; } .mini-products-list .qty-price { white-space: nowrap; } @media (max-width: 575.98px) { .mini-products-list .item { gap: .75rem; } } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .product-name {margin: 0;} .custom-card-style-2 { box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.1); border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin-top: 16px; margin-top: 1rem; } .custom-card-style-2 h3, .custom-card-style-2 h4 { letter-spacing: inherit; font-weight: 600; } .custom-card-style-2 hr { background: rgba(0, 0, 0, 0.15) !important; } .custom-card-style-2:before { content: ""; display: block; top: 0; left: 0; height: 3px; width: 100%; } .custom-card-style-2.card-contact-us { margin-top: 6.4px !important; margin-top: 0.4rem !important; } .custom-card-style-2::before { background-color: var(--primary); } .custom-form-style-1 .form-control { border: 0; padding: 19.2px; padding: 1.2rem; box-shadow: none !important; height: auto; } .form-horizontal input[type="text"], .form-horizontal input[type="email"], .form-horizontal input[type="password"], .form-horizontal input[type="tel"], .form-horizontal input[type="number"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal textarea, .form-horizontal select, .form-horizontal .form-control { display: block; width: 100%; padding: .5rem .75rem; /* kao Bootstrap */ font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } /* Fokus (približno Bootstrap/Porto) */ .form-horizontal input[type="text"]:focus, .form-horizontal input[type="email"]:focus, .form-horizontal input[type="password"]:focus, .form-horizontal input[type="tel"]:focus, .form-horizontal input[type="number"]:focus, .form-horizontal input[type="url"]:focus, .form-horizontal input[type="search"]:focus, .form-horizontal textarea:focus, .form-horizontal select:focus, .form-horizontal .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; /* po želji zamijeni primarnom bojom Porta */ outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } /* Textarea neka raste */ .form-horizontal textarea { min-height: 100px; } /* Isključi na elementima koje ne želimo “form-control” izgled */ .form-horizontal input[type="checkbox"], .form-horizontal input[type="radio"], .form-horizontal input[type="range"], .form-horizontal input[type="file"], .form-horizontal input[type="color"], .form-horizontal input[type="button"], .form-horizontal input[type="submit"], .form-horizontal input[type="reset"] { padding: initial; width: auto; border: none; background: none; box-shadow: none; } /* Ujednači razmake i poravnanje labela */ .form-horizontal .form-group { margin-bottom: 12px; } .form-horizontal .control-label { font-weight: 600; } .pm-desc { min-height: 20px; padding: 10px; margin-top: 10px; margin-bottom: 10px; background-color: #f5f5f5; border: 1px solid #eaeaea; border-radius: 0; } .thumb-info-wrapper { aspect-ratio: 3 / 2; /* isto kao 1200×800 */ background:#fff; } .thumb-info-wrapper img { width: 100%; height: auto; display: block; } .video-fit{ /* layout */ display: grid; place-items: center; /* granice */ --maxW: 1000px; /* gornja granica po širini */ --maxH: calc(var(--vh) * 90); /* 90% stvarnog viewporta */ width: 100%; max-width: var(--maxW); /* aspect-ratio ćemo postaviti inline iz šablone */ background: #000; /* ključno: dimenzije prema manjim ograničenjima (bez preljevanja) */ /* ovo osigurava da wrapper ne bude viši od --maxH i ne širi se preko maxW */ /* height se računa iz width preko aspect-ratio, pa dodatno capamo s max-height */ max-height: var(--maxH); } .video-fit > video{ grid-area: 1 / 1; /* neka se skalarno prilagodi unutra bez croppanja */ width: 100%; height: 100%; object-fit: contain; /* kontrolama treba prostora: ne rezati ih */ overflow: visible; } .video-fit > .placeholder{ grid-area: 1 / 1; place-self: center; pointer-events: none; /* ne blokira klikove na kontrole */ background: transparent; max-width: clamp(120px, 30%, 320px); max-height: clamp(120px, 30%, 320px); z-index: 1; /* ispod native kontrola videa */ opacity: .9; /* po želji */ } .no-save, .no-save * { -webkit-touch-callout: none; /* iOS long-press meni */ -webkit-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1981px) { } @media (max-width: 1921px) { } @media (max-width: 1681px) { } @media (max-width: 1600px) { } @media (max-width: 1440px) { } @media (max-width: 1367px) { .traka-logo-footer { gap: 20px;} } @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);} } @media (max-width: 801px) { } /*iPad portrait width: 768px*/ @media (max-width: 769px) { .entry-summary h1 {margin-top: 1.25rem !important;} } /*iPhone 6 Plump landscape width: 736px*/ @media (max-width: 737px) { .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-image { display: block !important; } } /*iPhone 6 landscape width: 667px*/ @media (max-width: 668px) { } /*Android (Nexus 4) landscape width: 600px*/ @media (max-width: 601px) { #footer ul.nav li.nav-item.pe-5 {padding-right: 0.5rem !important;} .traka-logo-footer img {height: 25px !important;} .traka-logo-footer { margin-top: 2.5rem !important;} .footer-copyright .justify-content-between { justify-content: center !important;} } /*iPhone 5 landscape width: 568px*/ @media (max-width: 569px) { } @media (max-width: 481px) { #footer ul.nav li.nav-item.pe-5 {padding-right: 0rem !important;} } /*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) { }