.workBanner{position:relative;overflow:hidden;background-position:center center;background-size:cover;height:calc(100vh - 340px)}.workBanner .overlayText{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}h1{font-size:39px;line-height:120%}h1 .moonflower{font-size:115%}.ribbonButton{font-size:28px;line-height:70%;transition:0.2s all ease-in}.ribbonButton .h1-red{padding:26px 37px 23px 27px}.ribbonButton .h1-grey{padding:26px 30px 23px 27px}.ribbonButton:hover{transform:rotate(-3deg) scale(1.1)}.headContent .mainIcon{min-width:180px;max-width:350px}.headContent .mainIcon{transition-duration:0.3s;cursor:pointer}.headContent #btnRow.selected .mainIcon{opacity:0.5}.headContent #btnRow .open,.headContent #btnRow .mainIcon:last-child,.headContent #btnRow .mainIcon:hover{opacity:1 !important}.btnAction{transition:0.2s transform ease-in-out}.btnAction:hover{transform:scale(1.1) rotate(1deg)}#btnApply{transition:0.2s transform ease-in-out}#btnApply:hover{transform:scale(1.3) rotate(3deg)}.bgType_red{padding:30px 0}.plus{color:#fff;font-family:'Goshen W00 Reg',sans-serif;font-size:58px;line-height:60px;transform:translateY(5px);display:inline-block;text-align:center}.calcFieldPadding{color:#fff}.total{background-color:#cf2929;border-radius:10px;min-height:50px;display:inline-block;width:calc(100% - 50px);vertical-align:middle;color:#fff;font-family:'Goshen W00 Reg',sans-serif;font-size:40px;text-align:center;line-height:50px}.calcInput{font-family:'Goshen W00 Reg',sans-serif;font-size:40px;position:relative;display:inline-block;margin-bottom:4px;width:calc(100% - 36px)}.calcInput span{position:absolute;left:10px;top:-2px;color:#cf2929}.calcInput span.right{left:auto;right:10px}.calcInput input{text-align:center;width:100%;height:50px;border-radius:10px;vertical-align:middle;border:none}.calcInput input::-webkit-input-placeholder{font-size:10px;line-height:10px;vertical-align:middle;font-family:'Heebo',sans-serif}.calcInput input:-moz-placeholder{font-size:10px;line-height:10px;font-family:'Heebo',sans-serif}.calcInput input::-placeholder{font-size:10px;line-height:10px;font-family:'Heebo',sans-serif}.calcInput input:-ms-input-placeholder{font-size:10px;line-height:10px;font-family:'Heebo',sans-serif}.bageShadow{justify-content:center;width:20%;min-width:130px;margin-bottom:10px}.bageShadow>img{border-radius:100%;box-shadow:25px 25px 25px rgba(0,0,0,0.25);margin:auto;max-width:180px;max-height:180px;cursor:pointer;width:90%}.clown-badge{animation-delay:10s;animation-name:badge-jiggle;animation-duration:1s;animation-play-state:running;animation-timing-function:ease-in-out;animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.clown-badge:hover{animation-delay:0s;animation-name:badge-shake;animation-duration:0.82s;animation-play-state:running;animation-timing-function:cubic-bezier(0.36,0.07,0.19,0.97);animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.renegade-badge img{animation-delay:15s;animation-name:badge-shake;animation-duration:0.9s;animation-play-state:running;animation-timing-function:ease-in-out;animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.renegade-badge:hover{animation-delay:0s;animation-name:badge-jiggle;animation-duration:0.82s;animation-play-state:running;animation-timing-function:cubic-bezier(0.36,0.07,0.19,0.97);animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.ninja-badge{animation-delay:12s;animation-name:badge-quake;animation-duration:1.4s;animation-play-state:running;animation-timing-function:ease-in-out;animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.ninja-badge:hover img{animation-delay:0s;animation-name:badge-jiggle;animation-duration:0.9s;animation-play-state:running;animation-timing-function:ease-in-out;animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.scholars-badge{animation-delay:4s;animation-name:badge-jiggle;animation-duration:0.82s;animation-play-state:running;animation-timing-function:cubic-bezier(0.36,0.07,0.19,0.97);animation-iteration-count:initial;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}.scholars-badge:hover{animation-delay:0s;animation-name:badge-quake;animation-duration:1s;animation-play-state:running;animation-timing-function:ease-in-out;animation-iteration-count:initial}.toggleBtn .arrow{float:left;transform:rotate(90deg) translateX(18px) translateY(18px);width:50px;height:30px;margin-right:-18px}.toggleBtn.collapsed .arrow{transform:rotate(0deg) translateX(5px) translateY(0px)}@keyframes badge-shake{10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px,0,0)}}
@keyframes badge-quake{10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,-5px,0)}
30%,50%,70%{transform:translate3d(-4px,2px,0)}
40%,60%{transform:translate3d(4px,-2px,0)}}
@keyframes badge-jiggle{0%,20%,40%,60%,80%{-webkit-transform:rotate(-2deg)}
10%,30%,50%,70%,90%{-webkit-transform:rotate(2deg)}}
@keyframes badge-rotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}