@charset "UTF-8";
@charset "UTF-8";

 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
   :root {
--jobbox-font-heading: "Plus Jakarta Sans", sans-serif;
--jobbox-font-text: "Plus Jakarta Sans", sans-serif;
--jobbox-font-3xs: 10px;
--jobbox-font-xxs: 10px;
--jobbox-font-xs: 12px;
--jobbox-font-sm: 14px;
--jobbox-font-md: 16px;
--jobbox-font-md-2: 15px;
--jobbox-font-lg: 18px;
--jobbox-font-xl: 20px;
--jobbox-font-2xl: 22px;
--jobbox-font-3xl: 56px;
--jobbox-color-brand: #05264E;
--jobbox-color-brand-2: #3C65F5;
--jobbox-color-white: #ffffff;
--jobbox-color-green: #85FF83;
--jobbox-color-text-paragraph: #4F5E64;
--jobbox-color-text-paragraph-2: #66789C;
--jobbox-color-text-mutted: #A0ABB8;
--jobbox-color-border-1: #B4C0E0;
--jobbox-color-border-2: #E0E6F7;
--jobbox-color-border-3: #EFF2FB;
--jobbox-color-black-1: #253D4E;
--jobbox-box-shadow-1: 0px 18px 40px rgba(25, 15, 9, 0.1);
--jobbox-box-shadow-2: 0px 10px 20px -5px rgba(10, 42, 105, 0.06);
--jobbox-box-shadow-3: 0px 37px 60px -15px rgba(50, 59, 79, 0.1);
--jobbox-drop-shadow: 0px 2px 4px -5px rgba(10, 42, 105, 0.05);
--jobbox-border-color: #E0E6F6;
--jobbox-border-color-1-hover: #B4C0E0;
--jobbox-border-color-1: rgba(6, 18, 36, 0.1);
--jobbox-border-color-3: rgba(26, 15, 9, 0.1);
--jobbox-border-color-4: rgba(26, 15, 9, 0.1);
--jobbox-border-color-5: rgb(165, 165, 165);
--jobbox-background-1: #f2f3f4;
--jobbox-background-2: #f4f6fa;
--jobbox-background-3: #def9ec;
--jobbox-background-4: #72e0bf;
--jobbox-background-5: #F8FAFF;
--jobbox-background-6: #EFF3FC;
--jobbox-background-7: #F2F6FD;
--jobbox-background-8: rgba(81, 146, 255, 0.12);
--jobbox-background-white: #ffffff;
--jobbox-background-green: #3AAB67;
--jobbox-background-orange: #F58A3C;
--jobbox-background-pink: #D159E4;
--jobbox-background-urgent: #FFF6F1;
--jobbox-background-9: #EFF7FF;
--jobbox-background-10: #bee2ae;
--jobbox-background-11: #9fdbe9;
--jobbox-background-12: #9FB5FF;
--jobbox-background-13: #5aa6ff;
--jobbox-background-14: #D8F1FF;
--jobbox-background-15: #F4F7FF;
--jobbox-background-16: rgba(81, 146, 255, 0.12);
--jobbox-background-brand: #9777fa;
--jobbox-background-head-single: #FFF9F3;
--jobbox-background-blue-light-2: #E9F7FF;
--jobbox-background-primary-trans: rgba(81, 146, 255, 0.3);
--jobbox-background-primary: rgb(81, 146, 255);
--jobbox-background-grey: rgba(186, 186, 186, 0.3);
--jobbox-background-success: #00c070;
--jobbox-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --global--font-primary: var(--jobbox-font-text, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-secondary: var(--jobbox-font-heading, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-size-base: 1rem;
--global--font-size-xs: .825rem;
--global--font-size-sm: 1.125rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.5rem;
--global--font-size-xl: 2.25rem;
--global--font-size-xxl: 4rem;
--global--font-size-xxxl: 5rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal; --global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1; --heading--font-family: var(--jobbox-font-heading);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-page-title);
--heading--letter-spacing-h6: var(--global--letter-spacing);
--heading--letter-spacing-h5: var(--global--letter-spacing);
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: var(--global--line-height-heading);
--heading--line-height-h5: var(--global--line-height-heading);
--heading--line-height-h4: var(--global--line-height-heading);
--heading--line-height-h3: var(--global--line-height-heading);
--heading--line-height-h2: var(--global--line-height-heading);
--heading--line-height-h1: var(--global--line-height-page-title);
--heading--font-weight: normal;
--heading--font-weight-page-title: 300;
--heading--font-weight-strong: 600; --latest-posts--title-font-family: var(--heading--font-family);
--latest-posts--title-font-size: var(--heading--font-size-h3);
--latest-posts--description-font-family: var(--global--font-secondary);
--latest-posts--description-font-size: var(--global--font-size-sm);
--list--font-family: var(--global--font-secondary);
--definition-term--font-family: var(--global--font-primary); --global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); --global--color-secondary: var(--global--color-gray); --global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--jobbox-color-white); --global--color-border: var(--global--color-primary);  --global--spacing-unit: 20px;
--global--spacing-measure: unset;
--global--spacing-horizontal: 25px;
--global--spacing-vertical: 30px; --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); --form--font-family: var(--global--font-secondary);
--form--font-size: var(--global--font-size-sm);
--form--line-height: var(--global--line-height-body);
--form--color-text: var(--global--color-dark-gray);
--form--color-ranged: var(--global--color-secondary);
--form--label-weight: 500;
--form--border-color: var(--global--color-secondary);
--form--border-width: 3px;
--form--border-radius: 0;
--form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); --cover--height: calc(15 * var(--global--spacing-vertical));
--cover--color-foreground: var(--global--color-white);
--cover--color-background: var(--global--color-black); --button--color-text: var(--global--color-background);
--button--color-text-hover: var(--global--color-secondary);
--button--color-text-active: var(--global--color-secondary);
--button--color-background: var(--global--color-secondary);
--button--color-background-active: var(--global--color-background);
--button--font-family: var(--global--font-primary);
--button--font-size: var(--global--font-size-base);
--button--font-weight: 500;
--button--line-height: 1.5;
--button--border-width: 3px;
--button--border-radius: 0;
--button--padding-vertical: 15px;
--button--padding-horizontal: calc(2 * var(--button--padding-vertical)); --entry-header--color: var(--global--color-primary);
--entry-header--color-link: currentColor;
--entry-header--color-hover: var(--global--color-primary-hover);
--entry-header--color-focus: var(--global--color-secondary);
--entry-header--font-size: var(--heading--font-size-h2);
--entry-content--font-family: var(--global--font-secondary);
--entry-author-bio--font-family: var(--heading--font-family);
--entry-author-bio--font-size: var(--heading--font-size-h4); --pagination--color-text: var(--global--color-primary);
--pagination--color-link-hover: var(--global--color-primary-hover);
--pagination--font-family: var(--global--font-secondary);
--pagination--font-size: var(--global--font-size-lg);
--pagination--font-weight: normal;
--pagination--font-weight-strong: 600; --footer--color-text: var(--global--color-primary);
--footer--color-link: var(--global--color-primary);
--footer--color-link-hover: var(--global--color-primary-hover);
--footer--font-family: var(--global--font-primary);
--footer--font-size: var(--global--font-size-sm); --pullquote--font-family: var(--global--font-primary);
--pullquote--font-size: var(--heading--font-size-h3);
--pullquote--font-style: normal;
--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
--pullquote--line-height: var(--global--line-height-heading);
--pullquote--border-width: 3px;
--pullquote--border-color: var(--global--color-primary);
--pullquote--color-foreground: var(--global--color-primary);
--pullquote--color-background: var(--global--color-background);
--quote--font-family: var(--global--font-secondary);
--quote--font-size: var(--global--font-size-md);
--quote--font-size-large: var(--global--font-size-xl);
--quote--font-style: normal;
--quote--font-weight: 700;
--quote--font-weight-strong: bolder;
--quote--font-style-large: normal;
--quote--font-style-cite: normal;
--quote--line-height: var(--global--line-height-body);
--quote--line-height-large: 1.35;
--separator--border-color: var(--global--color-border);
--separator--height: 1px; --table--stripes-border-color: var(--global--color-light-gray);
--table--stripes-background-color: var(--global--color-light-gray);
--table--has-background-text-color: var(--global--color-dark-gray); --widget--line-height-list: 1.9;
--widget--line-height-title: 1.4;
--widget--font-weight-title: 700;
--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); --global--admin-bar--height: 0px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.bypostauthor > a {
font-weight: 700;
}   :root {
--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignfull-width: 100%;
--responsive--alignright-margin: var(--global--spacing-horizontal);
--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 733px);
--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
--responsive--alignright-margin: 0;
--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
}
}
@media only screen and (min-width: 822px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 733px);
--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1100px);
}
}
.page-template-default {
--responsive--aligndefault-width: 100% !important;
} .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce):not(.box-company-profile),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
max-width: var(--responsive--aligndefault-width);
margin-left: auto;
margin-right: auto;
}
.alignwide, .wide-max-width {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width {
max-width: var(--responsive--alignfull-width);
width: var(--responsive--alignfull-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.alignfull, .full-max-width {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
margin-left: auto;
margin-right: auto;
width: var(--responsive--alignwide-width);
max-width: var(--responsive--alignfull-width);
}
@media only screen and (min-width: 482px) {
.entry-content > .alignleft, .alignleft { margin-left: 0; margin-right: var(--global--spacing-horizontal);
}
}
@media only screen and (min-width: 482px) {
.entry-content > .alignright { margin-left: var(--global--spacing-horizontal); margin-right: var(--responsive--alignright-margin);
}
}     .entry-content,
.author-bio {
margin-right: auto;
margin-bottom: var(--global--spacing-vertical);
margin-left: auto;
} .site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
margin-top: 0;
}
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
margin-bottom: 0;
} .page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
margin-top: 0;
}
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
margin-bottom: 0;
} .entry-content > * {
max-width: 100%; }
.entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
margin-top: 0;
}
.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright {
margin-top: var(--global--spacing-vertical);
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} blockquote {
padding: 0;
position: relative;
margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
blockquote > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote p {
letter-spacing: var(--heading--letter-spacing-h4);
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
font-weight: var(--quote--font-weight);
line-height: var(--quote--line-height);
}
blockquote cite,
blockquote footer {
font-weight: normal;
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote.alignleft, blockquote.alignright {
padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
font-size: var(--heading--font-size-h5);
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote strong {
font-weight: var(--quote--font-weight-strong);
}
blockquote:before {
content: "“";
font-size: var(--quote--font-size);
line-height: var(--quote--line-height);
left: calc(-0.5 * var(--global--spacing-horizontal));
}
blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481px) {
blockquote {
padding-left: calc(0.5 * var(--global--spacing-horizontal));
margin-left: calc(0 * var(--global--spacing-horizontal));
}
blockquote:before {
left: 0;
}
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
} .entry-content img {
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
color: currentColor;
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
max-width: 100%;
}
.alignleft figcaption, .alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
margin-bottom: 0;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
white-space: pre;
overflow-x: auto;
} a {
cursor: pointer;
color: var(--wp--style--color--link, var(--global--color-primary));
text-underline-offset: 3px;
text-decoration-skip-ink: all;
}
a:hover {
text-decoration-style: dotted;
text-decoration-skip-ink: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { outline: 2px solid transparent;
text-decoration: underline 1px dotted currentColor;
text-decoration-skip-ink: none;
background: rgba(255, 255, 255, 0.9);
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: var(--global--color-black);
color: var(--global--color-white);
text-decoration: none;
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: rgba(0, 0, 0, 0.9);
color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
color: var(--wp--style--color--link, var(--global--color-white));
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { outline: 2px solid transparent;
outline-offset: -2px;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
color: #21759b;
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}
.has-background .has-link-color a, .has-background.has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.format-link a {
text-decoration: underline;
}
.widget ul {
list-style-type: none;
padding: 0;
}
.widget ul li {
margin-bottom: 4px;
}
.widget ul.sub-menu, .widget ul.children {
margin-left: 20px;
}
.widget ul .sub-menu-toggle {
display: none;
}
.widget.widget_rss li {
margin-bottom: 15px;
}
.widget.widget_rss .rss-widget-icon {
display: none;
}
.widget.widget_rss .rsswidget {
font-weight: bold;
}
.widget.widget_rss .rssSummary {
color: var(--jobbox-color-text-paragraph);
}
.widget.widget_rss .rss-date {
color: var(--jobbox-color-text-mutted);
}
.widget .tag-cloud-link {
display: inline-flex;
margin-right: 5px;
margin-bottom: 5px;
}
.widget .tag-cloud-link:hover {
color: var(--jobbox-color-brand);
transform: translateY(-3px);
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.widget_search > .search-form .search-field {
margin-right: calc(-1 * var(--button--border-width));
-webkit-appearance: none;
}
.widget_search > .search-form .search-submit {
margin-left: 0;
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
} .wp-block-audio audio:focus {
outline-offset: 5px;
outline: 2px solid var(--global--color-primary);
} .wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
border: var(--button--border-width) solid transparent;
border-radius: var(--button--border-radius);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
line-height: var(--button--line-height);
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
text-decoration: none;
}
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-background);
}
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-background, var(--global--color-primary));
}
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
color: var(--global--color-primary);
}
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
background-color: var(--global--color-primary);
}
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
background-color: var(--local--color-primary, var(--global--color-primary));
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
background-color: transparent;
border-color: currentColor;
color: inherit;
}
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
outline-offset: -6px;
outline: 2px dotted currentColor;
}
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
background-color: var(--global--color-white-50);
border-color: var(--global--color-white-50);
color: var(--button--color-text-active);
} .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-background);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-background, var(--global--color-background));
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
color: var(--global--color-primary);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--global--color-primary);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--local--color-primary, var(--global--color-primary));
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
border-color: currentColor !important;
background-color: transparent !important;
color: inherit !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-primary);
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-primary, var(--global--color-primary));
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
border-color: transparent !important;
background-color: var(--global--color-primary) !important;
color: var(--global--color-background) !important;
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
background-color: var(--local--color-primary, var(--global--color-primary)) !important;
color: var(--local--color-background, var(--global--color-background)) !important;
}
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
color: var(--local--color-background, var(--global--color-background)) !important;
}
.wp-block-button .is-style-squared .wp-block-button__link {
border-radius: 0;
}
.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
outline-offset: 2px;
outline: 2px dotted var(--button--color-background);
}
.wp-block-code {
border-color: var(--global--color-border);
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
padding: var(--global--spacing-unit);
}
.wp-block-code code {
color: var(--global--color-primary);
white-space: pre;
overflow-x: auto;
display: block;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-columns .wp-block-column > * {
margin-top: calc(0.66 * var(--global--spacing-vertical));
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
}
@media only screen and (min-width: 822px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 0;
}
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap {
justify-content: space-around;
}
@media only screen and (min-width: 652px) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
margin-left: calc(-2 * var(--global--spacing-horizontal));
margin-top: calc(2.5 * var(--global--spacing-horizontal));
z-index: 2;
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
background-color: var(--global--color-background);
padding: var(--global--spacing-unit);
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
padding-left: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
margin-top: 0;
}
}
.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
@media only screen and (min-width: 482px) {
.wp-block-cover,
.wp-block-cover-image {
--jobbox-cover-spacing-x: calc( (1100px - 733px)/2);
}
}
.wp-block-cover,
.wp-block-cover-image {
background-color: var(--cover--color-background);
min-height: var(--cover--height);
margin-top: inherit;
margin-bottom: inherit;
border-radius: 0 !important;    }
.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
clear: both;
margin-left: var(--jobbox-cover-spacing-x);
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-cover.has-background-dim .wp-block-cover-text,
.wp-block-cover-image.has-background-dim .wp-block-cover-text {
color: var(--cover--color-foreground);
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
color: var(--cover--color-foreground);
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
max-width: inherit;
text-align: inherit;
padding: 0;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 2 * var(--global--spacing-vertical));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignleft, .wp-block-cover.alignright::not(img ),
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright::not(img ) {
margin-top: 0;
}
.wp-block-cover.alignleft > *, .wp-block-cover.alignright::not(img ) > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright::not(img ) > * {
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(2 * var(--global--spacing-vertical));
padding-left: var(--global--spacing-horizontal);
padding-right: var(--global--spacing-horizontal);
width: 100%;
}
.wp-block-cover.alignleft:not(.has-background-dim), .wp-block-cover.alignright::not(img ):not(.has-background-dim),
.wp-block-cover-image.alignleft:not(.has-background-dim),
.wp-block-cover-image.alignright::not(img ):not(.has-background-dim) {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
justify-content: center;
}
.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
background-color: unset;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
opacity: inherit;
}
.wp-block-file a.wp-block-file__button {
display: inline-block;
}
.wp-block-gallery {
margin: 0 auto;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - var(--global--spacing-unit)) / 2);
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: var(--global--color-white);
font-size: var(--global--font-size-xs);
}
.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
color: var(--global--color-white);
}
.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
background-color: transparent;
outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
text-decoration: none;
}
.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
outline-offset: 2px;
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before, .wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group .wp-block-group__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-group.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical);
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
margin-left: calc(-1 * var(--global--spacing-vertical));
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
clear: both;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
font-weight: var(--heading--font-weight-strong);
}
h1,
.h1 {
font-size: var(--heading--font-size-h1);
letter-spacing: var(--heading--letter-spacing-h1);
line-height: var(--heading--line-height-h1);
}
h2,
.h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
}
h3,
.h3 {
font-size: var(--heading--font-size-h3);
letter-spacing: var(--heading--letter-spacing-h3);
line-height: var(--heading--line-height-h3);
}
h4,
.h4 {
font-size: var(--heading--font-size-h4);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height-h4);
}
h5,
.h5 {
font-size: var(--heading--font-size-h5);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h5);
line-height: var(--heading--line-height-h5);
}
h6,
.h6 {
font-size: var(--heading--font-size-h6);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h6);
line-height: var(--heading--line-height-h6);
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.wp-block-image .alignright {
margin-left: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
margin-right: var(--global--spacing-horizontal);
}
.wp-block-image a:focus img {
outline-offset: 2px;
}
.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
margin-top: 0;
margin-bottom: 0;
}
.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
margin-top: 0;
}
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-image.is-style-twentytwentyone-image-frame img {
padding: var(--global--spacing-unit);
}
@media only screen and (min-width: 482px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
max-width: 50%;
}
}
@media only screen and (max-width: 481px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
margin-left: 0;
margin-right: 15px;
}
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: var(--jobbox--font-size-sm, 14px) !important;
line-height: var(--global--line-height-body); margin-top: 7.5px;
margin-bottom: 7.5px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author {
font-weight: bold;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-sm);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
margin: 0;
}
.wp-block-latest-posts {
padding-left: 0;
display: grid;
gap: 15px;
}
.wp-block-latest-posts:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.widget-area .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid {
word-wrap: break-word;
word-break: break-word;
}
.wp-block-latest-posts.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
font-family: var(--jobbox-font-heading);
font-size: var(-jobbox-font-sm);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.widget-area .wp-block-latest-posts > li > a {
font-size: var(-jobbox-font-sm);
font-weight: 600;
margin-bottom: 0;
}
.wp-block-latest-posts .wp-post-image {
border-radius: 5px;
}
.wp-block-latest-posts .alignleft {
margin-bottom: 0px;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-body);
line-height: var(--global--line-height-body);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-family: var(--jobbox-font-text);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
padding-bottom: var(--global--spacing-vertical);
border-bottom: var(--separator--height) solid var(--global--color-border);
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
box-shadow: inset 0 -1px 0 0 var(--global--color-border);
border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
margin: 0;
padding-top: var(--global--spacing-vertical);
padding-right: var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
width: calc(100% / 2);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
width: calc(100% / 3);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
width: calc(100% / 4);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
width: calc(100% / 5);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
width: calc(100% / 6);
}
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
margin-top: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-horizontal);
}
@media (max-width: 1399.98px) {
.wp-block-latest-posts {
gap: 0px;
}
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item a {
display: block;
}
.gallery-item a:focus img {
outline-offset: -2px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
figure.wp-caption a:focus img {
outline-offset: 2px;
}
@media only screen and (max-width: 767.99px) {
.gallery-columns-4 .gallery-item {
max-width: 33.33%;
}
}
@media only screen and (max-width: 575.99px) {
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
max-width: 50%;
}
}
.entry-content ul,
.entry-content ol {
font-family: var(--list--font-family);
margin: 0;
padding-left: calc(2 * var(--global--spacing-horizontal));
}
.entry-content ul.aligncenter,
.entry-content ol.aligncenter {
list-style-position: inside;
padding: 0;
}
.entry-content ul.alignright,
.entry-content ol.alignright {
list-style-position: inside;
text-align: right;
padding: 0;
}
.entry-content ul {
list-style-type: disc;
}
.entry-content ul ul {
list-style-type: circle;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content ol ul {
list-style-type: circle;
}
.entry-content dt {
font-family: var(--definition-term--font-family);
font-weight: bold;
}
.entry-content dd {
margin: 0;
padding-left: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-media-text { }
.wp-block-media-text.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-media-text a:focus img {
outline-offset: -1px;
}
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 482px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-navigation .wp-block-navigation-link {
padding: 0;
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
padding: var(--primary-nav--padding);
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
padding: 0;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
display: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
border: none;
left: 0;
margin-left: var(--primary-nav--padding);
min-width: max-content;
opacity: 0;
padding: 0;
position: inherit;
top: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
display: inline-block;
padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
display: none;
}
.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
display: block;
opacity: 1;
visibility: visible;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
background: var(--global--color-background);
margin: 0;
padding: 0;
position: absolute;
top: 100%;
border: 1px solid var(--primary-nav--border-color);
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
content: "";
display: block;
position: absolute;
width: 0;
top: -10px;
left: var(--global--spacing-horizontal);
border-style: solid;
border-color: var(--primary-nav--border-color) transparent;
border-width: 0 7px 10px 7px;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
top: -9px;
border-color: var(--global--color-background) transparent;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
color: var(--primary-nav--color-link-hover);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
color: currentColor;
}
.entry-content p {
line-height: var(--wp--typography--line-height, 1.5);
font-size: var(--jobbox-font-md);
}
.entry-content p.has-background {
padding: var(--global--spacing-unit);
}
.entry-content p.has-text-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
pre.wp-block-preformatted {
overflow-x: auto;
white-space: pre;
}
.wp-block-pullquote {
padding: calc(2 * var(--global--spacing-unit)) 0;
text-align: center;
border-width: var(--pullquote--border-width);
border-bottom-style: solid;
border-top-style: solid;
color: currentColor;
border-color: currentColor;
position: relative; }
.wp-block-pullquote blockquote::before {
color: currentColor;
content: "“";
display: block;
position: relative;
left: 0;
font-size: 3rem;
font-weight: 500;
line-height: 1;
}
.wp-block-pullquote p {
font-family: var(--pullquote--font-family);
font-size: var(--pullquote--font-size);
font-style: var(--pullquote--font-style);
font-weight: 700;
letter-spacing: var(--pullquote--letter-spacing);
line-height: var(--pullquote--line-height);
margin: 0;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
display: block;
font-size: var(--global--font-size-xs);
font-style: var(--pullquote--font-style);
text-transform: none;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
text-align: center;
}
.wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote {
max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
padding: 0 calc(2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
color: var(--pullquote--color-foreground);
padding: calc(2.5 * var(--global--spacing-unit));
border-width: var(--pullquote--border-width);
border-style: solid;
border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {
.wp-block-pullquote.is-style-solid-color {
padding: calc(5 * var(--global--spacing-unit));
}
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin: 0;
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: var(--pullquote--font-size);
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright {
padding: var(--global--spacing-unit);
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote {
max-width: initial;
}
.wp-block-query.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-query.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-quote {
border-left: none; }
.wp-block-quote:before {
content: "“";
font-size: var(--quote--font-size);
line-height: var(--quote--line-height);
font-size: 3rem;
}
.has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
color: currentColor;
}
.wp-block-quote.has-text-align-right {
margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
padding-right: 0;
border-right: none;
}
.wp-block-quote.has-text-align-right:before {
display: none;
}
.wp-block-quote.has-text-align-right p:before {
content: "”";
font-size: var(--quote--font-size);
font-weight: normal;
line-height: var(--quote--line-height);
margin-right: 5px;
}
.wp-block-quote.has-text-align-center {
margin: var(--global--spacing-vertical) auto;
}
.wp-block-quote.has-text-align-center:before {
display: none;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 0; margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: var(--quote--font-size-large);
font-style: var(--quote--font-style-large);
line-height: var(--quote--line-height-large);
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
font-size: var(--quote--font-size-large);
line-height: var(--quote--line-height-large);
left: calc(-1 * var(--global--spacing-horizontal));
}
.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
display: none;
}
.wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before {
content: "”";
font-size: var(--quote--font-size-large);
font-weight: normal;
line-height: var(--quote--line-height-large);
margin-right: 10px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481px) {
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
left: 0;
}
.wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
padding-left: 0;
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
right: 0;
}
.wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 481px) {
.wp-block-quote.has-text-align-right {
padding-left: 0;
padding-right: calc(0.5 * var(--global--spacing-horizontal));
}
.wp-block-quote.has-text-align-right:before {
right: 0;
}
.wp-block-quote.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
}
.wp-block-rss {
padding-left: 0;
}
.wp-block-rss > li {
list-style: none;
}
.wp-block-rss:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-rss:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-rss:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-rss.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-rss > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss > li > *:first-child {
margin-top: 0;
}
.wp-block-rss > li > *:last-child {
margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title > a {
display: inline-block;
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss .wp-block-rss__item-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
}
.wp-block-rss .wp-block-rss__item-publish-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date {
color: currentColor;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-search {
max-width: var(--responsive--aligndefault-width);
}
.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
justify-content: center;
}
.wp-block-search .wp-block-search__label {
font-size: var(--form--font-size);
font-weight: var(--form--label-weight);
margin-bottom: calc(var(--global--spacing-vertical) / 3);
}
.wp-block-search .wp-block-search__input {
border: var(--jobbox-form--border-width, 1px) solid var(--jobbox-form--border-color, #ececec);
border-radius: var(--jobbox-form--border-radius, 0px);
height: var(--jobbox-form-input-height, 54px);
width: 100%;
font-size: var(--jobbox-form-font-size, 1rem);
}
.wp-block-search .wp-block-search__input:focus {
color: var(--form--color-text);
border-color: var(--jobbox-form--border-color, #ececec);
}
.has-background .wp-block-search .wp-block-search__input {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search button.wp-block-search__button {
margin-left: 0;
line-height: 1;
}
.wp-block-search button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
border: none;
outline: none;
}
.wp-block-search button.wp-block-search__button.has-icon svg {
width: 40px;
height: 40px;
fill: #666;
transform: rotate(270deg);
}
.wp-block-search button.wp-block-search__button.has-icon:hover {
border: none;
}
.has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active {
background-color: var(--local--color-background, var(--global--color-background)) !important;
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active {
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: var(--global--color-white);
border: var(--jobbox-form--border-width, 1px) solid var(--jobbox-form--border-color, #ececec);
border-radius: var(--jobbox-form--border-radius, 10px);
}
.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
margin-left: 0;
margin-right: 0;
padding-left: var(--form--spacing-unit);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
color: var(--form--color-text);
outline-offset: -2px;
outline: 2px dotted var(--form--border-color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
background-color: var(--global--color-dark-gray);
color: var(--global--color-white);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
color: inherit;
background: none;
}
.wp-block-search__button {
box-shadow: none;
}
hr {
border-style: none;
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
margin-left: auto;
margin-right: auto;
}
hr.wp-block-separator {
border-bottom: var(--separator--height) solid var(--separator--border-color);
opacity: 1; }
hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
max-width: var(--responsive--aligndefault-width);
}
hr.wp-block-separator:not(.is-style-dots).alignwide {
max-width: var(--responsive--alignwide-width);
}
hr.wp-block-separator:not(.is-style-dots).alignfull {
max-width: var(--responsive--alignfull-width);
}
hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
border-bottom-width: calc(3 * var(--separator--height));
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: var(--separator--border-color);
font-size: var(--global--font-size-xl);
letter-spacing: var(--global--font-size-sm);
padding-left: var(--global--font-size-sm);
}
.has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator {
border-color: currentColor;
}
.wp-block-social-links a:focus {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
background: none;
}
.wp-block-spacer {
display: block;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
@media only screen and (max-width: 481px) {
.wp-block-spacer[style] {
height: var(--global--spacing-unit) !important;
}
}
table,
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
text-align: center;
}
table th,
.wp-block-table th {
font-family: var(--heading--font-family);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc(0.5 * var(--global--spacing-unit));
border: 1px solid var(--jobbox-border-color);
}
table figcaption,
.wp-block-table figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
}
table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
color: var(--table--has-background-text-color);
}
table.is-style-stripes,
.wp-block-table.is-style-stripes {
border-color: var(--table--stripes-border-color);
}
table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-width: 0;
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--table--stripes-background-color);
}
table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: var(--global--color-white-90);
}
table.wp-calendar-table td,
table.wp-calendar-table th {
background: transparent;
border: 0;
text-align: center;
line-height: 2;
vertical-align: middle;
word-break: normal;
}
table.wp-calendar-table th {
font-weight: bold;
}
table.wp-calendar-table thead,
table.wp-calendar-table tbody {
color: currentColor;
border: 1px solid var(--jobbox-border-color);
}
table.wp-calendar-table caption {
font-weight: bold;
text-align: left;
margin-bottom: var(--global--spacing-unit);
color: currentColor;
}
.wp-calendar-nav {
text-align: left;
margin-top: calc(var(--global--spacing-unit) / 2);
}
.wp-calendar-nav svg {
height: 1em;
vertical-align: middle;
}
.wp-calendar-nav svg path {
fill: currentColor;
}
.wp-calendar-nav .wp-calendar-nav-next {
float: right;
}
.wp-block-tag-cloud.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.wp-block-verse {
font-family: var(--entry-content--font-family);
}
.wp-block-video figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
* > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
:root .is-extra-small-text,
:root .has-extra-small-font-size {
font-size: var(--global--font-size-xs);
}
:root .is-small-text,
:root .has-small-font-size {
font-size: var(--global--font-size-sm);
}
:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
font-size: var(--global--font-size-base);
}
:root .is-large-text,
:root .has-large-font-size {
font-size: var(--global--font-size-lg);
}
:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
font-size: var(--global--font-size-xl);
}
:root .is-huge-text,
:root .has-huge-font-size {
font-size: var(--global--font-size-xxl);
}
:root .is-gigantic-text,
:root .has-gigantic-font-size {
font-size: var(--global--font-size-xxxl);
font-weight: var(--heading--font-weight-page-title);
}   .alignleft { text-align: left;
float: left;
margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
max-width: var(--responsive--aligndefault-width);
}
.entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignleft { float: left; margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
max-width: 366.5px;
}
} .aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
} .alignright {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignright { float: right; margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignright-margin));
}
}
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
margin-top: 0;
} .alignwide {
clear: both;
} .alignfull {
clear: both;
}
.has-left-content {
justify-content: flex-start;
}
.has-right-content {
justify-content: flex-end;
}
.has-parallax {
background-attachment: fixed;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
float: left;
margin: 0.1em 0.1em 0 0;
font-size: calc(1.2 * var(--heading--font-size-h1));
}
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px;
}
.desktop-only {
display: none;
}
@media only screen and (min-width: 482px) {
.desktop-only {
display: block;
}
}
.elementor-element {
--e-global-color-primary: var(--jobbox-color-brand-2);
--e-global-color-secondary: var(--jobbox-color-brand);
--e-global-color-text: var(--jobbox-color-text-paragraph);
--e-global-color-accent: var(--jobbox-color-green);
--e-global-typography-primary-font-family: var(--jobbox-font-text);
--e-global-typography-primary-font-weight: inherit;
--e-global-typography-secondary-font-family: var(--jobbox-font-heading);
--e-global-typography-secondary-font-weight: inherit;
--e-global-typography-text-font-family: var(--jobbox-font-text);
--e-global-typography-text-font-weight: inherit;
--e-global-typography-accent-font-family: inherit;
--e-global-typography-accent-font-weight: inherit;
}main {
display: block;
clear: both;
}
thead {
font-weight: 600;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
}
input,
select,
button,
textarea {
font-family: var(--jobbox-font-text);
font-size: var(--jobbox-font-sm);
}
*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
outline: none !important;
box-shadow: none !important;
}
input:focus::-moz-placeholder {
opacity: 0;
-moz-transition: 0.4s;
transition: 0.4s;
}
a {
color: var(--jobbox-color-brand);
}
a:hover {
color: var(--jobbox-color-brand-2);
}
a *:hover {
color: var(--jobbox-color-brand-2);
}
li.hr span {
width: 100%;
height: 1px;
background-color: #e4e4e4;
margin: 20px 0;
display: block;
}
p {
color: var(--jobbox-color-text-paragraph);
} ::-moz-selection {
background: var(--jobbox-color-brand); color: #fff;
}
::selection {
background: var(--jobbox-color-brand); color: #fff;
}
::-moz-selection {
background: var(--jobbox-color-brand); color: #fff;
}
::-moz-placeholder {
color: var(--jobbox-color-text-mutted);
opacity: 1;
}
::placeholder {
color: var(--jobbox-color-text-mutted);
opacity: 1;
}
:-ms-input-placeholder,
::-webkit-input-placeholder {
color: var(--jobbox-color-text-mutted);
opacity: 1;
}
.fix {
overflow: hidden;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.section {
float: left;
width: 100%;
}
.f-right {
float: right;
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.bg-img {
background-position: center center;
background-size: cover;
}
.position-relative {
position: relative;
}
.height-100vh {
height: 100vh !important;
}
*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
outline: none !important;
box-shadow: none;
}
.border-radius {
border-radius: 4px;
}
.border-radius-5 {
border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
}
.border-radius-15 {
border-radius: 15px;
}
.border-radius-20 {
border-radius: 20px;
}
.hover-up {
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.hover-up:hover {
transform: translateY(-3px);
transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.none-shadow {
box-shadow: none !important;
}
.form-control {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 4px;
background-color: #ffffff;
padding: 11px 15px 13px 15px;
width: 100%;
color: var(--jobbox-color-text-mutted);
}
.form-control::-moz-placeholder {
color: var(--jobbox-color-text-mutted);
}
.form-control::placeholder {
color: var(--jobbox-color-text-mutted);
}
.form-group {
position: relative;
}
.form-group i {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
font-size: 18px;
color: var(--jobbox-color-text-mutted);
}
.form-icons {
padding-left: 41px;
}
.text-white {
color: #ffffff;
}
@media (min-width: 1400px) {
.container {
max-width: 1350px;
}
}
strong {
font-weight: bold;
}
a {
text-decoration: none;
}
.section-box {
display: inline-block;
width: 100%;
overflow: visible;
}
.text-shadow {
text-shadow: var(--jobbox-text-shadow);
}
.img-responsive {
max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--jobbox-color-text-paragraph);
line-height: 1.857;
font-family: var(--jobbox-font-heading);
font-size: var(--jobbox-font-sm);
}
.select2-search.select2-search--dropdown {
padding: 0;
margin-bottom: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: thin solid var(--jobbox-border-color);
border-radius: 4px;
height: 40px;
padding-left: 15px;
}
.select2-dropdown {
border-color: #ffffff;
box-shadow: var(--jobbox-box-shadow-2);
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
border: thin solid #ececec;
padding: 15px;
margin-top: 10px;
border-radius: 4px;
min-width: 200px;
z-index: 30;
}
.select-style .select2-selection--single .select2-selection__rendered {
color: var(--jobbox-color-text-mutted);
}
.select-style .select2 {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 4px;
padding: 10px 20px 10px 20px;
display: inline-block;
width: 100% !important;
}
.select-style .select2 .select2-selection__arrow {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/arrow-down.svg) no-repeat right 10px center;
top: 11px;
width: 26px;
opacity: 0.5;
}
.select-style .select2 .select2-selection__arrow b {
display: none !important;
}
.select-style-icon .select2 {
padding-left: 33px;
}
.dropdown {
position: relative;
}
.dropdown .dropdown-menu.show {
border: thin solid var(--jobbox-color-border-1);
box-shadow: var(--jobbox-box-shadow-2);
background-color: #ffffff;
border-radius: 10px;
padding: 0;
overflow: hidden;
}
.dropdown .dropdown-menu.show .dropdown-item {
padding: 10px 20px;
color: var(--jobbox-color-text-paragraph);
font-size: 14px;
}
.dropdown .dropdown-menu.show .dropdown-item.active {
text-decoration: none;
background-color: var(--jobbox-color-border-3);
}
.dropdown .dropdown-menu.show .dropdown-item:active {
text-decoration: none;
background-color: var(--jobbox-color-border-3);
}
.dropdown.dropdown-sort .dropdown-menu.show {
border-radius: 10px;
margin-top: 20px;
}
h1 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 800;
font-size: var(--jobbox-font-3xl);
line-height: 1.268;
color: var(--jobbox-color-brand);
}
h2 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 1.25;
color: var(--jobbox-color-brand);
}
h3 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 1.25;
color: var(--jobbox-color-brand);
}
h4 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 1.25;
color: var(--jobbox-color-brand);
}
h5 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 700;
font-size: var(--jobbox-font-xl);
line-height: 1.3;
color: var(--jobbox-color-brand);
}
h6 {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 1.625;
color: var(--jobbox-color-brand);
}
.font-lg, .font-md, .font-sm, .font-xs, .font-xxs {
font-family: var(--jobbox-font-text);
font-style: normal;
font-weight: 400;
}
.font-lg {
font-weight: 500;
font-size: var(--jobbox-font-lg);
line-height: 1.445;
}
.font-md {
font-size: var(--jobbox-font-md) !important;
line-height: 1.5 !important;
}
.font-sm {
font-weight: 500;
font-size: var(--jobbox-font-sm) !important;
line-height: 1.571 !important;
}
.font-xs {
font-weight: 500 !important;
font-size: var(--jobbox-font-xs) !important;
line-height: 18px !important;
}
.font-xxs {
font-size: var(--jobbox-font-xxs) !important;
line-height: 1.6;
}
.font-bold {
font-weight: bold;
}
.font-regular {
font-weight: 400;
}
.color-text-paragraph {
color: var(--jobbox-color-text-paragraph);
}
.color-text-paragraph-2 {
color: var(--jobbox-color-text-paragraph-2);
}
.color-text-mutted {
color: var(--jobbox-color-text-mutted);
}
.color-white {
color: #ffffff !important;
}
.text-14 {
font-size: var(--jobbox-font-sm);
line-height: 1;
font-weight: 500;
display: inline-block;
vertical-align: middle;
}
.text-32 {
font-size: 32px;
line-height: 1.25;
font-weight: 800;
}
.text-52 {
font-size: 52px;
line-height: 1.26923;
font-weight: 800;
color: var(--jobbox-color-brand);
}
.text-42 {
font-size: 42px;
line-height: 1.2619;
font-weight: 700;
color: var(--jobbox-color-brand);
}
.color-green {
color: var(--jobbox-color-green);
}
.color-brand-1 {
color: var(--jobbox-color-brand);
}
.color-brand-2 {
color: var(--jobbox-color-brand-2);
}
.op-70 {
opacity: 0.7;
}
.f-18 {
font-size: 18px;
}
.box-related-job {
display: inline-block;
width: 100%;
padding: 20px 0px;
border-top: 1px solid var(--jobbox-color-border-2);
margin-top: 30px;
}
.social-share-link {
display: inline-block;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
margin: 0px 2px;
}
.share-facebook {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/facebook.svg);
}
.share-twitter {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/twitter.svg);
}
.share-instagram {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/instagram.svg);
}
.share-linkedin {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/linkedin.svg);
}
.box-progress-bar .progress {
height: 6px;
position: relative;
overflow: visible;
border-radius: 5px;
background-color: var(--jobbox-color-border-2);
}
.box-progress-bar .progress .bg-paragraph-2 {
overflow: visible;
border-radius: 10px;
position: relative;
background-color: var(--jobbox-color-text-paragraph-2) !important;
}
.box-progress-bar .progress .bg-paragraph-2 span {
position: absolute;
top: -25px;
right: -14px;
color: var(--jobbox-color-text-paragraph-2);
font-size: var(--jobbox-font-xs);
line-height: 1.5;
}
.box-progress-bar .progress .bg-paragraph-2::before {
content: "";
height: 16px;
width: 16px;
border-radius: 50%;
background-color: var(--jobbox-color-text-paragraph-2);
position: absolute;
top: -5px;
right: -5px;
}
.box-progress-bar .progress .bg-brand-2 {
overflow: visible;
border-radius: 10px;
position: relative;
background-color: var(--jobbox-color-brand-2) !important;
}
.box-progress-bar .progress .bg-brand-2 span {
position: absolute;
top: -25px;
right: -14px;
color: var(--jobbox-color-text-paragraph-2);
font-size: var(--jobbox-font-xs);
line-height: 1.5;
}
.box-progress-bar .progress .bg-brand-2::before {
content: "";
height: 16px;
width: 16px;
border-radius: 50%;
background-color: var(--jobbox-color-brand-2);
position: absolute;
top: -5px;
right: -5px;
}
iframe {
width: 100%;
}
.bg-green {
background-color: var(--jobbox-background-green) !important;
}
.bg-orange {
background-color: var(--jobbox-background-orange) !important;
}
.bg-pink {
background-color: var(--jobbox-background-pink) !important;
}
.bg-9 {
background-color: var(--jobbox-background-9) !important;
}
.bg-14 {
background-color: var(--jobbox-background-1) 4 !important;
}
.bg-15 {
background-color: var(--jobbox-background-1) 5 !important;
}
a,
button,
img,
input,
span,
h4 {
transition: all .3s ease 0s;
}
@-webkit-keyframes slideleft {
10% {
opacity: 0;
transform: scale(0);
right: 0;
}
50% {
opacity: 1;
transform: scale(1);
}
90% {
opacity: 0;
transform: scale(0);
right: 100%;
}
}
@keyframes slideleft {
10% {
opacity: 0;
transform: scale(0);
right: 0;
}
50% {
opacity: 1;
transform: scale(1);
}
90% {
opacity: 0;
transform: scale(0);
right: 100%;
}
}
@-webkit-keyframes spinner {
0% {
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
transform: perspective(120px) rotateX(-180deg) rotateY(0);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
}
}
@keyframes spinner {
0% {
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
transform: perspective(120px) rotateX(-180deg) rotateY(0);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
}
}
@-webkit-keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(151, 119, 250, 0.8);
}
100% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(151, 119, 250, 0.8);
}
100% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes shadow-pulse-big {
0% {
box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@keyframes shadow-pulse-big {
0% {
box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes jump {
0% {
transform: translate3d(0, 20%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes jump {
0% {
transform: translate3d(0, 20%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.jump {
transform-origin: 0;
-webkit-animation: jump .5s linear alternate infinite;
animation: jump .5s linear alternate infinite;
} body {
color: var(--jobbox-color-brand);
font-family: var(--jobbox-font-text);
font-size: 14px;
line-height: 1.7142857;
font-style: normal;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.display-1,
.display-2,
.heading-lg,
.heading-sm-1 {
color: var(--jobbox-color-brand);
}
.btn,
.login-submit .button {
font-family: var(--jobbox-font-text);
border-radius: 8px;
padding: 13px 25px;
font-size: var(--jobbox-font-sm);
border-color: transparent;
line-height: 1;
transition: 0.2s;
}
.btn.button-primary, .btn.btn-default,
.login-submit .button.button-primary,
.login-submit .button.btn-default {
color: #ffffff;
background-color: var(--jobbox-color-brand-2);
line-height: 26px;
padding: 10px 25px;
}
.btn.button-primary:hover, .btn.btn-default:hover,
.login-submit .button.button-primary:hover,
.login-submit .button.btn-default:hover {
background-color: var(--jobbox-color-brand);
transform: translateY(-2px);
transition: 0.2s;
}
.btn.button-primary:focus, .btn.btn-default:focus,
.login-submit .button.button-primary:focus,
.login-submit .button.btn-default:focus {
color: #fff;
}
.btn-grey {
padding: 17px 20px;
gap: 10px;
background: var(--jobbox-color-border-2);
border-radius: 8px;
color: var(--jobbox-color-brand-2);
font-size: var(--jobbox-font-sm);
line-height: 14px;
}
.btn-grey:hover {
background: var(--jobbox-color-border-2);
}
.btn-grey-small {
background-color: var(--jobbox-background-6);
font-size: var(--jobbox-font-xs);
padding: 7px 10px;
border-radius: 5px;
color: var(--jobbox-color-text-paragraph) !important;
}
.btn-grey-small:hover {
color: var(--jobbox-color-brand-2) !important;
background-color: var(--jobbox-background-6);
}
.btn-grey-big {
padding: .75rem 1.375rem;
gap: 10px;
background: var(--jobbox-color-border-2);
border-radius: 4px;
color: var(--jobbox-color-brand);
font-size: var(--jobbox-font-sm);
line-height: 22px;
font-weight: 600;
}
.btn-grey-big:hover {
color: var(--jobbox-color-brand-2);
background: var(--jobbox-color-border-2);
}
.btn-apply-now {
background-color: var(--jobbox-color-border-2);
color: var(--jobbox-color-brand-2);
padding: 12px 10px;
min-width: 95px;
border-radius: 4px;
font-size: var(--jobbox-font-xs);
text-transform: capitalize;
font-weight: var(--jobbox-btn-font-weight, 600);
}
.btn-apply {
background-color: var(--jobbox-color-brand-2);
color: #ffffff;
padding: 12px 20px;
border-radius: 4px;
}
.btn-apply:hover {
background-color: #05264E;
color: #ffffff;
}
.btn-apply-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/apply.svg);
background-position: 15px 11px;
background-repeat: no-repeat;
padding-left: 40px;
}
.btn-apply-big {
background-color: var(--jobbox-color-brand-2);
color: #ffffff;
padding: 18px 35px;
border-radius: 4px;
}
.btn-apply-big.btn-apply-icon {
padding-left: 50px;
background-position: 21px 17px;
}
.btn-apply-big:hover {
color: #fff;
background-color: var(--jobbox-color-brand);
}
.btn-call-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/call.svg);
background-position: 24px 17px;
background-repeat: no-repeat;
padding: 18px 30px 18px 65px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.btn-download-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/icon-download.svg);
background-position: 24px 17px;
background-repeat: no-repeat;
padding: 18px 30px 18px 65px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.btn-tag {
padding: 1px 10px;
background: var(--jobbox-color-border-2);
border-radius: 5px;
color: var(--jobbox-color-brand-2);
min-width: 42px;
font-size: var(--jobbox-font-xs);
line-height: 18px;
font-weight: 600;
}
.btn-tag:hover {
background: var(--jobbox-color-border-2);
color: var(--jobbox-color-black-1);
}
.btn-tags-sm {
padding: 6px 18px;
color: var(--jobbox-color-text-paragraph-2);
border-radius: 5px;
color: var(--jobbox-color-brand-2);
min-width: 42px;
font-size: var(--jobbox-font-xs);
line-height: 18px;
background-color: var(--jobbox-background-8);
}
.tag-cloud-link,
.btn-border-3 {
padding: 12px 20px;
background: var(--jobbox-color-border-3);
border-radius: 8px;
color: var(--jobbox-color-brand);
font-size: var(--jobbox-font-sm) !important;
line-height: 22px;
margin-bottom: 10px;
}
.tag-cloud-link:hover,
.btn-border-3:hover {
background: var(--jobbox-color-border-3);
}
.btn-border-brand-2 {
padding: 12px 20px;
border: 1px solid var(--jobbox-color-brand-2);
background-color: #ffffff;
border-radius: 8px;
color: var(--jobbox-color-brand-2);
font-size: 14px;
line-height: 22px;
}
.btn-border-brand-2:hover {
border: 1px solid var(--jobbox-color-brand-2);
color: #000;
}
.btn-brand-1 {
padding: 18px 25px;
background: var(--jobbox-color-brand);
color: #ffffff;
border-radius: 4px;
}
.btn-brand-1:hover, .btn-brand-1:active {
background-color: var(--jobbox-color-brand-2);
color: #ffffff;
}
.btn-icon-load {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/icon-load.svg);
background-position: 18px center;
background-repeat: no-repeat;
padding-left: 42px;
}
.btn-paragraph-2 {
padding: 8px 16px;
background: var(--jobbox-color-text-paragraph-2);
border-radius: 5px;
color: var(--jobbox-color-brand-2);
min-width: 42px;
font-size: 11px;
color: #ffffff;
line-height: 14px;
}
.btn-send-message {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #ffffff;
padding: 15px 28px 15px 60px;
background: var(--jobbox-color-brand-2) url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-email.svg) no-repeat 25px 15px;
border-radius: 4px;
}
.btn-send-message:hover {
background-color: var(--jobbox-color-brand);
color: #ffffff;
}
.btn-border {
border: 1px solid var(--jobbox-color-border-1);
padding: 10px 23px 10px 23px;
border-radius: 10px;
background: #ffffff;
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-md);
line-height: 26px;
transition-duration: 0.2s;
font-weight: bold;
}
.btn-border:hover {
color: #ffffff;
background-color: var(--jobbox-color-brand);
transition-duration: 0.2s;
transform: translateY(-3px);
}
.btn-sm {
padding: 12px 20px;
vertical-align: middle;
}
.btn-sm img {
float: left;
margin: 0px 10px 0px 0px;
}
.btn-brand-hover {
padding: 14px 25px 14px 25px;
}
.btn-brand-hover:hover {
background-color: var(--jobbox-background-brand);
color: #ffffff;
}
.box-button-shadow {
position: relative;
display: inline-block;
}
.box-button-shadow::before {
background: #9777fa;
filter: blur(20px);
border-radius: 10px;
content: "";
position: absolute;
width: 144px;
height: 39px;
z-index: 1;
left: 0px;
right: 0px;
top: 10px;
margin: auto;
}
.box-button-shadow a {
position: relative;
z-index: 12;
}
.btn-link {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: normal;
font-size: var(--jobbox-font-sm);
line-height: 18px;
color: var(--jobbox-color-brand);
text-decoration: underline;
}
.btn-link:hover {
color: var(--jobbox-color-brand);
}
.btn-arrow-right {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage2/arrow-right.svg) no-repeat right 15px top 3px;
color: var(--jobbox-color-brand-2);
padding: 0px 40px 0px 0px;
font-size: var(--jobbox-font-xs);
line-height: 12px;
font-weight: bold;
} .switch {
position: relative;
display: inline-block;
width: 65px;
height: 30px;
vertical-align: middle;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--jobbox-background-grey);
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 21px;
width: 21px;
left: 5px;
bottom: 5px;
background-color: var(--jobbox-background-brand);
transition: 0.4s;
}
input:checked + .slider {
background-color: var(--jobbox-background-primary-trans);
}
input:focus + .slider {
box-shadow: 0 0 1px var(--jobbox-color-brand);
}
input:checked + .slider:before {
transform: translateX(34px);
} .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
} span.btn {
cursor: unset;
}
.social-login {
height: 53px;
border-radius: 4px;
border: 1px solid var(--jobbox-border-color);
width: 100%;
line-height: 53px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.social-login img {
margin-right: 4px;
}
.social-login:hover {
color: var(--jobbox-color-brand-2);
box-shadow: var(--jobbox-box-shadow-2);
}
.btn-brand-1 .elementor-button-text:hover {
color: #fff;
}
.btn-icon-load-wrap {
position: relative;
text-align: center;
z-index: 9;
}
.btn-icon-more {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/icon-more.svg);
background-position: right 16px center;
background-repeat: no-repeat;
padding-right: 50px;
}
.wp-job-manager-bookmarks-form a.bookmark-notice {
padding: 10px 23px 10px 23px;
}
.cb-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
line-height: 21px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cb-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #ffffff;
border: 1px solid var(--jobbox-color-border-2);
border-radius: 7px;
}
.cb-container input:checked ~ .checkmark {
border: 2px solid var(--jobbox-color-brand-2);
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.cb-container input:checked ~ .checkmark:after {
display: block;
}
.cb-container .checkmark:after {
left: 0px;
top: -1px;
width: 21px;
height: 22px;
border-radius: 5px;
background: var(--jobbox-color-brand-2) url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/tick.svg) no-repeat center;
} input:-moz-placeholder,
textarea:-moz-placeholder {
opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="tel"] {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 4px;
height: 50px;
box-shadow: none;
padding-left: 20px;
font-size: var(--jobbox-font-sm);
width: 100%;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="tel"]:focus {
background: transparent;
border: 1px solid var(--jobbox-color-border-3);
}
select {
width: 100%;
background: transparent;
border: 0px solid var(--jobbox-color-border-1);
box-shadow: none;
font-size: var(--jobbox-font-md);
color: var(--jobbox-color-text-paragraph);
}
option {
background: #fff;
border: 0px solid #626262;
padding-left: 10px;
font-size: var(--jobbox-font-md);
}
textarea {
border: 1px solid var(--jobbox-border-color);
border-radius: 10px;
height: 50px;
box-shadow: none;
padding: 10px 10px 10px 20px;
font-size: var(--jobbox-font-md);
width: 100%;
min-height: 250px;
}
textarea:focus {
background: transparent;
border: 1px solid var(--jobbox-border-color-1-hover);
} .contact-from-area .contact-form-style button {
font-size: var(--jobbox-font-lg);
font-weight: 500;
padding: 20px 40px;
color: #ffffff;
border: none;
background-color: var(--jobbox-color-brand);
border-radius: 10px;
font-family: var(--jobbox-font-heading);
}
.contact-from-area .contact-form-style button:hover {
background-color: var(--jobbox-color-brand-2) !important;
}
.form-group {
margin-bottom: 1rem;
}
.form-group input {
background: #fff;
border: 1px solid var(--jobbox-border-color);
height: 53px;
box-shadow: none;
padding-left: 20px;
font-size: var(--jobbox-font-md);
width: 100%;
}
.form-group input:focus {
background: transparent;
border-color: var(--jobbox-border-color-1-hover);
}
.form-group input.form-icons {
padding-left: 42px;
}
label {
margin-bottom: 5px;
}
.mt-6 {
margin-top: 6px !important;
}
.modal-lg, .modal-xl {
max-width: 600px;
}
.modal-content .btn-close {
position: absolute;
top: 15px;
right: 15px;
z-index: 2;
}
.apply-job-form {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/bg-1.svg);
background-repeat: no-repeat;
}
.apply-job-form .text-brand-2 {
background: #d5deff;
display: inline-block;
border-radius: 8px;
padding: 5px 15px;
}
.wp-block-categories-dropdown.wp-block-categories select,
.wp-block-archives-dropdown.wp-block-archives select {
border: 1px solid #ccc;
padding: .625rem;
border-radius: 5px;
}
.ctrljm-frontend-form .ctrlbp-text-wrapper:has(input#post_title) {
display: flex !important;
}
.box-swiper {
position: relative;
}
.box-swiper .swiper-container {
position: relative;
}
.box-swiper .swiper-container .item-logo {
border: 1px solid var(--jobbox-border-color-1);
padding: 22px 18px;
display: flex;
width: 100%;
text-align: left;
border-radius: 12px;
margin-bottom: 15px;
background-color: #ffffff;
}
.box-swiper .swiper-container .item-logo img {
max-width: 100%;
}
.box-swiper .swiper-container .item-logo:hover {
border: 1px solid var(--jobbox-border-color-1-hover);
box-shadow: var(--jobbox-box-shadow-2);
}
.box-swiper .swiper-container .item-logo .image-left {
min-width: 50px;
padding-right: 10px;
}
.box-swiper .swiper-container .item-logo .text-info-right h4 {
font-size: var(--jobbox-font-md);
line-height: 26px;
margin-bottom: 3px;
}
.box-swiper .swiper-container .item-logo .text-info-bottom {
position: relative;
width: 100%;
}
.box-swiper .swiper-button-next:after,
.box-swiper .swiper-button-prev:after {
content: "";
}
.box-swiper .swiper-button-next {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/slider/swiper/next.svg) no-repeat 0px 0px;
}
.box-swiper .swiper-button-next:hover {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/slider/swiper/next-active.svg) no-repeat 0px 0px;
}
.box-swiper .swiper-button-prev {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/slider/swiper/prev.svg) no-repeat 0px 0px;
}
.box-swiper .swiper-button-prev:hover {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/slider/swiper/prev-active.svg) no-repeat 0px 0px;
}
.box-swiper .swiper-button-next,
.box-swiper .swiper-button-prev {
width: 40px;
margin-top: -55px;
}
.box-swiper .swiper-button-next {
left: auto;
right: -65px;
}
.box-swiper .swiper-button-prev {
left: -65px;
}
.box-swiper .swiper-button-next.swiper-button-disabled,
.box-swiper .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.swiper-pagination {
text-align: center;
width: 100%;
}
.swiper-pagination-bullet {
margin: 10px;
} .swiper-pagination-custom {
bottom: -5px;
}
.swiper-pagination-customs {
background: var(--jobbox-color-border-1);
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 10px;
margin-left: 4px;
margin-right: 4px;
} .swiper-pagination-customs-active,
.swiper-pagination-customs:hover {
background: var(--jobbox-color-brand-2);
border-radius: 50%;
width: 12px;
height: 12px;
margin-bottom: -1px;
margin-left: 3px;
margin-right: 3px;
}
.style-nav-top .swiper-button-next {
top: -30px;
right: -5px;
left: auto;
}
.style-nav-top .swiper-button-prev {
top: -30px;
right: 45px;
left: auto;
} .slider-labels {
margin-top: 10px;
} .noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle { z-index: 10;
}
.noUi-state-tap .noUi-origin {
transition: left 0.3s,top .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-base, .noUi-handle {
transform: translate3d(0, 0, 0);
} .noUi-horizontal {
height: 4px;
}
.noUi-horizontal .noUi-handle {
width: 18px;
height: 18px;
border-radius: 50%;
left: -7px;
top: -7px;
background-color: #345DBB;
} .noUi-background {
background: #D6D7D9;
}
.noUi-connect {
background: #345DBB;
transition: background 450ms;
}
.noUi-origin {
border-radius: 2px;
}
.noUi-target {
border-radius: 2px;
} .noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
cursor: default;
box-sizing: content-box !important;
}
.noUi-handle:active {
border: 8px solid #345DBB;
border: 8px solid rgba(53, 93, 187, 0.38);
-webkit-background-clip: padding-box;
background-clip: padding-box;
left: -14px;
top: -14px;
} [disabled].noUi-connect, [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-origin, [disabled] .noUi-handle {
cursor: not-allowed;
}
.ui-slider-handle {
display: none;
}
.ui-widget.ui-widget-content {
border: 0px solid #EBEBEB;
}
.noUi-target {
border-radius: 12px;
}
.noUi-horizontal {
height: 6px;
}
.noUi-background {
background: var(--jobbox-color-brand-2);
}
.noUi-origin {
border-radius: 12px;
background: var(--jobbox-color-border-1);
}
.noUi-connect {
background: var(--jobbox-background-brand);
transition: background 450ms;
height: 6px;
margin-top: 0px;
}
.noUi-tooltip {
position: absolute;
top: -30px;
font-size: var(--jobbox-font-sm);
line-height: 22px;
color: var(--jobbox-color-brand-2);
font-weight: 500;
}
.noUi-horizontal .noUi-handle {
background-color: #ffffff;
border: 1px solid #ffffff;
box-shadow: var(--jobbox-box-shadow-1);
left: -8px;
top: -8px;
cursor: pointer;
}
.noUi-horizontal .noUi-handle::before {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 9px;
height: 9px;
background-color: var(--jobbox-color-brand-2);
border-radius: 50%;
}
.noUi-handle:active {
left: -8px;
top: -8px;
}
.card-grid-1 {
position: relative;
border-radius: 10px;
border: 0.88px solid var(--jobbox-color-border-2);
overflow: hidden;
margin-bottom: 30px;
position: relative;
background: var(--jobbox-background-5);
text-align: center;
padding: 30px;
}
.card-shadow {
box-shadow: var(--jobbox-box-shadow-2);
}
.card-time {
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-mutted);
display: inline-block;
padding: 0px 15px 0px 15px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/time.svg) no-repeat 0px 5px;
}
.card-briefcase {
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-mutted);
display: inline-block;
padding: 0px 15px 0px 15px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/briefcase.svg) no-repeat 0px 6px;
}
.card-location {
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-mutted);
display: inline-block;
padding: 0px 0px 0px 17px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/location.svg) no-repeat 0px 6px;
line-height: 24px;
}
.card-grid-2 {
border-radius: 8px;
border: 1px solid var(--jobbox-color-border-2);
overflow: hidden;
height: 100%;
position: relative;
background: var(--jobbox-background-5);
}
.card-grid-2 i {
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-mutted);
position: relative;
top: 1px;
}
.card-grid-2 i.fi-rr-marker {
margin-left: 0;
}
.card-grid-2 .btn-apply-now {
color: var(--jobbox-color-brand-2);
}
.card-grid-2:hover {
border-color: var(--jobbox-color-border-1);
background-color: #ffffff;
}
.card-grid-2:hover .btn-apply-now {
color: #ffffff;
background-color: var(--jobbox-color-brand-2);
}
.card-grid-2 a {
text-decoration: none;
color: var(--jobbox-color-brand);
}
.card-grid-2 a:hover {
color: var(--jobbox-color-brand-2);
}
.card-grid-2 .card-grid-2-image-rd {
padding: 0px 15px 0px 0px;
display: inline-block;
width: 30%;
min-width: 115px;
max-width: 115px;
}
.card-grid-2 .card-grid-2-image-rd figure {
position: relative;
display: inline-block;
}
.card-grid-2 .card-grid-2-image-rd figure img {
border-radius: 50%;
height: 100px;
width: 100px;
}
.card-grid-2 .card-grid-2-image-rd.online figure::before {
height: 18px;
width: 18px;
border-radius: 50%;
content: "";
position: absolute;
bottom: 8px;
right: 5px;
background: var(--jobbox-background-success);
}
.card-grid-2.grid-bd-16 {
background-color: #ffffff;
border-radius: 16px;
}
.card-grid-2.grid-bd-16 .lbl-hot {
position: absolute;
top: 25px;
left: 25px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 10px;
height: 24px;
background: var(--jobbox-color-brand-2);
border-radius: 5px;
color: #ffffff;
min-width: 42px;
font-size: var(--jobbox-font-xs);
line-height: 18px;
}
.card-grid-2.grid-bd-16 .lbl-hot.full-time {
background-color: #90da36 !important;
}
.card-grid-2.grid-bd-16 .lbl-hot.part-time {
background-color: #f08d3c !important;
}
.card-grid-2.grid-bd-16 .lbl-hot.temporary {
background-color: #d93674 !important;
}
.card-grid-2.grid-bd-16 .lbl-hot.freelance {
background-color: #39c !important;
}
.card-grid-2.grid-bd-16 .lbl-hot.internship {
background-color: #6033cc !important;
}
.card-grid-2.grid-bd-16 .card-block-info .card-text-price {
font-size: 16px;
line-height: 26px;
}
.card-grid-2 .card-grid-2-image {
position: relative;
padding: 10px;
}
.card-grid-2 .card-grid-2-image .tag {
position: absolute;
top: 15px;
left: 15px;
z-index: 12;
}
.card-grid-2 .card-grid-2-image figure {
display: block;
}
.card-grid-2 .card-grid-2-image figure img {
width: 100%;
border-radius: 12px;
}
.card-grid-2 .card-block-info {
display: inline-block;
width: 100%;
padding: 5px 20px 20px 20px;
}
.card-grid-2 .card-block-info .card-2-img-text {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 4px 0px 4px 40px;
font-size: var(--jobbox-font-sm);
max-width: 90%;
min-height: 44px;
}
.card-grid-2 .card-block-info .card-2-img-text .card-grid-2-img-small {
background: #e4e4e4;
border-radius: 50%;
padding: 5px;
height: 32px;
width: 32px;
float: left;
margin-right: 8px;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
line-height: 30px;
}
.card-grid-2 .card-block-info .card-2-img-text span {
display: inline-block;
color: var(--jobbox-color-brand);
font-size: var(--jobbox-font-sm);
}
.card-grid-2 .card-block-info .card-2-img-text img {
max-width: 100%;
}
.card-grid-2 .card-block-info .card-text-price {
color: var(--jobbox-color-brand-2);
font-family: var(--jobbox-font-heading);
font-weight: 600;
font-size: 1.125rem;
}
.card-grid-2 .card-block-info .card-text-price span {
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph);
font-weight: 400;
}
.card-grid-2 .card-block-info .card-2-bottom {
position: relative;
}
.card-grid-2 .card-block-info .card-2-bottom .btn-grey-small {
margin-right: 5px;
}
.card-grid-2 .card-block-info .card-2-bottom.card-2-bottom-candidate .btn-brand-hover {
padding: 15px 33px;
border: thin solid var(--jobbox-border-color-1-hover);
font-size: 14px;
}
.card-grid-2 .card-block-info .card-2-bottom.card-2-bottom-candidate .btn-brand-hover:hover {
color: #ffffff;
}
.card-grid-2 .card-block-info .card-grid-2-img-medium {
padding-left: 55px;
font-size: var(--jobbox-font-sm);
font-weight: 600;
font-family: var(--jobbox-font-heading);
color: #151515;
line-height: 17px;
}
.card-grid-2 .card-block-info .card-grid-2-img-medium .card-grid-2-img-small {
background-color: var(--jobbox-background-1) 3;
height: 44px;
width: 44px;
border-radius: 8px;
}
.card-grid-2 .card-block-info .card-profile {
text-align: center;
}
.card-grid-2 .card-block-info .card-profile strong {
font-size: var(--jobbox-font-lg);
color: var(--jobbox-color-brand);
line-height: 18px;
font-weight: bold;
font-family: var(--jobbox-font-heading);
display: block;
padding-bottom: 5px;
}
.card-grid-2 .card-block-info .card-profile strong:hover {
color: var(--jobbox-color-brand);
}
.card-grid-2 .card-block-info .card-profile > span {
color: var(--jobbox-color-text-paragraph);
}
.card-grid-2 .card-block-info .card-profile .rate-reviews-small span {
display: inline-block;
vertical-align: middle;
}
.card-grid-2 .card-block-info .card-profile .rate-reviews-small span img {
height: 13px;
display: flex;
}
.card-grid-2 .employers-info {
border-top: 1px solid var(--jobbox-color-border-2);
padding-top: 20px;
}
.card-grid-2 .flash {
position: absolute;
top: 15px;
right: 15px;
height: 25px;
width: 25px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/flash.svg) no-repeat 0px 0px;
}
.card-grid-2 .card-grid-2-image-left {
padding: 30px 20px 5px 20px;
display: flex;
position: relative;
}
.card-grid-2 .card-grid-2-image-left .image-box {
min-width: 52px;
padding-right: 15px;
}
.card-grid-2 .card-grid-2-image-left .right-info .name-job {
font-size: var(--jobbox-font-lg);
line-height: 26px;
color: var(--jobbox-color-brand);
font-weight: bold;
display: block;
}
.card-grid-2 .card-grid-2-image-left .right-info .name-job:hover {
color: var(--jobbox-color-brand-2);
}
.card-grid-2 .card-grid-2-image-left .right-info .location-small {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/location.svg) no-repeat 0px 5px;
display: inline-block;
padding: 0px 0px 0px 17px;
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-mutted);
}
.jobbox-list-item .card-grid-2-image-left {
margin-bottom: 15px;
}
.card-image-top {
border: 1px solid var(--jobbox-color-border-2);
padding: 12px 12px 20px 12px;
border-radius: 16px;
margin-bottom: 24px;
}
.card-image-top .image {
overflow: hidden;
position: relative;
margin-bottom: 15px;
height: 261px;
width: 100%;
border-radius: 10px;
background-color: var(--jobbox-color-border-1);
background-size: cover;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.card-image-top .image .lbl-hot {
position: absolute;
top: 20px;
left: 15px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 10px;
height: 24px;
background: var(--jobbox-color-border-2);
border-radius: 5px;
color: var(--jobbox-color-brand-2);
min-width: 42px;
}
.card-image-top .image img {
border-radius: 0px;
width: 100%;
}
.card-image-top .informations {
position: relative;
padding: 0 5px;
}
.card-image-top .informations h5 {
margin-bottom: 5px;
}
.card-image-top:hover {
box-shadow: var(--jobbox-box-shadow-2);
}
.card-grid-3 {
border-radius: 16px;
border: 1px solid var(--jobbox-color-border-2);
overflow: hidden;
margin-bottom: 0px;
background: #ffffff;
}
.card-grid-3:hover {
box-shadow: var(--jobbox-box-shadow-2);
border-color: var(--jobbox-color-border-1);
}
.card-grid-3 a {
text-decoration: none;
}
.card-grid-3 .card-grid-3-image {
position: relative;
padding: 10px;
}
.card-grid-3 .card-grid-3-image figure {
display: block;
}
.card-grid-3 .card-grid-3-image figure img {
width: 100%;
border-radius: 13px;
}
.card-grid-3 h5 a {
color: var(--jobbox-color-brand);
}
.card-grid-3 h5 a:hover {
color: var(--jobbox-color-brand-2);
}
.card-grid-3 .card-block-info {
display: inline-block;
width: 100%;
padding: 0px 18px 18px 18px;
}
.card-grid-3 .card-block-info .card-block-rating span {
display: inline-block;
margin: 0px 2px;
}
.card-grid-3 .card-block-info .card-2-img-text {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 4px 0px 4px 40px;
font-size: var(--jobbox-font-sm);
}
.card-grid-3 .card-block-info .card-2-img-text .card-grid-2-img-small {
background: #e4e4e4;
border-radius: 50%;
padding: 5px;
height: 32px;
width: 32px;
float: left;
margin-right: 8px;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
line-height: 30px;
}
.card-grid-3 .card-block-info .card-2-img-text span {
display: inline-block;
color: var(--jobbox-color-brand);
font-size: var(--jobbox-font-sm);
}
.card-grid-3 .card-block-info .card-2-img-text img {
max-width: 100%;
}
.card-grid-3 .card-block-info .card-time {
font-size: var(--jobbox-font-sm);
display: inline-block;
padding: 0px 15px 0px 25px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/time.svg) no-repeat 0px 3px;
}
.card-grid-3 .card-block-info .card-text-price {
color: var(--jobbox-color-brand-2);
font-family: var(--jobbox-font-heading);
font-weight: 600;
font-size: 22px;
}
.card-grid-3 .card-block-info .card-text-price span {
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph);
font-weight: 400;
}
.card-grid-3 .card-block-info .card-2-bottom {
position: relative;
}
.card-grid-3 .card-block-info .card-2-bottom .img-rounded {
border-radius: 50%;
height: 35px;
width: 35px;
margin: 6px 10px 0px 0px;
vertical-align: middle;
display: inline-block;
}
.card-grid-3 .card-block-info .card-2-bottom .info-right-img {
line-height: 22px;
}
.card-grid-3 .card-block-info .card-2-bottom .info-right-img .font-sm {
line-height: 18px !important;
}
.card-grid-3 .card-block-info .card-profile strong {
font-size: var(--jobbox-font-lg);
color: var(--jobbox-color-brand);
font-family: var(--jobbox-font-heading);
font-weight: bold;
display: block;
}
.card-grid-3 .card-block-info .card-profile span {
font-size: var(--jobbox-font-md);
color: var(--jobbox-color-text-paragraph);
}
.card-grid-3 .card-grid-3-image-circle {
padding-top: 35px;
}
.card-grid-3 .card-grid-3-image-circle figure img {
width: 100px;
height: 100px;
border-radius: 50%;
}
.card-grid-4 {
background-color: #ffffff;
padding: 40px 30px 35px 30px;
border-radius: 10px;
border: thin solid var(--jobbox-color-border-2);
margin-bottom: 30px;
}
.card-grid-4:hover {
border-color: var(--jobbox-color-border-1);
box-shadow: var(--jobbox-box-shadow-3);
}
.card-grid-4 a {
text-decoration: none;
}
.card-grid-4 .image-top-feature figure img {
height: 126px;
border-radius: 50%;
width: 126px;
}
.card-grid-4 .card-grid-4-info {
display: inline-block;
width: 100%;
padding: 10px 0px 0px 0px;
}
.card-grid-4 .btn-readmore {
color: var(--jobbox-color-brand);
font-size: 18px;
font-family: var(--jobbox-font-heading);
font-weight: 400;
text-decoration: none;
}
.card-grid-4 .btn-readmore:hover {
color: var(--jobbox-color-brand-2);
}
.card-grid-5 {
position: relative;
display: inline-block;
width: 100%;
height: 575px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/blog/img-big1.png) top left;
background-size: cover;
border-radius: 16px;
overflow: hidden;
margin-bottom: 30px;
}
.card-grid-5 .category {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/blog/picture-icon.svg) center no-repeat;
position: absolute;
top: 15px;
right: 15px;
height: 47px;
width: 47px;
z-index: 3;
background-color: #ffffff;
border-radius: 50%;
display: none;
}
.card-grid-5:hover .category {
display: inline-block;
}
.card-grid-5 .box-cover-img {
position: absolute;
bottom: 0px;
top: 10%;
width: 100%;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/blog/bg-black-trans.png) repeat-x center bottom;
z-index: 2;
}
.card-grid-5 .box-cover-img .content-bottom {
position: absolute;
bottom: 20px;
left: 20px;
}
.card-grid-5 .img-main {
width: 100%;
height: auto;
}
.card-grid-5 .author img {
max-width: 36px;
}
.card-grid-6 {
position: relative;
}
.card-grid-6 .card-text-desc {
border: 1px solid var(--jobbox-color-border-2);
padding: 20px;
border-radius: 4px;
position: relative;
margin-bottom: 35px;
}
.card-grid-6 .card-text-desc::before {
content: "";
height: 30px;
width: 33px;
background: #ffffff url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/arrow.png) no-repeat;
bottom: -29px;
left: 20px;
position: absolute;
z-index: 2;
}
.card-grid-6 .card-image {
display: flex;
padding-left: 5px;
}
.card-grid-6 .card-image .image {
min-width: 75px;
}
.card-grid-6 .card-image .image img {
width: 64px;
height: 64px;
border-radius: 50%;
}
.card-grid-6 .card-image .card-profile {
width: 100%;
padding-top: 5px;
}
.card-grid-border {
border: 1px solid var(--jobbox-color-border-2);
padding: 30px;
border-radius: 8px;
margin-bottom: 30px;
}
.card-grid-border:hover {
box-shadow: var(--jobbox-box-shadow-2);
}
.card-grid-border .link-arrow {
display: inline-block;
padding: 0px 35px 0px 0px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/arrow-right.svg) no-repeat right top 2px;
color: var(--jobbox-color-brand-2);
font-size: var(--jobbox-font-sm);
line-height: 22px;
}
.card-list-4 {
position: relative;
display: flex;
width: 100%;
padding: 0px 0px 15px 0px;
margin-bottom: 0px;
border-bottom: 1px solid var(--jobbox-color-border-2);
}
.card-list-4 .image {
min-width: 60px;
padding-right: 10px;
}
.card-list-4 .info-text {
width: 100%;
margin-top: -4px;
}
.card-list-4 .card-price {
font-size: 16px;
line-height: 26px;
padding-top: 0px;
display: inline-block;
color: var(--jobbox-color-brand-2);
}
.card-list-4 .card-price span {
font-size: 12px;
line-height: 12px;
color: var(--jobbox-color-text-paragraph);
font-weight: 500;
}
ul li:last-child .card-list-4 {
border-bottom: 0px;
padding-bottom: 0px;
}
.widget ul li:last-child {
padding-bottom: 0px !important;
}
.widget .wp-block-search__input {
--jobbox-form--border-color: transparent;
}
.box-radius-8 {
border-radius: 8px;
background-color: var(--jobbox-background-urgent);
padding: 30px;
display: flex;
box-shadow: var(--jobbox-box-shadow-2);
border: 1px solid var(--jobbox-color-border-2);
}
.box-radius-8 .image {
display: inline-block;
min-width: 176px;
padding-right: 25px;
}
.box-radius-8 .text-info {
display: inline-block;
width: 100%;
}
.card-category {
height: 255px;
}
.card-category .box-cover-img {
top: 0px;
}
.job-text-desc {
max-width: 70%;
}
.mt--30 {
margin-top: -30px;
}
.content-job-inner {
padding: 40px;
}
.box-image-job {
position: relative;
text-align: center;
}
.box-image-job figure {
display: block;
}
.box-image-job figure img {
max-width: 80%;
}
.box-image-job .job-top-creator {
max-width: 290px;
background-color: #ffffff;
box-shadow: var(--jobbox-box-shadow-2);
border-radius: 20px;
padding: 5px;
position: absolute;
bottom: -100px;
left: -100px;
-webkit-animation: hero-thumb-animation 2s linear infinite alternate;
animation: hero-thumb-animation 2s linear infinite alternate;
}
.box-image-job .job-top-creator-head {
background-color: var(--jobbox-background-6);
border-radius: 20px;
padding: 18px 45px 21px 45px;
}
.box-image-job .job-top-creator ul {
display: block;
padding: 24px 20px 0px 20px;
margin: 0px;
list-style: none;
}
.box-image-job .job-top-creator ul li {
display: inline-block;
width: 100%;
text-align: left;
padding-bottom: 15px;
}
.box-image-job .job-top-creator ul li figure {
float: left;
display: block;
}
.box-image-job .job-top-creator ul li figure img {
width: 60px;
height: 50px;
border-radius: 50%;
}
.box-image-job .job-top-creator ul li .job-info-creator {
display: block;
padding-left: 60px;
}
.box-image-job .job-top-creator ul li .job-info-creator strong {
display: block;
font-size: var(--jobbox-font-sm);
font-weight: bold;
font-family: var(--jobbox-font-heading);
}
.box-image-job .job-top-creator ul li .job-info-creator span {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
}
.list-partners {
display: inline-block;
width: 100%;
text-align: center;
}
.list-partners li {
display: inline-block;
padding: 25px 29px;
vertical-align: middle;
}
.list-partners li figure img {
max-width: 100%;
vertical-align: middle;
}
.box-newsletter {
padding: 50px 0px 60px 0px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/bg-newsletter.svg) no-repeat 0px 0px;
background-size: cover;
border-radius: 16px;
}
.box-newsletter .box-form-newsletter {
background: #ffffff;
max-width: 610px;
padding: 10px;
border-radius: 10px;
margin: auto;
}
.box-newsletter .box-form-newsletter form {
display: flex;
}
.box-newsletter .box-form-newsletter form .input-newsletter {
width: 90%;
padding: 15px;
border: 0px;
min-height: 60px;
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/email.svg);
background-repeat: no-repeat;
background-position: left 17px center;
padding-left: 60px;
}
.box-newsletter .box-form-newsletter form .font-heading {
font-family: var(--jobbox-font-heading);
font-weight: 500;
}
.box-newsletter .icon-send-letter {
position: relative;
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/apply.svg);
background-repeat: no-repeat;
background-position: left 17px center;
padding-left: 45px;
}
.box-newsletter .text-md-newsletter {
color: #ffffff;
font-size: 37px;
line-height: 55px;
font-family: var(--jobbox-font-heading);
font-weight: bold;
max-width: 540px;
margin: 0 auto;
}
.box-newsletter .text-lg-newsletter {
color: #ffffff;
font-size: 46px;
line-height: 56px;
font-family: var(--jobbox-font-heading);
font-weight: bold;
}
.mc-response .alert {
color: red;
background: #ffdddd;
margin-left: 16px;
max-width: 610px;
padding: 10px;
}
.bg-patern {
position: relative;
}
.bg-patern .container {
z-index: 3;
position: relative;
}
.text-mutted {
font-size: var(--jobbox-font-md);
color: var(--jobbox-color-text-paragraph);
line-height: 16px;
}
.text-mutted-2 {
color: var(--jobbox-color-text-paragraph-2);
} .preloader {
background-color: #fff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
transition: 0.6s;
margin: 0 auto;
}
.preloader img {
max-width: 250px;
}
.rate {
height: 21px;
padding: 0 10px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.rate:not(:checked) > input {
position: absolute;
visibility: hidden;
}
.rate:not(:checked) > label {
float: right;
width: 21px;
height: 21px;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
margin-right: 3px;
}
.rate:not(:checked) > label.checked:before {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/star.svg) no-repeat;
}
.rate > input:checked ~ label:before {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/star.svg) no-repeat;
}
.rate.small {
transform: scale(0.7);
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
padding: 0;
}
.breacrumb-cover {
background-color: var(--jobbox-background-5);
background-image: var(--jobbox-breadcrumb-cover, url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/blog/bg-breadcrumb.png));
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0;
}
.breacrumb-cover p:last-child {
margin-bottom: 0;
}
.breadcrumbs {
background-color: #ffffff;
border-radius: 6px;
display: inline-block;
padding: 7px 15px !important;
margin-bottom: 0;
}
.breadcrumbs li {
color: var(--jobbox-color-text-paragraph-2);
font-size: var(--jobbox-font-sm);
display: inline-block;
padding-left: 20px;
position: relative;
}
.breadcrumbs li::before {
content: "";
position: absolute;
top: 7px;
left: 4px;
width: 12px;
height: 12px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/arrow-breadcrumb.svg) no-repeat center;
}
.breadcrumbs li a {
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph-2);
text-decoration: none;
line-height: 14px;
}
.breadcrumbs li a:hover {
color: var(--jobbox-color-brand);
}
.breadcrumbs li:last-child::before {
color: var(--jobbox-color-text-paragraph-2);
}
.breadcrumbs li:first-child::before {
display: none;
}
.breadcrumbs li:first-child {
padding-left: 0px;
}
.breadcrumbs .home-icon {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/blog/home.svg) no-repeat;
padding: 0px 0px 0px 20px;
}
.noUi-horizontal .noUi-handle {
border: 1px solid #e1e1e1;
}
.box-filters-job .dropdown-menu[data-bs-popper] {
right: 0;
left: unset;
}
.text-brand-2 {
color: var(--jobbox-color-brand-2);
}
.w-lg-50 {
width: 50%;
}
.banner-hero {
padding: 0px 65px 0px 15px;
position: relative;
max-width: 1770px;
margin: 0 auto;
}
.banner-hero .banner-inner {
z-index: 5;
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.banner-hero .banner-inner .banner-imgs {
padding: 65px 0px 0px 0px;
position: relative;
height: 100%;
min-height: 540px;
}
.banner-hero .banner-inner .banner-imgs .block-1 {
position: absolute;
top: 10%;
left: -150px;
}
.banner-hero .banner-inner .banner-imgs .block-2 {
position: absolute;
bottom: 0%;
right: 120px;
}
.banner-hero .banner-inner .banner-imgs .block-3 {
position: absolute;
top: 21%;
right: 220px;
}
.banner-hero .banner-inner .banner-imgs .block-4 {
position: absolute;
bottom: 8%;
left: -80px;
}
.banner-hero .block-banner {
position: relative;
z-index: 12;
padding: 50px 180px 80px 192px;
}
.banner-hero .block-banner .form-find {
display: inline-block;
width: 100%;
max-width: 680px;
}
.banner-hero .block-banner .form-find .job_filters {
background-color: transparent;
}
.banner-hero .block-banner .form-find .job_filters_wrap {
background: #ffffff;
box-shadow: var(--jobbox-box-shadow-1);
border-radius: 8px;
padding: 10px 10px;
}
.banner-hero .block-banner .form-find .filter_by_tag {
margin-top: 15px;
}
.banner-hero .block-banner .form-find .filter_by_tag .tag-cloud-link {
padding: 5px 10px;
background-color: var(--jobbox-color-border-2);
display: inline-block;
margin-bottom: 5px;
}
.banner-hero .block-banner .form-find .btn-find {
min-width: 122px;
padding-left: 34px;
padding-right: 15px;
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage1/search-icon.svg);
background-repeat: no-repeat;
background-position: left 20px top 17px;
}
.banner-hero .block-banner .form-find .form-input {
border: 0px solid var(--jobbox-border-color-3);
border-radius: 0px;
padding: 10px 20px 12px 30px;
display: inline-block;
width: 100%;
height: 3rem;
}
.banner-hero .block-banner .form-find .select2 {
border: 0px solid var(--jobbox-border-color-3);
border-radius: 0px;
padding: 10px 20px 10px 30px;
display: inline-block;
width: 100% !important;
margin-right: 10px;
position: relative;
max-width: 180px;
}
.banner-hero .block-banner .form-find .select2::after {
content: "";
height: 18px;
width: 1.4px;
border-radius: 5px;
background-color: var(--jobbox-color-border-1);
position: absolute;
top: 16px;
right: 0px;
}
.banner-hero .block-banner .form-find .select2::before {
content: "";
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/location.svg) no-repeat;
background-size: 17px auto;
width: 18px;
height: 18px;
position: absolute;
left: 11px;
top: 15px;
}
.banner-hero .block-banner .form-find .select2 .select2-selection__arrow {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/arrow-down.svg) no-repeat right 10px center;
top: 11px;
width: 26px;
}
.banner-hero .block-banner .form-find .select2 .select2-selection__arrow b {
display: none !important;
background-color: #9777fa;
}
.banner-hero .block-banner .form-find .box-industry {
width: 100%;
max-width: 180px;
}
.banner-hero .block-banner .form-find .box-industry .select2::before {
content: "";
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/industry.svg) no-repeat;
background-size: 17px auto;
width: 18px;
height: 18px;
position: absolute;
left: 11px;
top: 15px;
}
.banner-hero .block-banner .form-find .box-industry .select2 .select2-selection__placeholder {
color: var(--jobbox-color-text-paragraph);
}
.banner-hero .block-banner .form-find .input-keysearch {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage1/key-numbers.svg) no-repeat left 5px center;
background-size: 14px auto;
}
.banner-hero .block-banner .form-find .input-keysearch::-moz-placeholder {
color: var(--jobbox-color-text-paragraph);
}
.banner-hero .block-banner .form-find .input-keysearch::placeholder {
color: var(--jobbox-color-text-paragraph);
}
.banner-hero .block-banner .form-find .input-industry {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/icon-job.svg) no-repeat left 18px center;
}
.banner-hero .block-banner .list-tags-banner {
position: relative;
}
.banner-hero .block-banner .list-tags-banner a {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
margin-left: 2px;
text-decoration: underline;
}
.banner-hero .block-banner .list-tags-banner strong {
font-weight: 700;
font-family: var(--jobbox-font-heading);
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph);
}
.banner-hero .heading-banner {
color: var(--jobbox-color-brand);
font-size: 48px;
line-height: 60px;
color: var(--jobbox-color-brand);
}
.banner-hero .color-brand-2 {
color: var(--jobbox-color-brand-2);
position: relative;
}
.banner-hero .color-brand-2::after {
content: "";
background-color: #3C65F5;
height: 25px;
position: absolute;
width: 100%;
left: 0;
bottom: -6px;
z-index: -1;
opacity: 0.1;
}
.banner-hero .banner-description {
position: relative;
font-size: var(--jobbox-font-lg);
color: var(--jobbox-color-text-paragraph);
}
.banner-hero.banner-image-single {
padding: 20px 0px 20px 0px;
}
.banner-hero.banner-image-single img {
width: 100%;
border-radius: 16px;
}
.banner-hero.banner-company {
padding: 40px 20px 60px 20px;
background: #F2F6FD;
border-radius: 16px;
position: relative;
}
.banner-hero.banner-company .block-banner {
padding: 0px 0px 0px 0px;
}
.banner-hero.banner-single {
padding: 40px 20px 60px 20px;
background: #F2F6FD;
border-radius: 16px;
position: relative;
}
.banner-hero.banner-single::after {
content: "";
position: absolute;
bottom: 1px;
right: 20px;
height: 170px;
width: 213px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/job-single/right-job-head.svg) no-repeat left bottom;
background-size: contain;
}
.banner-hero.banner-single::before {
content: "";
position: absolute;
bottom: 1px;
left: 12px;
height: 170px;
width: 218px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/job-single/left-job-head.svg) no-repeat left bottom;
background-size: contain;
display: inline;
top: auto;
right: auto;
}
.banner-hero.hero-2 {
position: relative;
width: 100%;
padding: 100px 0px 80px 0px;
max-width: 100%;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage2/banner.png) no-repeat top center;
background-size: cover;
}
.banner-hero.hero-2::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--jobbox-color-brand);
opacity: 0.8;
z-index: 1;
}
.banner-hero.hero-2 .banner-inner {
z-index: 2;
position: relative;
max-width: 725px;
margin: auto;
width: 100%;
}
.banner-hero.hero-2 .banner-inner .block-banner {
padding: 0px;
text-align: center;
}
.banner-hero.hero-2 .banner-inner .block-banner .list-tags-banner strong,
.banner-hero.hero-2 .banner-inner .block-banner .list-tags-banner a {
color: #ffffff;
}
.banner-hero.hero-2 .banner-inner .block-banner .list-tags-banner strong {
margin-right: 10px;
}
.banner-hero.hero-2 .banner-inner .block-banner .form-find .select2 {
text-align: left;
}
.banner-hero.hero-3 {
background: var(--jobbox-color-brand-2);
}
.banner-hero.hero-3::before {
display: none;
}
.hero-5 .block-banner .form-find {
max-width: 100%;
}
@-webkit-keyframes hero-thumb-animation {
0% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes hero-thumb-animation {
0% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes hero-thumb-sm-animation {
0% {
transform: translateY(-20px) translateX(50px);
}
100% {
transform: translateY(-20px) translateX(0px);
}
}
@keyframes hero-thumb-sm-animation {
0% {
transform: translateY(-20px) translateX(50px);
}
100% {
transform: translateY(-20px) translateX(0px);
}
}
@-webkit-keyframes hero-thumb-sm-2-animation {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0px);
}
}
@keyframes hero-thumb-sm-2-animation {
0% {
transform: translateY(-50px);
}
100% {
transform: translateY(0px);
}
}
.shape-1 {
-webkit-animation: hero-thumb-animation 2s linear infinite alternate;
animation: hero-thumb-animation 2s linear infinite alternate;
}
.shape-2 {
-webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;
animation: hero-thumb-sm-animation 4s linear infinite alternate;
}
.shape-3 {
-webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}
.header {
padding: 30px 0;
width: 100%;
}
.header .main-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.header .main-header .header-nav {
text-align: center;
}
.header .main-header .header-left {
display: flex;
align-items: center;
}
.header .main-header .header-left .header-logo {
margin-right: 0;
min-width: 139px;
}
.header .main-header .header-left .header-logo img {
width: var(--jobbox-logo-size, auto);
}
.header .nav-main-menu {
display: flex;
width: auto;
padding: 0px;
text-align: left;
}
.header .main-menu li {
float: left;
padding: 10px 22px;
position: relative;
}
.header .main-menu li:hover > a, .header .main-menu li.active > a {
color: var(--jobbox-color-brand-2);
}
.header .main-menu li:hover > a::before, .header .main-menu li.active > a::before {
content: "";
height: 2px;
width: 100%;
background-color: var(--jobbox-color-brand-2);
position: absolute;
bottom: -10px;
left: 0px;
}
.header .main-menu li.has-children:last-child, .header .main-menu li.has-children {
padding: 10px 30px 10px 22px;
}
.header .main-menu li.has-children:last-child > a::after, .header .main-menu li.has-children > a::after {
content: "\f151";
font-family: uicons-regular-rounded !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1 !important;
font-size: 18px;
opacity: 1;
margin-left: 4px;
position: absolute;
top: -1px;
right: -19px;
color: var(--jobbox-dropdown-icon-color, #A0ABB8);
}
.header .main-menu li.hr {
padding: 0px 22px;
}
.header .main-menu li.hr span {
background-color: var(--jobbox-border-color);
height: 1px;
width: 100%;
display: block;
margin: 5px 0;
}
.header .main-menu li a {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 500;
font-size: var(--jobbox-font-sm);
line-height: 1;
color: var(--jobbox-color-brand);
display: block;
padding: 0px;
text-decoration: none;
position: relative;
}
.header .main-menu li a.active {
color: var(--jobbox-color-brand-2);
}
.header .main-menu li a.active::before {
content: "";
height: 2px;
width: 100%;
background-color: var(--jobbox-color-brand-2);
position: absolute;
bottom: -10px;
left: 0px;
}
.header .main-menu li a i {
font-size: 10px;
opacity: 0.5;
margin-left: 3px;
}
.header .main-menu li ul {
opacity: 0;
visibility: hidden;
transition-duration: 0.2s;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
min-width: 220px;
border-radius: 10px;
border: 1px solid #ececec;
box-shadow: var(--jobbox-box-shadow-2);
background-color: #ffffff;
list-style: none;
padding: 10px 0px 10px 0;
}
.header .main-menu li ul li {
width: 100%;
padding: 0px;
}
.header .main-menu li ul li a {
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
color: var(--jobbox-color-black-1);
position: relative;
padding: 10px 22px 10px 22px;
transition: 0.3s;
}
.header .main-menu li ul li a:hover, .header .main-menu li ul li a.active {
transition: 0.5s;
}
.header .main-menu li ul li a:hover::after, .header .main-menu li ul li a.active::after {
opacity: 1;
transition-duration: 0.3s;
background-color: var(--jobbox-color-brand-2);
}
.header .main-menu li ul li a:hover::before, .header .main-menu li ul li a.active::before {
display: none;
}
.header .main-menu li ul li ul {
top: 0px;
left: 100%;
}
.header .main-menu li:hover > ul {
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.header .main-menu li:hover > ul li {
width: 100%;
}
.header .text-link-bd-btom {
font-family: var(--jobbox-font-heading);
font-style: normal;
font-weight: 500;
font-size: var(--jobbox-font-sm);
line-height: 150%;
color: var(--jobbox-color-brand);
display: inline-block;
position: relative;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.header .text-link-bd-btom:hover {
color: var(--jobbox-color-brand-2);
}
.header .block-signin .btn-shadow {
box-shadow: var(--jobbox-box-shadow-1);
}
.header.stick {
padding: 0;
}
.header.stick .main-menu li {
padding: 28px 22px !important;
}
.header.stick .main-menu li.has-children {
padding: 0;
}
.header.stick .main-menu li:hover ul {
margin-top: -18px;
}
.header.stick .main-menu li ul li {
padding: 0 !important;
}
.header.header-2 {
background-color: var(--jobbox-background-5);
}
.sticky-bar.stick {
-webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
position: fixed;
top: 0;
width: 100%;
z-index: 999;
left: 0;
transition: all 0.3s ease 0s;
border-bottom: 1px solid var(--jobbox-border-color);
background: #fff;
}
.sticky-bar.stick.sticky-white-bg {
background-color: #fff;
}
.sticky-bar.stick.sticky-blue-bg {
background-color: #3286e0;
}
.header-brand-2 {
background: var(--jobbox-color-brand-2);
}
.header-brand-2.sticky-bar.stick {
background: var(--jobbox-color-brand-2);
}
.header-brand-2 .main-menu > li > a {
color: var(--jobbox-border-color);
}
.header-brand-2 .main-menu > li > a:hover {
color: #ffffff;
}
.header-brand-2 .main-menu > li > a:hover::before, .header-brand-2 .main-menu > li > a .active::before {
background-color: #ffffff;
}
.header-brand-2 .main-menu li a, .header-brand-2 .main-menu li a.active {
color: #ffffff;
}
.header-brand-2 .main-menu li a:hover::before, .header-brand-2 .main-menu li a .active::before, .header-brand-2 .main-menu li a.active:hover::before, .header-brand-2 .main-menu li a.active .active::before {
background-color: #ffffff;
}
.header-brand-2 .main-menu li a {
color: var(--jobbox-border-color);
}
.header-brand-2 .main-menu li a:hover, .header-brand-2 .main-menu li a.active {
color: #ffffff;
}
.header-brand-2 .main-menu li a:hover::before, .header-brand-2 .main-menu li a.active::before {
background-color: #ffffff;
}
.header-brand-2 .main-menu li ul li a:hover {
color: var(--jobbox-color-brand-2);
}
.header-brand-2 .text-link-bd-btom {
color: #ffffff;
}
.header-brand-2 .btn-default {
background-color: #ffffff;
color: var(--jobbox-color-brand-2);
font-weight: 500;
}
.user-account {
display: flex;
align-items: center;
}
.user-account img {
max-width: 50px;
border-radius: 50%;
margin-right: 10px;
}
.user-account .user-name {
margin-bottom: 0;
font-weight: 600;
font-size: 14px;
}
.perfect-scroll {
height: 100vh;
position: relative;
}
.body-overlay-1 {
background: transparent;
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
cursor: crosshair;
z-index: 997;
}
.mobile-menu-active .body-overlay-1 {
opacity: 1;
visibility: visible;
}
.stick ~ .main {
padding-top: var(--jobbox-sticky-main-padding-top, 108px);
}
@media (max-width: 1199.98px) {
body {
--jobbox-sticky-main-padding-top: 98px;
}
}
.admin-bar #offcanvasMenu,
.admin-bar .mobile-header-wrapper-style,
.admin-bar .sticky-bar.stick {
margin-top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar #offcanvasMenu,
.admin-bar .mobile-header-wrapper-style,
.admin-bar .sticky-bar.stick {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar #offcanvasMenu {
margin-top: 46px;
}
.admin-bar .mobile-header-wrapper-style,
.admin-bar .sticky-bar.stick {
margin-top: 0;
}
.admin-bar .mobile-header-wrapper-style + #offcanvasMenu,
.admin-bar .sticky-bar.stick + #offcanvasMenu {
margin-top: 0;
}
.header .main-header .header-left .header-logo img {
--jobbox-logo-size: var(--jobbox-logo-size-sm, auto);
}
}
.mobile-header-wrapper-style.sidebar-visible {
visibility: visible;
opacity: 1;
transform: translate(0, 0);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner {
padding: 0px 0px 30px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 34px 30px 30px 30px;
background-color: #ffffff;
align-items: center;
align-self: center;
border-bottom: thin solid var(--jobbox-border-color);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a {
display: block;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
width: 100px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
padding: 30px 50px 30px 25px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
display: block;
position: relative;
padding: 13px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.hr {
display: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child {
border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand {
right: -32px;
position: absolute;
cursor: pointer;
z-index: 9;
text-align: center;
font-size: 12px;
display: block;
width: 30px;
height: 30px;
line-height: 38px;
top: 12px;
color: var(--jobbox-color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i {
font-size: 18px;
font-weight: 300;
opacity: 0.5;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand {
background: rgba(255, 255, 255, 0.2);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand i::before {
content: "\f113";
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
font-size: var(--jobbox-font-md);
line-height: 1;
text-transform: capitalize;
font-weight: 500;
position: relative;
display: inline-block;
color: var(--jobbox-color-brand);
transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i {
margin-right: 5px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover, .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:focus {
color: var(--jobbox-color-brand-2);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
padding: 10px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
padding: 10px 0;
border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand {
top: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a {
transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a::before {
opacity: 1;
transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
font-size: var(--jobbox-font-sm);
display: block;
font-weight: 500;
color: var(--jobbox-color-black-1);
position: relative;
transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul {
margin-top: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active {
padding-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a {
color: var(--jobbox-color-brand-2);
transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a {
padding: 5px 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap {
padding: 20px;
border-radius: 5px;
border: 1px solid var(--jobbox-color-border-2);
margin: 17px 0 30px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info {
position: relative;
margin-bottom: 13px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child {
margin-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a {
font-size: var(--jobbox-font-sm);
display: block;
font-weight: 500;
color: var(--jobbox-color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
color: var(--jobbox-color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i {
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-brand);
margin-right: 8px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown {
margin-top: 5px;
display: none;
background-color: transparent;
box-shadow: none;
padding: 10px 0 0 0;
width: 100%;
z-index: 11;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li {
padding-bottom: 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child {
padding-bottom: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
font-size: var(--jobbox-font-md);
color: rgba(255, 255, 255, 0.7);
font-weight: 400;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover {
color: var(--jobbox-color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover > a {
color: var(--jobbox-color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright {
font-size: var(--jobbox-font-xs);
color: var(--jobbox-color-text-paragraph);
}
.burger-icon {
position: absolute;
width: 24px;
height: 20px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
top: 7px;
right: 15px;
display: none;
z-index: 2;
}
.burger-icon > span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
}
.burger-icon > span.burger-icon-top {
top: 2px;
}
.burger-icon > span.burger-icon-bottom {
bottom: 2px;
}
.burger-icon > span.burger-icon-mid {
top: 9px;
}
.burger-icon.burger-close {
position: fixed;
top: 42px !important;
right: 15px;
}
.burger-icon.burger-close > span.burger-icon-top {
display: none;
opacity: 0;
}
.burger-icon.burger-close > span.burger-icon-mid {
top: 8px;
transform: rotate(45deg);
}
.burger-icon.burger-close > span.burger-icon-bottom {
bottom: 10px;
transform: rotate(-45deg);
}
.burger-icon > span::before,
.burger-icon > span::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #333;
}
.burger-icon.burger-icon-white > span::before,
.burger-icon.burger-icon-white > span::after {
background-color: var(--jobbox-color-text-paragraph);
}
.mobile-search form {
background-color: var(--jobbox-background-1);
border-radius: 8px;
height: 44px;
padding: 0px 15px 0px 44px;
position: relative;
}
.mobile-search form input {
border: 0;
background-color: transparent;
width: 100%;
height: 43px;
}
.mobile-search form i {
position: absolute;
left: 18px;
top: 14px;
font-size: 18px;
color: var(--jobbox-color-text-paragraph);
}
.mobile-social-icon h6 {
font-weight: 600;
font-size: 20px;
margin-bottom: 30px;
}
.mobile-social-icon a {
text-align: center;
font-size: 14px;
margin-right: 5px;
transition-duration: 0.5s;
height: 30px;
width: 30px;
display: inline-flex;
background: #efeaff;
border-radius: 30px;
line-height: 1;
align-content: center;
justify-content: center;
}
.mobile-social-icon a img {
max-width: 18px;
}
.mobile-social-icon a img:hover {
opacity: 0.8;
}
.mobile-social-icon a:hover {
transform: translateY(-2px);
transition-duration: 0.5s;
margin-top: -2px;
}
.mobile-social-icon a:last-child {
margin-right: 0;
}
.mobile-account {
margin: 15px 0;
padding: 30px 0 20px 0;
border-top: thin solid var(--jobbox-border-color);
}
.mobile-account h6 {
font-weight: 600;
font-size: 18px;
}
.mobile-account ul li {
padding: 13px 0;
}
.mobile-account ul li a {
font-size: 15px;
line-height: 1;
text-transform: capitalize;
font-weight: 500;
position: relative;
display: inline-block;
color: var(--jobbox-color-black-1);
transition-duration: 0.2s;
}
.mobile-account ul li:hover a {
padding-left: 3px;
transition-duration: 0.2s;
color: var(--jobbox-color-brand);
}
.sidebar-title {
border-bottom: thin solid var(--jobbox-border-color);
font-weight: 600;
margin-bottom: 30px;
padding-bottom: 10px;
}
.search-form form {
position: relative;
}
.search-form form input {
border: 1px solid #ececec;
border-radius: 10px;
height: 64px;
box-shadow: none;
padding-left: 20px;
font-size: 16px;
width: 100%;
}
.search-form form button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
border: none;
font-size: 20px;
height: 100%;
padding: 0 24px;
background-color: transparent;
color: #242424;
}
.widget-categories {
background-color: var(--jobbox-background-2) !important;
}
.widget-categories li {
padding: 8px 0;
}
.widget-categories li + li {
border-top: 1px solid var(--jobbox-border-color);
}
.widget-categories li a {
color: var(--jobbox-color-brand);
font-size: var(--jobbox-font-md);
}
.widget-categories li span.count {
background-color: var(--jobbox-background-1) 6;
color: var(--jobbox-color-brand);
border-radius: 3px;
display: block;
padding: 3px 5px;
min-width: 26px;
text-align: center;
}
.widget-categories li:hover span.count {
background-color: var(--jobbox-color-brand);
color: #ffffff;
}
.post-list-small-item {
transition-duration: 0.2s;
}
.post-list-small-item:hover {
transition-duration: 0.2s;
transform: translateY(-3px);
}
.post-list-small-item figure img {
max-width: 85px;
border-radius: 5px;
}
.post-list-small-item .post-meta {
font-size: 13px;
}
.post-list-small-item .post-meta img {
max-width: 30px;
border-radius: 50%;
margin-right: 5px;
}
.post-list-small-item h5 {
font-weight: 600;
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
.post-list-small-item:not(:last-child) {
margin-bottom: 15px;
}
.widget_block .wp-block-group h2:first-child {
font-size: 1.25rem !important;
border-bottom: thin solid #E0E6F6;
font-weight: 600;
padding-bottom: 10px;
}
.fi-icon i {
position: relative;
top: 2px;
margin-right: 5px;
}
.footer {
background-image: var(--jobbox-footer-bg-image);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
font-weight: 500;
}
.footer.footer-dark {
background-color: var(--bs-dark);
--jobbox-color-text-paragraph: var(--bs-light);
--jobbox-color-brand: var(--bs-light);
}
.footer .footer-col-1 {
flex: 0 0 auto;
width: 24%;
}
.footer .footer-col-2 {
flex: 0 0 auto;
width: 14%;
}
.footer .footer-col-3 {
flex: 0 0 auto;
width: 14%;
}
.footer .footer-col-4 {
flex: 0 0 auto;
width: 14%;
}
.footer .footer-col-5 {
flex: 0 0 auto;
width: 14%;
}
.footer .footer-col-6 {
flex: 0 0 auto;
width: 20%;
}
.footer .menu-footer, .footer .menu {
display: inline-block;
padding-left: 0;
}
.footer .menu-footer li, .footer .menu li {
list-style: none;
margin-bottom: 4px;
}
.footer .menu-footer li a, .footer .menu li a {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
text-decoration: none;
transition-duration: 0.2s;
}
.footer .menu-footer li a:hover, .footer .menu li a:hover {
color: var(--jobbox-color-brand);
transition-duration: 0.2s;
padding-left: 3px;
}
.footer .icon-socials {
display: inline-block;
margin-right: 10px;
height: 30px;
width: 30px;
transition-duration: 0.2s;
}
.footer .icon-socials:hover {
transform: translateY(-3px);
transition-duration: 0.2s;
}
.footer .icon-socials.icon-facebook {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/facebook.svg) no-repeat 0px 0px;
transition-duration: 0.2s;
}
.footer .icon-socials.icon-twitter {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/twitter.svg) no-repeat 0px 0px;
transition-duration: 0.2s;
}
.footer .icon-socials.icon-linkedin {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/linkedin.svg) no-repeat 0px 0px;
transition-duration: 0.2s;
}
.footer .footer-bottom {
border-top: 1px solid var(--jobbox-color-border-2);
padding: 30px 0px;
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
}
.footer .footer-bottom strong {
color: var(--jobbox-color-brand);
font-weight: bold;
}
.footer .footer-bottom a {
text-decoration: none;
}
.footer .wp-social-link a *:hover {
color: #fff;
}
#scrollUp {
width: 48px;
height: 48px;
color: #ffffff;
right: 30px;
bottom: 30px;
border-radius: 30px;
text-align: center;
overflow: hidden;
z-index: 999 !important;
border: 0;
background-color: #fff;
transition-duration: 0.2s;
background-color: var(--jobbox-color-brand-2);
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/go-top.svg);
background-repeat: no-repeat;
background-position: center;
}
#scrollUp i {
display: none;
line-height: 42px !important;
font-size: 20px;
color: #fff;
}
#scrollUp:hover {
transform: translateY(-3px);
transition-duration: 0.2s;
} .section-padding-30 {
padding: 30px 0;
}
.section-padding-50 {
padding: 50px 0;
}
.section-padding-60 {
padding: 60px 0;
}
.section-padding {
padding: 25px 0;
}
.ptb-0 {
padding: 0;
}
.ptb-10 {
padding: 10px 0;
}
.ptb-20 {
padding: 20px 0;
}
.ptb-30 {
padding: 30px 0;
}
.ptb-35 {
padding: 35px 0;
}
.ptb-32 {
padding: 32px 0;
}
.ptb-40 {
padding: 40px 0;
}
.ptb-50 {
padding: 50px 0;
}
.ptb-60 {
padding: 60px 0;
}
.ptb-70 {
padding: 70px 0;
}
.ptb-80 {
padding: 80px 0;
}
.ptb-90 {
padding: 90px 0;
}
.ptb-100 {
padding: 100px 0;
}
.ptb-110 {
padding: 110px 0;
}
.ptb-120 {
padding: 120px 0;
}
.ptb-130 {
padding: 130px 0;
}
.ptb-140 {
padding: 140px 0;
}
.ptb-150 {
padding: 150px 0;
}
.ptb-160 {
padding: 160px 0;
}
.ptb-170 {
padding: 170px 0;
}
.ptb-177 {
padding: 177px 0;
}
.ptb-180 {
padding: 180px 0;
}
.ptb-190 {
padding: 190px 0;
}
.ptb-200 {
padding: 200px 0;
}
.ptb-210 {
padding: 210px 0;
}
.ptb-220 {
padding: 220px 0;
}
.ptb-290 {
padding: 290px 0;
}
.ptb-310 {
padding: 310px 0;
}
.p-10 {
padding: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.p-25 {
padding: 25px !important;
}
.p-30 {
padding: 30px !important;
}
.p-40 {
padding: 40px !important;
}
.p-65 {
padding: 65px !important;
}
.pt-5 {
padding-top: 5px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pt-15 {
padding-top: 15px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-25 {
padding-top: 25px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-35 {
padding-top: 35px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-45 {
padding-top: 45px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-55 {
padding-top: 55px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pt-65 {
padding-top: 65px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pt-75 {
padding-top: 75px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pt-85 {
padding-top: 85px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pt-95 {
padding-top: 95px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.pt-105 {
padding-top: 105px !important;
}
.pt-110 {
padding-top: 110px !important;
}
.pt-115 {
padding-top: 115px !important;
}
.pt-120 {
padding-top: 120px !important;
}
.pt-125 {
padding-top: 125px !important;
}
.pt-130 {
padding-top: 130px !important;
}
.pt-135 {
padding-top: 135px !important;
}
.pt-140 {
padding-top: 140px !important;
}
.pt-145 {
padding-top: 145px !important;
}
.pt-150 {
padding-top: 150px !important;
}
.pt-155 {
padding-top: 155px !important;
}
.pt-160 {
padding-top: 160px !important;
}
.pt-165 {
padding-top: 165px !important;
}
.pt-170 {
padding-top: 170px !important;
}
.pt-175 {
padding-top: 175px !important;
}
.pt-180 {
padding-top: 180px !important;
}
.pt-185 {
padding-top: 185px !important;
}
.pt-190 {
padding-top: 190px !important;
}
.pt-195 {
padding-top: 195px !important;
}
.pt-200 {
padding-top: 200px !important;
}
.pt-260 {
padding-top: 260px !important;
}
.pb-5 {
padding-bottom: 5px !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pb-15 {
padding-bottom: 15px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-25 {
padding-bottom: 25px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-35 {
padding-bottom: 35px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-45 {
padding-bottom: 45px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pb-55 {
padding-bottom: 55px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pb-65 {
padding-bottom: 65px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pb-75 {
padding-bottom: 75px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pb-85 {
padding-bottom: 85px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pb-95 {
padding-bottom: 95px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pb-105 {
padding-bottom: 105px !important;
}
.pb-110 {
padding-bottom: 110px !important;
}
.pb-115 {
padding-bottom: 115px !important;
}
.pb-120 {
padding-bottom: 120px !important;
}
.pb-125 {
padding-bottom: 125px !important;
}
.pb-130 {
padding-bottom: 130px !important;
}
.pb-135 {
padding-bottom: 135px !important;
}
.pb-140 {
padding-bottom: 140px !important;
}
.pb-145 {
padding-bottom: 145px !important;
}
.pb-150 {
padding-bottom: 150px !important;
}
.pb-155 {
padding-bottom: 155px !important;
}
.pb-160 {
padding-bottom: 160px !important;
}
.pb-165 {
padding-bottom: 165px !important;
}
.pb-170 {
padding-bottom: 170px !important;
}
.pb-175 {
padding-bottom: 175px !important;
}
.pb-180 {
padding-bottom: 180px !important;
}
.pb-185 {
padding-bottom: 185px !important;
}
.pb-190 {
padding-bottom: 190px !important;
}
.pb-195 {
padding-bottom: 195px !important;
}
.pb-200 {
padding-bottom: 200px !important;
}
.pb-250 {
padding-bottom: 250px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pl-5 {
padding-left: 5px !important;
}
.pl-10 {
padding-left: 10px !important;
}
.pl-15 {
padding-left: 15px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pl-30 {
padding-left: 30px !important;
}
.pl-35 {
padding-left: 35px !important;
}
.pl-40 {
padding-left: 40px !important;
}
.pl-45 {
padding-left: 45px !important;
}
.pl-50 {
padding-left: 50px !important;
}
.pl-55 {
padding-left: 55px !important;
}
.pl-60 {
padding-left: 60px !important;
}
.pl-65 {
padding-left: 65px !important;
}
.pl-70 {
padding-left: 70px !important;
}
.pl-75 {
padding-left: 75px !important;
}
.pl-80 {
padding-left: 80px !important;
}
.pl-85 {
padding-left: 85px !important;
}
.pl-90 {
padding-left: 90px !important;
}
.pl-95 {
padding-left: 95px !important;
}
.pl-100 {
padding-left: 100px !important;
}
.pl-105 {
padding-left: 105px !important;
}
.pl-110 {
padding-left: 110px !important;
}
.pl-115 {
padding-left: 115px !important;
}
.pl-120 {
padding-left: 120px !important;
}
.pl-125 {
padding-left: 125px !important;
}
.pl-130 {
padding-left: 130px !important;
}
.pl-135 {
padding-left: 135px !important;
}
.pl-140 {
padding-left: 140px !important;
}
.pl-145 {
padding-left: 145px !important;
}
.pl-150 {
padding-left: 150px !important;
}
.pl-155 {
padding-left: 155px !important;
}
.pl-160 {
padding-left: 160px !important;
}
.pl-165 {
padding-left: 165px !important;
}
.pl-170 {
padding-left: 170px !important;
}
.pl-175 {
padding-left: 175px !important;
}
.pl-180 {
padding-left: 180px !important;
}
.pl-185 {
padding-left: 185px !important;
}
.pl-190 {
padding-left: 190px !important;
}
.pl-195 {
padding-left: 195px !important;
}
.pl-200 {
padding-left: 200px !important;
}
.pr-5 {
padding-right: 5px !important;
}
.pr-10 {
padding-right: 10px !important;
}
.pr-15 {
padding-right: 15px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.pr-25 {
padding-right: 25px !important;
}
.pr-30 {
padding-right: 30px !important;
}
.pr-35 {
padding-right: 35px !important;
}
.pr-40 {
padding-right: 40px !important;
}
.pr-45 {
padding-right: 45px !important;
}
.pr-50 {
padding-right: 50px !important;
}
.pr-55 {
padding-right: 55px !important;
}
.pr-60 {
padding-right: 60px !important;
}
.pr-65 {
padding-right: 65px !important;
}
.pr-70 {
padding-right: 70px !important;
}
.pr-75 {
padding-right: 75px !important;
}
.pr-80 {
padding-right: 80px !important;
}
.pr-85 {
padding-right: 85px !important;
}
.pr-90 {
padding-right: 90px !important;
}
.pr-95 {
padding-right: 95px !important;
}
.pr-100 {
padding-right: 100px !important;
}
.pr-105 {
padding-right: 105px !important;
}
.pr-110 {
padding-right: 110px !important;
}
.pr-115 {
padding-right: 115px !important;
}
.pr-120 {
padding-right: 120px !important;
}
.pr-125 {
padding-right: 125px !important;
}
.pr-130 {
padding-right: 130px !important;
}
.pr-135 {
padding-right: 135px !important;
}
.pr-140 {
padding-right: 140px !important;
}
.pr-145 {
padding-right: 145px !important;
}
.pr-150 {
padding-right: 150px !important;
}
.pr-155 {
padding-right: 155px !important;
}
.pr-160 {
padding-right: 160px !important;
}
.pr-165 {
padding-right: 165px !important;
}
.pr-170 {
padding-right: 170px !important;
}
.pr-175 {
padding-right: 175px !important;
}
.pr-180 {
padding-right: 180px !important;
}
.pr-185 {
padding-right: 185px !important;
}
.pr-190 {
padding-right: 190px !important;
}
.pr-195 {
padding-right: 195px !important;
}
.pr-200 {
padding-right: 200px !important;
}
.plr-5-percent {
padding: 0 5%;
} .mtb-0 {
margin: 0;
}
.mtb-10 {
margin: 10px 0;
}
.mtb-15 {
margin: 15px 0;
}
.mtb-20 {
margin: 20px 0;
}
.mtb-30 {
margin: 30px 0;
}
.mtb-40 {
margin: 40px 0;
}
.mtb-50 {
margin: 50px 0;
}
.mtb-60 {
margin: 60px 0;
}
.mtb-70 {
margin: 70px 0;
}
.mtb-80 {
margin: 80px 0;
}
.mtb-90 {
margin: 90px 0;
}
.mtb-100 {
margin: 100px 0;
}
.mtb-110 {
margin: 110px 0;
}
.mtb-120 {
margin: 120px 0;
}
.mtb-130 {
margin: 130px 0;
}
.mtb-140 {
margin: 140px 0;
}
.mtb-150 {
margin: 150px 0;
}
.mtb-290 {
margin: 290px 0;
}
.mb-24 {
margin-bottom: 24px;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-8 {
margin-top: 8px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-35 {
margin-top: 35px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-45 {
margin-top: 45px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-55 {
margin-top: 55px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-65 {
margin-top: 65px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-75 {
margin-top: 75px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-85 {
margin-top: 85px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-95 {
margin-top: 95px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mt-105 {
margin-top: 105px !important;
}
.mt-110 {
margin-top: 110px !important;
}
.mt-115 {
margin-top: 115px !important;
}
.mt-120 {
margin-top: 120px !important;
}
.mt-125 {
margin-top: 125px !important;
}
.mt-130 {
margin-top: 130px !important;
}
.mt-135 {
margin-top: 135px !important;
}
.mt-140 {
margin-top: 140px !important;
}
.mt-145 {
margin-top: 145px !important;
}
.mt-150 {
margin-top: 150px !important;
}
.mt-155 {
margin-top: 155px !important;
}
.mt-160 {
margin-top: 160px !important;
}
.mt-165 {
margin-top: 165px !important;
}
.mt-170 {
margin-top: 170px !important;
}
.mt-175 {
margin-top: 175px !important;
}
.mt-180 {
margin-top: 180px !important;
}
.mt-185 {
margin-top: 185px !important;
}
.mt-190 {
margin-top: 190px !important;
}
.mt-195 {
margin-top: 195px !important;
}
.mt-200 {
margin-top: 200px !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-35 {
margin-bottom: 35px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-45 {
margin-bottom: 45px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-55 {
margin-bottom: 55px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-65 {
margin-bottom: 65px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-75 {
margin-bottom: 75px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-85 {
margin-bottom: 85px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-95 {
margin-bottom: 95px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mb-105 {
margin-bottom: 105px !important;
}
.mb-110 {
margin-bottom: 110px !important;
}
.mb-115 {
margin-bottom: 115px !important;
}
.mb-120 {
margin-bottom: 120px !important;
}
.mb-125 {
margin-bottom: 125px !important;
}
.mb-130 {
margin-bottom: 130px !important;
}
.mb-135 {
margin-bottom: 135px !important;
}
.mb-140 {
margin-bottom: 140px !important;
}
.mb-145 {
margin-bottom: 145px !important;
}
.mb-150 {
margin-bottom: 150px !important;
}
.mb-155 {
margin-bottom: 155px !important;
}
.mb-160 {
margin-bottom: 160px !important;
}
.mb-165 {
margin-bottom: 165px !important;
}
.mb-170 {
margin-bottom: 170px !important;
}
.mb-175 {
margin-bottom: 175px !important;
}
.mb-180 {
margin-bottom: 180px !important;
}
.mb-185 {
margin-bottom: 185px !important;
}
.mb-190 {
margin-bottom: 190px !important;
}
.mb-195 {
margin-bottom: 195px !important;
}
.mb-200 {
margin-bottom: 200px !important;
}
.ml-0 {
margin-left: 0px !important;
}
.ml-5 {
margin-left: 5px !important;
}
.ml-10 {
margin-left: 10px !important;
}
.ml-15 {
margin-left: 15px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.ml-25 {
margin-left: 25px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.ml-35 {
margin-left: 35px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-45 {
margin-left: 45px !important;
}
.ml-50 {
margin-left: 50px !important;
}
.ml-55 {
margin-left: 55px !important;
}
.ml-60 {
margin-left: 60px !important;
}
.ml-65 {
margin-left: 65px !important;
}
.ml-70 {
margin-left: 70px !important;
}
.ml-75 {
margin-left: 75px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.ml-85 {
margin-left: 85px !important;
}
.ml-90 {
margin-left: 90px !important;
}
.ml-95 {
margin-left: 95px !important;
}
.ml-100 {
margin-left: 100px !important;
}
.ml-105 {
margin-left: 105px !important;
}
.ml-110 {
margin-left: 110px !important;
}
.ml-115 {
margin-left: 115px !important;
}
.ml-120 {
margin-left: 120px !important;
}
.ml-125 {
margin-left: 125px !important;
}
.ml-130 {
margin-left: 130px !important;
}
.ml-135 {
margin-left: 135px !important;
}
.ml-140 {
margin-left: 140px !important;
}
.ml-145 {
margin-left: 145px !important;
}
.ml-150 {
margin-left: 150px !important;
}
.ml-155 {
margin-left: 155px !important;
}
.ml-160 {
margin-left: 160px !important;
}
.ml-165 {
margin-left: 165px !important;
}
.ml-170 {
margin-left: 170px !important;
}
.ml-175 {
margin-left: 175px !important;
}
.ml-180 {
margin-left: 180px !important;
}
.ml-185 {
margin-left: 185px !important;
}
.ml-190 {
margin-left: 190px !important;
}
.ml-195 {
margin-left: 195px !important;
}
.ml-200 {
margin-left: 200px !important;
}
.mr-5 {
margin-right: 5px !important;
}
.mr-10 {
margin-right: 10px !important;
}
.mr-15 {
margin-right: 15px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mr-25 {
margin-right: 25px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mr-35 {
margin-right: 35px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-45 {
margin-right: 45px !important;
}
.mr-50 {
margin-right: 50px !important;
}
.mr-55 {
margin-right: 55px !important;
}
.mr-60 {
margin-right: 60px !important;
}
.mr-65 {
margin-right: 65px !important;
}
.mr-70 {
margin-right: 70px !important;
}
.mr-75 {
margin-right: 75px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.mr-85 {
margin-right: 85px !important;
}
.mr-90 {
margin-right: 90px !important;
}
.mr-95 {
margin-right: 95px !important;
}
.mr-100 {
margin-right: 100px !important;
}
.mr-105 {
margin-right: 105px !important;
}
.mr-110 {
margin-right: 110px !important;
}
.mr-115 {
margin-right: 115px !important;
}
.mr-120 {
margin-right: 120px !important;
}
.mr-125 {
margin-right: 125px !important;
}
.mr-130 {
margin-right: 130px !important;
}
.mr-135 {
margin-right: 135px !important;
}
.mr-140 {
margin-right: 140px !important;
}
.mr-145 {
margin-right: 145px !important;
}
.mr-150 {
margin-right: 150px !important;
}
.mr-155 {
margin-right: 155px !important;
}
.mr-160 {
margin-right: 160px !important;
}
.mr-165 {
margin-right: 165px !important;
}
.mr-170 {
margin-right: 170px !important;
}
.mr-175 {
margin-right: 175px !important;
}
.mr-180 {
margin-right: 180px !important;
}
.mr-185 {
margin-right: 185px !important;
}
.mr-190 {
margin-right: 190px !important;
}
.mr-195 {
margin-right: 195px !important;
}
.mr-200 {
margin-right: 200px !important;
} .page-about {
background-position: 0 5%;
}
.header-bg,
.bg-banner-about {
background-color: var(--jobbox-background-5);
}
.bg-banner-about {
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
padding-bottom: 40px;
}
.banner-about::before {
width: 100%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
right: 0px;
left: 0px;
}
.banner-about .banner-inner .banner-imgs {
padding-top: 35px;
}
.banner-about .main-banner {
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
}
.banner-about .banner-sm-1 {
position: absolute;
top: 3%;
left: -110px;
width: 102px;
}
.banner-about .banner-sm-1 img {
width: 102px;
height: 102px;
border-radius: 50%;
}
.banner-about .banner-sm-2 {
position: absolute;
top: 21%;
left: -142px;
width: 132px;
}
.banner-about .banner-sm-2 img {
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
}
.banner-about .banner-sm-3 {
position: absolute;
top: 51%;
left: -192px;
width: 182px;
}
.banner-about .banner-sm-3 img {
border-bottom-left-radius: 40px;
}
.heading-36 {
font-family: var(--jobbox-font-heading);
font-size: 36px;
line-height: 44px;
font-weight: bold;
}
.text-lg {
font-size: var(--jobbox-font-lg);
line-height: 28px;
letter-spacing: 0.5px;
}
.text-blue {
font-family: var(--jobbox-font-heading);
font-size: var(--jobbox-font-xl);
color: var(--jobbox-color-brand-2);
font-weight: 600;
line-height: 24px;
}
.box-info-job {
display: inline-block;
width: 100%;
padding: 70px 30px 0px 30px;
}
.box-image-findjob {
position: relative;
display: inline-block;
width: 100%;
margin-left: -50px;
}
.box-image-findjob img {
border-top-left-radius: 100px;
border-bottom-right-radius: 100px;
box-shadow: var(--jobbox-box-shadow-2);
}
.box-image-findjob::before {
position: absolute;
content: "";
bottom: -45px;
right: -45px;
height: 39px;
width: 39px;
border-radius: 50%;
background: var(--jobbox-background-1) 1;
}
.block-job-bg {
position: relative;
display: inline-block;
width: 100%;
padding: 65px 0px 0px 20px;
}
.block-job-bg .row {
z-index: 2;
position: relative;
}
.block-job-bg::after {
content: "";
position: absolute;
top: 10px;
right: 85%;
height: 39px;
width: 39px;
background: var(--jobbox-background-1) 0;
border-radius: 50%;
z-index: 0;
}
.bdrd-4 {
border-radius: 4px !important;
}
.banner-imgs-about {
position: relative;
}
.banner-imgs-about .banner-sm-4 {
position: absolute;
top: 15%;
left: -110px;
}
.banner-imgs-about .banner-sm-5 {
position: absolute;
top: 65%;
left: -90px;
}
.banner-imgs-about .main-banner {
border-top-right-radius: 100px;
border-bottom-left-radius: 100px;
}
.color-black-5 {
color: var(--jobbox-color-border-3);
}
.box-mw-60 {
max-width: 60%;
margin: auto;
}
.box-mw-70 {
max-width: 70%;
} .box-banner-services--inner {
position: relative;
max-width: 1090px;
margin: auto;
}
.box-banner-services--inner img {
border-radius: 15px;
width: 100%;
}
.box-banner-services--inner .btn-play-2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
height: 140px;
width: 150px;
z-index: 3;
margin: auto;
}
.mw-650,
.mw-450 {
max-width: 650px;
margin: auto;
}
.mw-450 {
max-width: 450px;
}
.pattern-service {
position: relative;
}
.pattern-service .container {
z-index: 2;
position: relative;
}
.pattern-service::before {
content: "";
position: absolute;
z-index: 0;
left: 0px;
top: 0px;
height: 100%;
min-height: 611px;
width: 290px;
} .bg-blue-full {
background-color: #ecf4ff;
padding: 82px 0px;
}
.bg-blue-full .btn-border {
color: var(--jobbox-color-text-paragraph);
}
.text-billed {
font-weight: 500;
font-family: var(--jobbox-font-heading);
display: inline-block;
vertical-align: middle;
color: var(--jobbox-color-black-1);
}
.max-width-price {
margin: auto;
max-width: 85%;
}
.block-pricing .box-pricing-item {
display: inline-block;
width: 100%;
padding: 44px;
border: 1px solid var(--jobbox-color-border-2);
border-radius: 8px;
margin-bottom: 30px;
}
.block-pricing .box-pricing-item:hover {
box-shadow: var(--jobbox-box-shadow-2);
}
.block-pricing .box-pricing-item:hover .btn-border {
background-color: var(--jobbox-color-brand-2);
color: #ffffff;
}
.block-pricing .box-pricing-item .for-year,
.block-pricing .box-pricing-item .for-month {
display: none;
}
.block-pricing .box-pricing-item .display-month {
display: inline-block;
}
.block-pricing .box-pricing-item .display-year {
display: inline-block;
}
.block-pricing .box-pricing-item .btn-border {
border: 1px solid var(--jobbox-color-brand-2);
color: var(--jobbox-color-brand-2);
width: 100%;
}
.block-pricing .box-pricing-item .btn-border:hover {
background-color: var(--jobbox-color-brand-2);
color: #ffffff;
}
.block-pricing .box-info-price {
display: inline-block;
width: 100%;
padding-bottom: 15px;
padding-top: 15px;
}
.block-pricing .box-info-price .text-price {
font-size: 56px;
color: var(--jobbox-color-brand-2);
font-family: var(--jobbox-font-heading);
line-height: 56px;
font-weight: 800;
margin-right: 1px;
}
.block-pricing .box-info-price .text-month {
font-size: 18px;
line-height: 26px;
color: var(--jobbox-color-text-mutted);
}
.block-pricing .text-desc-package {
font-size: var(--jobbox-font-md-2);
line-height: 20px;
color: var(--jobbox-color-text-paragraph);
}
.block-pricing .list-package-feature {
display: inline-block;
width: 100%;
padding-bottom: 30px;
}
.block-pricing .list-package-feature li {
display: inline-block;
width: 100%;
padding: 4px 0px 4px 35px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/check-circle.svg) no-repeat left center;
margin-bottom: 20px;
font-size: var(--jobbox-font-md-2);
line-height: 20px;
color: var(--jobbox-color-text-paragraph);
}
.block-pricing .list-package-feature li:last-child {
padding-bottom: 4px !important;
}
.block-pricing .most-popular {
margin-top: -50px;
background-size: contain;
border-radius: 26px;
padding: 20px 30px 44px 30px;
}
.block-pricing .most-popular .text-price,
.block-pricing .most-popular .text-month,
.block-pricing .most-popular h4,
.block-pricing .most-popular .text-desc-package {
color: #ffffff;
}
.block-pricing .most-popular .btn-border {
font-weight: bold;
color: var(--jobbox-color-brand);
width: 100%;
text-align: center;
}
.block-pricing .most-popular .btn-white-sm {
border-radius: 14px;
text-transform: uppercase;
padding: 9px 25px 7px 25px;
font-size: 10px;
color: var(--jobbox-color-brand);
line-height: 12px;
font-family: var(--jobbox-font-heading);
}
.heading-md-regular {
font-size: var(--jobbox-font-xl);
line-height: 24px;
color: var(--jobbox-color-brand);
font-weight: 500;
font-family: var(--jobbox-font-text);
}
.box-info-job .text-md {
line-height: 28px;
}
.box-image-findjob.box-image-about {
padding-top: 44px;
padding-right: 44px;
text-align: center;
}
.box-image-findjob figure {
position: relative;
z-index: 2;
}
.box-info-job.box-info-about {
padding-top: 30px;
}
.box-info-job.box-info-about .btn-border {
color: var(--jobbox-color-text-paragraph);
}
.text-gray-200 {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-md);
} .faqs-imgs .faqs-1 {
border-radius: 80px 80px 80px 0;
}
.faqs-imgs .faqs-2 {
border-radius: 0 80px 0 80px;
}
.faqs-imgs .faqs-3 {
border-radius: 0 80px 80px 80px;
} .leaflet-map {
height: 528px;
width: 100%;
}
.bg-img-about {
background-size: cover;
position: relative;
}
.bg-img-about .container {
z-index: 2;
position: relative;
}
.bg-img-about::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
height: 100%;
width: 100%;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/about/bg-black-trans.png) repeat-x bottom left;
}
.bg-img-about h2, .bg-img-about .banner-subtitle {
color: #ffffff;
}
.box-info-contact {
background-color: var(--jobbox-background-7);
padding: 50px 40px 20px 40px;
display: inline-block;
width: 100%;
}
.link-map {
letter-spacing: 3px;
padding-top: 5px;
display: inline-block;
font-size: 12px;
line-height: 22px;
}
.wpcf7-list-item.last {
margin-left: 0;
margin-bottom: 20px;
}
.wpcf7-list-item input[type=checkbox] {
margin-right: 5px;
}
.jobbox-contact-info .elementor-widget-container {
padding-right: 30px;
}
.contact-info-row {
margin-left: -15px;
margin-right: -15px;
}
.jobbox-contact-info .contact-info-row .elementor-widget-container {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.job-manager-bookmarks tr {
text-align: left;
}
.archive-header {
position: relative;
top: -200px;
margin-bottom: -200px;
display: table;
width: 100%;
}
.archive-header h3 {
font-size: 46px;
}
.archive-header .post-meta .author img {
max-width: 30px;
border-radius: 50%;
margin-right: 5px;
}
.card-blog-1 {
border-radius: 15px;
border: thin solid var(--jobbox-border-color);
padding: 30px;
}
.card-blog-1:hover {
box-shadow: var(--jobbox-box-shadow-2);
}
.card-blog-1 .post-thumb {
border-radius: 15px;
overflow: hidden;
}
.card-blog-1 .post-thumb img {
border-radius: 15px;
}
.card-blog-1 .post-meta .author img {
max-width: 30px;
border-radius: 50%;
margin-right: 5px;
}
.card-blog-1 h3.post-title {
font-size: 24px;
line-height: 1.33;
}
.card-blog-1 h3.post-title a {
color: var(--jobbox-color-brand);
}
.card-blog-1 h3.post-title a:hover {
color: var(--jobbox-color-brand);
}
.card-blog-1 h3.post-title.small {
font-size: 18px;
}
.card-blog-1 .btn-brand-hover {
border-color: var(--jobbox-border-color-1-hover);
}
.card-blog-1.post-list {
display: flex;
}
.card-blog-1.post-list .post-thumb {
max-width: 275px;
margin-right: 25px;
}
.single-body figure img {
border-radius: 15px;
}
.single-body p {
font-size: var(--jobbox-font-lg);
margin-bottom: 15px;
color: var(--jobbox-color-text-paragraph);
line-height: 1.5;
}
.single-body h1,
.single-body h2,
.single-body h3,
.single-body h4,
.single-body h5,
.single-body h6 {
margin: 30px 0 25px 0;
}
.single-body .excerpt p {
font-size: var(--jobbox-font-2xl);
line-height: 1.5;
color: var(--jobbox-color-brand);
}
.single-body blockquote {
background-color: var(--jobbox-background-1) 6;
padding: 40px 60px;
border-radius: 15px;
margin: 30px auto;
font-size: 24px;
max-width: 80%;
}
.single-body blockquote p {
font-size: 24px;
line-height: 32px;
color: #7e7e7e;
margin-bottom: 0;
}
.author-bio {
border-radius: 5px;
border: 1px solid var(--jobbox-color-border-1);
display: block;
padding: 25px;
}
.author-bio h5 {
margin: 0 !important;
font-weight: 600;
}
.author-bio .author-image {
display: flex;
justify-content: flex-start;
min-width: 200px;
}
.author-bio .author-image img {
margin-right: 15px;
max-width: 56px;
max-height: 56px;
border-radius: 50%;
vertical-align: middle;
}
.author-bio .author-image p {
font-size: 14px;
}
.author-bio .author-des {
border-radius: 4px;
width: 100%;
}
.related-posts h6 {
font-size: 16px;
font-weight: 600;
}
.related-posts h6 a {
color: var(--jobbox-color-brand);
}
.gallery-3 {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
}
.gallery-3 li {
flex: 0 0 auto;
width: 33.33%;
padding: 5px;
margin-bottom: 10px;
}
.gallery-3 li a img {
border-radius: 4px;
}
.box-white {
background: #ffffff;
padding: 50px 0px 30px;
}
.img-middle {
float: left;
margin-top: 3px;
}
.max-width-single {
max-width: 733px;
width: 100%;
margin: auto;
clear: both;
}
.list-comments li ul li .author-bio .author-image {
min-width: 200px;
}
.list-comments li ul.children {
list-style: none;
}
.form-comment .box-agree input {
float: left;
margin: 5px 0px 0px 0px;
}
.form-comment .box-agree span {
display: block;
padding-left: 25px;
}
.form-comment .input-comment {
border-radius: 4px;
border: 2px solid var(--jobbox-color-border-2);
padding: 20px;
width: 100%;
color: var(--jobbox-color-text-mutted);
font-size: var(--jobbox-font-lg);
line-height: 26px;
font-weight: 500;
min-height: 150px;
}
.sticky-label {
position: absolute;
background-color: var(--bs-dark);
color: #fff;
border-radius: 5px;
padding: 5px 14px;
top: 20px;
right: 20px;
font-size: 14px;
}
.author-des {
--global--spacing-vertical: 1.2rem;
}
.author-des h1, .author-des h2, .author-des h3, .author-des h4, .author-des h5, .author-des h6 {
margin-bottom: 1rem;
}
.author-des table,
.author-des address,
.author-des p {
margin-bottom: var(--global--spacing-vertical);
}
.author-des table:last-child,
.author-des address:last-child,
.author-des p:last-child {
margin-bottom: 0;
}
.author-des ol,
.author-des ul {
margin-bottom: var(--global--spacing-vertical);
list-style: initial;
}
.author-des ol ol,
.author-des ol ul,
.author-des ul ol,
.author-des ul ul {
margin-bottom: 0;
}
.bg-white {
background: #ffffff;
}
.box-head-single {
background-color: var(--jobbox-background-head-single);
display: inline-block;
width: 100%;
padding: 55px 0px;
position: relative;
}
.box-head-single.bg-2 {
background-color: var(--jobbox-background-blue-light-2);
}
.box-head-single .container {
position: relative;
z-index: 2;
}
.box-head-single h3 {
margin-bottom: 15px;
}
.box-head-single .avatar-sidebar {
position: relative;
text-align: center;
display: flex;
margin-bottom: 15px;
justify-content: center;
}
.box-head-single .avatar-sidebar img {
max-width: 60px;
border-radius: 50%;
margin-right: 10px;
}
.box-head-single .avatar-sidebar .sidebar-company {
font-weight: 600;
}
.box-head-single .avatar-sidebar .sidebar-website-text {
color: var(--jobbox-color-brand);
}
.img-rd-15 {
border-radius: 15px;
width: 100%;
}
.single-image-feature {
margin-bottom: 15px;
display: inline-block;
width: 100%;
}
.content-single p {
font-size: var(--jobbox-font-md);
line-height: 200%;
color: var(--jobbox-color-text-paragraph);
line-height: 32px;
margin-bottom: 20px;
}
.content-single h3, .content-single h4, .content-single h5 {
margin-top: 20px;
color: var(--jobbox-color-text-paragraph);
font-weight: bold;
margin-bottom: 20px;
}
.content-single ul {
padding-left: 30px;
line-height: 32px;
font-size: var(--jobbox-font-md);
color: var(--jobbox-color-text-paragraph);
list-style: disc;
}
.author-single {
display: inline-block;
padding-left: 26px;
padding-top: 10px;
}
.author-single span {
position: relative;
background-color: #ffffff;
font-size: var(--jobbox-font-lg);
color: var(--jobbox-color-text-paragraph);
line-height: 28px;
font-weight: bold;
}
.author-single span::before {
content: "";
height: 1px;
border-top: 1px solid var(--jobbox-border-color-5);
width: 21px;
position: absolute;
top: 13px;
left: -26px;
}
.author-single span::after {
content: "";
height: 1px;
border-top: 1px solid var(--jobbox-border-color-5);
width: 21px;
position: absolute;
top: 13px;
right: -27px;
}
.single-apply-jobs {
display: inline-block;
width: 100%;
padding: 30px 0px 30px 0px;
border-top: 1px solid var(--jobbox-border-color-1);
}
.heading-border {
position: relative;
display: inline-block;
width: 100%;
padding: 0px;
}
.heading-border::before {
content: "";
position: absolute;
top: 25px;
left: 0px;
width: 100%;
height: 1px;
z-index: 1;
border-top: 1px solid var(--jobbox-border-color-1);
}
.heading-border span {
background-color: #ffffff;
display: inline-block;
padding: 5px 10px 5px 0px;
position: relative;
z-index: 2;
}
.sidebar-border, .sidebar-shadow {
border: 1px solid var(--jobbox-color-border-2);
padding: 25px;
border-radius: 8px;
background-color: #ffffff;
margin-bottom: 50px;
}
.sidebar-border .sidebar-heading, .sidebar-shadow .sidebar-heading {
display: inline-block;
width: 100%;
}
.sidebar-border .sidebar-heading .avatar-sidebar figure, .sidebar-shadow .sidebar-heading .avatar-sidebar figure {
float: left;
}
.sidebar-border .sidebar-heading .avatar-sidebar figure img, .sidebar-shadow .sidebar-heading .avatar-sidebar figure img {
width: 85px;
height: 85px;
border-radius: 16px;
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info {
display: block;
padding-left: 100px;
position: relative;
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info .sidebar-company, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info .sidebar-company {
font-size: var(--jobbox-font-lg);
font-family: var(--jobbox-font-heading);
line-height: 18px;
font-weight: bold;
display: block;
padding-top: 5px;
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info .sidebar-website-text, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info .sidebar-website-text {
font-size: var(--jobbox-font-xxs);
line-height: 18px;
color: var(--jobbox-color-brand);
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-toggle::after, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-toggle::after {
display: none;
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-menu, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-menu {
min-width: unset;
box-shadow: var(--jobbox-box-shadow-2);
border: thin solid var(--jobbox-color-border-2);
}
.sidebar-border .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-menu a, .sidebar-shadow .sidebar-heading .avatar-sidebar .sidebar-info .dropdown-menu a {
font-size: 14px;
color: var(--jobbox-color-black-1);
}
.sidebar-shadow {
box-shadow: var(--jobbox-box-shadow-2);
}
.text-description {
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph-2);
line-height: 22px;
display: inline-block;
width: 50%;
min-width: 120px;
max-width: 120px;
}
.sidebar-list-job {
border-top: 1px solid var(--jobbox-border-color-1);
display: inline-block;
width: 100%;
padding: 25px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
.sidebar-list-job ul {
padding: 0px;
}
.sidebar-list-job ul li {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.sidebar-list-job ul li .sidebar-icon-item {
float: left;
width: 1.6875rem;
padding-top: 4px;
}
.sidebar-list-job ul li .sidebar-icon-item i {
position: relative;
top: 2px;
font-size: 16px;
color: var(--jobbox-color-text-mutted);
}
.sidebar-list-job ul li .sidebar-text-info {
display: block;
padding-left: 20px;
}
.sidebar-list-job ul li .sidebar-text-info span {
color: var(--jobbox-color-text-paragraph-2);
}
.sidebar-list-job ul li .sidebar-text-info strong {
display: block;
padding-top: 0px;
color: var(--jobbox-color-brand);
}
.box-map {
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.ul-disc {
list-style-type: disc;
padding-left: 1rem !important;
}
.ul-disc li {
list-style-type: disc;
display: list-item !important;
padding-bottom: 5px !important;
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
line-height: 22px;
}
.sidebar-normal {
padding: 29px 33px;
}
.ul-lists {
padding: 15px 0px 15px 15px;
}
.ul-lists li {
list-style-type: disc;
color: var(--jobbox-color-text-paragraph);
padding-bottom: 5px;
}
.ul-lists li a {
color: var(--jobbox-color-text-paragraph);
text-decoration: none;
}
.ul-lists li a:hover {
color: var(--jobbox-color-brand);
}
.btn-dots-abs-right {
position: absolute;
top: 0px;
right: 0px;
}
.job-overview {
border: thin solid var(--jobbox-color-border-2);
border-radius: 8px;
padding: 20px 30px 30px 30px;
margin-bottom: 50px;
}
.job-overview .job-employment-info {
display: flex;
flex-wrap: wrap;
row-gap: 25px;
padding-left: 0;
}
.job-overview .job-employment-info li {
list-style: none;
display: flex;
width: 50%;
}
.job-overview .sidebar-icon-item {
font-size: 18px;
color: #a0abb8;
min-width: 20px;
position: relative;
bottom: 5px;
}
.job-overview .sidebar-text-info {
display: flex;
}
.job-overview .sidebar-text-info .small-heading {
display: inline-block;
font-size: var(--jobbox-font-md);
line-height: 24px;
font-weight: 500;
}
.job-overview .text-description {
font-size: 16px;
color: var(--jobbox-color-text-paragraph-2);
line-height: 24px;
font-weight: 400;
}
.job-meta {
font-size: var(--jobbox-font-xxs);
color: var(--jobbox-color-text-paragraph);
}
.job-meta .company {
font-weight: bold;
color: var(--jobbox-color-brand);
}
.job-meta span {
margin-right: 15px;
display: inline-block;
}
.d-middle {
vertical-align: middle;
}
.d-baseline {
vertical-align: baseline;
}
.link-underline {
font-size: 12px;
line-height: 18px;
color: var(--jobbox-color-brand);
font-weight: 400;
text-decoration: underline;
display: block;
}
.social-share-box a {
width: 36px;
height: 36px;
border-radius: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.social-share-box a.facebook {
background-color: #e7f1fe;
color: #1877f2;
}
.social-share-box a.twitter {
background-color: #e8f5fe;
color: #1da1f2;
}
.social-share-box a.reddit {
background-color: #ffece5;
color: #ff4500;
}
.social-share-box a.linkedin {
background-color: #e7f1fe;
color: #1877f2;
}
.social-share-box a:hover {
background-color: #1877f2;
color: #fff;
}
.social-share-box i {
font-size: 1rem;
}
.social-share-box i:hover {
color: #fff;
}
.wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper {
display: inline-block;
}
.wp-job-manager-bookmarks-form a.bookmark-notice::before {
margin: 2px 10px 0 0;
}
.box-border-single {
padding: 20px;
display: inline-block;
width: 100%;
border: 1px solid var(--jobbox-color-border-2);
border-radius: 8px;
}
.box-improve {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 16px;
overflow: hidden;
box-shadow: var(--jobbox-box-shadow-2);
}
.box-improve img {
height: 100%;
}
.none-bg::before {
display: none;
}
.none-bg::after {
display: none;
}
.box-shadow-bdrd-15 {
border-radius: 15px;
box-shadow: var(--jobbox-box-shadow-2);
background-color: #ffffff;
padding: 15px;
border: thin solid var(--jobbox-border-color);
}
.box-filters .box-search-job {
display: inline-block;
vertical-align: middle;
}
.box-filters .box-search-job .form-search-job {
float: left;
padding-right: 20px;
}
.box-filters .list-tags-job {
vertical-align: middle;
float: right;
}
.box-filters .list-tags-job a {
display: inline-block;
padding: 12px 45px 12px 22px;
border-radius: 10px;
background-color: var(--jobbox-background-7);
text-decoration: none;
position: relative;
}
.link-reset {
float: right;
font-size: var(--jobbox-font-sm);
line-height: 22px;
color: var(--jobbox-color-text-paragraph-2);
font-weight: 500;
}
.sidebar-filters .filter-block:last-child .list-checkbox {
border-bottom: 0px;
}
.box-slider-range {
padding-right: 75px;
position: relative;
}
.box-input-money {
position: absolute;
top: -14px;
right: 0px;
width: 65px;
padding: 0px;
}
.banner-single .block-banner {
padding: 0px 0px 0px 0px;
max-width: 850px;
margin: auto;
}
.head-border {
border-bottom: 1px solid var(--jobbox-color-border-1);
padding-bottom: 10px;
}
.box-border {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 4px;
display: inline-block;
padding: 1px 0px 3px 15px;
vertical-align: sub;
}
.box-filters-job {
border-bottom: 1px solid var(--jobbox-color-border-2);
margin-bottom: 30px;
padding: 0px 0px 5px 0px;
}
.box-filters-job .box-view-type img {
vertical-align: middle;
}
.text-showing {
display: inline-block;
min-height: 30px;
line-height: 37px;
}
.paginations .pager {
padding: 0px;
margin-bottom: 50px;
display: flex;
flex-wrap: nowrap;
-moz-column-gap: 15px;
column-gap: 15px;
}
.paginations .pager li {
display: inline-block;
vertical-align: middle;
}
.paginations .pager li a {
display: block;
padding: 10px 8px;
font-weight: 600;
color: var(--jobbox-color-text-mutted);
line-height: 26px;
text-decoration: none;
position: relative;
font-size: var(--jobbox-font-lg);
font-weight: bold;
}
.paginations .pager li a:hover {
color: var(--jobbox-color-brand);
}
.paginations .pager li a.active {
color: var(--jobbox-color-brand);
}
.paginations .pager li a.pager-number.active::before {
content: "";
height: 28px;
width: 28px;
background: var(--jobbox-color-border-2);
opacity: 0.3;
border-radius: 50%;
position: absolute;
z-index: -1;
top: 8px;
left: -1px;
}
.paginations .pager li a.pager-number:hover::before {
content: "";
height: 28px;
width: 28px;
background: var(--jobbox-color-border-2);
opacity: 0.3;
border-radius: 50%;
position: absolute;
z-index: -1;
top: 8px;
left: -1px;
}
.paginations .pager li .pager-prev {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/page-prev.svg) no-repeat center;
height: 48px;
width: 48px;
}
.paginations .pager li .pager-prev:hover {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/page-prev-hover.svg) no-repeat center;
}
.paginations .pager li .pager-next {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/page-next.svg) no-repeat center;
height: 48px;
width: 48px;
}
.paginations .pager li .pager-next:hover {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/page-next-hover.svg) no-repeat center;
}
div.job_listings .job-manager-pagination {
border-bottom: none;
padding: 0;
}
.sidebar-with-bg {
background: rgba(81, 146, 255, 0.12);
border-radius: 10px;
padding: 30px;
margin-bottom: 30px;
}
.text-body-999 {
font-size: var(--jobbox-font-md);
line-height: 22px;
color: var(--jobbox-color-text-paragraph-2);
}
.box-email-reminder .form-group {
position: relative;
}
.box-email-reminder .form-group input {
border: 0px;
padding-left: 42px;
}
.box-email-reminder .form-group input::-moz-placeholder {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-xxs);
}
.box-email-reminder .form-group input::placeholder {
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-xxs);
}
.job-fillter .box-button-find {
width: 140px;
float: right;
flex: auto;
}
.job-fillter .box-salary {
padding: 14px 5px 14px 45px;
display: inline-block;
vertical-align: middle;
line-height: 14px;
}
.job-fillter .box-salary i {
color: var(--jobbox-color-text-paragraph);
float: left;
margin: 1px 7px 0px 0px;
}
.job-fillter .dropdown {
margin-right: 15px;
width: 30%;
max-width: 170px;
}
.job-fillter .dropdown .dropdown-toggle::after {
border: 0px;
}
.job-fillter .dropdown .dropdown-toggle {
font-size: var(--jobbox-font-sm);
line-height: 16px;
}
.job-fillter .dropdown .dropdown-toggle .fi-rr-angle-small-down {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.job-fillter .dropdown .dropdown-toggle i {
color: var(--jobbox-color-text-paragraph);
float: left;
margin: -3px 7px 0px 0px;
font-size: 18px;
}
.job-fillter .dropdown .dropdown-menu.show {
border-radius: 0 0 10px 10px;
margin: 15px 0 0 25px;
}
.job-fillter .btn-default {
width: 140px;
max-width: 140px;
}
.text-sortby {
color: #A0ABB8;
font-weight: 500;
font-size: var(--jobbox-font-xs);
display: inline-block;
vertical-align: middle;
}
.box-view-type {
float: right;
margin-left: 10px;
margin-top: 2px;
}
.box-view-type a {
width: 30px;
height: 30px;
border: 2px solid #b4c0e0;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.box-view-type a i {
font-size: 18px;
color: #b4c0e0;
}
.box-view-type a.active {
background-color: var(--bs-primary);
border: none;
}
.box-view-type a.active i {
color: #fff;
}
.dropdown-sort {
line-height: 21px;
display: inline-block;
vertical-align: middle;
}
.dropdown-sort .dropdown-toggle::after {
border: 0px;
}
.dropdown-sort .dropdown-toggle {
padding: 0px;
outline: none;
font-size: var(--jobbox-font-xs);
font-weight: 500;
font-family: var(--jobbox-font-heading);
border: none;
}
.dropdown-sort .dropdown-toggle:focus {
box-shadow: none;
}
.dropdown-sort .dropdown-toggle i {
color: var(--jobbox-color-text-paragraph);
float: right;
margin: -3px 7px 0px 0px;
font-size: 18px;
}
.fs-ri-dollar2 {
border: 2px solid #ccc;
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 20px !important;
vertical-align: middle;
font-size: 10px;
}
.text-normal {
font-size: var(--jobbox-font-md);
line-height: 22px;
color: var(--jobbox-color-text-paragraph);
}
.text-small {
font-size: var(--jobbox-font-sm);
line-height: 22px;
color: var(--jobbox-color-text-paragraph);
font-weight: 500;
}
.float-right {
float: right;
}
.list-checkbox {
display: inline-block;
width: 100%;
padding: 15px 0px 10px 0px;
border-bottom: 1px solid var(--jobbox-color-border-2);
}
.list-checkbox li {
position: relative;
padding: 0px 30px 6px 0px;
display: inline-block;
width: 100%;
}
.list-checkbox li .number-item {
position: absolute;
top: 35%;
right: 0px;
transform: translateY(-50%);
padding: 4px 5px;
font-size: var(--jobbox-font-xs);
line-height: 18px;
border-radius: 7px;
background: var(--jobbox-color-border-2);
color: var(--jobbox-color-brand-2);
}
.background-primary {
background-color: var(--jobbox-background-primary);
}
.menu-dropdown-abs {
position: absolute;
top: 10px;
right: 0px;
}
.content-page .card-grid-2 .card-block-info {
padding: 0px 20px 30px 20px;
position: relative;
}
.content-page .card-grid-2 .card-block-info .btn-dots-abs-right {
top: 0px;
right: 15px;
}
.content-page .card-grid-2 .card-block-info .btn-dots-abs-right::after {
display: none;
}
.content-page .card-grid-2:hover {
border-color: var(--jobbox-border-color-1-hover);
}
.sidebar-shadow.none-shadow {
padding: 0px 20px 0px 0px;
border: 0px;
border-radius: 0px;
}
.buttons-filter .btn {
padding: 12px 15px;
font-size: var(--jobbox-font-sm);
color: var(--jobbox-color-text-paragraph);
}
.buttons-filter .btn-default {
color: #ffffff;
}
.input-disabled {
background-color: #ffffff !important;
border: 1px solid var(--jobbox-color-brand-2);
padding: 0px 0px;
text-align: center;
height: 35px;
color: var(--jobbox-color-text-paragraph);
font-size: var(--jobbox-font-sm);
}
.input-disabled:focus {
color: var(--jobbox-color-text-paragraph-2);
}
.lb-slider {
font-weight: 600;
font-size: var(--jobbox-font-xxs);
color: var(--jobbox-color-text-paragraph);
font-family: var(--jobbox-font-heading);
}
.job_filters {
background: #fff;
}
.form-control[type=file] {
line-height: inherit;
}
.form-find .select2-container--default .select2-selection--single {
border: 0;
}
.job-list-list .list-recent-jobs {
margin-top: 0px;
}
.job-tags a {
background-color: var(--jobbox-background-7);
color: var(--jobbox-color-text-paragraph);
border-radius: 15px;
padding: 8px 20px;
display: inline-block;
}
.job-tags a + a {
margin-left: 5px;
}
.display-list .flash {
top: 32px;
}
.content-page .display-list .card-grid-2 .card-block-info {
padding-top: 0px;
}
.content-page .display-list .card-grid-2 .card-block-info .card-text-price {
font-size: var(--jobbox-font-md);
line-height: 26px;
padding-top: 8px;
display: inline-block;
}
.content-page .display-list .card-grid-2 .card-block-info .card-text-price span {
font-size: var(--jobbox-font-xs);
line-height: 12px;
}
.box-list-character {
background: #ffffff;
border: 1px solid var(--jobbox-color-border-2);
border-radius: 8px;
padding: 10px;
display: table;
table-layout: fixed;
max-width: 90%;
margin: 30px auto auto auto;
width: 100%;
}
.box-list-character ul {
display: flex;
padding: 0px;
list-style: none;
margin: 0px;
}
.box-list-character ul li {
display: inline-block;
width: 100%;
text-align: center;
}
.box-list-character ul li a {
font-size: var(--jobbox-font-md);
line-height: 28px;
color: var(--jobbox-color-text-paragraph);
text-transform: uppercase;
display: inline-block;
width: 28px;
max-width: 28px;
height: 28px;
}
.box-list-character ul li a:hover, .box-list-character ul li a.active {
background-color: var(--jobbox-color-border-2);
border-radius: 50%;
text-align: center;
color: var(--jobbox-color-brand-2);
}
.box-list-character ul li span {
font-size: var(--jobbox-font-md);
width: 28px;
height: 28px;
max-width: 28px;
display: inline-block;
}
.box-list-character .disabled {
pointer-events: none;
color: var(--jobbox-color-text-mutted);
}
.sidebar-border-bg {
border: 1px solid var(--jobbox-color-border-2);
background: var(--jobbox-background-7) url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/bg-hiring.svg) no-repeat bottom left;
padding: 30px 40px 260px 40px;
border-radius: 4px;
margin-bottom: 40px;
}
.sidebar-border-bg .text-grey {
color: var(--jobbox-color-border-1);
font-size: 24px;
line-height: 37px;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
}
.sidebar-border-bg .text-hiring {
color: var(--jobbox-color-text-paragraph-2);
font-size: 36px;
font-weight: 800;
line-height: 57px;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
margin-top: -15px;
}
.bg-right {
background: var(--jobbox-background-7) url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/bg-hiring-right.svg) no-repeat bottom right;
}
.box-company-profile {
max-width: 90%;
display: table;
table-layout: fixed;
margin: auto;
width: 100%;
padding: 20px 0px 0px 0px;
position: relative;
}
.image-compay {
position: absolute;
top: -80px;
left: 0px;
}
.image-compay img {
border-radius: 16px;
}
.image-compay img.candidate_photo {
width: 85px;
}
.aboutus-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-about.svg);
background-position: 17px 14px;
background-repeat: no-repeat;
font-weight: 500;
padding-left: 45px;
border-color: var(--jobbox-color-border-3);
}
.aboutus-icon:hover, .aboutus-icon.active {
color: var(--jobbox-color-brand);
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-about-hover.svg);
background-color: #ffffff;
border-color: var(--jobbox-color-border-1);
}
.is-active .aboutus-icon {
color: #05264E;
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-about-hover.svg);
background-color: #ffffff;
border-color: #B4C0E0;
}
.recruitment-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-recruitment.svg);
background-position: 17px 14px;
background-repeat: no-repeat;
font-weight: 500;
padding-left: 45px;
border-color: var(--jobbox-color-border-3);
}
.recruitment-icon:hover, .recruitment-icon.active {
color: var(--jobbox-color-brand);
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-recruitment-hover.svg);
background-color: #ffffff;
border-color: var(--jobbox-color-border-1);
}
.people-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-people.svg);
background-position: 17px 14px;
background-repeat: no-repeat;
font-weight: 500;
padding-left: 45px;
border-color: var(--jobbox-color-border-3);
}
.people-icon:hover, .people-icon.active {
color: var(--jobbox-color-brand);
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/company/icon-people-hover.svg);
background-color: #ffffff;
border-color: var(--jobbox-color-border-1);
}
.nav-tavs-profile {
padding-right: 30px;
}
.nav-tavs-profile ul li {
width: 100%;
}
.nav-tavs-profile ul li a {
display: block;
text-align: left;
font-size: 12px;
padding-top: 7px;
padding-bottom: 7px;
background-position: 17px center;
padding-left: 42px;
box-shadow: 0px 2px 4px -5px rgba(10, 42, 105, 0.05);
}
.nav-tavs-profile .list-unstyled {
list-style: none;
}
.image-profile {
display: inline-block;
max-width: 85px;
vertical-align: middle;
margin-right: 25px;
}
.image-profile img {
border-radius: 16px;
display: block;
}
.form-contact .form-control {
width: 100%;
border: 2px solid #E0E6F6;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
}
.form-contact .form-control:focus {
border: 2px solid #EFF2FB;
}
.form-contact textarea.form-control {
height: auto;
}
.form-contact .search-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/candidates/search.svg);
background-position: right 15px top 11px;
background-repeat: no-repeat;
}
.form-contact .border-bottom {
border-color: #E0E6F7;
}
.box-skills {
border: 2px solid #E0E6F6;
padding: 22px 27px;
margin-top: 33px;
border-radius: 4px;
}
.box-tags a {
margin-bottom: 10px;
}
.close-icon {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/candidates/close.svg);
background-position: center;
display: inline-block;
height: 7px;
width: 10px;
background-repeat: no-repeat;
margin-left: 10px;
}
.card-info {
display: inline-block;
padding: 0px 0px 0px 20px;
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/candidates/info.svg);
background-position: left center;
background-repeat: no-repeat;
}
.lbl-checkbox {
float: left;
margin: 2px 8px 0px 0px;
height: 13px;
}
.box-button .btn {
width: 100%;
}
.btn-editor {
background-image: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/candidates/editor.svg);
background-position: center;
background-repeat: no-repeat;
background-color: #3C65F5;
position: absolute;
bottom: 45px;
right: 20px;
height: 35px;
width: 35px;
border-radius: 50%;
}
.btn-editor:hover {
background-color: #05264E;
}
.single-resume .resume-aside {
border: 1px solid var(--jobbox-color-border-2);
box-shadow: none;
}
.single-resume .resume-manager-experience,
.single-resume .resume-manager-education {
border-top: 1px solid var(--jobbox-color-border-2);
list-style: none;
}
.login-register-cover {
border-bottom: 1px solid var(--jobbox-border-color);
position: relative;
width: 100%;
}
.login-register-cover .img-1 {
position: absolute;
right: 10%;
top: 20%;
width: unset;
}
.divider-text-center {
position: relative;
text-align: center;
}
.divider-text-center::after {
content: "";
height: 1px;
width: 100%;
position: absolute;
background-color: var(--jobbox-border-color);
top: 50%;
left: 0;
z-index: 1;
}
.divider-text-center span {
display: inline-block;
background-color: #fff;
padding: 0 15px;
z-index: 2;
position: relative;
}
.login-register input {
height: 53px;
line-height: 53px;
font-size: var(--jobbox-font-sm);
}
.control-job-manager-login .ctrlbp-field,
.control-job-manager-register .ctrlbp-field {
margin-bottom: 15px;
}
.control-job-manager-login .ctrlbp-input,
.control-job-manager-register .ctrlbp-input {
flex: none;
}
.control-job-manager-login .ctrlbp-label.ctrlbp-col-md-3,
.control-job-manager-register .ctrlbp-label.ctrlbp-col-md-3 {
width: 100%;
}
.control-job-manager-login .ctrlbp-input-list,
.control-job-manager-register .ctrlbp-input-list {
padding-left: 0;
}
.control-job-manager-login .ctrlbp-input-list .ctrlbp-radio,
.control-job-manager-register .ctrlbp-input-list .ctrlbp-radio {
margin-right: 5px;
}
.control-job-manager-login .ctrlbp-checkbox,
.control-job-manager-register .ctrlbp-checkbox {
margin-right: 5px;
}
.control-job-manager-login .required,
.control-job-manager-register .required {
color: #0a2a51;
}
.bg-homepage1 {
background-image: var(--jobbox-hero-bg, url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage1/bg-banner.svg));
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;
min-height: var(--jobbox-hero-bg-height, 750px);
position: absolute;
z-index: -1;
width: 100%;
top: 0;
right: 0;
}
.nav-tabs {
border: 0px;
display: inline-block;
margin: 0px;
padding: 0px;
}
.nav-tabs li {
display: inline-block;
}
.nav-tabs li a {
display: inline-block;
margin: 0px 5px;
box-shadow: 0px 2px 4px -5px rgba(10, 42, 105, 0.05);
align-items: center;
padding: 13px 17px;
width: auto;
background: #ffffff;
border: 1px solid var(--jobbox-color-border-2);
border-radius: 8px;
font-family: var(--jobbox-font-heading);
font-size: var(--jobbox-font-xs);
font-weight: 700;
line-height: 18px;
text-align: left;
margin-bottom: 10px;
}
.nav-tabs li a:hover, .nav-tabs li a.active {
color: var(--jobbox-color-brand-2);
border-color: var(--jobbox-color-brand-2);
box-shadow: 0px 2px 4px -5px rgba(10, 42, 105, 0.05);
}
.nav-tabs li a img {
vertical-align: sub;
width: auto;
height: 18px;
margin: 0px 6px 0px 0px;
}
.box-image-job {
position: relative;
}
.box-image-job figure img {
border-radius: 32px;
}
.box-image-job .img-job-1 {
position: absolute;
top: -70px;
left: -120px;
}
.box-image-job .img-job-2 {
position: absolute;
bottom: -170px;
right: -80px;
}
.overflow-visible {
overflow: visible !important;
}
.content-job-inner {
padding-left: 60px;
}
.swiper-style-2 {
position: relative;
}
.swiper-style-2 .item-5 {
float: left;
width: 20%;
padding: 0px 12px;
}
.swiper-style-2.swiper-container .item-logo {
width: 100%;
}
.icon-location {
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/template/icons/location.svg) no-repeat 0px 2px;
display: inline-block;
padding: 0px 0px 0px 20px;
}
.box-swiper .swiper-button-next-1 {
top: -30px;
right: 5px;
left: auto;
}
.box-swiper .swiper-button-prev-1 {
top: -30px;
right: 55px;
left: auto;
}
.swiper-pagination-style-2 {
text-align: center;
position: absolute;
bottom: 30px !important;
}
.box-we-hiring {
max-width: 85%;
border: 1px solid var(--jobbox-color-border-2);
padding: 40px 250px 40px 190px;
position: relative;
display: flex;
box-shadow: var(--jobbox-box-shadow-2);
margin: auto;
border-radius: 4px;
overflow: hidden;
}
.box-we-hiring::before {
content: "";
position: absolute;
bottom: 15px;
left: 15px;
height: 120px;
width: 150px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage1/bg-left-hiring.svg) no-repeat 0px 0px;
background-size: cover;
}
.box-we-hiring::after {
content: "";
position: absolute;
bottom: 15px;
right: -5px;
height: 120px;
width: 250px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage1/bg-right-hiring.svg) no-repeat 0px 0px;
background-size: cover;
}
.box-we-hiring .text-we-are {
font-size: var(--jobbox-font-md);
line-height: 20px;
color: var(--jobbox-color-text-mutted);
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
}
.box-we-hiring .text-hiring {
font-size: 49px;
line-height: 51px;
color: var(--jobbox-color-brand);
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
}
.box-we-hiring .text-2 {
font-size: var(--jobbox-font-lg);
line-height: 23px;
color: var(--jobbox-color-text-paragraph-2);
font-weight: 500;
padding: 29px 20px 0px 20px;
}
.box-we-hiring .text-3 {
padding: 34px 0px 0px 20px;
}
.swiper-group-9 .swiper-slide {
text-align: center;
}
.list-brands {
border-bottom: 1px solid var(--jobbox-border-color);
padding-bottom: 30px;
}
.list-brands a img {
opacity: 0.3;
max-height: 20px;
width: 100%;
}
.mh-none {
max-height: 265px !important;
}
.hero-3 .swiper-pagination-style-2 .swiper-pagination-customs {
background-color: var(--jobbox-color-border-1);
}
.hero-3 .swiper-pagination-style-2 .swiper-pagination-customs-active, .hero-3 .swiper-pagination-style-2 .swiper-pagination-customs:hover {
background-color: #ffffff;
}
.hero-3 .swiper-button-next,
.hero-3 .swiper-button-prev {
display: none;
}
.hero-5 .elementor-widget-image-carousel .swiper-slide {
text-align: left;
}
.img-rounded {
border-radius: 50%;
height: 35px;
width: 35px;
margin: 0px 10px 0px 0px;
vertical-align: middle;
display: inline-block;
}
.lh-14 {
line-height: 14px !important;
}
.text-lbl {
color: var(--jobbox-background-green);
font-size: 12px;
line-height: 18px;
display: block;
}
.left-trust {
position: relative;
}
.right-logos .swiper-slide {
text-align: center;
line-height: 40px;
}
.right-logos .swiper-slide a img {
opacity: 1;
max-height: 20px;
width: 100%;
}
.box-trust {
border: 1px solid var(--jobbox-color-border-2);
border-radius: 4px;
padding: 30px 30px 25px 30px;
position: relative;
}
.box-checkbox {
padding: 0px 0px 0px 30px;
background: url(//jobs.clean.de/wp-content/themes/jobbox/assets/imgs/page/homepage3/check-box.svg) no-repeat 0px 4px;
}
.img-job-search {
max-width: 90%;
}
.jobbox-customizer .ctrlbp-clone {
padding-right: 0;
}
.jobbox-customizer .ctrlbp-button.remove-clone {
display: none !important;
}
.jobbox-customizer .ctrlbp-group-remove {
display: none !important;
}
.jobbox-customizer .add-clone {
display: none !important;
}
.ctrljm-data-table td,
.ctrljm-data-table th {
vertical-align: middle;
}
.ctrljm-frontend-form .ctrlbp-text-wrapper:has(input#post_title) {
display: none;
}
#job-manager-job-dashboard table td,
#job-manager-job-dashboard table th {
padding: 10px;
vertical-align: middle;
}
@media (max-width: 1399.98px) {
.job-overview .job-employment-info li:first-child {
width: 100%;
}
.custom-class {
display: block;
}
.swiper-style-2 .item-5 {
width: 25%;
}
.banner-hero .elementor-element-populated {
padding-left: 0px !important;
padding-right: 0px !important;
}
.banner-hero .banner-hero-single {
padding: 40px 20px 60px 20px !important;
}
.box-we-hiring {
max-width: 100%;
}
.box-swiper .swiper-container .item-logo .text-info-right h4 {
font-size: var(--jobbox-font-sm);
}
.sidebar-border, .sidebar-shadow {
padding: 25px 20px;
}
.widget-area .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 5px;
margin-bottom: 10px;
line-height: var(--global--font-size-base);
}
.widget-area .wp-block-latest-posts > li > a {
font-size: 13px;
font-weight: 700;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
font-size: var(--jobbox-font-xs);
font-weight: 600;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
font-size: var(--jobbox-font-xs);
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts .wp-post-image {
border-radius: 5px;
max-width: 80px !important;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 1199.98px) {
.swiper-style-2 .item-5 {
width: 33.333%;
}
.box-we-hiring {
max-width: 100%;
padding: 20px 10px 20px 120px;
}
.box-we-hiring::before {
height: 89px;
width: 90px;
}
.box-we-hiring::after {
bottom: 10px;
right: 10px;
height: 90px;
width: 138px;
}
.header .main-header .header-right {
display: none;
}
.header .container {
position: relative;
}
.burger-icon {
display: inline-block;
}
.box-list-character ul {
display: inline-block;
}
.box-list-character ul li {
width: auto;
}
.custom-class {
display: block;
}
.header .nav-main-menu {
display: none;
}
.header.stick {
padding: 14px 0;
}
.box-image-job .img-job-1 {
top: -40px;
left: -50px;
width: 240px;
}
.box-image-job .img-job-2 {
bottom: -120px;
right: -50px;
width: 240px;
}
.content-job-inner {
padding-left: 20px;
padding-top: 10px;
}
.bg-homepage1 {
background-size: auto;
}
.text-52 {
font-size: 2.5rem;
}
.text-32 {
font-size: 1.375rem;
}
.trending-news h3 {
font-size: 1.375rem !important;
}
.banner-hero .elementor-widget-wrap.elementor-element-populated {
padding: 20px 0px !important;
}
.job-category-slider .swiper-button-next,
.job-category-slider .swiper-button-prev {
display: none;
}
.job-category-slider .swiper-pagination-style-2 .swiper-pagination-customs {
background-color: var(--jobbox-color-border-1);
}
.job-category-slider .swiper-pagination-style-2 .swiper-pagination-customs-active, .job-category-slider .swiper-pagination-style-2 .swiper-pagination-style-2 .swiper-pagination-customs:hover {
background-color: var(--jobbox-background-4);
width: 25px;
border-radius: 10px;
height: 10px;
}
}
@media (max-width: 991.98px) {
.w-lg-50 {
width: 100%;
}
.card-image-top .image {
height: 161px;
}
.swiper-style-2 .item-5 {
width: 50%;
}
.footer .footer-col-1,
.footer .footer-col-2,
.footer .footer-col-3,
.footer .footer-col-4,
.footer .footer-col-5,
.footer .footer-col-6 {
width: 33.33%;
margin-bottom: 20px;
}
.header .main-header .header-left .header-logo {
margin-right: 0px;
}
.header .main-header .header-nav {
width: 0%;
}
.img-job-1,
.img-job-2 {
display: none;
}
.content-job-inner {
padding-top: 40px;
}
.box-we-hiring {
padding: 20px 25px;
width: auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.box-we-hiring::before {
display: none;
}
.box-we-hiring::after {
display: none;
}
.box-swiper .swiper-button-prev-1 {
top: 12px;
}
.box-swiper .swiper-button-next-1 {
top: 12px;
}
.mt-md-0 {
margin-top: 0 !important;
}
.pl-lg-15 {
padding-left: 15px !important;
}
.header-right {
padding-right: 50px;
}
.banner-hero {
max-width: 100%;
padding: 0;
}
.banner-hero.hero-1 {
background: #f2f6fd;
}
.banner-hero.hero-1 .block-banner {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
max-width: 720px;
overflow: hidden;
}
.banner-hero.hero-1::before {
width: 100%;
border-radius: 0;
left: 0;
}
.banner-hero.hero-1 .banner-imgs {
display: none;
}
.banner-hero.hero-1 h1 {
font-size: 52px;
}
.card-grid-2 h5 {
font-size: 18px;
}
.box-image-job .job-top-creator {
left: 10px;
}
.list-partners li {
padding: 15px 18px;
}
.list-partners li figure img {
max-width: 80px;
}
.box-newsletter {
padding: 57px 50px 50px 50px;
}
.nav.nav-right {
margin-top: 30px;
}
.mt-lg-30 {
margin-top: 30px !important;
}
.bg-banner-about.banner-home-3 {
padding-top: 30px !important;
padding-bottom: 20px !important;
}
.bg-banner-about.banner-home-3 .banner-hero {
max-width: 720px;
}
.bg-banner-about.banner-home-3 .banner-hero .block-banner {
padding-top: 0;
}
.bg-banner-about.banner-home-3 .banner-hero .block-banner h2.heading-banner {
font-size: 36px;
line-height: 1.2;
}
.bg-banner-about.banner-home-3::before, .bg-banner-about.banner-home-3::after {
opacity: 0.1;
}
.banner-hero.banner-homepage-3 {
padding-top: 0;
margin-bottom: 50px;
}
.banner-hero.banner-homepage-3 h1 {
font-size: 48px;
}
.banner-hero.banner-homepage-3 .block-banner {
padding-right: 80px;
background: var(--jobbox-background-5);
}
.banner-hero.banner-homepage-3 .banner-imgs {
display: none;
}
.bg-img-about::before {
background-position: center center;
background-size: cover;
}
.box-info-job {
padding-left: 30px !important;
}
.box-info-job .mt-50 {
margin-top: 0px !important;
}
.block-pricing .most-popular {
margin-top: 0 !important;
}
.job-fillter {
margin: 15px 0 0 0;
border-top: 1px solid #eee;
padding-top: 15px;
}
.job-fillter .btn {
padding-left: 10px !important;
}
.job-fillter .dropdown-menu {
margin-left: 10px !important;
margin-top: 0 !important;
}
.heading-main-info .btn-default {
margin: 15px 0;
}
.card-blog-1.post-list .post-thumb {
max-width: 175px;
margin-right: 15px;
}
.card-blog-1.post-list .btn-brand-hover {
padding: 10px 15px;
font-size: 14px;
}
.card-blog-1.post-list .post-title {
font-size: 20px;
}
.archive-header h3 {
font-size: 36px;
width: 100% !important;
}
.mb-md-30 {
margin-bottom: 30px !important;
}
.mt-md-50 {
margin-top: 50px !important;
}
.mt-md-30 {
margin-top: 30px !important;
}
.mt-md-0 {
margin-top: 0px !important;
}
.mb-md-0 {
margin-bottom: 0px !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.pl-md-15 {
padding-left: 15px !important;
}
.w-md-100 {
width: 100% !important;
}
.section-title-large {
font-size: 48px;
}
.leaflet-map {
height: 328px;
width: 100%;
}
.jobbox-contact-info .elementor-widget-container {
padding-right: 0;
margin-bottom: 30px;
}
.contact-form-img {
display: none;
}
.elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
padding: 30px 0px 0px 0px;
}
}
@media (max-width: 767.98px) {
.job-overview .job-employment-info li {
width: 100%;
}
.job-overview .job-employment-info li:first-child {
width: 100%;
}
.swiper-style-2 .item-5 {
width: 50%;
}
.footer .footer-col-1,
.footer .footer-col-2,
.footer .footer-col-3,
.footer .footer-col-4,
.footer .footer-col-5,
.footer .footer-col-6 {
width: 50%;
}
.box-we-hiring {
flex-wrap: wrap;
}
.box-we-hiring .text-1 {
width: 100%;
text-align: center;
}
.box-we-hiring .text-we-are {
margin-right: 5px;
display: inline-block;
}
.box-we-hiring .text-2 {
width: 60%;
padding-top: 10px;
}
.box-we-hiring .text-3 {
padding-top: 15px;
width: 40%;
text-align: right;
}
.card-image-top .image {
height: 250px;
}
.card-image-top .image img {
width: 100%;
height: auto;
display: block;
}
.box-swiper .swiper-button-next-1,
.box-swiper .swiper-button-prev-1 {
display: none;
}
.style-nav-top .swiper-button-next,
.style-nav-top .swiper-button-prev {
top: 10px;
}
.banner-hero .block-banner .form-find {
margin-top: 40px !important;
}
.banner-hero .block-banner .form-find form {
display: block;
}
.banner-hero .block-banner .form-find form input {
margin-bottom: 15px;
}
.banner-hero .block-banner .form-find form button {
margin-top: 15px;
}
.banner-hero .block-banner .form-find .select2 {
max-width: 100%;
}
.banner-hero .block-banner .form-find .select2::before {
left: 0;
}
.banner-hero .block-banner .form-find .select2::after {
display: none;
}
.banner-hero .block-banner .form-find .box-industry {
max-width: 100%;
}
.banner-hero .block-banner .form-find .box-industry .select2::before {
left: 0;
}
.banner-hero .block-banner .form-find .input-keysearch {
left: -4px;
position: relative;
padding-left: 40px;
}
.pl-15.mb-15.mt-30 {
margin-top: 0px !important;
}
.author-bio {
display: block;
}
.max-width-single .post-meta {
display: block !important;
}
.max-width-single .post-meta .date {
display: inline-block;
width: 100%;
text-align: center;
padding-top: 5px;
}
.max-width-single .post-meta .author {
width: 100%;
display: inline-block !important;
margin-right: 0px !important;
}
.archive-header .post-meta .author img {
vertical-align: middle;
}
.archive-header {
top: -120px;
margin-bottom: -120px;
}
.box-white {
padding: 30px 0px;
}
h2 {
font-size: 25px;
line-height: 34px;
}
h3 {
font-size: 22px;
}
.section-title-large {
font-size: 42px;
}
.banner-hero .block-banner {
padding: 0;
}
.header .main-header .header-right {
display: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
padding: 15px 30px 13px 30px;
border-bottom: 1px solid var(--jobbox-border-color);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
width: 140px;
}
.nav.nav-right {
margin-top: 30px;
}
.box-head-single h3 {
font-size: 36px;
line-height: 1.2;
}
.social-share {
margin-top: 25px;
}
.social-share .btn-sm {
padding: 10px 15px;
vertical-align: middle;
}
.job-overview {
padding: 25px !important;
}
.banner-hero .block-banner .form-find .btn-find {
background-position: left 20px top 15px;
}
}
@media only screen and (max-width: 600px) {
.banner-hero {
padding-right: 15px !important;
padding-left: 15px !important;
}
.banner-hero .block-banner .form-find .select2::before {
left: 0;
}
.banner-hero .block-banner .form-find .box-industry .select2::before {
left: 0;
}
.banner-hero .block-banner .form-find .input-keysearch {
left: -4px;
position: relative;
}
.list-tabs .nav-tabs li a {
margin: 5px 4px;
padding: 12px 12px;
}
.box-list-character {
max-width: 98%;
width: 100%;
}
.btn.btn-default {
line-height: 18px;
padding: 10px 15px;
}
.box-newsletter .icon-send-letter {
background-image: none;
padding-left: 15px;
}
.box-newsletter .box-form-newsletter form .input-newsletter {
padding: 10px 0;
min-height: 50px;
background-position: left 8px center;
padding-left: 50px;
}
}
@media (max-width: 575.98px) {
.footer .footer-col-1,
.footer .footer-col-6 {
width: 100%;
}
.footer-col-2,
.footer-col-3,
.footer-col-4,
.footer-col-5 {
width: 50%;
}
.box-we-hiring .text-2 {
text-align: center;
width: 100%;
padding: 15px 0px 10px 0px;
}
.box-we-hiring .text-3 {
width: 100%;
text-align: center;
}
.section-box.mt-70,
.section-box.mt-80,
.section-box.mt-100,
.section-box.mt-40 {
margin-top: 30px !important;
}
.header.sticky-bar .col-lg-7 .burger-icon {
right: 15px;
}
.banner-hero.hero-1 h1 {
font-size: 38px;
}
.swiper-button-next,
.swiper-button-prev {
display: none;
}
.mt-sm-15 {
margin-top: 15px !important;
}
.mt-sm-30 {
margin-top: 30px !important;
}
.pt-sm-15 {
padding-top: 15px;
}
.swiper-group-6 {
max-height: 140px;
}
.box-swiper .swiper-container .item-logo {
box-shadow: none;
}
.list-partners li {
padding: 15px 15px;
}
.box-newsletter {
padding: 50px 15px;
}
.box-newsletter .text-md-newsletter {
font-size: 22px;
line-height: 28px;
}
.box-newsletter .text-lg-newsletter {
font-size: 32px;
}
.box-newsletter form {
display: block;
}
.footer ul.mt-40 {
margin-top: 15px !important;
margin-bottom: 20px !important;
}
.bg-banner-about.banner-home-3 {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.bg-banner-about.banner-home-3 .banner-hero .block-banner {
padding-right: 15px;
padding-left: 15px;
}
.card-job-top--info-heading {
margin-bottom: 10px;
}
.card-job-top--price {
margin-top: 15px;
display: block;
}
.box-info-job {
padding: 0 !important;
}
.block-job-bg::before {
display: none;
}
.box-mw-60 {
max-width: 100% !important;
}
.banner-hero.banner-homepage-3 .block-banner {
padding: 30px 15px;
}
.box-image-findjob img {
border-radius: 20px;
margin-bottom: 20px;
}
.nav-right li {
margin-bottom: 15px;
}
.block-pricing.mt-125 {
margin-top: 50px !important;
}
.box-filters .list-tags-job {
display: none;
}
.job-fillter.d-flex {
display: block !important;
}
.job-fillter.d-flex .box-button-find {
float: none;
}
.job-fillter.d-flex .btn {
padding-left: 10px !important;
}
.job-fillter.d-flex .dropdown {
margin: 0 0 10px 0;
width: 100%;
max-width: 100%;
}
.box-shadow-bdrd-15.box-filters {
padding-bottom: 30px;
}
.social-share .btn-sm {
padding: 10px 11px;
}
.card-employers .col-sm-6 {
width: 50%;
}
.archive-header h3 {
font-size: 32px;
line-height: 1.2;
}
.card-blog-1 .tags {
display: none;
}
.card-blog-1 .post-meta {
font-size: 12px;
}
.card-blog-1.post-list {
display: block;
}
.card-blog-1.post-list .post-thumb {
max-width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.card-blog-1.post-list .post-title {
font-size: 18px;
}
.single-body blockquote {
padding: 15px 20px;
border-radius: 5px;
margin: 15px auto;
font-size: 18px;
max-width: 100%;
}
.single-body blockquote p {
font-size: 18px;
line-height: 1.5;
}
.bg-banner-about {
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
padding: 15px 15px 40px 15px;
}
.bg-banner-about .heading-lg {
font-size: 32px;
line-height: 1.2;
}
.banner-about::before {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
}
.section-title-large {
font-size: 38px;
}
.box-filters-job .dropdown-menu[data-bs-popper] {
right: auto;
left: 0;
}
.list-tabs .nav-tabs li a {
margin: 5px 4px;
padding: 12px 12px;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
position: absolute !important;
bottom: 40px !important;
text-align: center;
width: 100%;
}
.swiper-pagination-style-2 .swiper-pagination-customs {
background-color: var(--jobbox-color-border-1);
}
.swiper-pagination-style-2 .swiper-pagination-customs-active, .swiper-pagination-style-2 .swiper-pagination-customs:hover {
background-color: var(--jobbox-background-4);
width: 25px;
border-radius: 10px;
height: 10px;
}
.box-border {
position: relative;
}
.dropdown-sort {
display: contents;
}
.dropdown.dropdown-sort .dropdown-menu.show {
margin-top: 5px;
}
.sticky-label {
right: 0;
}
}
@media (max-width: 484.98px) {
.swiper-style-2 .item-5 {
width: 100%;
}
.paginations .pager li .pager-prev {
margin-right: 0px;
}
.paginations .pager li .pager-next {
margin-left: 0px;
}
.paginations .pager li a {
line-height: 24px;
font-size: var(--jobbox-font-md);
}
.box-radius-8 {
flex-wrap: wrap;
margin-bottom: 30px;
}
.box-radius-8 .image {
min-width: 100%;
padding-right: 0px;
text-align: center;
margin-bottom: 15px;
}
}
@media (min-width: 1400px) {
.container.wide {
max-width: 1544px;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
.banner-hero.hero-1 .elementor-container {
display: block;
}
.banner-hero.hero-1 .control-heading-title .d-md-block {
display: inline-block !important;
}
.banner-hero.hero-1 .control-heading-title.display-5 {
font-size: 2.75rem;
}
.banner-hero {
padding: 0;
}
.banner-hero .elementor-widget-wrap.elementor-element-populated {
padding: 20px 0px !important;
}
.bg-homepage1 {
height: 1130px !important;
background-size: cover;
}
}