.jobs .transition,.jobs .-content,ul li i:before,.jobs ul li i:after{transition:all .25s ease-in-out}.jobs .flipIn,.jobs h1,.jobs ul li{animation:flipdown .5s ease both}.jobs .no-select,h2{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jobs h1{text-transform:uppercase;font-size:30px;line-height:42px;font-weight:100;padding-bottom:1em;color:#5d5757}.jobs h2{font-size:18px;font-weight:bold;line-height:70px;display:block;margin:0;cursor:pointer;color:#f15555;text-indent:1em}.jobs .-content{color:#666;line-height:1.5em;letter-spacing:1px;position:relative;overflow:hidden;max-height: max-content;opacity:1;transform:translate(0,0);z-index:2;padding:0 2em 2em;}.jobs ul{list-style:none;perspective:900;padding:0;margin-bottom:2em}.jobs ul li{position:relative;padding:0;margin:0;border-top:1px dotted #dce7eb}.jobs ul li:hover{background-color:#fdfdfd}.jobs ul li:nth-of-type(1){animation-delay:.5s}.jobs ul li:nth-of-type(2){animation-delay:.75s}.jobs ul li:nth-of-type(3){animation-delay:1s}.jobs ul li:nth-of-type(4){animation-delay:1.25s}.jobs ul li:nth-of-type(5){animation-delay:1.5s}.jobs ul li:last-of-type{padding-bottom:0}.jobs ul li i{position:absolute;transform:translate(-6px,0);top:33px;right:20px}.jobs ul li i:before,.jobs ul li i:after{content:"";position:absolute;background-color:#e74c3c;width:3px;height:9px}.jobs ul li i:before{transform:translate(-2px,0) rotate(45deg)}.jobs ul li i:after{transform:translate(2px,0) rotate(-45deg)}.jobs ul li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}.jobs ul li input[type=checkbox]:checked ~ .-content{margin-top:0;max-height:0;opacity:0;transform:translate(0,50%);padding-bottom:0}.jobs ul li input[type=checkbox]:checked ~ i:before{transform:translate(2px,0) rotate(45deg)}ul li input[type=checkbox]:checked ~ i:after{transform:translate(-2px,0) rotate(-45deg)}
@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}