*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;transition:all .35s}body{font-family:"Commissioner",sans-serif}li,button,a{cursor:pointer}.navigation{background:url(../../images/image-hero-desktop.jpg);width:100%;height:60vh;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 50em #000 inset}nav{position:relative;width:100%;height:7.5vh}nav img{position:absolute;bottom:0;left:4em}@media (max-width: 700px){nav img{position:relative;display:block;margin:0 auto;top:3em;left:0}}nav ul{display:flex;position:absolute;bottom:0;right:4em}@media (max-width: 700px){nav ul{width:50%;position:relative;display:block;margin:0 auto;top:7em;right:0}}nav ul li{margin-right:2em}@media (max-width: 700px){nav ul li{display:flex;justify-content:center;margin-right:0;margin-top:2.5em}}nav ul li a{color:#fff}nav ul li:hover a{text-decoration:underline}.project-header{width:1000px;height:500px;background:white;border-radius:12px;margin:0 auto;text-align:center;position:relative;top:-10em}@media (max-width: 1100px){.project-header{width:750px}}@media (max-width: 950px){.project-header{width:650px;height:600px}}@media (max-width: 700px){.project-header{width:500px;height:800px}}@media (max-width: 520px){.project-header{width:350px;height:850px}}.project-header a{position:relative;top:-1.5em}@media (max-width: 700px){.project-header .title{font-size:12px}}@media (max-width: 520px){.project-header .title{padding:1em 2em}}.project-header p{margin-top:1em}.project-middle{margin-top:6em;position:relative}.project-middle button{position:absolute;left:5em;top:0;width:240px;height:70px;background:#3cb4ac;color:#fff;border-radius:35px;font-weight:700;font-size:15px;outline:none;border:none}.project-middle button:hover{background:#147b74}@media (max-width: 1100px){.project-middle button{width:200px;height:55px;background:#3cb4ac;color:#fff;border-radius:27.5px;font-weight:700;font-size:15px;outline:none;border:none}.project-middle button:hover{background:#147b74}}@media (max-width: 950px){.project-middle button{width:200px;height:50px;background:#3cb4ac;color:#fff;border-radius:25px;font-weight:700;font-size:15px;outline:none;border:none}.project-middle button:hover{background:#147b74}}@media (max-width: 700px){.project-middle button{left:12.5%;width:75%;height:55px;background:#3cb4ac;color:#fff;border-radius:27.5px;font-weight:700;font-size:15px;outline:none;border:none}.project-middle button:hover{background:#147b74}}.project-middle .bookmark{position:absolute;right:5em;top:0;width:175px;height:55px;border-radius:30px;background:#bfbfbf;cursor:pointer}@media (max-width: 1100px){.project-middle .bookmark{width:150px;height:50px}}@media (max-width: 950px){.project-middle .bookmark{width:150px;height:60px}}@media (max-width: 700px){.project-middle .bookmark{width:75%;height:55px;top:100px;right:12.5%}}.project-middle .bookmark p{font-weight:700;margin-left:4em}@media (max-width: 1100px){.project-middle .bookmark p{margin-left:3.5em}}@media (max-width: 950px){.project-middle .bookmark p{margin-left:0;margin-top:1.5em}}@media (max-width: 700px){.project-middle .bookmark p{letter-spacing:.75em}}.project-middle .bookmark .img-container{position:absolute;top:0;left:0;width:55px;height:56px}@media (max-width: 1100px){.project-middle .bookmark .img-container{top:-.25em;width:56px;height:56px}}@media (max-width: 950px){.project-middle .bookmark .img-container{top:-35px;left:45px}}@media (max-width: 700px){.project-middle .bookmark .img-container{left:42.5%}}@media (max-width: 520px){.project-middle .bookmark .img-container{left:40%}}.stats{width:100%;position:absolute;bottom:0}.stats .numbers{display:flex;justify-content:space-evenly;width:85%}@media (max-width: 1100px){.stats .numbers{width:100%}}@media (max-width: 700px){.stats .numbers{flex-direction:column}}@media (max-width: 700px){.stats .numbers .col{margin-bottom:25px}}.stats .numbers .col h1{font-size:40px}.stats .numbers .col p{margin-top:.5em;color:#7a7a7a}.stats .numbers .col:nth-of-type(2),.stats .numbers .col:nth-of-type(3){padding-left:25px;border-left:1px solid #bfbfbf}@media (max-width: 1100px){.stats .numbers .col:nth-of-type(2),.stats .numbers .col:nth-of-type(3){padding-left:15px}}@media (max-width: 700px){.stats .numbers .col:nth-of-type(2),.stats .numbers .col:nth-of-type(3){border-left:0}}.stats .load-bar{width:90%;height:10px;background:#bfbfbf;margin:3em auto 0;border-radius:10px;position:relative}.stats .load-bar:before{content:"";position:absolute;width:85%;height:10px;border-radius:10px;background:#3cb4ac;left:0}.about{text-align:left;display:block;width:1000px;margin:0 auto}@media (max-width: 1100px){.about{width:750px}}@media (max-width: 950px){.about{width:650px}}@media (max-width: 700px){.about{width:450px}}@media (max-width: 520px){.about{width:350px}}.about p{margin-top:1.5em;line-height:1.8rem;color:#7a7a7a}.project-types{width:900px;display:flex;flex-direction:column;justify-content:center;gap:40px;margin:5em auto 0}@media (max-width: 1100px){.project-types{width:650px}}@media (max-width: 950px){.project-types{width:550px}}@media (max-width: 700px){.project-types{width:400px}}@media (max-width: 520px){.project-types{width:300px}}.project-types .item{width:100%;height:30%;border-radius:10px;border:1px solid #bfbfbf;padding:2em 1em 1em 3em;margin:0 auto}@media (max-width: 700px){.project-types .item{height:50%}}@media (max-width: 520px){.project-types .item{height:200%}}.project-types .item .header{display:flex;justify-content:space-between;align-items:center}.project-types .item .header p{color:#3cb4ac}.project-types .item .description{margin-top:3em}@media (max-width: 700px){.project-types .item .description{margin-top:2em}}.project-types .item .description p{color:#7a7a7a}.project-types .item .info{margin-top:3em;display:flex;justify-content:space-between;align-items:center}@media (max-width: 700px){.project-types .item .info{margin-top:3em}}.project-types .item .info .amount{font-weight:500;font-size:30px;font-weight:700}.project-types .item .info .amount sup{font-size:15px;color:#7a7a7a}.project-types .item .info .reward{width:200px;height:60px;border-radius:30px;background:#3cb4ac;color:#fff;text-align:center;padding-top:1.2em;cursor:pointer;font-weight:700}@media (max-width: 950px){.project-types .item .info .reward{width:175px;height:50px;padding-top:1em}}@media (max-width: 700px){.project-types .item .info .reward{height:40px;padding-top:.45em}}@media (max-width: 520px){.project-types .item .info .reward{padding-top:.5em}}.project-types .item .info .reward:hover{background:#147b74}.project-types .out-of-stock{opacity:.5;pointer-events:none}.modal{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);width:100%;height:400vh;display:none}.modal .modal-content{width:1000px;height:1350px;background:white;padding:3em;border-radius:15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none}@media (max-width: 1100px){.modal .modal-content{width:825px}}@media (max-width: 950px){.modal .modal-content{width:650px}}@media (max-width: 700px){.modal .modal-content{width:500px;height:1500px}}@media (max-width: 520px){.modal .modal-content{width:350px;height:1600px}}.modal .modal-content .header h2{margin-bottom:.5em}.modal .modal-content .header p{color:#7a7a7a}.modal .modal-content .header img{position:absolute;top:2em;right:2em;cursor:pointer}.modal .modal-content .product-types{margin-top:5em}.modal .modal-content .product-types .no-reward .minimal-content .check-box{width:1em;height:1em;border-radius:1em;position:absolute;background:#3cb4ac;left:2em;top:2em;cursor:pointer;opacity:0}.modal .modal-content .product-types .no-reward .minimal-content h3{margin-top:.25em;cursor:pointer}.modal .modal-content .product-types .no-reward .minimal-content h3:hover{color:#3cb4ac}.modal .modal-content .product-types .no-reward .minimal-content p{margin-top:2em;color:#7a7a7a;line-height:1.75em}@media (max-width: 520px){.modal .modal-content .product-types .no-reward .minimal-content p{line-height:1em}}.modal .modal-content .product-types .product{width:90%;margin:3em auto 0;border:1px solid #bfbfbf;padding:1.5em 4em;border-radius:15px;height:200px;position:relative;overflow:hidden}@media (max-width: 700px){.modal .modal-content .product-types .product{height:225px}}@media (max-width: 520px){.modal .modal-content .product-types .product{height:225px;padding:1.4em 2em;width:100%}}.modal .modal-content .product-types .product .prod-content{display:flex;justify-content:space-between;align-items:center}.modal .modal-content .product-types .product .prod-content .check-box{width:1em;height:1em;border-radius:1em;position:absolute;background:#3cb4ac;left:2em;top:2em;cursor:pointer;opacity:0;left:.5em}.modal .modal-content .product-types .product .prod-content h3{cursor:pointer}.modal .modal-content .product-types .product .prod-content h3:hover{color:#3cb4ac}.modal .modal-content .product-types .product .prod-content h3 p{color:#3cb4ac;font-size:15px;margin-left:1em;display:inline-block}@media (max-width: 1100px){.modal .modal-content .product-types .product .prod-content h3 p{margin-left:.25em}}.modal .modal-content .product-types .product .prod-content h2{font-weight:700;font-size:25px}.modal .modal-content .product-types .product .prod-content h2 sup{font-weight:400;color:#7a7a7a}.modal .modal-content .product-types .product .description{margin-top:1em;color:#7a7a7a;line-height:1.75em}@media (max-width: 700px){.modal .modal-content .product-types .product .description{margin-top:.5em;line-height:1.25em}}@media (max-width: 520px){.modal .modal-content .product-types .product .description{margin-top:.2em;line-height:1.15em}}.modal .modal-content .product-types .product .selected{margin-top:5em;display:flex;justify-content:space-around;align-items:center}@media (max-width: 950px){.modal .modal-content .product-types .product .selected{margin-top:2.5em}}@media (max-width: 700px){.modal .modal-content .product-types .product .selected{flex-direction:row;justify-content:space-between;margin-top:1.5em}}@media (max-width: 520px){.modal .modal-content .product-types .product .selected{flex-direction:column;justify-content:center;margin-top:1.25em}}.modal .modal-content .product-types .product .selected p{color:#7a7a7a}.modal .modal-content .product-types .product .selected input{width:120px;height:40px;border:1px solid #bfbfbf;margin-left:21em;padding-left:1em}@media (max-width: 1100px){.modal .modal-content .product-types .product .selected input{margin-left:10em}}@media (max-width: 950px){.modal .modal-content .product-types .product .selected input{margin-left:1em}}@media (max-width: 700px){.modal .modal-content .product-types .product .selected input{margin-right:.75em}}@media (max-width: 520px){.modal .modal-content .product-types .product .selected input{width:150px;height:25px;margin-top:1em}}.modal .modal-content .product-types .product .selected button{margin-right:-3em;width:150px;height:60px;background:#3cb4ac;color:#fff;border-radius:30px;font-weight:700;font-size:15px;outline:none;border:none}.modal .modal-content .product-types .product .selected button:hover{background:#147b74}@media (max-width: 1100px){.modal .modal-content .product-types .product .selected button{margin-left:2em}}@media (max-width: 950px){.modal .modal-content .product-types .product .selected button{margin-left:auto;width:125px;height:50px;background:#3cb4ac;color:#fff;border-radius:25px;font-weight:700;font-size:15px;outline:none;border:none}.modal .modal-content .product-types .product .selected button:hover{background:#147b74}}@media (max-width: 700px){.modal .modal-content .product-types .product .selected button{width:135px;height:30px;background:#3cb4ac;color:#fff;border-radius:15px;font-weight:700;font-size:15px;outline:none;border:none}.modal .modal-content .product-types .product .selected button:hover{background:#147b74}}@media (max-width: 520px){.modal .modal-content .product-types .product .selected button{width:150px;height:25px;background:#3cb4ac;color:#fff;border-radius:12.5px;font-weight:700;font-size:15px;outline:none;border:none;margin:1em auto}.modal .modal-content .product-types .product .selected button:hover{background:#147b74}}.modal .modal-content .disabled-prod{opacity:.5;pointer-events:none}.success-modal-content{width:750px;height:450px;background:white;position:absolute;left:50%;top:35%;transform:translate(-50%,-35%);text-align:center;border-radius:15px;display:none}@media (max-width: 950px){.success-modal-content{width:650px;height:500px}}@media (max-width: 700px){.success-modal-content{width:500px;height:550px}}@media (max-width: 520px){.success-modal-content{width:350px;height:650px}}.success-modal-content img{margin-top:3em;width:7em}@media (max-width: 700px){.success-modal-content img{margin-top:4em}}.success-modal-content h1{margin-top:1em;margin-bottom:.5em}.success-modal-content p{width:70%;color:#7a7a7a;display:block;margin:0 auto}@media (max-width: 700px){.success-modal-content p{margin-top:1em;line-height:1.75em}}@media (max-width: 520px){.success-modal-content p{margin-bottom:1em}}.success-modal-content button{margin-top:1em;width:150px;height:50px;background:#3cb4ac;color:#fff;border-radius:25px;font-weight:700;font-size:15px;outline:none;border:none}.success-modal-content button:hover{background:#147b74}.unbookmarked{background:url(../../images/icon-bookmark.svg)}.bookmarked{background:url(../../images/icon-bookmarked.svg)}.unactivated{color:#7a7a7a}.activated{color:#3cb4ac}