/* GLOBAL */ /* REGULAR 400 SEMI-BOLD 600 BOLD 700 */ body#members_page { background-color:#fff; padding : 0 ; } .z-1 { z-index : 1; background-color : #fff;} .wiggleContainer { position: relative; width: 100%; height: 100px;} .wiggleTitle { position: absolute; width: 95%; height: 100%;} .wiggleAnimation { position: absolute; z-index: -1; margin-left: 10%; width: 80%; margin-top: -20px;} .card { border: 1px solid rgba(0,0,0,.125);} .card.adsense { border: 0px solid rgba(0,0,0,.125); background : transparent !important;} .scrollTop { z-index: 999;} /*.JSreply { padding-bottom: 30px;}*/ h1 { font-weight: 700;} h2 { font-weight: 400;} h3 { font-weight: 600;} h4 { font-weight: 400;} h5 { font-size:1.15rem;} .legal a { font-weight: 500 !important;} .legal h1 { font-size: 2rem !important;} .legal h2 { font-size: 1.6rem !important; font-weight: 700 !important;} .legal h3 { font-size: 1.3rem !important; font-weight: 600 !important;} .legal h4 { font-size: 1.0rem !important; font-weight: 600 !important;} .legal p { font-size: 0.9rem !important;} .italic { font-style : italic;} .note { border : 1px solid #dc3545; padding:15px; border-radius:20px; } .badge-danger { color: #fff; background-color: #dc3545; } .btn { font-weight: 600; padding: 0.3rem 1.3rem; font-size: 13px;} .btn-primary { border: 2px solid var(--primary);} .btn-outline-dark, .btn-outline-light { border: 2px solid; } .btn-outline-dark:hover { color: #fff !important; background-color:var(--tertiary); border-color: var(--tertiary);} .btn-primary:focus, .btn-primary:hover { background-color:rgb(255 255 255 / 0%) !important; color:var(--primary) !important; border-color:var(--primary);} .btn-primary.disabled, .btn-primary:disabled { background: #fff !important; border-width: 0 !important; border: 2px solid var(--inactive)!important; color: var(--inactive) !important;} .btnReload { padding : 0 3rem !important; margin-top: 20px; justify-content: center; padding: 1rem !important; min-height: 40px; width: 450px; max-width : 100%;} .hero.bg-secondary .form-control { box-shadow: 0 0 0 0 #ff747780 !important; border: 2px solid #fff !important;} .form-control.is-invalid, .form-control:invalid { border: 2px solid var(--primary) !important;} .form-control { border: 2px solid transparent !important;} .form-control:focus { box-shadow: 0 0 0 0 #ff747780 !important; border: 2px solid var(--secondary) !important;} .gm_toNotAnswer:hover { font-weight:bold;} #header { position : sticky;} #header .btn-primary { padding: 0.4rem 1.5rem !important; border: 2px solid var(--primary);} #header .btn-outline-dark { padding: 0.4rem 1.5rem !important; } .navbar-nav { font-size: 0.85rem; font-weight: 600; } .navbar-nav a:hover { font-weight: 600; } .splide__pagination .is-active { background-color: var(--secondary);} .hero .btn-primary { font-size:1rem;} .hero .btn-primary:hover { border-color:#fff; color:#fff !important;} .accordion h3 { font-size: 1.3rem !important; font-weight: 500 !important; margin-bottom: 0;} .accordion h4 { color:var(--tertiary);} .accordion button:focus { box-shadow : 0 0 0 0rem rgb(13 110 253 / 25%);} .accordion-button:not(.collapsed) { background-color:rgb(119 201 218 / 40%) !important;} .bg-dark { background-color: #262b2f!important;} #sitemap { background-color:#fff;} #operation { background-color:#fff;} #howTo { background-color:#fff;} .survey_link { transition: all 100ms ease-out;} .survey_link:hover, .survey_link:focus { border-color:#77c9da; transition: all 500ms ease-out;} .userMenu a { opacity : 0.4;} .userMenu a:hover { color: var(--tertiary); opacity: 0.8 !important;} .text-link { text-transform: uppercase; font-size: 1rem; margin-top: 10px;} .fixed { position: fixed;} .text-right { text-align: right;} .trustpilot-widget {padding-top:20px;} #surveylama_page p { font-size: 1rem;} #surveylama_page p small { font-size: 0.8rem;} #surveylama_page.bodyMembers .btn { font-size: 18px !important; padding: 0.4rem 3.5rem;} #surveylama_page.bodyMembers h1 { font-size:1.8rem;} #surveylama_page.bodyMembers #profilingQuestion h1 { font-size:1.4rem;} #surveylama_page.bodyMembers h4 { font-size:1.2rem;} #surveylama_page.bodyMembers h5 { font-size:0.9rem;} #surveylama_page.bodyMembers .bonus { font-weight: 700; font-size: 1.8rem;} #surveylama_page.bodyMembers p .coin { vertical-align: middle; margin-top: -5px;} #profilingQuestion h4 { font-weight: 700; padding : 15px !important; } #profilingQuestion p { margin-bottom : 0;} #profilingQuestion .answer { max-width: 100%; margin: auto;} .profilingQuestions { background-color: #fff; cursor: default; border: 1px solid var(--light) !important; justify-content: center; padding: 10px;} .profilingQuestions-title { position: sticky; z-index: 9999; top: 51px; background-color:#fff; padding-top:20px; padding-bottom : 20px;} .profilingQuestions.selected, .profilingQuestions:hover { background-color: #ff7477ba; border-color: #ff7477ba !important; cursor: pointer; color:white; } .profilingQuestions.selected:hover { background-color: var(--primary); border-color: var(--primary) !important; } .profilingQuestions.done { background-color: #a1abb90d; cursor: default; border: 1px solid #a1abb900 !important; } .mobileMenu { padding-bottom: 20px!important; height: 80px;} .mobileMenu .mobileElement { border-top: 3px solid #fff;} #footer.members { position : fixed ; background-color: transparent;} #footer a:hover { color:#fff; text-decoration:underline;} #footer.members .legalLink { height: 26px; line-height: 24px; overflow: hidden;} .members-cta { background-color:#fff; bottom: 0; position: -webkit-sticky; position: sticky; padding-bottom: 80px; padding-top: 20px; z-index: 999;} #first-steps .cardText { height: 140px; text-align: left;} #first-steps .cardText h4 { font-size: 1rem;} #first-steps .mobileMenu { display : none;} #first-steps .btn.startSurvey { font-size: 16px !important; padding: 0.2rem 3.5rem;} .mainContent { position : sticky ;} .loader { width: 300px; margin: auto;} .spark { width: 50%; opacity: 0.7; position: fixed; top: 100px; left: 25%; z-index : -1;} .lowercase { text-transform: lowercase; } /* ANIMATIONS */ .giantLoader { background:rgba(255, 255, 255, 0.8); position: fixed; top:0; left:0; width: 100%; height:100%; z-index:999999999;} .giantLoader .loader { position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-84px; } .lottieAnimation { display : block !important;} .lottieAnimation.illustration lottie-player { height:calc(40vh - 90px); } #profiling .lottieAnimation.illustration lottie-player { height:calc(34vh - 90px); } #payment-request-validated .lottieAnimation.illustration lottie-player { height:calc(34vh - 90px); } #first-steps .lottieAnimation.illustration.fail lottie-player { height:calc(34vh - 90px); } #profilingQuestion .lottieAnimation.illustration lottie-player { height:calc(30vh - 90px); } .lottieAnimation.checkAnimation lottie-player { height:40px !important;} /* PROGRESS BAR */ .progressBar-1 .mt-step-col{ width : 100%;} .progressBar-2 .mt-step-col{ width : 50%;} .progressBar-3 .mt-step-col{ width : 33.3%;} .progressBar-4 .mt-step-col{ width : 25%;} .progressBar-5 .mt-step-col{ width : 20%;} .info-card {border: solid 2px #efefef; border-radius: 16px;} .info-card p {font-weight : 400 !important; text-align : left;} /* DASHBOARD */ .profilingContainer { display : none;} #dashboard .profilingContainer { display : block !important;} #dashboard .circle { height : 90px; width : 90px; margin-top : 10px; border-radius: 100%; background-color: #fff; } #dashboard .circleCheck { height : 90px; width : 90px; margin-top : 10px; border-radius: 100%; background-color: transparent; } #titleProfilingConfirm a:hover { text-decoration: none;} #titleProfilingConfirm.card:hover { background: linear-gradient(45deg, #ff8b89 0%, #ff8b89 100%) !important;} #titleProfilingConfirm h4 { font-weight : 700;} #dashboard .noSurveyAvailable .reload { height: 40px; margin-top: -8px; margin-bottom: -10px;} #dashboard.mainContent { padding-bottom: 70px;} .rotate180 { transform: rotate(180deg)!important;} .animFloatingLabel { height : 24px; margin-left: 20px;} .clock { height : 22px; margin-top: 1px;} .arrow { height : 28px; margin-top: -3px; transform: rotate(180deg)!important;} .help { height : 34px; margin-top: -5px;} .dollar { height : 28px; margin-top: -2px;} .check { height : 40px; margin-top: -1px;} #dailyBonusContainer .check { height : 60px !important;} /* DASHBOARD VUE ADMIN */ #aMode, .userAccurateNotification { width : 800px; position:absolute; right:0; top:0; height:100%; z-index:99999; background:rgba(255, 255, 255, 0.8);} #aMode .logsCint, #aMode .logsCpx, #aMode .logsGoodCint, #aMode .logsRebut { height:300px; overflow-y:auto;} /* userAccurate Notification */ .userAccurateNotification { width:100%; position: absolute; left: 0; top: 0; height: 100%; z-index: 99999; background:#fff;} /* SURVEYS */ .floatingLabelCenter.profiling { width: 340px; } .floatingLabelCenter.adsense { height : 21px; line-height : 21px; font-size: 0.8rem; } .floatingLabelCenter.bg-warning { background-color: var(--warning) !important;} .floatingLabelCenter.bg-primary { background-color: var(--primary) !important;} .floatingLabelCenter { background-color: var(--secondary) !important; color :#fff;font-weight: bold; text-transform: uppercase; font-size: 14px; width: 280px; height: 24px; line-height: 24px; border-bottom-right-radius: 25px; top: 1rem; border-bottom-left-radius: 25px; margin: auto;} .topSurvey .card { border: var(--secondary) 2px solid !important;} .premiumSurvey .card { border: var(--warning) 2px solid !important;} .upTo { margin-top : -15px;} .survey_link:focus p { color : var(--tertiary);} #surveylama_page.bodyMembers .btn.startSurvey { font-size : 16px !important;} /* REWARDS */ #rewards h4 { font-weight : 700; } #rewards .coin { width: 30px; height: 30px; border: solid 2px; } #rewards .bonus { font-size: 1.4rem !important;} #rewards #pills-home p { padding-bottom : 0;} #rewards #pills-home td { padding: 0 5px !important; } #rewards #pills-profile .card { line-height: 40px;} #rewards #pills-profile .text-light { color : var(--light) !important;} #rewards .btn { padding: 0.4rem 2rem !important; } #rewards .walletLP { font-size : 1.6rem !important;} .popover-header { font-size: 0.8rem; background-color: #fff; border-bottom: 0; } /* PAYMENT */ #payment-request .paySwitch { border: solid 0px transparent; border-radius: 10px; max-width: 300px;} #payment-request .paySwitch.selected { border: solid 0px #ccc; background-color: var(--primary) !important;} #payment-request .paySwitch.selected img { filter: brightness(0); filter: invert(100%) brightness(100);} /* REGISTER */ .step-line div:hover { cursor:pointer;} .bodyPublic .members-cta, .bodyPublic .z-1 { background-color: inherit; } /* CYSEND */ .categoryContainer { width: 100%; padding: 0; margin: 0; text-transform: capitalize; font-weight: 500; background-color: #fff !important; color: var(--tertiary) !important; text-decoration : underline; padding: 6px 30px !important; border: 0px; text-align : left; } .categoryContainer:hover, .categoryContainer:focus, .categoryContainer.active { background-color: var(--tertiary) !important; color: #fff !important; text-decoration : none; } #selectCysendCategory ul { overflow: auto; height: 250px; position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 42.2222px); padding: 20px; width: 100%; font-size: 1.2rem; } #selectCysendCategory li { border-radius : 20px; padding-left: 10px; } #selectCysendCategory li:hover { background-color: var(--tertiary) !important; color: #fff !important; text-decoration : none; padding-left: 10px; } .cysendProduct .btn {width : 100%; padding: 4px !important;} @media screen and (max-width: 992px) { #footer.members .legalLink, #footer.members .disclaimer { display : none !important;} #header { height : 51px} #first-steps .cardText { height: auto;} .spark { width: 84%; left: 8%; } .members-cta { padding-bottom: 100px !important;} #dailyBonusContainer { background-color : #262b2f;} #dailyBonusContainer .card { border-width: 0 !important; border-radius: 0 !important; background : transparent;} #dailyBonusContainer h3 { color: #fff!important;} #dailyBonusContainer p { color: var(--normal)!important;} #dailyBonusContainer .bonus { color: var(--primary)!important;} #dailyBonusContainer .bonus span { color: var(--normal)!important;} #dailyBonusContainer .welcome, #dailyBonusContainer .wallet { display : none;} } @media screen and (max-width: 767px) { .section { min-height: 80vh;} .hero .card { padding: 1.5rem!important; margin-bottom: 2rem;} .hero .card .form-control { font-size: 16px; } .text-link { text-align: center;} #operation img { max-width: 100%;} .splide__arrow--prev { left: -1rem; } .splide__arrow--next { right: -1rem;} h5 { font-size:1rem;} #tileEmailConfirm .floatingLabel, #titleProfilingConfirm .floatingLabel { display : none; } #tileEmailConfirm .offsetL, #titleProfilingConfirm .offsetL { padding-left: inherit!important; padding-top: 1rem!important;} #tileEmailConfirm h4, #titleProfilingConfirm h4 { font-size: 1.3rem;} .survey_link .text-normal { height:auto !important;} #surveylama_page .container { overflow-wrap: break-word;} .coin { width: 40px; height: 40px; border: solid 4px; font-size: 19px;} } @media screen and (max-width: 575px) { #payment-request .lottieAnimation.illustration lottie-player { display : none;} #dashboard .circle { height: 80px;width: 80px;border-radius: 100%;background-color: #fff; margin-top: 0px;} #dashboard .circleCheck { height: 80px;width: 80px;border-radius: 100%;background-color: transparent ;margin-top: 0px;} #dailyBonusContainer .bonus { font-size: 1.4rem !important;} } @media screen and (max-width: 320px) { #surveylama_page.bodyMembers h1 { font-size: 1.4rem;} #surveylama_page.bodyMembers h4 {font-size: 1rem;} #surveylama_page p {font-size: 0.8rem;} #surveylama_page.bodyMembers #profilingQuestion h1 { font-size:1.1rem;} #first-steps .mt-element-step, #profiling .mt-element-step { display : none;} #first-steps .small, #first-steps small { font-size: .7em;} #first-steps .surveyRef { display : none;} .profilingQuestions-title { position: initial; } .scrollTop { display : none !important;} .illustration.pt-4 { padding-top:0 !important;} flo .bonus { margin-bottom :0 !important;} .z-1 { background-color: #ffffff80;} .d-xs-block { display : block !important;} .d-xs-none { display : none !important;} #surveylama_page.bodyMembers .btn.startSurvey { font-size : 16px !important; padding : 0.5rem 1.5rem; } .coin { width: 30px;height: 30px;border: solid 4px;font-size: 14px;} #surveylama_page.bodyMembers .bonus { font-size: 1.2rem;} #dashboard .circle { height: 60px;width: 60px;border-radius: 100%;background-color: #fff; margin-top: 0px;} #dashboard .circleCheck { height: 60px;width: 60px;border-radius: 100%;background-color: transparent; margin-top: 0px;} .coin { font-size: 1rem !important;} #payment-request .paySwitch { padding : 10px;} } @media screen and (min-width: 321px) and (max-width: 428px) { #surveylama_page.bodyMembers h1 { font-size: 1.6rem;} #surveylama_page.bodyMembers #profilingQuestion h1 { font-size:1.2rem;} #first-steps .cardText { height: max-content !important;} #profiling .progressBar { display : none;} #profilingQuestion .progressBar { display : none;} #first-steps .progressBar { display : none;} .scrollTop { display : none !important;} .spark { width: 100%; left: 0%;} #dashboard.mainContent { padding-bottom: 20px !important;} #surveylama_page.bodyMembers .btn.startSurvey { font-size : 16px !important; padding : 0.5rem 1.5rem; } .floatingLabelCenter { width : 280px !important;} .dailyRemaining { font-size: 0.9rem;} #surveylama_page.bodyMembers .bonus { font-size: 1.6rem;} .coin { width: 34px;height: 34px;border: solid 4px;font-size: 16px;} #surveylama_page p.dailyRemaining { font-size: 0.8rem;} .coin { font-size: 1rem !important;} #payment-request .paySwitch { padding : 10px;} } @media screen and (min-width: 575px) { } @media screen and (min-width: 429px) and (max-width: 767px) { .coin { font-size: 1rem !important;} } @media screen and (min-width: 768px) and (max-width: 991px) { .cardText { height : 70px;} } @media screen and (min-width: 768px) { #first-steps .members-content { padding-top:0 !important;} } @media screen and (min-width: 992px) { .survey_link .cardText { height:50px;} #profilingQuestion .answer { max-width: 50%;} #header { height : 57px} #titleProfilingConfirm.container, #surveyList.container, .containerPartnerTile { padding-left : 0; padding-right : 0;} #payment-request .paymentMethod { width : 50%; } } @media screen and (min-width: 1200px){ } @media screen and (max-height: 480px) { .lottieAnimation.illustration { display : none !important;} #first-steps .mt-element-step { padding-top : 1rem!important;} #postback #term h5 { display : none !important;} #postback #o h5 { display : none !important;} .members-content { padding-bottom: 0 !important;} .hidden-xs { display : none !important;} } @media screen and (max-height: 668px) { #payment-request-validated .advice { display : none;} #email-confirmation .advice { display : none;} #payment-request-validated .members-content, #single-question-bonus .members-content { padding-bottom : 0 !important;} #daily-bonus .bonus { margin : 0 !important;} #single-question-bonus .bonus { margin : 0 !important;} #profilingQuestion .card { padding: 5px 10px !important;} #first-steps .h4 { font-size: 0.9rem;} #first-steps .mt-step-col, #first-steps .progressBar { display : none;} #first-steps .lottieAnimation.illustration, #profiling .lottieAnimation.illustration, #profiling-bonus .lottieAnimation.illustration, #profilingQuestion .lottieAnimation.illustration { display : none !important;} #profilingQuestion .progressBar { display : none !important;} #profiling .mt-step-col { padding-bottom : 0;} #profiling .progressBar { display : none;} #profilingQuestions .progressBar { display : none;} #postback .container { padding-top : 10px !important;} #postback #oq.container { padding-top : inherit !important;} .lottieAnimation.illustration lottie-player { height:calc(34vh - 90px); } .members-content { padding-bottom: 0 !important;} .mobileMenu { height : 60px;} .members-cta { padding-top: 10px; padding-bottom: 70px !important;} } @media screen and (min-height: 668px) { }