html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background: url('https://edgefiles.ams3.cdn.digitaloceanspaces.com/afflyfe/dating-adult/whatsapp-bg.png') 0% 0% / contain; background-repeat: repeat;}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
html{overflow:scroll;-webkit-overflow-scrolling:touch}
.pull-left{float:left!important}
.pull-right{float:right!important}
.text-shadow-dark{-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-text-shadow:0 1px 1px rgba(0,0,0,0.1);-o-text-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1)}
.pointer{cursor:pointer}
.clearfix{clear:both}
.hide{display:none!important}
.disp-inline{display:inline}
.head{float:left;width:100%;background:#fcfcfc;padding-top:20px;padding-bottom:20px;min-height:80%}
.passmail{font-size:12px;-webkit-box-shadow:0 1px 3px #bbb;-moz-box-shadow:0 1px 3px #bbb;-o-box-shadow:0 1px 3px #bbb;box-shadow:0 1px 3px #bbb;padding:2px;font-weight:600;text-align:center;margin-top:6px}
.hidden-overflow{overflow:hidden}
.blur-overlay{position:absolute;width:100%;left:0;top:5px}
.blur{position:absolute;background:#f2f2f3;width:100%;height:100%;top:0;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);filter:blur(5px);left:-6px}
.navbar-icon{margin-top:-5px}
.theme--logo svg{margin-top:-5px}
.viewcams{font-size:15px;background:#43e97b;background:-moz-linear-gradient(55deg,rgba(67,233,123,1) 0%,rgba(56,249,215,1) 100%);background:-webkit-linear-gradient(55deg,rgba(67,233,123,1) 0%,rgba(56,249,215,1) 100%);background:linear-gradient(55deg,rgba(67,233,123,1) 0%,rgba(56,249,215,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#43e97b",endColorstr="#38f9d7",GradientType=1);padding:8px 12px;position:absolute;right:10px;top:10.9px;border-radius:20px;cursor:pointer}
.viewcams svg{margin-bottom:-9px!important;margin-left:4px!important;position:relative!important;top:-3px!important}
.pos-rel{position:relative}
.fnt-size-12{font-size:12px}
.fnt-size-14{font-size:14px}
.fnt-size-16{font-size:16px}
.fnt-size-22{font-size:22px}
.fnt-size-26{font-size:26px}
.fnt-size-35{font-size:35px}
.fw-600{font-weight:600}
.fw-200{font-weight:200}
.fw-400{font-weight:400}
.text-purple-dark{color:#4c58a4}
.box-shadow{-webkit-box-shadow:0 5px 8px #ededee!important;-moz-box-shadow:0 5px 8px #ededee!important;-o-box-shadow:0 5px 8px #ededee!important;box-shadow:0 5px 8px #ededee!important}
.brd-rad-5{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.brd-rad-10{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
input[name="email"],input[name="password"]{padding:11px;background:#fff}
#waitOverlay{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);padding:14px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}
#waitOverlay .inside{background:#fff;padding:10px;margin:40px auto;max-width:640px}
.match-img{width:100%;height:220px;overflow:hidden;margin-bottom:18px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.box-shadow{-webkit-box-shadow:0 0 3px #CFD4DF;-moz-box-shadow:0 0 3px #CFD4DF;-o-box-shadow:0 0 3px #CFD4DF;box-shadow:0 0 3px #CFD4DF}
.btn-action{color:#212529;background-color:#ffc107;border-color:#ffc107}
#successOverlay .head{background:#333!important;color:#f9c132}
.mailcheck{background:#ffc107}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
.top-nav{background:#fff;padding:11px;font-size:25px;border-bottom:1px solid #dbdbdb}
.questions{width:100%}
.questions .inner{margin:0 auto 50px;background:#fff;max-width:640px;padding:20px 20px 50px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;border-radius:40px;-webkit-box-shadow:0 -3px 8px #b6b6b6;-moz-box-shadow:0 -3px 8px #b6b6b6;-o-box-shadow:0 -3px 8px #b6b6b6;box-shadow:0 -3px 8px #b6b6b6}
.twPc-div{background:rgba(0,0,0,0.65) none repeat scroll 0 0;border-radius:6px;height:auto;width:100%}
.twPc-bg{background:#3baefb;background:-moz-linear-gradient(180deg,rgba(59,174,251,1) 0%,rgba(0,96,226,1) 100%);background:-webkit-linear-gradient(180deg,rgba(59,174,251,1) 0%,rgba(0,96,226,1) 100%);background:linear-gradient(180deg,rgba(59,174,251,1) 0%,rgba(0,96,226,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3baefb",endColorstr="#0060e2",GradientType=1);border-bottom:1px solid #282828;border-radius:4px 4px 0 0;height:35px;width:100%}
.twPc-block{display:block!important}
.twPc-button{margin:-35px -10px 0;text-align:right;width:100%}
.twPc-avatarLink{background-color:transparent;border-radius:6px;display:inline-block!important;float:left;margin:-30px 5px 0 8px;max-width:100%;padding:1px;vertical-align:bottom}
.twPc-avatarImg{border:2px solid #FAD961;border-radius:7px;box-sizing:border-box;height:72px;width:72px}
.twPc-divUser{margin:5px 0 0;text-align:left!important}
.twPc-divUser .asks{font-size:10px;font-weight:300;text-align:left;color:#b3b3b3}
.twPc-divName{font-size:12px;font-weight:400;line-height:21px;text-align:left;color:#333;border-bottom:1px solid #ddd;padding-bottom:3px}
.each-q .media-body img{width:122px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px}
#signup-form .media-body img{width:122px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;margin-bottom:10px}
.btn-profile-q{width:45%;padding:6px 39px!important;font-size:24px!important}
.svg-icon{width:2em;height:2em}
.profile-city{margin-bottom:0;margin-top:12px}
.set-city{text-transform:capitalize}
@-webkit-keyframes pulse-green {
0%{-webkit-transform:scale(0.95);-webkit-box-shadow:0 0 0 0 rgba(51,217,178,0.7)}
70%{-webkit-transform:scale(1);-webkit-box-shadow:0 0 0 10px rgba(51,217,178,0)}
100%{-webkit-transform:scale(0.95);-webkit-box-shadow:0 0 0 0 rgba(51,217,178,0)}
}
@-moz-keyframes pulse-green {
0%{-moz-transform:scale(0.95);-moz-box-shadow:0 0 0 0 rgba(51,217,178,0.7)}
70%{-moz-transform:scale(1);-moz-box-shadow:0 0 0 10px rgba(51,217,178,0)}
100%{-moz-transform:scale(0.95);-moz-box-shadow:0 0 0 0 rgba(51,217,178,0)}
}
@-o-keyframes pulse-green {
0%{-o-transform:scale(0.95);-o-box-shadow:0 0 0 0 rgba(51,217,178,0.7)}
70%{-o-transform:scale(1);-o-box-shadow:0 0 0 10px rgba(51,217,178,0)}
100%{-o-transform:scale(0.95);-o-box-shadow:0 0 0 0 rgba(51,217,178,0)}
}
@keyframes pulse-green {
0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}
100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}
}
.profile{width:75px;height:75px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;position:absolute;cursor:pointer;border:4px solid #fff;-webkit-box-shadow:0 1px 4px #6385a2;-moz-box-shadow:0 1px 4px #6385a2;-o-box-shadow:0 1px 4px #6385a2;box-shadow:0 1px 4px #6385a2;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;-webkit-animation:pulse-green 4s infinite;-moz-animation:pulse-green 4s infinite;-o-animation:pulse-green 4s infinite;animation:pulse-green 4s infinite}
.profile:hover{border:4px solid #cc0079}
.each-profile{position:relative;display:inline-block}
.profile .tooltiptext{visibility:hidden;width:120px;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;border-radius:6px;padding:3px 5px;position:absolute;z-index:2;top:-50px;left:-33px;font-size:12px}
.profile .tooltiptext .viewcam{background:#c0d4e5;margin-top:4px;color:#09090a;font-weight:500;cursor:pointer}
.profile:hover .tooltiptext{visibility:visible}
.zooms,.controller{position:fixed;margin-top:46px;background:#fff;-webkit-box-shadow:0 -3px 8px #c0d4e5;-moz-box-shadow:0 -3px 8px #c0d4e5;-o-box-shadow:0 -3px 8px #c0d4e5;box-shadow:0 -3px 8px #c0d4e5;padding:6px 4px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;border-radius:40px;z-index:1;cursor:pointer}
.controller{right:11px}
.zooms{left:11px}
.zooms ul,.controller ul{list-style:none;margin-left:-40px;margin-bottom:0}
.zooms ul li,.controller ul li{margin-bottom:8px}
.zooms ul li:last-child,.controller ul li:last-child{margin-bottom:0}
.action-btn,.btn-yeah{background:#b900b2;background:-moz-linear-gradient(231deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:-webkit-linear-gradient(231deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:linear-gradient(231deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b900b2",endColorstr="#f40000",GradientType=1);border:none;padding:11px;color:#fff}
.btn{-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;border-radius:40px}
.btn-yeah{font-size:28px}
.action-btn{font-size:25.6px!important}
.action-btn:hover,.btn-yeah:hover,.action-btn:active,.btn-yeah:active,.action-btn:focus,.btn-yeah:focus{background:#b900b2;background:-moz-linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:-webkit-linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b900b2",endColorstr="#f40000",GradientType=1);color:#f9f9f9}
.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:auto}
.media-body .title{font-size:22px;font-weight:500}
#last{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:99}
#signup-form{max-width:640px;background:#fff;margin:5% auto;padding:14px 20px;border-radius:22px}
.timer{margin-top:5px}
.timercontainer{min-width:340px;background:#ff0;display:inline-table;border-radius:20px;font-weight:600;font-size:20px;padding:3px 28px;z-index:12;position:relative}
svg.navicon{position:relative;top:-7px;cursor:pointer}
.impttxt{font-size:35px}
.q-b{margin-left:130px}
@media only screen and (max-width: 880px) {
.viewcams{display:none}
}
@media only screen and (max-width: 570px) {
.free_100{font-size: 25px !important;}
.q-b{margin-left:85px}
.viewcams,.navicon{display:none}
.svg-icon{width:1.4em;height:1.4em}
.zooms ul li,.controller ul li{margin-bottom:0}
.timercontainer{min-width:280px;font-size:16px;padding:6px 15px}
.fnt-size-22{font-size:18px}
.impttxt{font-size:30px}
.questions .inner{padding:0 5px 14px}
.each-q .media-body img{width:80px;margin-bottom:5px;margin-right:10px!important}
#signup-form .media-body img{width:80px;margin-bottom:5px;margin-right:10px!important}
.media-body .title{font-size:23px}
.q-b{clear:both;text-align:center}
.twPc-divName{font-size:11px}
#last{padding:10px}
.fnt-size-35{font-size:26px}
.passmail{font-size:11px}
.site-head{font-size:23px;font-weight:600}
#signup-form{margin:11% auto;padding:10px 15px}
.zooms,.controller{margin-top:16px}
.profile{width:55px;height:55px;border:3px solid #fff}
}
body.snapchat .top-nav{background:#fffc01}
body.snapchat .profile{border:4px solid #212529}
body.snapchat .profile:hover{border:4px solid #fffc01}
body.snapchat .questions .inner{background:#fffc01}
body.snapchat .action-btn,body.snapchat .btn-yeah{background:#212529!important}
body.snapchat .twPc-divName{color:#5e6267;border-bottom:1px solid #212529!important}
body.snapchat svg.navicon path{fill:#333!important}
body.facebook .top-nav{background:#4267b2;color:#fff!important}
body.facebook .profile{border:4px solid #fff}
body.facebook .profile:hover{border:4px solid #4267b2}
body.facebook .action-btn,body.facebook .btn-yeah{background:#4267b2!important}
body.facebook svg.navicon path{fill:#f9f9f9!important}
body.tinder .top-nav{background:#ec4c7b;background:-moz-linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%);background:-webkit-linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%);background:linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec4c7b",endColorstr="#ef6d56",GradientType=1);color:#fff!important}
body.tinder .profile{border:4px solid #fff}
body.tinder .profile:hover{border:4px solid #ec4c7b}
body.tinder .action-btn,body.tinder .btn-yeah{background:#ec4c7b!important;background:-moz-linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%)!important;background:-webkit-linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%)!important;background:linear-gradient(208deg,rgba(236,76,123,1) 0%,rgba(239,109,86,1) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec4c7b",endColorstr="#ef6d56",GradientType=1);color:#fff!important}
body.tinder svg.navicon path{fill:#f9f9f9!important}
body.dark .top-nav{background:#1b1e28;color:#fff!important}
body.dark .profile{border:4px solid #fff}
body.dark .profile:hover{border:4px solid #ec4c7b}
body.dark svg.navicon path{fill:#f9f9f9!important}
body.dark .questions .inner{background:#1b1e28!important;color:#fff!important}
.btn-group.special{display:flex;width:100%;margin-bottom:-15px}
.special .btn{flex:1;width:100%}
.font-bold{font-weight:600}
.fnt-size-18{font-size:18px !important}
.brd-rad-4{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
.pd17{padding:17px}
.fnt-size-18{font-size:18px !important}
.fnt-size-17{font-size:17px !important}
.fnt-size-15{font-size:15px !important}
#successOverlay{position:fixed;z-index:99999999;top:0;left:0;right:0;bottom:0;background:#f9f9f9;overflow-y:scroll;overflow-x:hidden}
#successOverlay .headso{padding:10px}
ul.nav-icon{list-style:none;margin-bottom:0}
ul.nav-icon li{display:inline;font-size:26px;margin-right:24px}
ul.nav-icon img{width:28px;margin-top:-8px}
.fs-1{font-size:22px}
.fs-3{font-size:20px}
.onnow{position:absolute;top:5px;left:4px;width:15px;height:15px;background:#71c031;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
@keyframes shadow-pulse {
0%{box-shadow:0 0 0 0 rgba(251,5,5,0.7)}
100%{box-shadow:0 0 0 35px rgba(251,5,5,0)}
}
.newuser{position:absolute;top:5px;left:4px;background:#d6467d;border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;color:#fff;font-size:11px;padding:0 3px}
.newuser.w-onnow{top:4px;left:22px!important}
.mrimg{position:absolute;top:4px;right:4px;background:#000;opacity:.5;padding:0 11px}
.glass-container{width:100%;height:40px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);box-shadow:0 0 10px rgba(255,255,255,0.3);overflow:hidden;position:absolute;bottom:0;color:#fff;padding:7px}
.overflow-hidden{overflow:hidden}
.cam-name{-webkit-text-shadow:1px 1px 1px #474646;-moz-text-shadow:1px 1px 1px #474646;-o-text-shadow:1px 1px 1px #474646;text-shadow:1px 1px 1px #474646}
.btn-watch-cam{position:relative;padding:2px 15px}
.mrimg .svg-icon{width:17px;height:19px;float:left;margin-right:3px}
.mrimg .nr{font-size:12px}
#successOverlay .top-part{width:100%;height:50px;background:#fff;margin-bottom:14px;padding:12px}
.livecams-succss{background:#56080d;padding:3px 12px;border-radius:5px;color:#fff;font-size:14px;font-weight:bold}
div#successOverlay .overlay{position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;padding:16px;background:rgba(0,0,0,0.75);width:100%;height:100%}
#successOverlay .overlay .inside{background:#fff;text-align:center;border-radius:5px;overflow:hidden;max-width:400px;margin:50px auto 0}
#offerhandler{animation:pulsate 2s ease-out infinite}
@keyframes pulsate {
0%{transform:scale(1);box-shadow:0 0 0 rgba(40,167,69,0.4)}
50%{transform:scale(1.05);box-shadow:0 0 20px 10px rgba(40,167,69,0.4)}
100%{transform:scale(1);box-shadow:0 0 0 rgba(40,167,69,0.4)}
}
.input-container-email{position:relative;align-items:center}
.input-arrow{position:absolute;width:30px;height:30px;border:1px solid #22b53b;border-radius:50%;background-color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out}
.input-arrow.left{left:-10px;top:50%;transform:translateY(-80%) rotate(270deg) scale(1);animation:pulsate-left 2s infinite ease-in-out}
.input-arrow.right{right:-10px;top:50%;transform:translateY(-50%) rotate(90deg) scale(1);animation:pulsate-right 2s infinite ease-in-out}
@media only screen and (max-width: 570px) {
.input-arrow.left{top:50%}
.input-arrow.right{top:50%}
}
.input-arrow::before{content:'';display:block;width:0;height:0;border-style:solid;border-width:6px 6px 0;border-color:#22b53b transparent transparent}
@keyframes pulsate-left {
0%{transform:translateY(-50%) rotate(270deg) scale(1)}
50%{transform:translateY(-50%) rotate(270deg) scale(1.2)}
100%{transform:translateY(-50%) rotate(270deg) scale(1)}
}
@keyframes pulsate-right {
0%{transform:translateY(-50%) rotate(90deg) scale(1)}
50%{transform:translateY(-50%) rotate(90deg) scale(1.2)}
100%{transform:translateY(-50%) rotate(90deg) scale(1)}
}
.input-field-email{padding:15px 40px!important;font-size:21px;border:2px solid #22b53b;border-radius:5px;outline:none;background-color:#eee!important}
.btn-yeah:not(:disabled):not(.disabled).active,.btn-yeah:not(:disabled):not(.disabled):active,.action-btn:not(:disabled):not(.disabled).active,.action-btn:not(:disabled):not(.disabled):active{background:#b900b2;background:-moz-linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:-webkit-linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);background:linear-gradient(58deg,rgba(185,0,178,1) 0%,rgba(244,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b900b2",endColorstr="#f40000",GradientType=1)}
body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden;background-color:#fff}
.scene{position:absolute;width:100%;display:none;justify-content:space-between;align-items:center;background-color:transparent;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}
.left-side,.right-side{flex:1;padding:20px;box-sizing:border-box;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
.left-side{animation-name:slideFromTopLeft}
.right-side{animation-name:slideFromBottomRight}
.fade-out{animation-duration:.5s;animation-name:fadeOut}
@keyframes slideFromTopLeft {
from{transform:translate(100%,0%)}
to{transform:translate(0,0)}
}
@keyframes slideFromBottomRight {
from{transform:translate(100%,0%)}
to{transform:translate(0,0)}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@media screen and (min-width: 701px) {
.scene{justify-content:space-between}
.right-side{align-items:flex-start}
}
@media screen and (max-width: 700px) {
.scene{flex-direction:column;width:100%}
.left-side,.right-side{width:100%;justify-content:center}
.left-side{order:2;animation-name:slideFromBottomRightResponsive;align-items:center;justify-content:flex-start}
.right-side{order:1;animation-name:slideFromTopLeftResponsive;align-items:center;justify-content:flex-end;padding-top:0}
}
@keyframes slideFromTopLeftResponsive {
from{transform:translate(100%,0%)}
to{transform:translate(0,0)}
}
@keyframes slideFromBottomRightResponsive {
from{transform:translate(100%,0%)}
to{transform:translate(0,0)}
}
@keyframes bubbleAnimation {
0%,100%{transform:translateY(0) translateX(0) scale(1)}
50%{transform:translateY(-20vh) translateX(5vw) scale(0.8)}
}
.bubbles{position:fixed;width:100vw;height:100vh;pointer-events:none;z-index:-1}
@keyframes bubbleAnimation {
0%,100%{transform:translateY(0) translateX(0) scale(1)}
50%{transform:translateY(-20vh) translateX(5vw) scale(0.8)}
}
@keyframes bubbleAnimation {
from{transform:translateX(0) translateY(0)}
to{transform:translateX(30vw) translateY(30vh)}
}
.bubbles{position:fixed;width:100vw;height:100vh;pointer-events:none;z-index:-1}
.bubble{position:absolute;width:25px;height:25px;background-color:#22b53b;border-radius:50%;animation:bubbleAnimation 10s infinite alternate;opacity:.6;pointer-events:none}
.bubble0{top:20vh;left:5vw}
.bubble1{top:60vh;left:15vw;width:15px;height:15px}
.bubble2{top:80vh;left:70vw;width:35px;height:35px}
.bubble3{top:10vh;left:10vw;width:150px;height:150px}
.bubble4{top:30vh;left:90vw;width:90px;height:90px}
.checkbox{width:30px;height:30px;border:2px solid #ddd;display:inline-block;margin-right:3px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;top:11px;background:#fff}
.checkbox.checked{background-color:#22b53b;border:2px solid #13ab61}
.right-side img{border-radius:50%;border:6px solid #22b53b;padding:4px;background:#fff;width:400px}
.right-side .user{background:#03c04a;color:#fff;border-radius:30px;padding:2px 20px;position:absolute;opacity:.95;margin-left:10px}
@media only screen and (max-width: 570px) {
.right-side img{width:90%}
.left-side .title{font-size:20px!important}
.left-side .sub-title{font-size:19px!important;font-weight:600}
.right-side .user{margin-left:auto;margin-bottom:25px}
}
.btn{cursor:pointer;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:10px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-yes,.btn-next{background: #26C940;background: linear-gradient(0deg, rgba(38, 201, 64, 1) 0%, rgba(67, 235, 99, 1) 50%);color:#000;font-weight:bold;min-width:140px;padding:12px;font-size:22px;margin-bottom:0px;}
.btn-next{margin-top:20px}
.btn-no{background:#94f1c4;color:#333;font-weight:bold;min-width:140px;padding:12px;font-size:22px;float:right}
.btn-holder{display:inline-flex}
.btn-yes{margin-right:10px}
.option-p{font-size:19px;margin-bottom:12px;cursor:pointer!important;text-align:left}
.left-side .title{font-size:25px;font-weight:bold}
.left-side .inside{max-width:500px;padding:0px 10px 10px 10px;text-align:center;background: transparent !important;border-radius: 10px;}
.w-100{width:100%}
.left-side .sub-title{font-size:22px;font-weight:bold}
.text-center{text-align:center}
.bg-white{background-color:#fff}
.text-success{color:#28a745!important}
.fnt-size-17{font-size:17px}
.brd-rad-4{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
.text-white{color:#fff!important}
.bg-success{background-color:#28a745!important}
.pd9{padding:9px}
#waitOverlay h4{margin-bottom:2px;margin-top:14px}
.progress-bar{background:#22b53b;height:100%;transition:width .3s ease-in-out}
.top-image{border-radius: 10px;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;box-shadow: 0 1rem 3rem rgba(0, 0, 0, .3) !important;display: block;margin-left: auto;margin-right: auto;max-width: 250px;width: 100%;margin-bottom: 12px;}
@media screen and (max-width: 450px) {
.top-image{width:95%}
}
.progrssbar-container{max-width:350px;background:#efdaf2;height:20px;margin:20px auto 0;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;overflow:hidden}
.progress-bar{background:#22b53b;height:100%;transition:width .3s ease-in-out}
#successOverlay{position:fixed;z-index:99999999;top:0;left:0;right:0;bottom:0;background:transparent;overflow-y:scroll;overflow-x:hidden}
#successOverlay .headso{padding:10px}
.p-2{padding:20px}
.font-22{font-size:22px}
.btn-next-2{background: #22b53b;color: #fff;text-decoration: none;font-size: 25px;padding: 25px 70px;font-weight: bold;margin-bottom: 4px;display: block;border-radius: 10px;margin-top: -15px;}
.mb-0{margin-bottom:0}
.mt-0{margin-top:0}
.mt-10{margin-top:10}
.mb-10{margin-bottom:10}
.inside2{max-width:400px;margin:auto;background:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;overflow:hidden}
#successOverlay{background:rgba(0,0,0,0.9);padding:20px}
.position-absolute{position:absolute!important}
.position-relative{position:relative}
.badge-success{color:#fff;background-color:#28a745}
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.live-badge{left:17px;font-size: 12px !important;}
#waitOverlay .inside{border-radius:30px}
.title.first-title{margin-bottom:0;font-size:22px;font-weight:500;line-height: 1.5;}
.text-orange{color:#22b53b!important}
.free_100{color:#000;font-size:30px;margin-top:0;margin-bottom:11px;font-weight:bold}
.fw-500{font-weight:500!important}
#scenelast .left-side .inside{max-width:600px}
.custom-container{align-items:center;min-height:100vh}
.first-question{max-width:472px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;height:100%;margin:auto;padding:14px;text-align:center;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;margin-top:-50px}
.btn-first{margin-top:20px}
.first-question:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:20vh;background:#fff;background:-moz-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);opacity:.7}
.first-question:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:60vh;background:#fff;background:-moz-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);opacity:.7}
.kkaj1u{color:#fff;font-weight:500;text-shadow:-1px 1px 10px rgba(0,0,0,1);z-index:9;font-size:23px}
.hjaha1{color:#fff;text-shadow:-1px 1px 10px rgba(0,0,0,1);z-index:9;font-size:21px;margin-top:21px;font-weight:bold}
.warning{background:#22b53b;color:#fff;padding:4px;font-size:15px;font-weight:600;margin-bottom:10px}
.q-img-holder{position:relative;max-width:450px;margin:auto}
.q-img-holder-1:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:20vh;background:#fff;background:-moz-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);opacity:.7;z-index:1;border-radius:30px}
.q-img-holder .name{position:absolute;bottom:0;z-index:9;color:#fff;font-size:11px;-webkit-text-shadow: 0px 1px 2px #333;-moz-text-shadow: 0px 1px 2px #333;-o-text-shadow: 0px 1px 2px #333;text-shadow: 0px 1px 2px #333;}
.q-img-holder .name.left{left:24px}
.q-img-holder .name.right{right:24px}
.laststep-choosenickname {background: #22b53b;padding: 2px 5px;color: #fff;}
/* .age-group-buttons {display: flex;align-items: center;justify-content: center;} */
@media only screen and (max-width: 710px) {
.age-group-buttons {flex-direction: column !important;}
.age-group-buttons p {margin-bottom: 0px;margin-top: 8px;width: 100%;padding: 10px 0px;}
}
.text-dark {color: #000;}
/* START -  Blue design */
body.blue{background:#f6fdff}
body.blue svg.top-logo g{fill:navy}
body.blue .btn-yes,body.blue .btn-next,body.blue .btn-next-2{background:navy}
body.blue .warning,body.blue .progress-bar{background:navy}
body.blue .btn-no{background:#ADD8E6;color:navy}
body.blue .free_100,body.blue .text-orange{color:navy!important}
body.blue .input-field-email{border:2px solid navy}
body.blue .input-arrow{border:1px solid navy}
body.blue .input-arrow::before{border-color:navy transparent transparent}
body.blue .input-field-email{background:#fff!important}
/* END -  Blue design */
/* START -  Red design */
body.red{background:#fff}
body.red svg.top-logo g{fill:#8B0000}
body.red .btn-yes,body.red .btn-next{background:#8B0000}
body.red .warning,body.red .progress-bar,body.red .btn-next-2{background:#8B0000}
body.red .btn-no{background:#FFC0CB;color:#8B0000}
body.red .free_100,body.red .text-orange{color:#8B0000!important}
body.red .input-field-email{border:2px solid #8B0000}
body.red .input-arrow{border:1px solid #8B0000}
body.red .input-arrow::before{border-color:#8B0000 transparent transparent}
/* END -  Red design */
/* START -  Green design */
body.green{background:#fff}
body.green svg.top-logo g{fill:#006400}
body.green .btn-yes,body.green .btn-next{background:#006400}
body.green .warning,body.green .progress-bar,body.green .btn-next-2{background:#006400}
body.green .btn-no{background:#98FB98;color:#006400}
body.green .free_100,body.green .text-orange{color:#006400!important}
body.green .input-field-email{border:2px solid #006400}
body.green .input-arrow{border:1px solid #006400}
body.green .input-arrow::before{border-color:#006400 transparent transparent}
/* END -  Green design */
/* START -  Black/Yellow design */
body.black{background:#000;color:#fff!important}
body.black svg.top-logo g{fill:#FF0}
body.black .text-dark{color:#fff!important}
body.black .btn-yes,body.black .btn-next,body.black .btn-next-2{background:#FF0;color:#000}
body.black .warning,body.black .progress-bar{background:#FF0;color:#000}
body.black .btn-no{background:#fff}
body.black .free_100,body.black .text-orange{color:#FF0!important}
body.black .input-field-email{border:2px solid #FF0}
body.black .input-arrow{border:1px solid #FF0;background:#000}
body.black .input-arrow::before{border-color:#FF0 transparent transparent}
body.black .passmail{color:#333}
body.black .input-field-email{background:#fff!important}
body.black #waitOverlay .inside .text-dark,body.black #waitOverlay .inside .text-muted{color:#000!important}
body.black .inside2{background:#000}
/* END -  Black/Yellow design */
.cta_btn_sub {display: block;font-size: 15px;font-weight: 300;}
.blinker{animation: 1s linear 0s infinite normal none running blinker !important;font-size:35px;}
@-webkit-keyframes blinker {
50% {opacity: 0.3;color: red;}
}
@keyframes blinker {
50% {opacity: 0.3;color: red;}
}
.text-danger{color: #f00 !important;}
.blured-img{filter: blur(11.1px);display: block;margin: auto;width: 50%;margin-top: 15px;}
.locked-img:before {content: 'locked';z-index: 9;text-align: center;left: 50%;transform: translateX(-50%);position: absolute;background: #f00;text-transform: uppercase;font-size: 12px;color: #fff;padding: 2px 11px;border-radius: 5px;}
#top-part{padding:10px;background: #26C940;background: linear-gradient(0deg, rgba(38, 201, 64, 1) 0%, rgba(67, 235, 99, 1) 50%);margin-bottom: 20px;}
.media {display: flex;align-items: center;border-radius: 10px;max-width: 500px;margin: auto;}
.media img.top-profile {width: 50px;height: 50px;border-radius: 10px;object-fit: cover;margin-right: 10px;}
.media .text {flex: 1;text-align: left;}
.media .text h4 {margin: 0;font-size: 16px;font-weight: bold;}
.media .text p {margin: 2px 0 0;color: #fff;font-size: 14px;text-shadow: 0px 1px 3px #002b01;}
.media img.whatsapp {width: 45px;height: 45px;margin-left: 10px;}
.locked-img{animation: pulse-green 4s infinite;}
#entry-data {flex: 1;min-height: 100vh;}
.page-footer {margin-top: 40px;padding: 6px;text-align: center;background: rgba(0, 0, 0, 0.5);}
.page-footer a{color:#fff;font-size: 14px;}

/* Telegram */
body.telegram{background-color: #fff !important;color: #152d40 !important;}
body.telegram #top-part{background: #517da2 !important;}
body.telegram .btn-yes, body.telegram .btn-next {background: #4bb8e8 !important;color: #152d40 !important;}
body.telegram .free_100 {color: #152d40 !important;}
body.telegram .input-field-email {border: 2px solid #517da2 !important;}
body.telegram .input-arrow {border: 1px solid #4bb8e8 !important;background-color: #fff !important;}
body.telegram .input-arrow::before {border-color: #4bb8e8 transparent transparent;}
/* Facebook */
body.facebook{background-color: #e9ebee !important;color: #29487d !important;}
body.facebook #top-part{background: #fff !important;}
body.facebook .btn-yes, body.facebook .btn-next {background: #4267b2 !important;color: #fff !important;}
body.facebook .free_100 {color: #29487d !important;}
body.facebook .input-field-email {border: 2px solid #1777f2 !important;}
body.facebook .input-arrow {border: 1px solid #1777f2 !important;background-color: #1777f2 !important;}
body.facebook .input-arrow::before {border-color: #fff transparent transparent;}
body.facebook .media .text p {color: #36a500 !important;text-shadow: none !important;}
/* TikTok */
body.tiktok .input-field-email {border: 2px solid #0078ff !important;}
body.tiktok #top-part{background: #fff !important;}
body.tiktok .input-arrow {border: 1px solid #0078ff !important;background-color: #0078ff !important;}
body.tiktok .btn-yes, body.tiktok .btn-next {background: #0078ff !important;color: #fff !important;box-shadow: 2px 3px 0px #ff00e7 !important;}
body.tiktok .input-arrow::before {border-color: #fff transparent transparent;}
body.tiktok .media .text p {color: #36a500 !important;text-shadow: none !important;}
/* Instagram */
body.instagram{background-color: #fff !important;color: #19000d !important;}
body.instagram #top-part{background: #19000d !important;}
body.instagram .btn-yes, body.instagram .btn-next {background: #ec0075 !important;color: #fff !important;}
body.instagram .free_100 {color: #19000d !important;}
body.instagram .input-field-email {border: 2px solid #ec0075 !important;}
body.instagram .input-arrow {border: 1px solid #ec0075 !important;background-color: #fff !important;}
body.instagram .input-arrow::before {border-color: #ec0075 transparent transparent;}
body.instagram .media .text p {color: #36a500 !important;text-shadow: none !important;}
body.instagram .media .text h4 {color: #fff !important;}
/* Messenger */
body.messenger{background-color: #e9ebee !important;color: #000 !important;}
body.messenger #top-part{background: #fff !important;}
body.messenger .btn-yes, body.messenger .btn-next {background: #0275ff !important;color: #fff !important;}
body.messenger .free_100 {color: #000 !important;}
body.messenger .input-field-email {border: 2px solid #0275ff !important;}
body.messenger .input-arrow {border: 1px solid #0275ff !important;background-color: #0275ff !important;}
body.messenger .input-arrow::before {border-color: #fff transparent transparent;}
body.messenger .media .text p {color: #36a500 !important;text-shadow: none !important;}
/* Snapchat */
body.snapchat{background-color: #000 !important;color: #000 !important;}
body.snapchat #top-part{background: #000 !important;}
body.snapchat .btn-yes, body.snapchat .btn-next {background: #fffc00 !important;color: #000 !important;}
body.snapchat .free_100 {color: #fff !important;}
body.snapchat .input-field-email {border: 2px solid #fffc00 !important;}
body.snapchat .input-arrow {border: 1px solid #fffc00 !important;background-color: #000 !important;}
body.snapchat .input-arrow::before {border-color: #fffc00 transparent transparent;}
body.snapchat .media .text p {color: #36a500 !important;text-shadow: none !important;}
body.snapchat .media .text h4 {color: #fff !important;}