html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;}
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) {
.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}
.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}
.fnt-size-17{font-size:17px}
.fnt-size-15{font-size:15px}
#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 #25b73e;border-radius:50%;background-color:#fff;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:#25b73e 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 #25b73e;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: url("https://edgefiles.ams3.cdn.digitaloceanspaces.com/dating/v22/assets/images/bg.jpeg") center center / cover no-repeat #f7f8fc !important;}
.scene{position:absolute;width:100%;height: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;height:100%;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:#25b73e;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:#25b73e;border:2px solid #13ab61}
.right-side img{border-radius:50%;border:6px solid #25b73e;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:#25b73e;color:#fff;font-weight:bold;min-width:140px;padding:12px;font-size:29px;float:left}
.btn-next{margin-top:20px}
.btn-no{background:#94f1c4;color:#333;font-weight:bold;min-width:140px;padding:12px;font-size:29px;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:700px;padding:10px;text-align:center}
.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:#25b73e;height:100%;transition:width .3s ease-in-out}
.top-image{border-radius:30px;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:450px;width:100%}
@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:#25b73e;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: #25b73e;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}
.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}
.text-orange{color:#25b73e!important}
.free_100{color:#25b73e;font-size:37px;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:#25b73e;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: #25b73e;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%;}
}
.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;}
#top-part{background: #435a65;margin-bottom: 20px;}
.req-left{width:50%;float:left}
.req-right{width:48%;float:right}
.request-msg{text-align:left!important}
.request-username{font-size:22px;font-weight:700}
.request-miles-away{font-size:14px;color:#525252}
.request-sent-msg{background:#dffba7;padding:13px;border-radius:10px;font-weight:600;font-size:22px;line-height:1.5}
.request-cta{font-size:22px;font-weight:700}
.has-sent-req{font-size:20px}
@media only screen and (max-width: 550px) {
.req-left{width:100%;float:none}
.req-right{width:100%;float:none}
}
body.whatschat .chat-container{box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;background: url("https://edgefiles.ams3.cdn.digitaloceanspaces.com/dating/v22/whatsapp-bg.png") left top / contain #f7f8fc repeat;border-radius: 5px;overflow: hidden;}