/* nav_bar and general css */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300);body{margin:auto;font-family:'Nunito Sans',Arial}:root{color-scheme:light only}::-webkit-scrollbar{width:5px;height:5px;background:#f7f7f7}::-webkit-scrollbar-thumb{background:#67e;border-radius:3px}.nav_bar{background:linear-gradient(16deg,#131d39,#131d39 40%,#2b407c);width:185px;height:100%;position:fixed;user-select:none;padding:15px;transition:.25s;box-shadow:0 3px 10px rgba(0,0,0,.4);overflow:auto}.nav_bar::-webkit-scrollbar{width:3px;height:3px}.nav_bar_logo{width:35%;height:100%;margin-top:-5px}.nav_bar_line{border-top:1px solid #ebebeb;margin-top:8px;margin-bottom:8px}.nav_bar_item{display:inline-flex;align-items:center;color:#fff;font-size:22px;text-shadow:0 3px 10px rgba(0,0,0,.4);transition:ease-in-out .2s}.nav_bar_item:hover{color:#c9c9c9}.nav_href_style{display:flex;justify-content:center;text-decoration:none;cursor:pointer}.nav_bar_item_icon{margin-right:10px;font-size:24px}.nav_login_or_profile{margin:auto;display:flex;justify-content:space-between;padding:0 20px}.nav_balance{display:inline-flex;align-items:center;padding:5px;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.4);background:#fff;color:#00db5f;font-size:16px}#balance .nav_balance_dollars,#balance:hover .nav_balance_points{display:none}#balance:hover .nav_balance_dollars{display:inline-flex}.nav_profile_image{width:38px;height:38px;border:solid #fff 2px;border-radius:10px}.nav_mobile_menu{font-size:32px;user-select:none;text-decoration:none;color:#fff;padding:0 10px}.nav_bar_mobile{transform:translateY(-105%);display:none}.ussl_frame{position:absolute;width:calc(100% - 215px);height:100%;right:0;transition:.25s}.ussl_offerwall_frame{width:100%;height:100%;border:none}.black_close{height:100%;width:100%;background:#000;z-index:2;position:fixed;display:none}.black_hide{display:none}@media (max-width:990px){.nav_bar_close{transform:translateX(-105%)}.body_overflow_hidden{overflow:hidden}.nav_bar_mobile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(16deg,#131d39,#131d39 40%,#213264);transform:translateY(0);box-shadow:0 3px 10px rgba(0,0,0,.4);width:100%;height:60px}.ussl_frame{width:100%;height:calc(100% - 60px)}#nav_bar_stuff_placeholder{height:60px}.black_close{display:block}}
/* main page css */
.main_page{color:#fff}.main_title{text-shadow:0 3px 10px rgba(0,0,0,.4);display:flex;flex-direction:column;padding:30px;background:linear-gradient(16deg,#131d39,#131d39 40%,#2b407c);text-align:center;font-size:45px}.start_now{margin:30px 0;display:flex;justify-content:center;animation-name:button_anim;animation-duration:.7s}.btn_text{color:#000;padding:10px 15px;background-color:#fff;border-radius:20px;transition:.2s}.btn_text:hover{color:#fff;transform:scale(1.08);background-color:#000;box-shadow:0 0 50px #67e}.how_it_works{background:#fff;text-align:center;padding:20px 0}.how_it_works_title{color:#000;padding:0 15px;font-size:34px}.how_it_works_explanation{display:flex;flex-wrap:wrap;padding:20px 0;font-size:20px}.hiw_circle{display:flex;flex-direction:column;justify-content:center;background:#131d39;width:75px;height:75px;border-radius:50%;margin-bottom:10px;font-size:40px;transition:.3s;user-select:none}.hiw_circle:hover{transform:translateY(-5px);box-shadow:0 0 25px #00c}.hiw_option_div{display:flex;flex-direction:column;align-items:center;width:350px;margin:auto;padding:30px}.hiw_IE_fix{align-self:stretch}.withdraw_methods{background-color:#f2f2f2;text-align:center;padding:20px 0;box-shadow:0 3px 10px rgba(0,0,0,.4)}.withdraw_methods_title{color:#000;padding:0 15px;font-size:34px}.withdraw_methods_container{display:flex;flex-wrap:wrap;padding:20px 0}.withdraw_methods_method{width:270px;margin:auto;padding:30px;transition:.25s}.withdraw_methods_method:hover{transform:scale(1.05)}.withdraw_methods_images{width:150px;height:auto}.end_page_start_now{background-color:#fff;text-align:center;padding:20px 0;box-shadow:0 3px 10px rgba(0,0,0,.4)}.end_page_start_now_title{color:#000;padding:0 15px;font-size:34px}.end_page_start_now_btn_div{margin:30px;display:flex;justify-content:center}.end_page_start_now_btn_text{color:#000;padding:10px 15px;font-size:25px;background:#f2f2f2;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.4);transition:.2s}.end_page_start_now_btn_text:hover{transform:scale(1.08);background-color:#e3e3e3}@keyframes button_anim{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}.hiw_option_title{color:#000;font-size:26px}.hiw_option_description{color:#000;font-size:18px}
/* earn css */
.earn_page{margin:20px;margin-top:10px;max-width:900px;transition:.25s;color:#000;animation-name:appear_anim;animation-duration:.6s}@keyframes appear_anim{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.earn_titles{text-shadow:0 3px 10px rgba(0,0,0,.4);text-align:left;font-size:45px;transition:.25s}.offerwalls_and_surveys_container{display:flex;flex-direction:column;margin-bottom:20px}.surveys{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:20px}.earn_item_container{border-radius:10px;padding:30px 20px;display:flex;justify-content:center;transition:.25s;width:250px;height:40px;box-shadow:0 0 10px rgba(0,0,0,.4);margin:0 7.5px 15px 7.5px;flex-wrap:wrap;align-content:center;text-decoration:none}.earn_options_logos{transition:.25s;max-width:90%;width:90%;max-height:100%;height:100%}.earn_item_container:hover{opacity:.85;transform:scale(.96)}.adgatemedia{background:#0083c4}.personaly{background:#00354a}.earn_titles_div{padding-bottom:15px;display:flex;flex-direction:column}.earn_subtitles{font-size:16px}.offerwall_list_container,.surveys_list_container{display:flex;flex-wrap:wrap;justify-content:normal;max-width:915px;margin:0 -7.5px 0 -7.5px;height:100%}.surveytime{background:#303540}.pollfish{background:#c64a4c}.cpx{background:#455bb3}.ayet{background:#000}.your_surveys{background:#344b61}.opinionlabs{background:#404655}.yuno{background:#223c53}@media (max-width:550px){.earn_titles{font-size:34px}}@media (max-width:400px){.earn_item_container{width:100%}}.points_text{color:#fff;font-size:20px}