html{overflow:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important;-ms-touch-action:pan-x pan-y!important}
body{touch-action:pan-x pan-y!important;-ms-touch-action:pan-x pan-y!important}
.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;padding:2px;font-weight:600;margin-top:-10px;-webkit-border-radius:17px!important;-moz-border-radius:17px!important;-o-border-radius:17px!important;border-radius:17px!important}
.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:#f1f7fd}
#waitOverlay{font-family: Arial, Helvetica, sans-serif;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 .text-success {color: #28a745!important;}
#waitOverlay .inside{background:#fff;padding:10px;margin:40px auto;max-width:640px}
.pd9 {padding: 9px;}
.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}
#successOverlay{font-family: Arial, Helvetica, sans-serif;}
.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{height:60px;background:#fff;padding:11px;font-size:25px}
.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-image:linear-gradient(to right,#FF512F 0%,#DD2476 51%,#FF512F 100%);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;color: #fff !important;}
.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:#fff;z-index:99}
#signup-form{max-width:640px;background:#fff;margin:5% auto;padding:14px 20px;border-radius:22px;font-family:Arial,sans-serif!important}
.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}
.fnt-size-22{font-size:22px}
.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 #c001a1;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:53%;transform:translateY(-80%) rotate(270deg) scale(1);animation:pulsate-left 2s infinite ease-in-out}
.input-arrow.right{right:-10px;top:53%;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:#c001a1 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 #c001a1;border-radius:30px;outline:none}
.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)}
@font-face{font-family:'Lobster';src:url(Lobster-Regular.ttf) format("truetype");font-weight:normal;font-style:normal}
body{margin:0;padding:0;background-color:#f7f8fc;font-family:'Lobster',Arial,sans-serif;background-size:cover;background-repeat:repeat-y;background-position:center top}
.card-container,.match-card-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:400px;margin:auto}
.card-container{height:calc(100vh - 300px)}
.match-card-container{height:60vh;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 7px #717070!important;-moz-box-shadow:0 0 7px #717070!important;-o-box-shadow:0 0 7px #717070!important;box-shadow:0 0 7px #717070!important}
.font-24{font-size:24px}
.card-container .card{position:absolute;width:100%;height:100%;background-color:#f7f8fc;border:0;transition:transform .3s ease-in-out;max-width:400px;border-radius:0!important}
.slide-card{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;height:100%;background-size:cover;background-position:top center;-webkit-box-shadow:0 0 7px #717070;-moz-box-shadow:0 0 7px #717070;-o-box-shadow:0 0 7px #717070;box-shadow:0 0 7px #717070}
.card-container .card{transform:translateX(100%);padding:10px}
.match-card{transform:translateX(0%);background-size:cover;background-position:top center;position:absolute;width:100%;height:100%;background-color:#f7f8fc;border:0;transition:transform .3s ease-in-out;max-width:400px;-webkit-border-radius:10px!important;-moz-border-radius:10px!important;-o-border-radius:10px!important;border-radius:10px!important}
.card-container .card:first-child{transform:translateX(0%)}
.buttons{display:flex;justify-content:space-between;padding:10px 20px;position:fixed;bottom:0;width:100%;background-color:transparent;padding-bottom:30px;padding-top:16px}
.buttons .inside{max-width:400px;margin:auto;text-align:center;position:relative;top:-12px}
.dislike-button,.like-button{margin-right:10px}
.dislike-button,.like-button,.send-message-btm-button{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;padding:10px;border:none;-webkit-box-shadow:0 0 5px #c7c7c7;-moz-box-shadow:0 0 5px #c7c7c7;-o-box-shadow:0 0 5px #c7c7c7;box-shadow:0 0 5px #c7c7c7}
.like-button{background-image:linear-gradient(to right,#FF512F 0%,#DD2476 51%,#FF512F 100%);border:none;border:none;-webkit-box-shadow:0 0 5px #c7c7c7;-moz-box-shadow:0 0 5px #c7c7c7;-o-box-shadow:0 0 5px #c7c7c7;box-shadow:0 0 5px #c7c7c7}
.dislike-button{background-color:#fff}
.swiped-like{transform:translateX(500px) rotate(-30deg);opacity:0}
.swiped-dislike{transform:translateX(-500px) rotate(30deg);opacity:0}
.match{font-size:30px!important;text-align:center}
.liked-images{margin-top:20px;text-align:center;font-size:18px}
.splash-screen{overflow:hidden;position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:640px;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;padding-top:65px}
.splash-content{margin-bottom:20px}
.agegroup{overflow:hidden;position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:640px;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;padding-top:65px}
.agegroup::before{bottom:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(images/heart-bg-flipped.png);background-size:cover;background-repeat:no-repeat;background-position:bottom;opacity:.5}
.continue-button{cursor:pointer;font-size:35px;cursor:pointer;border-radius:50px;margin-top:9px;padding:22px 65px;background-image:linear-gradient(to right,#FF512F 0%,#DD2476 51%,#FF512F 100%);border:none}
.img-holder{display:inline-block;border-radius:40px;margin-top:20px;-webkit-box-shadow:0 0 5px #717070;-moz-box-shadow:0 0 5px #717070;-o-box-shadow:0 0 5px #717070;box-shadow:0 0 12px #717070}
.img-holder img{border-radius:40px;height:299px}
.img-holder p{text-align:left;font-size:28px;text-shadow:1px 1px 1px #171717;color:#faf9f9;overflow:hidden}
@-webkit-keyframes jackInTheBox {
0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}
50%{transform:scale(0.8) rotate(-10deg)}
70%{transform:scale(1.2) rotate(3deg)}
100%{opacity:1;transform:scale(1)}
}
@keyframes jackInTheBox {
0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}
50%{transform:scale(0.8) rotate(-10deg)}
70%{transform:scale(1.2) rotate(3deg)}
100%{opacity:1;transform:scale(1)}
}
.jackInTheBox-animattion{animation:jackInTheBox 1.5s}
.user-details{width:100%;overflow:hidden;position:absolute;bottom:11px;color:#fff;padding:7px;font-size:24px;text-shadow:0 1px 2px #444}
.send-msg{border-radius:40px;font-size:24px;z-index:9}
.send-btn{background-image:linear-gradient(to right,#43e97b 0%,#38f9d7 100%)}
.pulse{display:inline-block;animation:pulse 1.5s infinite}
@keyframes pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
@-webkit-keyframes pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
#messageInputHolder{z-index:9}
#messageInputHolder input{width:100%;display: block;padding:14px;border-radius:40px}
#messageInputHolder .send-btn{width:100%;display: block;border-radius:40px;padding:6px 3px;margin-top: 5px;}
button:focus{outline:0!important;outline:0!important}
.sendmsginput{padding:12px;width:100%;z-index:9;background:rgba(0,0,0,0.5);height:100%;display:flex;justify-content:center;align-items:center}
.sendmsginput .inside{max-width:400px;margin:auto;text-align:center}
.form-image-container::before{content:"2";position:absolute;top:-8px;right:-3px;width:30px;height:30px;background-color:#28a745;box-sizing:border-box;color:#fff;text-align:center;padding:3px;border-radius:50%}
#match-text{bottom:0;width:100%;margin-top:10px;margin-bottom:15px}
.active:before{content:'';color:#43e97b;background:#43e97b;text-shadow:none;border-radius:50%;padding:7px;display:inline-block;margin-right:3px;position:relative;top:2px;-webkit-box-shadow:1px 1px 1px #474646;-moz-box-shadow:1px 1px 1px #474646;-o-box-shadow:1px 1px 1px #474646;box-shadow:1px 1px 1px #474646}
.active{color:#43e97b;margin-left:10px;-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;position:absolute;top:11px}
.send-message-btm-button{background:#fff}
.top-nav-tinder{color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;height:60px;background:transparent;padding:11px;font-size:25px}
.top-nav-tinder .logo{}
.top-nav-tinder .icon{margin:0 10px}
.head-text{font-size:33px;position:relative;line-height:1}
.splash-screen::before{bottom:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(images/heart-bg-flipped.png);background-size:cover;background-repeat:no-repeat;background-position:bottom;opacity:.5}
.cam-name{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}
.gradient-text{font-size:48px;font-weight:bold;background-image:linear-gradient(to right,#FF512F,#DD2476);-webkit-background-clip:text;background-clip:text;color:transparent}
.show-match{padding:10px}
.progress-bar{width:300px;height:30px;background-color:#eee;border-radius:15px;overflow:hidden;margin:auto}
.progress{height:100%;background-color:#43e97b;width:0}
div#last-form{height:100%;color:#fff;font-family:Arial,sans-serif!important}
.text-success{color:#43e97b!important}
.swipes-holder{width:100%;background:rgba(0,0,0,0.5);z-index:9;top:74%;left:50%;transform:translate(-50%,-50%);padding:10px;max-width:381px;font-size:25px}
.text-danger{color:#f3424b!important}
.right-swipe{float:right}
.left-swipe{float:left}
.mb-20{margin-bottom: 20px !important;}
.text-black{color:#000 !important}
.laststep-choosenickname {background-image: linear-gradient(to right,#FF512F 0%,#DD2476 51%,#FF512F 100%);color: #fff;padding: 2px 5px;}
.display-block{display: block !important;}
.age-group-buttons{position: relative;padding: 10px;}
.age-group-button.continue-button {font-size: 26px;padding: 12.9px;margin-bottom: 8px;}
.cta_btn_sub {display: block;font-size: 15px;font-weight: 300;}
#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;}