/*Basic Styles*/
html, body{width: 100%; height: 100%;}
body {background-color: #f6f6f6;}
body#white {background-color: #fff;}
body > #container {min-height: calc(100vh - 187px);}
body.no-padd > #container {
padding: 0 !important;
}
.body_banner_mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
filter: blur(50px);height: 100%;z-index: -1;
}
nav {
background-color: #fff;
position: relative;
box-shadow: none;
border-bottom: 1px solid #E9E7E9;
height: 58px;
line-height: 58px;
z-index: 100;
}
nav.nav-not-logged-in {box-shadow: none;}
nav > .container-fluid {width: 100%;max-width: none;}
* {outline: none !important;box-sizing: border-box;}
p {line-height: 2rem;}
.bold{font-weight:500;}
.container-fluid{padding:0 15px;}
.container.container_new {
width: 100%;
max-width: 1780px;max-width: 1630px;max-width: 1500px;
}
.container.container_new.page-margin {
margin-top: 40px;
}
.parallax_bg{background-color: rgba(0, 0, 0, 0.6);}
svg{vertical-align: middle;}
.bg_gradient{background: #c649b8;background: linear-gradient(90deg, #c649b8 0%, #c539b6 35%, #a33596 100%);}
.bg_white{background:#fff;}
.datepicker-controls .select-month input {width: 80px;}
.r_margin{margin-left: -.75rem;margin-right: -.75rem;}
.no_margin{margin: 0;}
.no_margin_top {margin-top:0;}
.margin_right_ten {margin-right:10px;}
.modal_sm {width: 420px;}
.border_hr {border: 0.5px solid #e3e3e3;}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
height: 52px;
margin: 0;
padding: 0 20px;
box-sizing: border-box;
box-shadow: 0px 2px 6px rgb(0 0 0 / 5%);
border: 1px solid #E9E7E9 !important;
border-radius: 8px;
background: #FFFFFF;
font: normal normal 500 16px/20px Montserrat;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {-webkit-box-shadow: 0 0 0 1.5px #a33596;box-shadow: 0 0 0 1.5px #a33596;}
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus {-webkit-box-shadow: 0 0 0 1.5px #F44336;box-shadow: 0 0 0 1.5px #F44336;}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {color: #a33596;}
.input-field>label {
padding: 0 20px;
-webkit-transform: translateY(15px);
transform: translateY(15px);
font: normal normal normal 15px/19px Montserrat;
color: #6B696B;
}
.input-field>label:not(.label-icon).active {
width: auto !important;
-webkit-transform: translateY(-8px) scale(0.9);
transform: translateY(-8px) scale(0.9);
left: 22px;
padding: 0 11px;background: #fff;
}
.switch label input[type=checkbox]:checked+.lever { background-color: rgba(156, 39, 176, 0.4);}
.switch label input[type=checkbox]:checked+.lever:after {background-color: #9c27b0;}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, .switch label input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {background-color: rgba(156, 39, 176, 0.15);}
.text-main {color: #CC42BD;}
.dropdown-content li>a, .dropdown-content li>span{padding: 9px 16px;}
.dropdown-content li{min-height: 30px;line-height: 1.0rem;}
.select-wrapper input.select-dropdown {font-size: 14px;}
.select-wrapper input.select-dropdown:focus {border-color: #CC42BD;}
.select-wrapper .dropdown-content li>span { font-size: 14px;color: #676767;line-height: 15px;}
.page-margin {margin-top: 25px; margin-bottom: 25px;}
.dt_sections {background: #fff;padding: 10px;position: relative;box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;}
.dt_sections:empty {
padding: 0;
}
.input-field .helper-text {
padding: 5px 22px 0;
font: italic normal normal 14px/20px Montserrat;
}
textarea.materialize-textarea {
padding-top: 15px;
}
/*Buttons*/
.btn_primary{background-color: #CC42BD;}
.btn_primary:hover{background-color: #c649b8;}
.btn_primary:focus{background-color: #CC42BD;}
.btn_primary:active{background-color: #992e8d;}
.btn_round{border-radius:2em;}
.btn_glossy{color:#fff;background-color: rgba(255, 255, 255, 0.2);}
.btn_glossy:hover{ background-color: rgba(255, 255, 255, 0.3);}
.btn_fb{background-color: #2d4373;}
.btn_tw{background-color: #2795e9;}
.btn_gp{background-color: #c23321;}
.btn_vk{background-color: #4a76a8;}
.btn_qq{background-color: #2196f3;}
.btn_we{background-color: #03ce65;}
.btn_dc{background-color: #6e85d2;}
.btn_ru{background-color: #005ff9;}
.btn_link{background-color: #0a66c2;}
.btn_okru{background-color: #e27e35;}
/*Tooltips*/
[tooltip] {position: relative;}
[tooltip]::before, [tooltip]::after {text-transform: none;font-size: 12px;
font-weight: 500;line-height: 1;user-select: none;pointer-events: none;position: absolute;display: none;opacity: 0;}
[tooltip]::before {content: '';border: 5px solid transparent;z-index: 1001;}
[tooltip]::after {content: attr(tooltip);text-align: center;min-width: 3em;max-width: 21em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 7px 10px;
border-radius: 5px;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
background: #202020;color: #fff;z-index: 1000;}
[tooltip]:hover::before, [tooltip]:hover::after {display: block;}
[tooltip='']::before, [tooltip='']::after {display: none !important;}
/* FLOW: UP */
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {bottom: 100%;border-bottom-width: 0;border-top-color: #333;}[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after {bottom: calc(100% + 5px);}[tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after {left: 50%;transform: translate(-50%, -.5em);}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {top: 100%;border-top-width: 0;border-bottom-color: #333;}[tooltip][flow^="down"]::after {top: calc(100% + 5px);}[tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after {left: 50%;transform: translate(-50%, .5em);}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {top: 50%;border-right-width: 0;border-left-color: #333;left: calc(0em - 5px);transform: translate(-.5em, -50%);}[tooltip][flow^="left"]::after {top: 50%;right: calc(100% + 5px);transform: translate(-.5em, -50%);}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {top: 50%;border-left-width: 0;border-right-color: #333;right: calc(0em - 5px);transform: translate(.5em, -50%);}[tooltip][flow^="right"]::after {top: 50%;left: calc(100% + 5px);transform: translate(.5em, -50%);}
/* KEYFRAMES */
@keyframes tooltips-vert {to {opacity: .9;transform: translate(-50%, 0);}}@keyframes tooltips-horz {to {opacity: .9;transform: translate(0, -50%);}}
/* FX All The Things */
[tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after {animation: tooltips-vert 300ms ease-out forwards;}[tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {animation: tooltips-horz 300ms ease-out forwards;}
/*Header*/
nav ul a {color: #444;}
nav .brand-logo img{max-width:176px;pointer-events:none;user-select:none;margin: 13px 0;
display: block;}
nav .header_logo {height: 100%;max-width: 176px;width: inherit;position:relative;margin-right: 55px;}
a.prem:hover {box-shadow: inset 0 -1.5px #a33596;color: #a33596;}
nav .header_home_link li a {
/*border: 1px solid #E9E7E9;
border-top: 0;
border-bottom: 0;*/
font: normal normal 500 16px/58px Montserrat;
padding: 0 20px;
}
nav .header_home_link li a:hover {
color: #CC42BD;
background: transparent;
}
nav .header_home_link li a.active {
box-shadow: inset 0 -3px #CC42BD;
color: #CC42BD;
}
nav .header_home_link li a svg {
margin-top: -3px;
}
nav .header_home_link li a.prem, a.prem, .prema {
animation: skel_animation 1.7s ease infinite;
color: white !important;
height: 31px;
margin: 11.5px 0;
padding: 0 16px;
box-shadow: none;
position: relative;
margin-left: 12px;
text-transform: capitalize;
transition: all .15s ease-in-out;
display: inline-block;
vertical-align: middle;
background: transparent linear-gradient(90deg, #F5D143 0%, #E8B826 18%, #E19724 69%, #E39C2D 100%) 0% 0% no-repeat padding-box;
border: 1px solid #E39C2D;
border-radius: 30px;
background-size: 200% 200%;
font: normal normal normal 16px/30px Montserrat;
}
nav .header_home_link li a.prem span, a.prem span, .prema span {
background: transparent linear-gradient(99deg, #EBC427 0%, #E19724 56%, #E39C2D 100%) 0% 0% no-repeat padding-box;
width: 35px;
height: 35px;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 2px;
border-radius: 50%;
margin: -3px 5px -2px -18px;
}
nav .header_home_link li a.prem span svg, a.prem span svg, .prema span svg {
width: 18px;
height: 18px;
}
nav .header_home_link li a.prem:hover, a.prem:hover, .prema:hover {animation: skel_animation 1.7s ease infinite;}
nav .header_home_link li a.prem {margin: 13px 15px;display: block;}
nav .header_home_link li a.prem span {
margin-top: -4px;
}
nav li.credit {
/*border: 1px solid #E9E7E9;
border-top: 0;
border-bottom: 0;*/
font: normal normal 500 16px/57px Montserrat;
}
nav li.credit > .boost-div {
/*margin: 0 15px;*/
}
nav li.credit > a {
background: transparent;
padding: 0;
}
nav li.credit .how_credtss {
border: 1px solid #E9E7E9;
border-radius: 15px;
height: 32px;
font: normal normal 500 16px/32px Montserrat;
padding: 0 15px;
vertical-align: middle;
margin: -3px 14px 0;
display: inline-block;transition: all 0.2s;
}
nav li.credit .how_credtss:hover {
background: rgb(0 0 0 / 4%);
}
nav li.credit .how_credtss svg {
margin: -2px 3px 0 0;
}
nav li.header_user {
display: flex;
align-items: center;
}
nav .header_user > a {
height: 41px;
padding: 0 12px;
margin: 8px 0 8px 10px !important;
display: flex;
align-items: center;
border: 1px solid #CC42BD;
border-radius: 25px;
position: relative;
overflow: visible;
font: normal normal 500 15px/normal Montserrat;
letter-spacing: 0px;
color: #ffffff;
text-transform: capitalize;
background: #CC42BD !important;
}
nav .header_user > a:hover, .dt_sett_footer button:hover, .dt_terms h2.bold .btn:hover, .qd_story_head .btn:hover, .dt_contact form button:hover {
background: #e25dd4 !important;
}
nav .header_user > a img {
width: 41px;
height: 41px;
object-fit: cover;
border-radius: 25px;
padding: 2px;
border: 2px solid #E9BA26;
margin: -1px 10px -1px -13px;
vertical-align: middle;
animation: user_img_animation 1.7s ease infinite;
}
nav .header_user > a span {
display: block;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
nav .header_user > a svg {
width: 20px;height: 20px;margin: 2px 0 0 6px;
}
@keyframes user_img_animation {
0% {border-color: #E9BA26;}50% {border-color: #e99026;}100% {border-color: #E9BA26;}
}
nav .header_notifications > a.btn-flat, nav .header_msg > a.btn-flat {margin: 9.5px 7px;padding: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;color: #828082;position: relative;}
nav .header_notifications > a.btn-flat:hover, nav .header_msg > a.btn-flat:hover {color: #EF5C88;}
nav .header_notifications > a.btn-flat > svg, nav .header_msg > a.btn-flat > svg {
width: 28px;
height: auto;
stroke-width: 1.3px;
}
nav .header_notifications, nav .header_user {position: relative;}
nav .header_user .dropdown-content, nav .header_notifications .dropdown-content {left: auto !important;right: 0;min-width: 160px;border-radius: 4px;padding: 10px 0;box-shadow: 0 1px 4px rgba(0,0,0,0.25);transform: none !important;top: 65px !important;overflow: visible;height: auto !important;}
nav .header_user .dropdown-content:before, nav .header_notifications .dropdown-content:before {content: "";position: absolute;right: 27px;top: -8px;height: 0;width: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;filter: drop-shadow(0px -1px 2px rgba(0,17,53,.1));}
nav .header_user .dropdown-content:before {display: none;}
nav .header_notifications .dropdown-content {min-width: 420px;padding: 0;box-shadow: 0px 0px 15px rgb(0 0 0 / 8%);border-radius: 7px;top: 75px !important;}
nav .header_notifications .dropdown-content:before {
right: 12px;
filter: none;
border-width: 17px;
top: -16px;
}
nav .header_notifications .dropdown-content > .valign-wrapper {
justify-content: space-between;padding: 15px;
}
nav .header_notifications .dropdown-content > .valign-wrapper h3 {
font: normal normal 500 16px/24px Montserrat;
letter-spacing: 0.8px;
color: #1E1F20;
margin: 0;
}
nav .header_notifications .dropdown-content > .valign-wrapper button {
width: 36px;
height: 36px;
background: #EDF0F6;
border: 0;
border-radius: 50%;
padding: 0;
cursor: pointer;
display: none;
}
nav .header_notifications .dropdown-content .dt_notifis_prnt {max-height: 380px;overflow-y: auto;}
nav .header_notifications .dt_notifs.noti_not_seen {background-color: #f1f2f3;}
nav .header_notifications .dt_notifs {
padding: 0 12px;
}
nav .header_notifications .dt_notifs a {
min-height: 50px;
padding: 12px 6px;
position: relative;
border-radius: 5px;
}
nav .header_notifications .dt_notifs a:hover {
background: #EDF0F6
}
nav .header_notifications .dt_notifs .avatar {display: flex;width: 45px;height: 45px;overflow: hidden;border-radius: 50%;margin: 0 12px 0 0;flex: 0 0 auto;}
nav .header_notifications .dt_notifs .avatar img {width: 100%;height: 100%;object-fit:cover;border-radius: 50%;border: 0.5px solid #A1A5B2;}
nav .header_notifications .dt_notifs .n_detail {line-height: 1;font-size: 13px;}
nav .header_notifications .dt_notifs .n_detail p {font: normal normal normal 14px/normal Montserrat;margin: 0;}
nav .header_notifications .dt_notifs .n_detail p b {font: normal normal 600 14px/normal Montserrat;}
nav .header_notifications .dt_notifs .time {
color: #6f6f6f;
flex: 0 0 auto;
margin-left: auto;
font: normal normal normal 12px/20px Montserrat;
letter-spacing: 0px;
}
nav .header_user .dropdown-content {
min-width: 366px;
/*margin-right: -76px;*/
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 0;
top: 58px !important;padding: 12px 20px;
}
nav .header_user .dropdown-content > li:not(.divider):hover, .dt_left_sidebar .menu > li:not(.divider):hover {background: transparent;}
nav .header_user .dropdown-content > li.divider, .dt_left_sidebar .menu > li.divider {margin: 10px 0;}
nav .header_user .dropdown-content > li > a, .dt_left_sidebar .menu > li > a {color: #433E42;display: flex;align-items: center;padding: 6px 16px;font: normal normal normal 16px/32px Montserrat;transition: all 0.2s ease;margin: 3px 0;}
nav .header_user .dropdown-content > li > a#night_mode_toggle svg, .find_matches_cont .home_short_links .home_usr_link li a#night_mode_toggle_sidebar svg {margin-left: auto;}
nav .header_user .dropdown-content > li > a {
margin: 2.5px 0;
padding: 5px 16px;
}
nav .header_user .dropdown-content > li > a svg, .dt_left_sidebar .menu > li > a svg {
margin: 0 17px 0 0;
width: 20px;
height: 20px;
}
nav .header_user .dropdown-content > li > a:hover {
background: transparent;
color: #CC42BD;
box-shadow: inset 3px 0 0 #cc42bd;
margin-left: -20px;
padding-left: 36px;
}
nav .header_user .dropdown-content > li.night_day {
margin: 70px -20px 10px;
width: calc(100% + 40px);
}
nav .header_user #night_mode_toggle {
box-shadow: none;
color: #433E42;justify-content: space-between;
}
nav .header_user #night_mode_toggle .dayy:hover, nav .header_user #night_mode_toggle .nightt:hover, nav .header_user #night_mode_toggle.day .nightt, nav .header_user #night_mode_toggle.night .dayy {
color: #CC42BD;
}
nav .header_user #night_mode_toggle > div {
display: inline-flex;
align-items: center;
}
nav .header_credits_mobi {display:none;}
nav .show_mobi_login {display:none;}
nav .header_msg span.badge, nav .header_notifications span.badge {min-width: 18px;
height: 18px;
border-radius: 2em;
font: normal normal 500 11px/18px Montserrat;
position: absolute;
top: -5px;
color: #ffffff;
right: -4px;
margin: 0;
padding: 0 5px;background: transparent linear-gradient(180deg, #FF51EC 0%, #D438DB 100%) 0% 0% no-repeat padding-box !important;}
nav .not_usr_nav > .black-text {color: #808080 !important;}
nav .not_usr_nav .btn-flat {text-transform: none;line-height: 33px;}
.boost-me {margin: 10px 7px;color: #fff;background: linear-gradient(180deg, #FF51EC, #D438DB);height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 0;box-shadow: 0px 2px 2px rgb(0 0 0 / 6%);}
.boost-me svg, .boost-running svg {width: 19px;height: 19px;margin-top: 2px;}
.boost-me:hover svg {animation: tada 1.5s ease infinite;}
@keyframes tada {
from,to {transform: scale3d(1,1,1)}
10%,20% {transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90% {transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)}
40%,60%,80% {transform: rotate3d(0,0,1,-10deg)}
}
.boost-me:hover, .boost-me:focus {background-color: #a33596;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);}
.boosted_message_expire {display: flex;align-items: center;}
.boosted_message_expire span {color: #a33596;font-weight: 500;margin-right: -10px;border: 1px solid #ddd;padding: 0 16px 0 10px;border-radius: 2em 0 0 2em;height: 32px;line-height: 27px;}
.boost-running {background: #fff !important;color: #a33596;box-shadow: none !important;height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 0;margin: 10px 0;margin-right: 15px;position:relative;}
.boost-running:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;box-shadow: 0 2px 0 0 rgba(225, 131, 194, 0.25), 0 -2px 0 0 rgba(165, 181, 222, 0.25), 2px 0 0 0 rgba(225, 131, 194, 0.25), -2px 0 0 0 rgba(165, 181, 222, 0.25), 2px -2px 0 0 rgba(195, 156, 208, 0.5), -2px 2px 0 0 rgba(195, 156, 208, 0.5), 2px 2px 0 0 rgba(255, 105, 180, 0.75), -2px -2px 0 0 rgba(135, 206, 235, 0.75);animation: rotateThis 2s linear infinite;}
@keyframes rotateThis {
from {transform: rotate(0deg) scale(1);}
to {transform: rotate(360deg) scale(1);}
}
/*Mini Sidebar*/
.dt_mini_sidebar_links {position: fixed;top: 0;bottom: 0;left: 0;display: flex;display: none;}
.dt_mini_sidebar_links:before {content: '';position: absolute;top: 0;width: 74px;bottom: 0;left: 0;background: #fff;box-shadow: 1px 0px 5px rgb(0 0 0 / 15%);z-index: auto;transition: all 0.2s ease;}
.dt_mini_sidebar_links ul {margin: 75px 0 auto 0;position: relative;z-index: 1;}
.dt_mini_sidebar_links ul li {padding: 3px 8px;line-height: 1;}
.dt_mini_sidebar_links ul li a {display: flex;align-items: center;font-weight: 500;color: #666;padding: 5px 10px;border-radius: 8px;}
.dt_mini_sidebar_links ul li a:hover {background: rgb(0 0 0 / 0.05);}
.dt_mini_sidebar_links ul li a svg, .dt_mini_sidebar_links ul li a img {background: rgb(0 0 0 / 10%);width: 38px;height: 38px;padding: 8px;border-radius: 50%;}
.dt_mini_sidebar_links ul li a img {padding: 0;}
.dt_mini_sidebar_links ul li a span {padding: 0 15px;display: none;}
.dt_mini_sidebar_links ul li a:hover svg {background: rgb(0 0 0 / 0.05);}
.dt_mini_sidebar_links ul li.vis a:hover {color: #673ab7;background: rgb(103 58 183 / 0.05);}
.dt_mini_sidebar_links ul li.lik a:hover {color: #f25e4e;background: rgb(242 94 78 / 0.05);}
.dt_mini_sidebar_links ul li.pli a:hover {color: #8BC34A;background: rgb(139 195 74 / 0.05);}
.dt_mini_sidebar_links ul li.dis a:hover {color: #f79f58;background: rgb(247 159 88 / 0.05);}
.dt_mini_sidebar_links ul li.vis.active a {color: #673ab7;}
.dt_mini_sidebar_links ul li.lik.active a {color: #f25e4e;}
.dt_mini_sidebar_links ul li.pli.active a {color: #8BC34A;}
.dt_mini_sidebar_links ul li.dis.active a {color: #f79f58;}
/*Left Sidebar*/
.dt_left_sidebar {
background: #FFFFFF;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;padding: 25px;
margin-bottom: 30px;
}
.home_usr_sct > div {display: flex;}
.home_usr_sct > div .user_popularity_icn {width: 70px;min-width: 70px;height: 70px;margin-right: 12px;position: relative;text-align: center;margin-left: -7px;}
.home_usr_sct > div .user_popularity_icn svg {width: 70px;height: 70px;}
.home_usr_sct > div .user_popularity_icn svg path {fill: none;}
.home_usr_sct > div .user_popularity_icn .load-bg {stroke: #cecece;stroke-width: 2px;}
.home_usr_sct > div .user_popularity_icn .load-circle {stroke-width: 2px;stroke-linecap: round;transition: stroke-dashoffset 1s ease-in-out;position: relative;stroke: #F44336;}
.home_usr_sct > div .user_popularity_icn > a {position: absolute;top: 11px;
bottom: 10px;
right: 10px;
left: 11px;padding: 0;}
.home_usr_sct > div .user_popularity_icn > a img {width: 100%;height: 100%;}
.home_usr_sct > div > span {
flex: 1 1 auto;
}
.home_usr_sct > div > span h3 {margin: 12px 0 0;font-size: 18px;font-weight: 500;}
.home_usr_sct > div > span h3 a {color: #2d2d2d;padding: 0;background: transparent;font: normal normal 500 16px/normal Montserrat;display: inline-block;}
.home_usr_sct > div > span h3 a > svg {
fill: #e4982a;
width: 16px;
height: 16px;
margin: -4px 6px 0;
}
.home_usr_sct > div > span p {margin: 0;font: normal normal normal 15px/32px Montserrat;}
.home_usr_sct > div > span p a {color: #433E42;padding: 0;background: transparent;display: inline-block;}
.home_usr_sct > div > span p b {color: #CC42BD;font-weight: normal;}
.home_usr_sct .btn-primary { display: block;
width: 100%;
box-shadow: none;
border-radius: 18px;
text-transform: none;
letter-spacing: 0;
margin: 15px 0;
border: 1px solid #FCCBF7;
background: transparent;
color: #D04FC1;
height: auto;
padding: 0 5px;
font: normal normal 500 14px/32px Montserrat;}
.home_usr_sct .btn-primary svg {width: 18px;height: 18px;margin: -1px 10px 0 -10px;display: none;}
.home_usr_sct .btn-primary:hover {background: #D04FC1;border-color: #D04FC1;color: #fff;}
.home_usr_stats {
position: relative;
border-bottom: 1px solid #E9E7E9;
padding: 20px 0;
margin-bottom: 20px;
}
.home_usr_stats:before {
content: '';
width: 53px;
height: 3px;
background: #CC42BD;
position: absolute;
bottom: 0;
}
.home_usr_stats > div {
display: flex;
justify-content: space-between;
}
.home_usr_stats > div div {
text-align: center;padding: 0 5px;
}
.home_usr_stats b {
font: normal normal 500 21px/28px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
}
.home_usr_stats p {
font: normal normal normal 14px/25px Montserrat;
margin: 0;
}
.dt_left_sidebar .menu > li > a {
padding: 6px 0;
}
.dt_left_sidebar .menu > li > a:hover {
color: #CC42BD;
}
.dt_left_sidebar .menu > li > a.active {
color: #CC42BD;
}
.dt_left_sidebar .menu > li > a.active::after {
content: '';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='none' d='M0 0h24v24H0z'/%3e%3cpath fill='%23CC42BD' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/%3e%3c/svg%3e");
width: 10px;
height: 10px;
display: block;
margin-left: auto;
background-position: center;
background-repeat: no-repeat;
}
/*Right Sidebar*/
.dt_left_sidebar.pro {
background: transparent linear-gradient(135deg, #F5EBDC 0%, #EFD8AD 100%) 0% 0% no-repeat padding-box;
border: 1px solid #EFDDC5;
}
.dt_left_sidebar.pro .dt_home_pro_usr h4 {
color: #E39C2D;
font: normal normal 600 18px/32px Montserrat;margin-top: 0;
}
.dt_left_sidebar.pro .dt_home_pro_usr h4 svg {
background: transparent;
color: currentColor;
padding: 0;
border-radius: 0;
width: 27px;
height: 27px;
margin-top: -3px;
}
.dt_left_sidebar.pro .pro_usrs_container {
margin: 0 -8px;padding: 10px 0 0;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr {
width: 33.3333333%;
padding: 0 8px;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr a {
line-height: 1;
background: #E29C2E;
border-radius: 100%;
width: 100%;
aspect-ratio: 1;
padding: 3px;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr div {
background: #f2e3c7;
border-radius: 100%;
padding: 2px;transition: all 0.2s;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr a:hover div {
padding: 0;box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr img {
margin: 0;
width: 100%;
height: 100%;
}
.dt_left_sidebar.pro .dt_home_pro_usr .add_me {
margin: 10px -17px 0;
text-align: center;
position: relative;
width: calc(100% + 34px);
}
.dt_left_sidebar.pro .dt_home_pro_usr .add_me .blank {
height: 13px;
background: transparent linear-gradient(90deg, #EBC42763 0%, #E19724C4 56%, #E39C2DCF 100%) 0% 0% no-repeat padding-box;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.dt_left_sidebar.pro .dt_home_pro_usr .add_me .prem {
margin: 0;box-shadow: none;
}
.dt_right_side_story {
}
.dt_right_side_story_list {
background: transparent linear-gradient(120deg, rgb(255 255 255 / 50%) 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
border: 1px solid #DFDFDF;
border-radius: 15px;
backdrop-filter: blur(50px);
padding: 30px 10px;
display: flex;transition: all 0.2s;
}
.dt_right_side_story_list:nth-child(1) {
transform: scale(0.8);
margin-bottom: -120px;
}
.dt_right_side_story_list:nth-child(2) {
transform: scale(0.85);
margin-bottom: -120px;
}
.dt_right_side_story_list:nth-child(3) {
transform: scale(0.9);
margin-bottom: -120px;
}
.dt_right_side_story_list:nth-child(4) {
transform: scale(0.95);
margin-bottom: -120px;
}
.dt_right_side_story_list > div {
padding: 0 15px;min-width: 0;
}
.dt_right_side_story_list:hover {
box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 10%) 0px 8px 10px -6px;
}
.dt_right_side_story_list .images {
flex: 0 0 auto;
}
.dt_right_side_story_list .images img {
width: 79px;
height: 79px;
object-fit: cover;
border-radius: 50%;
box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);transition: all 0.2s;
}
.dt_right_side_story_list .images img:nth-child(2) {
margin-left: -36px;
}
.dt_right_side_story_list:hover .images img {
margin-left: -6px;
}
.dt_right_side_story_list:hover .images img:nth-child(2) {
margin-left: -30px;
}
.dt_right_side_story_list > a {
min-width: 0;color: #222;
}
.dt_right_side_story_list h5 {
margin: 0;
font: normal normal 500 17px/normal Montserrat;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.dt_right_side_story_list hr {
border: 1px solid #E9E7E9;margin: 10px 0;
}
.dt_right_side_story_list p {
font: normal normal normal 12px/normal Montserrat;
letter-spacing: 0px;
color: #828082;margin: 0 0 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.dt_right_side_story_list time {
font: normal normal normal 14px/normal Montserrat;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/*Main Page Header*/
.white_bg {
background: #fff;
overflow: hidden;
}
.main_header_nav {
background: linear-gradient(0deg, transparent 0%, #f3e3f6 80%, #f3dcf8 100%);
}
.main_header_nav .not_usr_nav {
background: #CC42BD;
padding: 17px 50px 17px 0;
margin: -17px -50px -17px 0;
min-width: 30.8%;
text-align: end;
mix-blend-mode: color-burn;
}
.main_header_nav .not_usr_nav li {
display: inline-block;
float: none;
}
.main_header_nav .nav-wrapper .not_usr_nav .btn:not(.white) {
color: #ffffff;
}
.header_bg {padding: 140px 50px 0;position: relative;}
.dt_index_random_users {
display: flex;
margin: -220px -153px 0 0;
max-width: 87%;
max-width: 68.5%;
float: right;
}
.dt_index_random_users > div {
flex: 0 0 25%;
max-width: 25%;
padding: 0 20px;
}
.dt_index_random_users > div:nth-child(1) {
margin-top: -310px;margin-left: -329px;
}
.dt_index_random_users > div:nth-child(2) {
margin-top: -157px;
}
.dt_index_random_users > div:nth-child(4) {
margin-top: 80px;
}
.dt_index_random_users > div:nth-child(5) {
margin-top: -40px;
}
.dt_index_random_users .user {
background: #FFFFFF;
box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);
margin-bottom: 40px;
position: relative;
z-index: 9;
}
.dt_index_random_users .user a {
display: block;
}
.dt_index_random_users .user img {
width: 100%;
aspect-ratio: 0.9;
object-fit: cover;
}
.dt_index_random_users .user .padd {
padding: 10px;
}
.dt_index_random_users .user h6 {
margin: 0 0 10px;
font: normal normal 500 15px/18px Montserrat;
letter-spacing: 0px;
color: #433E42;
text-align: center;
}
.dt_index_random_users .user p {
margin: 0;
font: normal normal 500 17px/20px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
}
.home_pz_rel {position: relative;z-index: 1;}
.header_bg .home_pz_rel {
width: 40%;
}
.header_bg h1 {
margin: 0;
font: normal normal 600 52px/58px Montserrat;max-width: 550px;
}
.header_bg h1 span {
color: #CC42BD;
}
.header_bg h5 {
font: normal normal normal 24px/36px Montserrat;
color: #433E42;margin: 40px 0 0;max-width: 410px;
}
.xuser {padding: 15px 5px 5px;}
.xuser a, .xuser img {width: 45px;height: 45px;object-fit: cover;}
.xuser a {display: inline-block;margin: 0 -5px;box-shadow: 0px 0px 4px 0 rgb(0 0 0 / 0.1);border-radius: 50%;}
.header_bg .btn-large.main-hdr-bttn {
margin: 40px 50px 0 0;
height: auto;
padding: 0 25px;
background-color: #CC42BD;
box-shadow: none;
font: normal normal normal 20px/55px Montserrat;
text-transform: none;
min-width: 200px;
}
.header_bg .main-know-bttn {
margin: 40px 0 0;
height: auto;
text-transform: none;
display: inline-block;
vertical-align: middle;
text-align: center;
font: normal normal 500 20px/32px Montserrat;
color: #433E42;
}
.dt_hdr_filters {
background: linear-gradient(45deg, #B332AB 0%, #CD43BE 100%);
margin: 120px 0 0 -50px;
padding: 70px 50px 50px;
}
.dt_hdr_filters .row {
display: flex;
flex-wrap: wrap;margin: 0 -30px 20px;
}
.dt_hdr_filters .row .col {
flex: 1 1 auto;margin: 0 30px 40px;
}
.dt_hdr_filters .btn {
min-width: 150px;
background: #86168B;
font: normal normal normal 20px/60px Montserrat;
color: #FFFFFF;
height: auto;
box-shadow: none;
text-transform: capitalize;
margin: 10px 0 20px;
}
.dt_hdr_filters .btn:hover {
background: #6f1273;
}
.header_svg_circle {
position: absolute;
right: -180px;
top: -80px;
opacity: 0.4;
}
.dt_header_short_desc {
position: relative;
}
.dt_header_short_desc > svg.first {
position: absolute;
mix-blend-mode: multiply;
left: 0;
top: -415px;
width: 708px;
height: 1132px;
z-index: 1;pointer-events: none;
opacity: 0.7;
}
.dt_header_short_desc > svg.second {
width: 1318px;
height: 1187px;
position: absolute;
right: -350px;
top: -250px;
filter: blur(30px);
pointer-events: none;
}
.dt_index_pro_users {
display: flex;
margin: 0 0 0 -38px;
max-width: 87%;
}
.dt_index_pro_users > div {
flex: 0 0 25%;
max-width: 25%;
padding: 0 12px;
}
.dt_index_pro_users > div:nth-child(2) {
margin-top: 65px;
}
.dt_index_pro_users > div:nth-child(4) {
margin-top: 145px;
}
.dt_index_pro_users .user {
background: #FFFFFF;
box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);
margin-bottom: 24px;
position: relative;
z-index: 9;
}
.dt_index_pro_users .user a {
display: block;
}
.dt_index_pro_users .user img {
width: 100%;
aspect-ratio: 0.9;
object-fit: cover;
}
.dt_index_pro_users .user .padd {
padding: 10px;
}
.dt_index_pro_users .user h6 {
margin: 0 0 10px;
font: normal normal 500 12px/normal Montserrat;
letter-spacing: 0px;
color: #433E42;
text-align: center;
overflow: hidden;
max-height: 30px;
}
.dt_index_pro_users .user h6:empty {
margin: 0;
}
.dt_index_pro_users .user p {
margin: 0;
font: normal normal 500 13px/normal Montserrat;
letter-spacing: 0px;
color: #CC42BD;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dt_header_short_desc_innr {
padding: 170px 0;position: relative;
z-index: 1;
}
.dt_header_short_desc_innr h2 {
font: normal normal 600 52px/58px Montserrat;
color: #433E42;
margin: 0;max-width: 570px;
}
.dt_header_short_desc_innr p {
font: normal normal normal 24px/36px Montserrat;
color: #433E42;
margin: 40px 0 0;max-width: 640px;
}
.dt_header_how_works {
position: relative;
}
.dt_header_how_works > svg {
width: 1396px;
height: 1187px;
position: absolute;
left: -250px;
top: -200px;
filter: blur(30px);
pointer-events: none;
}
.dt_header_how_works .row {
margin: 0;
}
.dt_header_how_works .row .col {
padding: 0;
}
.dt_header_how_works_innr {
padding: 150px 0;position: relative;
z-index: 1;margin: auto;
max-width: 580px;
}
.dt_header_how_works_innr p {
font: normal normal 500 24px/32px Montserrat;
color: #CC42BD;margin: 0 0 30px;
}
.dt_header_how_works_innr h2 {
font: normal normal 600 52px/58px Montserrat;
color: #433E42;margin: 0;
}
.dt_header_how_works_side {
background: transparent linear-gradient(161deg, #CC42BD 0%, #86168B 100%);
padding: 80px 30px;
position: relative;
z-index: 1;
}
.dt_header_how_works_side > svg {
position: absolute;
right: 0;
width: 929px;
height: 1295px;
top: -170px;
mix-blend-mode: multiply;
pointer-events: none;
opacity: 0.7;
}
.dt_header_how_works_side_innr {
margin: auto;
max-width: 750px;
}
.dt_header_how_works_side_innr .list {
padding: 70px 0;
display: flex;
}
.dt_header_how_works_side_innr .list > div {
padding: 0 50px;
}
.dt_header_how_works_side_innr .list > div h5 {
font: normal normal 500 24px/32px Montserrat;
color: #fff;
margin: 0;
}
.dt_header_how_works_side_innr .list > div p {
margin: 5px 0 0;
font: normal normal normal 16px/25px Montserrat;
color: rgb(255 255 255 / 50%);
}
.dt_header_how_works.flip > svg {
left: auto;
top: -300px;
width: 1351px;
height: 1221px;
right: -150px;
filter: blur(40px);
}
.dt_header_how_works_side.flip {
padding: 40px 30px;
}
.dt_header_how_works_side.flip > svg {
right: auto;
left: 0;
top: -200px;
}
.dt_header_how_works_innr.flip {
max-width: 640px;padding: 100px 0;
}
.dt_header_how_works_innr.flip h2 {
font: normal normal 600 52px/58px Montserrat;
color: #433E42;margin: 0;max-width: 560px;
}
.dt_header_how_works_innr.flip p {
font: normal normal normal 24px/36px Montserrat;
color: #433E42;margin: 30px 0 0;
}
.dt_header_how_works_side_innr .list > div p {
max-width: 450px;
}
.dt_index_foot {
position: relative;
}
.dt_index_foot > svg {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 1295px;
height: 929px;
mix-blend-mode: multiply;
pointer-events: none;
opacity: 0.49;
}
.dt_index_footinnr {
padding: 80px 150px 50px;
}
.dt_index_footinnr .row {
margin-bottom: 0;
}
.dt_index_footinnr .top {
padding-bottom: 100px;
}
.dt_index_footinnr .top .row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dt_index_footinnr .top .row:after {
display: none;
}
.dt_index_footinnr .top .row .col {
margin: 0;
}
.dt_index_footinnr .top h5 {
font: normal normal 500 18px/26px Montserrat;
letter-spacing: 0px;
color: #312F31;margin: 0 0 10px;
}
.dt_index_footinnr .top h6 {
letter-spacing: 0.06px;
color: #312F31;
margin: 0 0 13px;
font-size: 15px;
}
.dt_index_footinnr .top a, .dt_index_footinnr .bottom a {
font: normal normal normal 14px/32px Montserrat;
letter-spacing: 0px;
color: #433E42;
}
.dt_index_footinnr .top .subscribe {
display: flex;
align-items: center;
margin: 0 -5px;
max-width: 450px;
}
.dt_index_footinnr .top .subscribe > div {
position: relative;
flex: 1 1 auto;
margin: 0 5px;
}
.dt_index_footinnr .top .subscribe svg {
position: absolute;
color: #727272;
margin: 11px;
}
.dt_index_footinnr .top .subscribe input {
width: 100%;
background: #EBEBEB;
border-radius: 4px;
border: 0;
height: 45px;
padding: 8px 50px;
font: normal normal normal 14px/20px Montserrat;
letter-spacing: 0.05px;
}
.dt_index_footinnr .top .subscribe input::placeholder {
color: inherit;
opacity: 1;
}
.dt_index_footinnr .top .subscribe .subs_btn {
margin: 0 5px;
flex: 0 0 auto;
background: #433E42;
border-radius: 4px;
font: normal normal normal 14px/45px Montserrat;
letter-spacing: 0.05px;
color: #FFFFFF;
text-transform: uppercase;
border: 0;
box-shadow: none;
padding: 0 16px;
min-width: 100px;
cursor: pointer;
}
.dt_index_footinnr .top .social_btn {
background-color: rgb(177 177 177 / 31%);
color: #433E42;
width: 42px;
height: 42px;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
vertical-align: middle;
}
.dt_index_footinnr .top .social_btn:hover {
background-color: #CC42BD;
color: #fff;
}
.dt_index_footinnr .top .social_btn svg {
}
.dt_index_footinnr .copyright {
text-align: end;
margin: 0;
font: normal normal normal 16px/32px Montserrat;
letter-spacing: 0px;
color: #433E42;
}
/*Site Sec Header*/
.dt_hdr_sec_links {margin: 20px 0;display: none;}
.dt_hdr_sec_links ul {margin: 0;white-space: nowrap;overflow-x: auto;padding: 5px 0;}
.dt_hdr_sec_links ul li {display: inline-block;}
.dt_hdr_sec_links ul li a {display: block;background: #fff;margin: 0 5px;padding: 7px 16px;font-weight: 500;font-size: 14px;color: #444;border-radius: 2em;box-shadow: 0 1px 4px rgb(0 0 0 / 0.2);}
.dt_hdr_sec_links ul li a svg {width: 20px;height: 20px;margin: -4px 5px 0 0;}
/*How It Works*/
.dt_heading_top_line{width: 50px;display: block;margin: auto;height: 6px;background: #a33596;border-radius: 2em;}
/*Latest Users*/
.dt_ltst_users {padding: 10px 0;}
.container-fluid.dt_ltst_users {
padding-top: 0;
}
.dt_ltst_users h3 {margin-bottom: 5rem;}
.dt_ltst_users a {color: rgba(0,0,0,0.87);}
.dt_ltst_users .card {box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;transition: all 0.15s;padding: 15px;flex-direction: column;}
.dt_ltst_users .card:hover {box-shadow: 0 10px 20px rgba(0,0,0,.07);}
.dt_ltst_users .card-image {position: relative;
width: 100%;
max-width: 170px;
margin: 15px 0 30px;}
.dt_ltst_users .card-image > a:not(.btn) {position: relative;padding-bottom: 100%;display: block;}
.dt_ltst_users .card-image > a:not(.btn):before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: 0 0 0 3px #e4e4e4;
}
.dt_ltst_users .card-image > .btn {
width: 48px;
height: 48px;
background: #FCCBF7 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
border: 1px solid #CC42BD;
border-radius: 50%;
padding: 0;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
}
.dt_ltst_users .card-image img {width: 100%;height: 100%;border-radius: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;padding: 3px;}
.dt_ltst_users .card-content {padding: 0;position: relative;width: 100%;text-align: center;}
.dt_ltst_users .card-content .card-title {
overflow: hidden;
text-overflow: ellipsis;
max-height: 19px;
font: normal normal 600 16px/normal Montserrat;
white-space: nowrap;
}
.dt_ltst_users .card-content .card-title .useronline {position: relative;display: inline-block;top: auto;left: auto;right: auto;}
.dt_ltst_users .card-content p {color: #737373;
display: inline-block;
border: 0.75px solid #C5C5C5;
border-radius: 5px;
font: normal normal normal 14px/24px Montserrat;
padding: 0 8px;
margin: 0 3px;
max-width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dt_ltst_users .matches .card-content p {
padding: 0;
border: 0;
margin: 0 2px;
}
.dt_ltst_users .visit .card-content p {
max-width: 100%;
display: block;
}
.dt_ltst_users .dev .card-content p {
background: #C9F7F5;
border: 0;
max-width: 100%;
margin: 10px 0 0;
}
/*Testimonials*/
.dt_test_white_bg {background: #fff;padding: 1px 0 0;}
.dt_test_bg {background: #fff url(../img/testimonial_bg.png);position: relative;margin: 150px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
padding: 50px 0 30px;
}
.dt_test_title {margin: 20px 0 60px 130px;}
.dt_test_title h3 {
margin: 0;
font: normal normal 600 52px/58px Montserrat;
color: #433E42;
}
.dt_test_title .dt_heading_top_line {background: rgba(255, 255, 255, 0.65);}
.dt_testimonial_slide {background: #fff;position: relative;padding: 30px;border: 1px solid #E5E5E5;}
.dt_testimonial_slide:hover {
box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);
}
.dt_testimonial_slide .hdr {
display: flex;
align-items: center;
margin: 0 -15px 20px;
}
.dt_testimonial_slide .hdr > div, .dt_testimonial_slide .hdr > h3 {
padding: 0 15px;margin: 0;
}
.dt_testimonial_slide .hdr > div {
flex: 0 0 auto;
}
.dt_testimonial_slide .hdr > h3 {
font: normal normal 600 24px/58px Montserrat;
color: #CC42BD;
}
.dt_testimonial_slide img {
width: 90px;
height: 90px;
object-fit: cover;
box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);
}
.dt_testimonial_slide img:nth-child(2) {
margin-left: -36px;
}
.dt_testimonial_slide p {
font: normal normal normal 16px/24px Montserrat;
margin: 0;
color: #312F31;
}
.dt_tstm_usr .swiper-pagination {
position: relative;
margin: 50px 0 10px;
top: auto;
bottom: auto;
}
.dt_tstm_usr .swiper-pagination .swiper-pagination-bullet {
width: 15px;
height: 15px;
border: 1px solid #E2E2E2;
background: #F6F6F6;
opacity: 1;
}
.dt_tstm_usr .swiper-pagination .swiper-pagination-bullet-active {
border-color: #CC42BD;
background: #FCCBF7;
}
/*Get Started*/
.dt_get_start { margin: 150px auto;
padding: 40px 5px;
position: relative;
max-width: 868px;}
.dt_get_start > .center-align {position: relative;z-index: 5;}
.dt_get_start > hr {margin: 20px 30px 40px;}
.dt_get_start p {
font: normal normal 500 24px/32px Montserrat;
color: #CC42BD;margin: 0 0 30px;
}
.dt_get_start h4 {font: normal normal 600 52px/58px Montserrat;
color: #433E42;margin: 0 0 30px;}
.dt_get_start .btn_glossy {height: auto;
min-width: 200px;
color: #ffffff;
background: #CC42BD 0% 0% no-repeat padding-box;
border-radius: 30px;
font: normal normal normal 20px/60px Montserrat;}
.dt_get_start_circle-1 {position: absolute;top: -315px;right: 0;width: 600px;height: 400px;background: radial-gradient(#fbdaf7, #ae36a1);border-radius: 50%;opacity: 0.15;}
.dt_get_start_circle-2 {position: absolute;top: -55px;right: -90px;width: 250px;height: 250px;background: radial-gradient(#FCE4EC, #E91E63);border-radius: 50%;opacity: 0.1;}
.dt_get_start_circle-3 {position: absolute;bottom: 25px;left: 25px;width: 100px;height: 100px;background: radial-gradient(#FFE0B2, #FF9800);border-radius: 50%;opacity: 0.08;}
/*Footer*/
.page_footer > .container{padding: 30px 0px;}
.page_footer > .container_new {padding: 0 15px;}
.page_footer .footer-copyright {
padding: 10px;
border-top: 1px solid rgb(130 128 130 / 25%);
font: normal normal normal 14px/25px Montserrat;
}
.page_footer .footer-copyright > .valign-wrapper {
justify-content: space-around;flex-wrap: wrap;
}
.page_footer .footer-copyright .docial svg {
height: auto;
width: 20px;
margin: -2px 1px 0;
}
.page_footer .footer-copyright, .page_footer .footer-copyright a {
color: #433E42;
}
.dt_login_foot_innr .dt_foot_langs, .dt_footer_links{display: inline-block;}
.page_footer .footer-copyright .dt_foot_langs > a, .dt_login_foot_innr .dt_foot_langs > a{outline: none;}
.page_footer .footer-copyright .dt_foot_langs > a svg, .dt_login_foot_innr .dt_foot_langs > a svg{width: 20px;}
.page_footer .footer-copyright .dt_foot_langs > a svg, .dt_index_footinnr .dt_foot_langs > a svg {
margin: -3px 0 0;
}
.dt_footer_links {margin-right: 6px;display: inline-flex;align-items: center;flex-wrap: wrap;}
.dt_footer_links li{display: inline-block;margin: 0px 3px;}
.dt_footer_links li a{display: flex;align-items: center;transition: all 0.2s}
.dt_footer_links li a:hover, .page_footer .footer-copyright .dt_foot_langs > a:hover, .dt_login_foot_innr .dt_foot_langs > a:hover {color: #000000;}
.dt_footer_links li a svg{width:20px;margin-right: 7px;}
.dt_foot_langs {position: relative;}
.dt_foot_langs > .dropdown-content {min-width: 270px;/*left: auto !important;right: 0;*/border-radius: 4px;padding: 10px 0;box-shadow: 0 1px 4px rgba(0,0,0,0.25);transform: none !important;}
.dt_foot_langs > .dropdown-content > li {width: 50%;float: left;clear: none;}
.dt_foot_langs > .dropdown-content > li > a {color: #707070;font-size: 13px;padding: 4px 16px;}
/*Scroll to top*/
.dt_to_top{position: fixed;right: 32px;bottom: -64px;color: #fff;display: flex;align-items: center;transition: 0.2s ease-out;justify-content: center;}
.dt_to_top svg{width: 32px;position: relative;}
/*Login*/
.dt_login_body {
background-color: #fff;
}
.dt_login_body_inner {
background: #fff;
background: linear-gradient(0deg, transparent 0%, rgb(134 22 139 / 20%) 10%, rgb(134 22 139 / 50%) 100%);
position: relative;
overflow: hidden;
}
.dt_login_body_inner > .login_baner, .login_banner_mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;width: 100%;
pointer-events: none;
}
.login_banner_mask {
filter: blur(50px);
}
.login_banner_lines {
position: absolute;
top: 0;
left: 50%;
transform: translateX(calc(-50% - 45px));
pointer-events: none;
}
.dt_login_body_inner nav, .main_header_nav nav {
background: transparent !important;
height: 80px;
line-height: 46px;
padding: 17px 0;
box-shadow: none;
border: 0;
}
.dt_login_body_inner nav .nav-wrapper, .main_header_nav nav .nav-wrapper {
padding: 0 50px;
}
.dt_login_body_inner nav .brand-logo img, .main_header_nav nav .brand-logo img {
max-width: 220px;
margin-top: 5px;
}
.dt_login_body_inner nav .nav-wrapper .btn, .main_header_nav nav .nav-wrapper .btn {
height: 46px;
border-radius: 30px;
font: normal normal normal 18px/46px Montserrat;
margin: -4px 10px 0;
transition: all 0.2s;
}
.dt_login_body_inner nav .nav-wrapper .btn:not(.white), .main_header_nav nav .nav-wrapper .btn:not(.white) {
font-weight: 500;background: transparent;
color: #343434;
}
.dt_login_body_inner nav .nav-wrapper .btn.white, .main_header_nav nav .nav-wrapper .btn.white {
color: #CC42BD;
}
.dt_login_body_inner nav .nav-wrapper .btn:hover, .main_header_nav nav .nav-wrapper .btn:hover {
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
background: rgb(197 62 184) !important;
color: #fff;
}
.auth_bg_img {position: relative;overflow: hidden;width: 100%;}
.dt_login_bg{position: relative;overflow: hidden;}
.dt_login_con { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;min-height: calc(100vh - 80px);position: relative;flex-direction: column;}
.dt_login_con:before, .dt_login_con:after {-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;content: '';display: block;height: 24px;}
.dt_login {
width: 100%;
max-width: 750px;
padding: 60px;
position: relative;
margin: 0 auto;
background: linear-gradient(0deg, #972197 0%, #CC42BD 100%);
border-radius: 6px;
}
.dt_login:before {
content: '';
background-image: url(../img/login-lines.png);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
mix-blend-mode: multiply;
}
.dt_login form {
position: relative;
}
.dt_login form.register .row {margin-left: -.75rem;margin-right: -.75rem;}
.dt_login form > p {
margin-top: 0;
margin-bottom: 60px;
font: normal normal normal 24px/32px Montserrat;
color: #f9f8f9;
}
.dt_login form > p span {
display: block;
margin-bottom: 5px;
font: normal normal 600 52px/58px Montserrat;
color: #FFFFFF;
}
.dt_login form > p a, .dt_login form.register .terms_check a {
color: #fff;
}
.dt_login .input-field, .dt_signup_steps .input-field, .dt_hdr_filters .input-field {
margin: 0 0 35px;
}
.dt_login .input-field input, .dt_signup_steps .input-field input, .dt_signup_steps .input-field .select-wrapper input, .dt_hdr_filters .input-field .select-wrapper input {
background: transparent !important;
border-radius: 0;border: 0 !important;
border-bottom: 2px solid rgb(255 255 255 / 50%) !important;box-shadow: none !important;padding: 0;color: #fff;font-size: 14px;
}
.dt_login .input-field input::placeholder, .dt_signup_steps .input-field input::placeholder, .dt_signup_steps .input-field .select-wrapper input::placeholder, .dt_hdr_filters .input-field .select-wrapper input::placeholder {
opacity: 1;
color: currentColor;
}
.dt_login .input-field input:focus, .dt_signup_steps .input-field input:focus, , .dt_signup_steps .input-field .select-wrapper input:focus, .dt_hdr_filters .input-field .select-wrapper input:focus {
border-color: #fff !important;
}
.dt_login .input-field input.invalid, .dt_signup_steps .input-field input.invalid, .dt_signup_steps .input-field .select-wrapper input.invalid, .dt_hdr_filters .input-field .select-wrapper input.invalid {
border-color: #ff5c5c !important;
}
.dt_login .input-field input+label, .dt_signup_steps .input-field input+label, .dt_signup_steps .input-field .select-wrapper+label, .dt_hdr_filters .input-field .select-wrapper+label {
padding: 0;
font: normal normal normal 15px/19px Montserrat;
color: #FCCBF7 !important;
}
.dt_login .input-field>label:not(.label-icon).active, .dt_signup_steps .input-field>label:not(.label-icon).active, .dt_hdr_filters .input-field>label:not(.label-icon).active {
-webkit-transform: translateY(-12px) scale(0.9);
transform: translateY(-12px) scale(0.9);
background: transparent;
left: 0;
}
.dt_login form.login .input-field>label:not(.label-icon).active {
padding: 0;
}
.dt_login form button {min-width: 100%;}
.dt_login form button, .dt_contact form button, .dt_sett_footer button {box-shadow: none;text-transform: capitalize;height: 45px;line-height: 1;font-size: 16px;transition: all 0.3s;}
.dt_login form button:hover, .dt_contact form button:hover, .dt_sett_footer button:hover {box-shadow:-2px 2px 14px rgba(163, 53, 150, 0.35);}
.dt_login form button svg, .dt_contact form button svg, .dt_sett_footer button svg {margin-left: 10px;margin-top: -2px;transition: all 0.3s;}
.dt_login form button:hover svg, .dt_contact form button:hover svg, .dt_sett_footer button:hover svg{-webkit-transform: translateX(3px);-moz-transform: translateX(3px);-ms-transform: translateX(3px);-o-transform: translateX(3px);transform: translateX(3px);}
.dt_login_footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.dt_login_footer .btn {
min-width: 150px;
background: #86168B;
font: normal normal normal 20px/60px Montserrat;
color: #FFFFFF;
height: auto;
}
.dt_login_footer .btn:hover {
background: #6f1273;
}
.dt_login_footer .btn:disabled {
background: #86168B !important;
color: #fff !important;
opacity: 0.6;
}
.dt_login_footer > a {
font: normal normal normal 18px/32px Montserrat;
color: #FCCBF7;
margin: 0 !important;
transition: all 0.2s;
}
.dt_login_footer > a:hover {
color: #fff;
}
.dt_login form.register .terms_check {display: block;margin-bottom: 50px;
margin-top: 0px;}
.dt_login form.register .terms_check [type="checkbox"]+span:not(.lever) {
height: auto;
color: #eeeeee;
font: normal normal normal 16px/28px Montserrat;
}
.dt_login form.register .terms_check [type="checkbox"]+span:not(.lever) a {
border-bottom: 1px dashed rgb(255 255 255 / 52%);
padding: 0 0 2px;
}
.dt_login form.register .terms_check [type="checkbox"]+span:not(.lever):before {border-width: 2px;left: 3px;top: 10px;}
.dt_login form.register .terms_check [type="checkbox"]+span:not(.lever):after {height: 16px;width: 16px;border: 2px solid #969696;top: 5px;}
.dt_login form.register .terms_check [type="checkbox"].filled-in:checked+span:not(.lever):before {left: 0.5px;top: 4px;width: 6px;height: 10px;}
.dt_login form.register .terms_check [type="checkbox"].filled-in:checked+span:not(.lever):after {width: 16px;height: 16px;border: 2px solid #a33596;background-color: #a33596;}
.dt_login form > hr {margin: 25px 0;}
.dt_login form .alert {margin-bottom: 45px;}
.dt_login_footer a{margin-left:auto;}
.btn_social {height: 43px;line-height: 43px;padding: 0px 10px 0px 0px;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;color: white;margin: 10px 0px;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);width: 100%;transition: all 0.3s;font-size: 12px;overflow: hidden;}
.btn_social > svg, .btn_social > img {width: 20px;height: 20px;}
.btn_social.btn_fb{background-color: #4d68a1;}
.btn_social.btn_tw{background-color: #53a7e7;}
.btn_social.btn_gp{background-color: #db4937;}
.btn_social.btn_vk{background-color: #6594cb;}
.dt_social_login {overflow: hidden;margin: 50px -12px 0;text-align: center;}
.dt_social_login .btn_social {
width: calc(50% - 30px);
margin: 10px 12px;
padding: 0;
border-radius: 5px;
box-shadow: none;
background-color: #CC42BD;
height: 46px;
font: normal normal normal 16px/46px Helvetica;
color: #ffffff;
}
.dt_social_login .btn_social:hover {
background-color: #c133b2;
}
/*Terms*/
.dt_terms {padding: 40px 15px;}
.dt_terms_sidebar {margin: 0 0 30px;white-space: nowrap;overflow-x: auto;}
.dt_terms_sidebar ul {padding: 6px;margin: 0;display: inline-block;background: rgb(0 0 0 / 0.06);border-radius: 10px;}
.dt_terms_sidebar ul li {list-style-type:none;display: inline-block;}
.dt_terms_sidebar ul li a {display: block;font-weight: 500;padding: 6px 20px;font-size: 14px;color: #8b8b8b;text-decoration: none;transition: all 0.2s;border-radius: 8px;}
.dt_terms_sidebar ul li a svg {width: 18px;height: 18px;margin-top: -3px;}
.dt_terms_sidebar ul li a:hover {color: #444;}
.dt_terms_sidebar ul li.active a {color: black;background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);}
.dt_terms_sidebar ul li.active a:hover {color: black;}
.dt_terms h2.bold {
margin: 0 0 30px;
justify-content: space-between;
font: normal normal 600 24px/normal Montserrat;
flex-wrap: wrap;
}
.dt_terms h2.bold .btn {
background: #CC42BD 0% 0% no-repeat padding-box;
border: 0;
border-radius: 30px;
font: normal normal normal 17px/40px Montserrat;
text-transform: capitalize;
height: auto;
}
.dt_terms h2.bold.terms {
position: relative;
}
.dt_terms h2.bold.terms:before {
content: '';
width: 52px;
height: 11px;
background: #FCCBF7;
display: block;
position: absolute;
left: -20px;
}
.dt_terms h2.bold.terms > div {
position: relative;
}
.dt_terms_content_body.terms {
font: normal normal normal 16px/24px Montserrat;
}
.dt_terms_content_body.terms h4 {
font: normal normal 600 24px/58px Montserrat;
}
/*Contact*/
.dt_contact {padding: 40px 0;}
.dt_contact svg.contct_ico {background-color: #EF5C88;color: #fff;border-radius: 50%;padding: 7px;width: 36px;height: 36px;}
.dt_contact h2.bold {font-size: 30px;margin: 0;padding: 10px 0 40px;}
.dt_contact svg.contct_svg {width: 300px;height: 300px;}
/*Register Steps*/
.dt_signup_steps {background: linear-gradient(0deg, #BD39B2 0%, #9A2299 100%);margin: 60px auto 20px;padding: 10px 20px;box-shadow: 0 1px 3px rgb(0 0 0 / 0.15);border-radius: 6px;overflow: hidden;width: 718.07px;position: relative;color: #fff;}
.dt_signup_steps:before {
content: '';
background-image: url(../img/login-lines.png);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
mix-blend-mode: multiply;
}
.dt_signup_steps .progress {
background: rgb(255 255 255 / 30%);
}
.dt_signup_steps .progress .determinate {
background: #fff;
}
body .dt_signup_steps h5.empty_state {
color: #fff;
}
.dt_signup_steps .steps_header{
margin: -10px 0 20px;
padding: 0 40px;
}
.steps_header_steps {
text-align: center;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.steps_header_steps li {display: inline-block;flex: 1 1 auto;}
.steps_header_steps li div {
text-align: center;
padding: 30px 25px;
position: relative;
font: normal normal normal 16px/19px Montserrat;
color: #FCCBF7;
}
.steps_header_steps li div:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ca32c1;
opacity: 0.3;
}
.steps_header_steps li div:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%) rotate(180deg);
bottom: -12px;
height: 0;
width: 0;
border-bottom: 14px solid #881e85;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
opacity: 0;
}
.steps_header_steps li div svg {
margin: 0 auto 10px;
display: block;
height: 32px;
position: relative;
}
.steps_header_steps li div span {
position: relative;
display: block;
}
.steps_header_steps li:nth-child(1) div:before {
background: #4d0b4a;
}
.steps_header_steps li:nth-child(1) div:after {
opacity: 1;
}
.slider-one-active .steps_header_steps li:nth-child(1) div:before, .slider-two-active .steps_header_steps li:nth-child(1) div:before, .slider-two-active .steps_header_steps li:nth-child(2) div:before, .slider-three-active .steps_header_steps li:nth-child(1) div:before, .slider-three-active .steps_header_steps li:nth-child(2) div:before, .slider-three-active .steps_header_steps li:nth-child(3) div:before {background: #4d0b4a;}
.slider-two-active .steps_header_steps li:nth-child(1) div:after, .slider-three-active .steps_header_steps li:nth-child(1) div:after, .slider-three-active .steps_header_steps li:nth-child(2) div:after {
opacity: 0;
}
.slider-one-active .steps_header_steps li:nth-child(1) div:after, .slider-two-active .steps_header_steps li:nth-child(2) div:after, .slider-three-active .steps_header_steps li:nth-child(3) div:after {opacity: 1;}
.slider-ctr {width: 100%;overflow: hidden;}
.slider {overflow: hidden;width: 2040px;-webkit-transition: .3s all ease;transition: .3s all ease;-webkit-transform: translate(0px) scale(1);-ms-transform: translate(0px) scale(1);transform: translate(0px) scale(1);height: 500px;}
.slider-one, .slider-two, .slider-three {-webkit-transition: .3s all ease;transition: .3s all ease;}
.slider-form {float: left;width: 680px;text-align: center;height: 100%;position: relative;padding: 56px 50px 56px;}
.slider-form .dropdown-content {max-height: 250px;}
.slider-form.slider-two {padding: 60px 50px 10px;}
.dt_signup_steps .input-field .select-wrapper .caret, .dt_hdr_filters .input-field .select-wrapper .caret {
fill: rgb(255 255 255 / 70%);
}
.slider-form .step_footer{text-align: right;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 14px 25px 5px;
height: 120px;
display: flex;
justify-content: space-between;
align-items: center;}
.slider-form .step_footer p {
font: normal normal normal 16px/32px Montserrat;
margin: 0;
color: #FCCBF7;
}
.slider-form .step_footer .btn {
box-shadow: none;
background: #FFFFFF !important;
border-radius: 30px;
height: auto;
min-width: 115px;
font: normal normal 500 18px/42px Montserrat !important;
color: #CC42BD !important;
text-transform: capitalize;
}
.slider-form .step_footer .btn:hover {
background: #CC42BD !important;
color: #FFFFFF !important;
}
.slider-form .step_footer .btn:disabled {
opacity: 0.3;
}
.slider-form .step_footer .btn svg{margin-left: 7px;margin-top: -4px;transition: all 0.3s;width: 16px;height: 16px;display: none;}
.slider_container.center .line .dot-move {left: 50%;animation: .3s anim 1;}
.slider_container.center .line .dot.center {background: #a33596;width: 20px;height: 20px;border:0;}
.slider_container.center .slider { transform: translate(-680px);}
.slider_container.center .step-two {clip: rect(0, 100px, 25px, 0px);}
.slider_container.center .step-one .liner {width: 100%;}
.slider_container.center .line .dot.zero{background: #ddd;}
.slider_container.full .line .dot-move {left: 100%;animation: .3s anim 1;}
.slider_container.full .line .dot.full {background: #a33596;width: 20px;height: 20px;border:0;}
.slider_container.full .slider {transform: translate(-1360px);}
.slider_container.full .step-two, .slider_container.full .step-three {clip: rect(0, 100px, 25px, 0px);}
.slider_container.full .step-one .liner, .slider_container.full .step-two .liner {width: 100%;}
.slider_container.full .line .dot.zero, .slider_container.full .line .dot.center {background: #ddd;}
/*Step 1*/
.choose_photo{margin-top: -35px;}
.choose_photo h6, .webcam_photo_verification h6 {
font: normal normal 500 20px/24px Montserrat;
}
.choose_photo p, .webcam_photo_verification p {margin-top:0;
font: normal normal normal 16px/32px Montserrat;
color: #FCCBF7;
}
.dt_selct_avatar{width: 186px;display: table;height: 186px;overflow: hidden;background: #fff;margin: auto;position: relative;cursor: pointer;border-radius: 12px;border: 4px solid;}
.dt_selct_avatar span {vertical-align: middle;display: table-cell;text-align: center;}
.dt_selct_avatar svg {margin-top: 0;width: 50px;height: 50px;color: #ffffff;
background: #871e84;
border-radius: 10px;
padding: 10px;}
.btn-image {
border: 1px solid #FCCBF7;
border-radius: 15px;
height: 33px;
background: transparent !important;
color: #FCCBF7;
min-width: 155px;
margin-top: 18px;
font: normal normal normal 15px/29px Montserrat;
cursor: pointer;
}
#image_holder{display: flex;align-items: center;flex-wrap: wrap;}
#image_holder img{height: 210px;object-fit: cover;margin: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);flex: auto;display: flex;border-radius: 2px;cursor:pointer;}
/*Step 3*/
.otp_head{margin-top: -35px;}
.otp_head svg{background-color: #ffffff;
color: #a62aa1;border-radius: 50%;width: 45px;height: 45px;padding: 9px;}
.otp_head > .row{margin:0;}
.otp_head > .row .input-field.inline{margin:0;}
.otp_head > .row input{ margin: 0;border: 0 !important;background-color: #871d84 !important;box-shadow: inset 0 0 0 1.5px #ddd;height: auto;padding: 8px 10px 9px;line-height: 1;border-radius: 5px 0px 0px 5px;}
.otp_head > .row button{box-shadow: none;text-transform: capitalize;font-weight: 500;border-radius: 0px 5px 5px 0px;min-width: 98px;text-align: center;background-color: #ffffff;
color: #a62aa1;}
.enter_otp, .enter_otp_email{max-width: 270px;margin: 20px auto 0;border-top: 1px solid rgb(255 255 255 / 26%);padding: 0px 40px;display:none;}
.enter_otp p, .enter_otp_email p{margin-bottom: 0;line-height: 15px;font-size: 13px;}
#otp_outer{width:190px;overflow:hidden;margin:0 auto; }
#otp_inner{left: 0;position: sticky;}
#otp_check, #otp_check_email, #otp_check_phone, #otp_check_forget_email, #otp_check_forget_phone {padding: 0;
padding-left: 11px;
letter-spacing: 41px;
border: 0 !important;
background: linear-gradient(to left, #ffffff 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 50px 2px;
background-repeat: repeat-x;
background-position-x: 35px;
width: 220px;
min-width: 220px;
box-shadow: none;
border-radius: 0;
color: #fff;}
#otp_outer a {
color: #fff;
background: rgb(255 255 255 / 20%);
margin: 15px 0 0;
display: inline-block;
line-height: 25px;
padding: 0 10px;
border-radius: 6px;
transition: all 0.2s;
}
#otp_outer a:hover {
background: rgb(255 255 255 / 30%);
}
/*User Profile*/
.dt_user_profile_parent{margin: 30px auto 0;}
.dt_user_profile, .dt_user_about .about_block .dt_profile_info {background: #fff;margin: 0 auto 30px;padding: 20px;box-shadow: 0px 3px 20px #00000005;border-radius: 15px;overflow: hidden;}
.dt_user_profile_m_top {padding: 20px;}
.dt_cover_photos{margin: 0; position: relative;width: 100%;height: 100%;}
.my_profile_add_btns {
display: flex;
flex-direction: column;
justify-content: center;
height: calc(100% + 20px);
margin: -10px 0;
}
.dt_cp_bar_add_photos, .dt_cp_bar_add_videos {
display: flex;
position: relative;
width: 100%;
height: 110px;
background-color: #FBFBFB;
cursor: pointer;
margin: 10px 0;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border: 2px dashed #CFCFCF;
border-radius: 15px;transition: all 0.15s;
}
.dt_cp_bar_add_photos .inline, .dt_cp_l_photos .inline, .dt_cp_bar_add_videos .inline, .dt_cp_l_photos .inline {height: 100%;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;aspect-ratio: 16/9;}
.dt_cp_bar_add_photos .inline, .dt_cp_bar_add_videos .inline {
padding: 0 12px;
text-align: center;
}
.dt_cp_bar_add_photos .inline svg, .dt_cp_l_photos .inline svg, .dt_cp_bar_add_videos .inline svg, .dt_cp_l_photos .inline svg {margin-bottom: 12px;
color: #CFCFCF;transition: all 0.15s;}
.dt_cp_bar_add_photos:hover svg, .dt_cp_bar_add_videos:hover svg {
color: #444;
}
.dt_cp_bar_add_photos .inline b, .dt_cp_bar_add_videos .inline b{
font: normal normal 600 16px/normal Montserrat;
letter-spacing: 0px;
color: #6B696B;
}
.dt_cp_photos_list{
position: relative;
overflow: hidden;
display: flex;
align-items: center;
border-radius: 15px;
overflow-x: auto;
flex-wrap: wrap;
max-height: calc(100% + 2px);
height: calc(100% + 2px);margin: -1px;
}
.dt_cp_photos_list .dt_cp_l_photos{
display: flex;
position: relative;
min-width: 40%;
height: 50%;
cursor: pointer;
flex: 1;padding: 1px;
}
.dt_cp_photos_list .dt_cp_l_photos .inline{color: #777;overflow:hidden;}
.dt_cp_photos_list .dt_cp_l_photos:nth-child(odd) .inline {background-color: #f1f1f1;}
.dt_cp_photos_list .dt_cp_l_photos:nth-child(even) .inline {background-color: #eaeaea;}
.dt_cp_photos_list .dt_cp_l_photos .inline svg{margin:0;}
.dt_cp_photos_list .dt_cp_l_photos .inline img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;transition: all 0.2s}
.dt_cp_photos_list .dt_cp_l_photos .inline:hover img {opacity: 0.85;}
.dt_profile_side .avatar {
width: 100%;
position: relative;
overflow: hidden;
max-width: 159px;
margin: 15px auto 0;
border: 2px solid #E9BA26;
border-radius: 50%;
padding: 3px;
}
.dt_profile_side .avatar > a {
position: relative;
display: block;
padding-top: 100%;
background-color: #e3e9ea;
border-radius: 50%;
overflow: hidden;
}
.dt_profile_side .avatar img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.dt_profile_side .dt_chng_avtr, .dt_chng_avtr {
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 9px 15px;
border-radius: 50%;
transition: all 200ms ease-in-out;
position: absolute;
bottom: 3px;
right: 3px;
left: 3px;
top: 3px;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
height: auto;
}
.dt_profile_side .avatar:hover .dt_chng_avtr, .user_video:hover .dt_chng_avtr {opacity: 1;}
.dt_profile_side .dt_chng_avtr span,
.dt_chng_avtr span {cursor: pointer;display: flex;align-items: center;flex-direction: column;}
.dt_profile_side .dt_chng_avtr span svg ,
.dt_chng_avtr span svg {width: 17px;
height: 17px;
margin: 0 0 10px;}
.dt_profile_side .dt_avatar_progress {
position: absolute;
top: 3px;
right: 3px;
left: 3px;
bottom: 3px;
background-color: rgba(0, 0, 0, 0.47);
padding: 72px 15px;
border-radius: 50%;
}
.dt_profile_side .progress {margin: 0;background-color: rgba(255, 255, 255, 0.4);}
.dt_profile_side .progress .determinate {background-color: white;}
.dt_othr_ur_info {
text-align: center;
margin: 20px 0 10px;
}
.dt_othr_ur_info h2 {
margin: 0;
font: normal normal 600 18px/32px Montserrat;
}
.dt_othr_ur_info h2 span svg {
width: 20px;
height: 20px;
margin-top: -2px;
}
.dt_othr_ur_info p {
margin: 0;
font: normal normal normal 16px/32px Montserrat;
}
.dt_othr_ur_info p b {
color: #CC42BD;
font-weight: normal;
}
.dt_profile_side .dt_usr_opts_mnu {margin: 15px -4px;display: flex;
justify-content: space-around;position: relative;}
.dt_profile_side .dt_usr_opts_mnu > a {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 2em;
margin: 8px 4px 0;
color: #fff;
padding: 0 9px;
transition: all 0.2s;
flex: 0 0 auto;
box-shadow: 0px 2px 5px rgb(130 128 130 / 30%);
width: 48px;
height: 48px;background: #828082;
}
.dt_profile_side .dt_usr_opts_mnu > a.green_bg {
background: #009688;
box-shadow: 0px 2px 5px rgb(0 150 136 / 30%);
}
.dt_profile_side .dt_usr_opts_mnu > a.green_bg:hover {
box-shadow: 0px 4px 7px rgb(0 150 136 / 40%);
}
.dt_profile_side .dt_usr_opts_mnu > a.red_bg {
background: #ed281a;
box-shadow: 0px 2px 5px rgb(255 51 51 / 30%);
}
.dt_profile_side .dt_usr_opts_mnu > a.red_bg:hover {
box-shadow: 0px 4px 7px rgb(255 51 51 / 40%);
}
.dt_profile_side .dt_usr_opts_mnu > a.yellow_bg {
background: #f49200;
box-shadow: 0px 2px 5px rgb(251 202 40 / 30%);
}
.dt_profile_side .dt_usr_opts_mnu > a.yellow_bg:hover {
box-shadow: 0px 4px 7px rgb(251 202 40 / 40%);
}
.dt_profile_side .dt_usr_opts_mnu > a.blue_bg {
background: #3f51b5;
box-shadow: 0px 2px 5px rgb(63 81 181 / 30%);
}
.dt_profile_side .dt_usr_opts_mnu > a.blue_bg:hover {
box-shadow: 0px 4px 7px rgb(63 81 181 / 40%);
}
.dt_profile_side .dt_usr_opts_mnu > a:hover {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.dt_profile_side .dt_usr_opts_mnu > a svg {
width: 20px;
height: 20px;
margin: 0;
}
.dt_profile_side .dt_usr_opts_mnu .dropdown-content {
width: 100% !important;
border-radius: 10px;
top: 58px !important;
padding: 12px 0;
left: 0 !important;
right: 0 !important;
box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 10%) 0px 8px 10px -6px;
}
.dt_profile_side .dt_usr_opts_mnu .dropdown-content li > a {
color: #676767;
padding: 8px 20px;
font: normal normal 500 16px/32px Montserrat;
}
.dt_profile_side .dt_usr_opts_mnu .dropdown-content li > a svg {
width: 18px;
height: auto;
margin: -1px 0 0;
}
.dt_profile_side_interest {
}
.dt_profile_side_interest > h5 {
font: normal normal 500 18px/32px Montserrat;
}
.dt_intrst_chip_prnt {
margin: 0 -5px;
}
.dt_intrst_chip {
margin: 5px;
height: auto;
border: 1px solid #FCCBF7;
background: transparent;
font: normal normal normal 16px/37px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
border-radius: 2em;
padding: 0 20px;transition: all 0.2s;
}
.dt_intrst_chip:hover, .dt_user_social ul li a:hover, .qd_read_blog_tags li a:hover, .qd_read_blog_share li a:hover {
background: #CC42BD;border-color: #CC42BD;color: #fff;
}
.dt_user_info .info {width: 100%;}
.dt_user_info .info .combo {margin-bottom: 7px;}
.dt_user_info .info h2 {font-size: 30px;margin: 0;font-weight: 500;}
.pro_svg svg {
fill: #e4982a;
width: 20px;
height: 20px;
margin: -4px 6px 0;
}
.dt_user_info .info h2 svg{margin-top: -5px;}
.dt_user_info .info .combo .user_btn{margin-left:auto;opacity:1 !important;visibility:visible !important;}
.dt_user_info .info .combo .dropdown-content{min-width: 130px;}
.dt_user_info .info p {margin: 0;display: inline-flex;vertical-align: middle;}
.dt_user_info .info p svg, .dt_user_likes ul li a svg {width: 26px;height: 26px;margin-right: 3px;border-radius: 50%;margin-bottom: -1px;}
.dt_user_likes {display: inline-block;}
.dt_user_likes ul {margin: 0;}
.dt_user_likes ul li {display: inline-block;margin-left: 13px;}
.dt_user_likes ul li a {color: rgba(0,0,0,0.87);padding: 2px 0;display: inline-flex;align-items: center;}
.dt_user_likes ul li a span{color: #222;margin-right:3px;}
.dt_user_pro_info {padding: 0 0 10px;}
.dt_user_pro_info ul {margin: 0;}
.dt_user_pro_info ul li {display: block;margin: 0 0 10px;text-align: center;}
.dt_user_pro_info ul li:last-child {margin: 0;}
.dt_user_pro_info ul li a:not(.prem) {
position: relative;
display: inline-block;
box-shadow: none;
border-radius: 2em;
text-transform: none;
letter-spacing: 0;
border: 1px solid #FCCBF7;
background: transparent;
color: #D04FC1;
height: 33px;
padding: 0 20px;
font: normal normal 500 16px/32px Montserrat;transition: all 0.2s;
}
.dt_user_pro_info ul li a:not(.prem):hover {
background: #D04FC1;border-color: #D04FC1;color: #fff;
}
.dt_user_pro_info ul.dt_ldl_prof li a {padding: 8px 13px;display: inline-flex;align-items: center;}
.dt_user_pro_info ul.dt_ldl_prof li svg {color: white;width: 38px;height: 38px;border-radius: 50%;padding: 9px;position: relative;top: auto;left: auto;right: auto;margin: 0 8px 0 0;}
.dt_user_pro_info ul.dt_ldl_prof li.like svg {background-color: #ff5722;}
.dt_user_pro_info ul.dt_ldl_prof li.dislike svg {background-color: #afafaf;}
.dt_user_pro_info ul.dt_ldl_prof li span.bold {font-size: 16px;}
.dt_prof_vrfy {margin-bottom: 5px;}
.dt_main_prof_prog .circle-progress {
width: 160px;
height: 170px;
}
.dt_main_prof_prog .circle-progress-circle {
stroke-width: 2px;
stroke: rgb(204 66 189 / 20%);
}
.dt_main_prof_prog .circle-progress-value {
stroke-width: 7px;
stroke-linecap: round;stroke: #CC42BD;
}
.dt_main_prof_prog .circle-progress-text {
font: normal normal 500 16px/15px Montserrat;
fill: rgb(204 66 189 / 50%);
}
.dt_user_social {
border-top: 1px solid #E9E7E9;
margin-top: 25px;
}
.dt_user_social h5 {
font: normal normal 500 18px/32px Montserrat;
}
.dt_user_social ul{
padding: 0;
margin: 0 -4px;
display: flex;
align-items: center;
justify-content: space-between;flex-wrap: wrap;
}
.dt_user_social ul li{margin: 5px 0px;}
.dt_user_social ul li a {
display: flex;
color: #6B696B;
border: 1px solid #FCCBF7;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 4px;
}
.dt_user_social ul li a > svg {
width: 17px;
height: 17px;
}
.dt_user_social ul li a:hover > svg path {
fill: currentColor;
}
.dt_user_social ul li .soc_icon{display: flex;align-items: center;justify-content: center;background-color: #e5e5e5;border-radius: 50%;width: 35px;min-width: 35px;height: 35px;color: #646464;margin-right: 10px;transition: all 0.1s;}
.dt_user_social ul li a:hover .soc_icon{color:#fff;background-color: #747474;}
.dt_user_social ul li.fb a:hover .soc_icon {background-color: #4267b2;}
.dt_user_social ul li.twit a:hover .soc_icon {background-color: #1da1f2;}
.dt_user_social ul li.gplus a:hover .soc_icon {background-color: #2787F5;}
.dt_user_social ul li.insta a:hover .soc_icon {background-color: #D73775;}
.dt_user_social ul li.lin a:hover .soc_icon {background-color: #0073b1;}
.dt_user_social ul li .soc_icon svg{width: 22px;height: 22px;}
.dt_user_social ul li .soc_info p{margin: 0;color: #2f2f2f;font-weight: 500;line-height: normal;font-size: 14px;}
.dt_user_social ul li .soc_info span{font-size: 13px;}
.dt_profile_side_interest+.dt_user_prof_complt {border-top: 1px solid #E9E7E9;
margin-top: 25px;}
.dt_user_prof_complt h5 {font: normal normal 500 18px/32px Montserrat;}
.dt_user_prof_complt h5 span {margin-left: auto;}
.dt_user_prof_complt .progress{background-color: #dfdfdf;border-radius: 3px;margin: 12px 0 20px;}
.dt_user_prof_complt .progress .determinate{background-color: #ef5c88;border-radius: 3px;}
.dt_user_prof_complt .progresss {
text-align: center;
}
.dt_profile_about .row {
display: flex;
}
.dt_profile_about .row .mtc_usrd_slider {
height: 100%;
}
.mtc_usrd_content .mtc_usrd_sidebar.dt_profile_about_side {
padding: 30px;
}
.mtc_usrd_content .mtc_usrd_sidebar.dt_profile_about_side .mtc_usrd_summary, .mtc_usrd_content .mtc_usrd_sidebar.flex_btn .mtc_usrd_summary {
display: flex;
justify-content: space-between;
}
.mtc_usrd_content .mtc_usrd_sidebar.dt_profile_about_side .mtc_usrd_summary .edit, .mtc_usrd_content .mtc_usrd_sidebar.flex_btn .mtc_usrd_summary .edit {
color: #666a76;
width: 38px;
height: 38px;
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
border: 0.5px solid #E2E4E6;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border-radius: 50%;margin: -10px 0 0;transition: all 0.2s;
}
.mtc_usrd_content .mtc_usrd_sidebar.dt_profile_about_side .mtc_usrd_summary .edit:hover, .mtc_usrd_content .mtc_usrd_sidebar.flex_btn .mtc_usrd_summary .edit:hover {
background: rgb(0 0 0 / 5%);
}
.dt_profile_about_info .desc {
font: normal normal normal 14px/24px Montserrat;
letter-spacing: 0px;margin-bottom: 20px;
}
.dt_profile_about_action {
display: flex;
align-items: center;
justify-content: center;
}
.dt_profile_about_action a {
background-color: #FFFFFF;
margin: 0 10px;
color: #686868;
padding: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
border: 0.5px solid #f1f1f1;
border-radius: 24px;
width: 60px;
height: 60px;
display: block;
}
.dt_profile_about_action a.lk_active {
background: #ffd9fb;
animation-fill-mode: both;
animation-duration: 1.3s;
animation-name: heartBeat;
animation-timing-function: ease-in-out;
border-color: #ffc0f8;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.1);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.1);
}
70% {
transform: scale(1);
}
}
.dt_profile_about_action a svg {
transition: all 0.1s;
width: 30px;
height: 30px;
display: block;
margin: 14px auto;
}
.dt_profile_about_action .like a svg {
color: #CC42BD;
}
.dt_profile_about_action a.lk_active svg {
background: transparent !important;
color: #CC42BD;
fill: #CC42BD;
}
.dt_profile_about_action a.dk_active {
background: #565656;border-color: #242424;
animation-fill-mode: both;
animation-duration: 1.3s;
animation-name: heartBeat;
animation-timing-function: ease-in-out;
}
.dt_profile_about_action a.dk_active svg {
background: transparent !important;
color: #fff;
}
.dt_profile_about_action a.dk_active svg path {
fill: currentColor !important;
}
.dt_profile_about_action span.bold {
display: none;
}
.dt_user_about .about_block{
border-top: 1px solid rgb(130 128 130 / 25%);
padding: 25px 0 0;
margin: 60px 0 30px;
}
.dt_user_about .about_block h4 {
margin-top: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
font: normal normal 500 18px/32px Montserrat;
}
.dt_user_about .about_block h4 svg {background-color: #EF5C88;color: #fff;margin: 2px 8px 0 0;width: 20px;height: 20px;border-radius: 50%;padding: 3px;}
.dt_user_about .about_block h4 span{margin-left:auto;}
.dt_user_about .about_block h4 span .edit_link, .dt_user_info .info .combo .user_btn {border-radius: 2em;text-transform: uppercase;font-size: 13px;padding: 1px 12px;display: block;transition: all 0.2s;opacity: 0;visibility: hidden;background: rgb(76 175 80 / 0.2);color: #4CAF50;font-weight: 500;letter-spacing: 0.5px;}
.dt_user_about .about_block h4 span .edit_link:hover, .dt_user_info .info .combo .user_btn:hover {color:#fff;background-color: #4CAF50;}
.dt_user_about .about_block:hover h4 span .edit_link{ opacity:1;visibility:visible;}
.dt_user_about .about_block > .row {
display: flex;
flex-wrap: wrap;
}
.dt_user_about .about_block > .row > .col {
padding-bottom: 30px;
}
.dt_user_about .about_block .dt_profile_info {
height: 100%;
margin: 0;padding: 30px;
}
.dt_user_about .about_block .dt_profile_info h5{
margin: 5px 0 35px;
font: normal normal 500 16px/normal Montserrat;
letter-spacing: 0px;
color: #CC42BD;
}
.dt_user_about .about_block .dt_profile_info .row{margin-bottom:7px;}
.dt_user_about .about_block .dt_profile_info p{
margin: 0;
font: normal normal 500 16px/28px Montserrat;
color: #CC42BD;
}
.dt_user_about .about_block .dt_profile_info p.info_title{color: #433E42;}
.dt_modal_user_list_profile {margin:25px 0 0;}
.dt_modal_user_list_profile li {border-bottom: 1px solid #eee;margin: 0px 0px 10px;padding: 0px 0px 10px;}
.dt_modal_user_list_profile li:last-child {border:0;margin: 0;padding: 0;}
.dt_modal_user_list_profile a {color: #575757;}
.dt_modal_user_list_profile a img{width: 37px;height: 37px;border-radius: 4px;}
.dt_modal_user_vlist_profile {margin:25px 0 0;overflow: hidden;}
.dt_modal_user_vlist_profile li {width: 50%;float: left;box-shadow: 0 0 0 1px #e7e7e7;padding: 20px 10px;}
.dt_modal_user_vlist_profile a {color: #575757;flex-direction: column;overflow: hidden;}
.dt_modal_user_vlist_profile a img{width: 110px;height: 110px;margin: 0 0 10px;border-radius: 4px;object-fit: cover;}
.dt_modal_user_vlist_profile a span{overflow: hidden;white-space: nowrap;display: block;text-overflow: ellipsis;width: 100%;text-align: center;}
.dt_how_to_verfy_alrt {margin: 0 auto 25px;padding: 30px 15px;}
.dt_how_to_verfy_alrt b {
text-align: center;
display: block;
}
.dt_how_to_verfy_alrt b span {
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
background: rgb(3 169 244 / 31%);
text-align: center;
line-height: 65px;
color: #3f51b5;
margin: 0 auto 10px;
}
.dt_how_to_verfy_alrt b svg {
width: 50px;
height: auto;
}
.dt_how_to_verfy_alrt .dt_prof_vrfy {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
/*Home Page*/
.dt_new_home_filter {
background: rgb(255 255 255 / 40%) 0% 0% no-repeat padding-box;
backdrop-filter: blur(18px); margin: 0 0;
border: 0;
box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;
transform: translateY(0);
transform-origin: top;
display: none;
width: 100%;
z-index: 9;
position: relative;
}
.dt_new_home_filter .container {
width: 100%;
max-width: 1460px;
padding: 0 15px;
}
.dt_new_home_filter.actiee {
display: block;
}
.dt_new_home_filter .dt_home_filters_head {
display: flex;
align-items: center;
/*justify-content: space-between;*/padding: 30px 0;
}
.dt_new_home_filter .dt_home_filters_head p {
padding: 0;
font: normal normal normal 16px/32px Montserrat;
border-radius: 0;
box-shadow: none;
background: transparent;
cursor: auto;
}
.dt_new_home_filter .dt_home_filters_head p span {
color: #CC42BD;border-color: #CC42BD;
}
.dt_new_home_filter .dt_home_filters_head .btn {
padding: 0;
background: transparent;
box-shadow: none;
color: inherit;
font: normal normal 500 16px/32px Montserrat;
text-transform: none;margin-left: auto;
flex: 0 0 auto;transition: all 0.2s;border-radius: 2em;
}
.dt_new_home_filter .dt_home_filters_head .btn:hover {
padding: 0 10px;
background: rgb(0 0 0 / 7%);
}
.dt_new_home_filter .dt_home_filters_head .btn svg {
width: 30px;
height: 30px;
background: #fff;
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
border: 0.5px solid #E2E4E6;
border-radius: 50%;
padding: 6px;margin-top: -2px;
}
.dt_new_home_filter .filter_tabs {
background: transparent;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
width: auto;
margin: 0 -10px;
overflow: visible;
white-space: normal;
}
.dt_new_home_filter .filter_tabs .tab {
height: auto;
line-height: normal;
text-transform: none;flex: 1 1 auto;
padding: 0 10px;
}
.dt_new_home_filter .filter_tabs .tab a {
background: #FFFFFF;
border-radius: 15px;
box-shadow: inset 0 -4px 0 #cc42bd;
font: normal normal 500 16px/32px Montserrat;
color: #CC42BD;
padding: 30px;border: 1.5px solid #F6DAF1;
}
.dt_new_home_filter .filter_tabs .tab a:hover {
background: #CC42BD;
color: #FFFFFF;border-color: #CC42BD;
}
.dt_new_home_filter .filter_tabs .tab a.active {
background: #CC42BD;
color: #FFFFFF;border-color: #CC42BD;
position: relative;overflow: visible;
}
.dt_new_home_filter .filter_tabs .tab a.active:after {
content: '';
position: absolute;
width: 11px;
height: 53px;
background: #CC42BD;
left: 50%;
transform: translateX(-50%);
bottom: -40px;
}
.dt_new_home_filter .filter_tabs .indicator {
display: none;
}
.dt_new_home_filter .search_filters {
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 15px;margin: 30px 0 40px;padding: 20px 40px 30px;
}
.dt_new_home_filter .search_filters h5 {
font: normal normal 500 18px/32px Montserrat;
letter-spacing: 0px;
text-transform: uppercase;
}
.dt_new_home_filter .search_filters p {
margin: 0;
font: normal normal 500 16px/32px Montserrat;
}
.dt_new_home_filter .search_filters p label:hover {
color: black;
}
.dt_new_home_filter .search_filters p label [type="checkbox"]+span:not(.lever) {
padding: 0;
}
.dt_new_home_filter .search_filters p label [type="checkbox"].filled-in:checked+span {
color: #c649b8;
font-weight: 500;
}
.dt_new_home_filter .search_filters p label [type="checkbox"]+span:not(.lever)::before {
display: none;
}
.dt_new_home_filter .search_filters p label [type="checkbox"]+span:not(.lever)::after {
display: none;
}
.dt_new_home_filter .search_filters p.range-field {
height: 10px;
border: 1px solid #8c8c8c;
border-top: 0;
border-bottom: 0;
position: relative;
}
.dt_new_home_filter .search_filters p.range-field input[type=range] {
margin: -25px 0px 0;
line-height: 1;
vertical-align: middle;
border: 0;
}
.dt_new_home_filter .search_filters p.range-field .range {
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
top: 100%;
font: normal normal 500 13px/32px Montserrat;
color: #828082;
}
.dt_new_home_filter .search_filters .btn_wrapper {
text-align: center;padding: 10px 0;
}
.dt_new_home_filter .search_filters .btn_wrapper .btn {
border: 1px solid #CC42BD;
border-radius: 30px;
height: auto;
font: normal normal 500 16px/40px Montserrat;
letter-spacing: 0px;
color: #ffffff;
text-transform: none;
background: #CC42BD;
margin: 0 4px;
}
.dt_new_home_filter .search_filters .btn_wrapper .btn:hover {
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
color: #CC42BD;background: #fff;
}
.dt_new_home_filter .search_filters .btn_wrapper .btn.btn-small {
color: #373737;
background: rgb(0 0 0 / 6%);
border-color: rgb(0 0 0 / 6%);
min-width: 100px;
}
.dt_new_home_filter .search_filters .btn_wrapper .btn.btn-small:hover {
background: rgb(0 0 0 / 10%);
}
input[type=range]::-webkit-slider-thumb {
background-color: #CC42BD;
}
input[type=range]::-moz-range-thumb {
background-color: #CC42BD;
}
.dt_new_home_filter .search_filters .dt_hm_filtr_loc > label {border-right: 1px solid #e4e4e4;margin-right: 10px;padding-right: 10px;}
.dt_new_home_filter .search_filters .dt_hm_filtr_loc label b {cursor: pointer;background-color: #e8e8e8;color: #7d7d7d;border-radius: 50%;width: 34px;min-width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;}
.dt_new_home_filter .search_filters .dt_hm_filtr_loc label [type="checkbox"]:checked+b {background-color: #c649b8;color: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.dt_new_home_filter .search_filters .dt_hm_filtr_loc .select-wrapper {width: 100%;}
.find_matches_cont > .row > .col.l3 .dt_sections {margin-bottom: 15px;padding: 0;background: transparent;box-shadow: none;}
.find_matches_cont .home_short_links ul {margin: 0;}
.find_matches_cont .home_short_links .home_usr_link li.divider {margin: 5px 0;}
.find_matches_cont .home_short_links .home_usr_link li a {color: #737373;display: flex;align-items: center;line-height: 1;padding: 6px 6px 8px 1px;height: 34px;font-size: 13px;font-weight: 500;}
.find_matches_cont .home_short_links .home_usr_link li a:hover {color: #3a3a3a;}
.find_matches_cont .home_short_links .home_usr_link li.fnd.active a {color: #2196f3;}
.find_matches_cont .home_short_links .home_usr_link li.mch.active a {color: #8bc34a;}
.find_matches_cont .home_short_links .home_usr_link li.vis.active a {color: #673ab7;}
.find_matches_cont .home_short_links .home_usr_link li.lik.active a {color: #f25e4e;}
.find_matches_cont .home_short_links .home_usr_link li.pli.active a {color: #8BC34A;}
.find_matches_cont .home_short_links .home_usr_link li.dis.active a {color: #f79f58;}
.find_matches_cont .home_short_links .home_usr_link li.active a svg, .find_matches_cont .home_short_links .home_usr_link li a:hover svg {opacity: 1;}
.find_matches_cont .home_short_links .home_usr_link li a svg {margin: auto 14px 0 0;width: 17px;height: 17px;opacity: 0.5;}
.dt_home_pro_usr {display: flex;justify-content: center;width: 100%;flex-direction: column;}
.dt_home_pro_usr h4, .dt_credits > h4.bold {font: normal normal 500 18px/normal Montserrat;margin: 10px 0px 14px;display: flex;align-items: center;}
.dt_home_pro_usr h4 svg, .dt_credits > h4.bold svg {background-color: #EF5C88;color: #fff;margin: 2px 8px 0 0;width: 20px;height: 20px;border-radius: 50%;padding: 3px;}
.dt_home_pro_usr .pro_usrs_container {padding: 5px 0 0px;display: flex;flex-wrap: wrap;}
.dt_home_pro_usr .pro_usrs_container .pro_usr {position: relative;width: 100%;margin-bottom: 15px;}
.dt_home_pro_usr .pro_usrs_container .pro_usr a {display: block;position: relative;color: #444;font-weight: 500;font-size: 14px;}
.dt_home_pro_usr .pro_usrs_container .pro_usr a img {border-radius: 50%;width: 40px;height: 40px;object-fit: cover;vertical-align: middle;margin: -2px 3px 0 0;}
.dt_home_pro_usr .pro_usrs_container .pro_usr a b {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;vertical-align: middle;max-width: calc(100% - 50px);}
.dt_home_pro_usr .pro_usrs_container .add_me a img {z-index: 9}
.dt_home_pro_usr .pro_usrs_container .add_me a .add_icon {position: relative;width: 40px;height: 40px;display: inline-block;text-align: center;background-color: #EF5C88;border-radius: 50%;vertical-align: middle;margin: -2px 3px 0 0;}
.dt_home_pro_usr .pro_usrs_container .add_me a .add_icon:after {background-color: #EF5C88;content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 50%;opacity: .5;z-index: 10}
.dt_home_pro_usr .pro_usrs_container .add_me a .add_icon img {margin: 0;}
.dt_home_pro_usr .pro_usrs_container .add_me a .add_icon svg {position: absolute;left: 0;right: 0;bottom: 0;top: 0;color: #fff;z-index: 11;width: 100%;height: 100%;padding: 6px;}
.dt_home_filters_prnt {position: relative;}
.dt_home_filters {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.dt_home_filters > h5 {
margin: 0;
font: normal normal 500 18px/32px Montserrat;
}
.dt_home_filters_head p {display: inline-block;font-size: 14px;line-height: 40px;margin: 0;border-radius: 2em;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);padding: 0 16px;cursor:pointer;}
.dt_home_filters_head p svg {width: 20px;height: 20px;color: #ef5c88;}
.dt_home_filters_head p span {border-bottom: 1px dashed #000;font-weight: 500;padding: 2px 0px;}
.dt_home_filters .dt_home_filters_head p {
font: normal normal 500 16px/32px Montserrat;
box-shadow: none;
padding: 0;
background: transparent;
transition: all 0.2s;
}
.dt_home_filters .dt_home_filters_head p > span {
background: #000 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, rgb(255 255 255 / 0.8))) 0 0 no-repeat;
background-size: 40px;
color: rgb(255 255 255 / 30%);
-webkit-background-clip: text;
animation-name: shinedd;
animation-duration: 3s;
animation-iteration-count: infinite;
border: 0;
padding: 0;
}
@keyframes shinedd {
0% {
background-position: -100px;
}
100% {
background-position: 100px;
}
}
.dt_home_filters .dt_home_filters_head p:hover {
padding: 0 10px;
background: rgb(0 0 0 / 9%);
}
.dt_home_filters .dt_home_filters_head p svg {
color: #828082;
}
.dt_home_filters .collapsible {border:0;margin:0;box-shadow: none;transform: translateY(0);transform-origin: top;display: block;opacity: 0;visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 99;width: 100%;background: #fff;box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);border-radius: 8px;}
.dt_home_filters .collapsible.actiee {transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;transform: translateY(15px);opacity: 1;visibility: visible;}
.dt_home_filters .collapsible.actiee:after {content: "";position: absolute;top: -23px;width: 20px;height: 12px;left: 12px;border: 12px solid transparent;border-top: 12px solid #fff;box-shadow: -3px -3px 5px rgba(82,95,127,.04);transform: rotate(180deg);}
.dt_home_filters .collapsible > li > .main_fltr_close {position: absolute;right: 20px;top: 20px;background: rgb(0 0 0 / 0.06);box-shadow: none;color: #000;border-radius: 50%;padding: 0;width: 45px;height: 45px;line-height: 1;}
.dt_home_filters .collapsible .collapsible-body{border:0;margin: 0;padding: 20px;}
.dt_home_filters .collapsible .filter_tabs {height: auto;width: auto;overflow: hidden;white-space: normal;line-height: 1;}
.dt_home_filters .collapsible .filter_tabs li {text-transform: none;height: auto;line-height: normal;}
.dt_home_filters .collapsible .filter_tabs li a {line-height: normal;padding: 6.5px 20px;color: #585858;}
.dt_home_filters .collapsible .filter_tabs li a:hover {color: black;}
.dt_home_filters .collapsible .filter_tabs li a.active {color: #ef5c88;background: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);}
.dt_home_filters .collapsible .filter_tabs li.indicator {display: none;}
.dt_home_filters .collapsible .search_filters {padding: 20px 5px 50px;position:relative;}
.dt_home_filters .collapsible .search_filters form h5 { margin: 0 0 15px;font-size: 13px;color: #353535;font-weight: 500;text-transform: uppercase;}
.dt_home_filters .collapsible .search_filters form p {line-height: normal;margin: 3px 0px;}
.dt_home_filters .collapsible .search_filters form p label {font-size: 15px;color: #656565;}
.dt_home_filters .collapsible .search_filters form p label [type="checkbox"]+span:not(.lever) { padding-left: 0;line-height: normal;height: auto;font-size: 12px;}
.dt_home_filters .collapsible .search_filters form p label [type="checkbox"].filled-in:checked+span {color:#c649b8;font-weight: 500;}
.dt_home_filters .collapsible .search_filters form p label [type="checkbox"].filled-in+span:not(.lever):before, .dt_home_filters .collapsible .search_filters form p label [type="checkbox"].filled-in+span:not(.lever):after { display: none;}
.dt_home_filters .collapsible .search_filters form .input-field .select-wrapper input.select-dropdown {background: transparent;border-color: rgba(181, 181, 181, 0.85);height: 2.5rem;line-height: 2.5rem;color: rgba(45, 45, 45, 0.9) !important;}
.dt_home_filters .collapsible .search_filters form .input-field .select-wrapper .caret {fill: rgba(58, 58, 58, 0.9);}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range] {border: 0;height: 2px;}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-webkit-slider-runnable-track {height: 2px;background: #e4e4e4;}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-webkit-slider-thumb {background: #a33596;background-color: #a33596;height: 12px;width: 12px;}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-moz-range-track {height: 2px;background: #e4e4e4;}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range]::-moz-range-thumb {background: #a33596;background-color: #a33596;height: 12px;width: 12px;}
.dt_home_filters .collapsible .search_filters form p.range-field input[type=range]input[type=range]+.thumb {background-color: #3f4242;}
.dt_home_filters .collapsible .search_filters form .input-field {background-color: #f5f5f5;border-radius: 2em;padding: 0 15px;}
.dt_home_filters .collapsible .search_filters form .input-field.col {padding: 0;background: transparent;margin-top: 0;}
.dt_home_filters .collapsible .search_filters form .input-field.col .select-wrapper {background: rgb(0 0 0 / 5%);border-radius: 2em;padding: 0 15px;margin: 0 7px;}
.dt_home_filters .collapsible .search_filters form .input-field input[type=text]:not(.browser-default) {color: #565656;border: 0;height: 29px;font-size: 13px;line-height: 1;}
.dt_home_filters .collapsible .search_filters form .switch label {color: rgba(255, 255, 255, 0.75);}
.dt_home_filters .collapsible .search_filters form p label [type="radio"]:checked+span {color:#fff;}
.dt_home_filters .collapsible .search_filters form p label [type="radio"]:not(:checked)+span, .dt_home_filters .collapsible .search_filters form p label [type="radio"]:checked+span {padding-left: 25px;}
.dt_home_filters .collapsible .search_filters form p label [type="radio"]:not(:checked)+span:before, .dt_home_filters .collapsible .search_filters form p label [type="radio"]:not(:checked)+span:after {border-color: rgba(255, 255, 255, 0.75);}
.dt_home_filters .collapsible .search_filters form p label [type="radio"]:checked+span:after, .dt_home_filters .collapsible .search_filters form p label [type="radio"].with-gap:checked+span:before, .dt_home_filters .collapsible .search_filters form p label [type="radio"].with-gap:checked+span:after {border-color: #fff;}
.dt_home_filters .collapsible .search_filters form p label [type="radio"]:checked+span:after, .dt_home_filters .collapsible .search_filters form p label [type="radio"].with-gap:checked+span:after {background-color: #ffffff;}
.dt_home_filters .collapsible .search_filters form .btn_wrapper {justify-content: flex-end;position: absolute;bottom: 0px;left: 0;right: 0;}
.dt_home_filters .collapsible .search_filters form .btn_wrapper .btn {min-width: 100px;height: 34px;line-height: 20px;font-size: 14px;text-transform: capitalize;border-radius: 6px;background-color: #c649b8;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.dt_home_match_user {margin: 30px 0px;position: relative;}
.dt_home_match_user .mtc_usr_avtr {white-space: nowrap;overflow: hidden;overflow-x: auto;margin: 0 0 20px;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb {position: relative;height: 85px;width: 85px;min-width: 85px;margin: 0 25px 30px 0;border-radius: 100%;background-color: rgba(0,0,0,.07);transition: all .3s ease;display: inline-block;padding: 6px;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb:last-child {margin-left:0;margin-right:0;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb:before {opacity: 1;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 100%;
border: 2.5px solid #dbdbdb;
z-index: -1;
transition: transform .3s ease,opacity .3s ease;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb img {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;/*opacity: .5;*/transition: opacity .3s ease;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:before {border-color: #CC42BD;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive:after { bottom: -53px;
box-shadow: 0px -3px 9px 0 rgb(0 0 0 / 5%);
content: "";
position: absolute;
left: 50%;
width: 69px;
height: 3px;
background: #CC42BD;
z-index: 1;
transform: translateX(-50%);opacity: 0;visibility: hidden;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive img {opacity: 1;}
.dt_home_match_user .mtc_usr_avtr .usr_thumb p {
font: normal normal normal 16px/32px Montserrat;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;margin: 3px 0;
}
.dt_home_match_user .mtc_usr_avtr .usr_thumb.isActive p {
color: #CC42BD;
}
.dt_home_match_user .mtc_usr_details {width: 100%;}
.mtc_usrd_content .mtc_usrd_slider {position: relative;width: 100%;overflow: hidden;}
.dt_home_match_user .mtc_usrd_content .mtc_usrd_slider:before {
content: "";
position: absolute;
left: 8px;
width: 69px;
height: 3px;
background: #CC42BD;
z-index: 1;
}
.mtc_usrd_content .mtc_usrd_slider .carousel {border-radius: 15px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);min-height: 370px;height: 370px !important;background: #ebedf2;}
.mtc_usrd_content .mtc_usrd_slider .carousel .carousel-item {
min-height: 100%;
}
.mtc_usrd_content .mtc_usrd_slider .carousel .changer {z-index: 99;cursor: pointer;display: block;position: absolute;top: 50%;transform: translateY(-50%);line-height: 1;color: white;opacity: 0;transition: all 0.15s;padding: 20px 0;}
.mtc_usrd_content .mtc_usrd_slider .carousel:hover .changer {opacity: 0.5;}
.mtc_usrd_content .mtc_usrd_slider .carousel .changer:hover {opacity: 1;}
.mtc_usrd_content .mtc_usrd_slider .carousel .changer svg {width: 44px;height: 44px;filter: drop-shadow(0px 0px 5px #222);}
.mtc_usrd_content .mtc_usrd_slider .carousel .changer.back {left:0;}
.mtc_usrd_content .mtc_usrd_slider .carousel .changer.next {right:0;}
.mtc_usrd_content .mtc_usrd_slider .carousel img {height: 100%;object-fit: cover;user-select: none;pointer-events: none;}
.mtc_usrd_content .mtc_usrd_slider .carousel .indicators {background: linear-gradient(transparent,rgba(0, 0, 0, 0.3));padding: 20px 0;}
.mtc_usrd_content .mtc_usrd_slider .carousel .indicators .indicator-item {margin: 4px;}
.mtc_usrd_content .mtc_usrd_sidebar {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;flex-direction: column;width: 100%;min-height: 370px;background: #FFFFFF;
border-radius: 15px;padding: 30px 30px 60px;}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary {margin: 0 0 20px;}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 {margin: 0 0 10px;font: normal normal 500 16px/110% Montserrat;color: #CC42BD;position: relative;}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5:before {
content: '';
width: 53px;
height: 11px;
border-radius: 10px;
background: #CC42BD;
position: absolute;
left: -70px;
top: 50%;
transform: translateY(-50%);
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_summary h5 a {color: #CC42BD;}
.mtc_usrd_content .mtc_usrd_sidebar .sidebar_usr_info p {margin: 0;
display: block;
font: normal normal 500 13px/normal Montserrat;
letter-spacing: 0px;
color: #828082;}
.mtc_usrd_content .mtc_usrd_sidebar .sidebar_usr_info span {
font: normal normal 500 16px/32px Montserrat;
display: block;
margin-bottom: 20px;
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions {
z-index: 9;
position: absolute;
bottom: -30px;
left: 0;
right: 0;
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn {
background-color: #FFFFFF;
margin: 10px 10px 0;
color: black;
padding: 0;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
border: 0.5px solid #f1f1f1;
border-radius: 24px;
width: 60px;
height: 60px;
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn.like:hover {
background: #ffd9fb;border-color: #ffc0f8;
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn svg {
transition: all 0.1s;
width: 30px;
height: 30px;
display: block;
margin: auto;
}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn:hover svg {transform: scale(1.14);}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn.like svg {color: #CC42BD;}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn.dislike svg {color: #686868;}
.dt_home_rand_user_hr {
border: 0;
border-top: 1px solid #828082;
opacity: 0.25;
margin: 60px 0 20px;
}
.dt_home_rand_user h4 {font: normal normal 500 18px/32px Montserrat;margin: 0px 0px 14px;display: flex;align-items: center;}
.dt_home_rand_user h4.big {
font: normal normal 600 24px/normal Montserrat;
}
.dt_home_rand_user h4 > div {width: 22px;min-width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: white;background-color: #d475e4;margin: 1px 8px 0 0;}
.dt_ltst_users .dt_home_rand_user .card {margin-bottom: 40px;margin-top: 0;}
.dt_home_rand_user .rand_bottom_bar {display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 -35px;}
.dt_home_rand_user .rand_bottom_bar .btn {margin: 0px 0px 0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 18px;
padding: 0;
color: #686868;
background: #FFFFFF;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
border: 0.5px solid #f1f1f1;}
.dt_home_rand_user .rand_bottom_bar .btn svg {width: 21px;height: 21px;}
.dt_home_rand_user .rand_bottom_bar .btn.like {color: #CC42BD;margin-left: 0;}
.dt_home_rand_user .rand_bottom_bar .btn.liked {
background: #ffd9fb;border-color: #ffc0f8;
}
.find_matches_cont > .row > .col.l3 .dt_lside_extra_menu {display: none;}
.dt_slide_menu {color: #5f5f5f;cursor: pointer;margin-right: 16px;}
.dt_slide_menu svg {margin-top: -4px;}
.sidenav_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;visibility: hidden;opacity: 0;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 9990;transition: all 0.2s ease;}
/*Chat Page*/
@keyframes blink { 50% {opacity: 1;}}
.dt_msg_box {top: 0 !important;bottom: 0;max-width: 700px !important;overflow: hidden;min-width: 425px;width: 45vw; max-height: 85%;}
.dt_msg_box .modal-content {padding:0;position:relative;height: 100%;}
.dt_msg_box .modal-content .msg_list {position:relative;height: 100%;display: none;flex-direction: column;}
.dt_msg_box.open_list .modal-content .msg_list {display: flex;}
.dt_msg_box .msg_header, .dt_msg_box .modal-content .chat_conversations .chat_header {
border-bottom: 1px solid #e6ecf0;
min-height: 80px;
margin: 0 30px;
padding: 10px 0;
}
.dt_msg_box .msg_header h2 {color: #2c2c2c;font: normal normal 600 18px/24px Montserrat;margin: 0;display: inline-flex;align-items: center;flex: 1 1 auto;}
.dt_msg_box .msg_header h2 svg{width: 20px;height: 20px;margin: 2px 5px 0 0;}
.dt_msg_box .msg_header h2 .chat_count {width: 20px;height: 20px;margin-left: 5px;background-color: #9C27B0;color: #fff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-weight: normal;font-size: 12px;margin-top: 2px;}
.dt_msg_box .msg_header .msg_toolbar, .dt_msg_box .modal-content .chat_conversations .chat_toolbar, .dt_msg_box .modal-content .chat_conversations .chat_navigation {align-items: center;display: flex;}
.dt_msg_box .msg_header .msg_toolbar .btn, .dt_msg_box .modal-content .chat_conversations .chat_toolbar .btn, .dt_msg_box .modal-content .chat_conversations .chat_navigation .btn {padding: 0;line-height: 0;height: auto;display: inline-flex;align-items: center;justify-content: center;background-color: white;}
.dt_msg_box .msg_header .msg_toolbar .btn.mark_read {border: 1px solid #9c27b0;color: #9C27B0;border-radius: 2em;font-size: 13px;padding: 5px 15px;text-transform: none;font-weight: 500;letter-spacing: normal;}
.dt_msg_box .msg_header .msg_toolbar .btn.close, .dt_msg_box .modal-content .chat_conversations .chat_toolbar .btn.close, .dt_msg_box .modal-content .chat_conversations .chat_navigation .btn.back {margin-left: 15px;border-radius: 50%;width: 35px;height: 35px;background: transparent;color: #4a4a4a;}
.dt_msg_box .msg_header .msg_toolbar .btn.close, .dt_msg_box .modal-content .chat_conversations .chat_toolbar .btn.close {
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
border: 0.5px solid #E2E4E6;
width: 40px;
height: 40px;background: #fff;
}
.dt_msg_box .msg_header .msg_toolbar .btn.close svg {
width: 19px;
height: 19px;
opacity: 0.5;
}
.dt_msg_box .msg_header .msg_toolbar .btn.mark_read svg {width: 17px;height: 17px;margin-right: 5px;}
.dt_msg_box .msg_header .msg_toolbar .btn.chat_stts_dropd {margin-right: 10px;}
.dt_msg_box .msg_header .msg_toolbar .btn.chat_stts_dropd+.dropdown-content {min-width: 180px;padding: 15px 10px;border-radius: 5px;}
.dt_msg_box .msg_header .msg_toolbar .btn.chat_stts_dropd+.dropdown-content p {margin-top: 0;font-weight: 500;line-height: 18px;}
.dt_msg_box .msg_header .msg_toolbar .btn.chat_stts_dropd+.dropdown-content .chat_change_online label {color: #333333;}
.dt_msg_box .msg_header .msg_toolbar .btn.chat_stts_dropd+.dropdown-content .chat_change_online .lever {margin: 0 5px;}
.dt_msg_box .modal-content .chat_conversations .chat_toolbar > div {position: relative;}
.dt_msg_box .modal-content .chat_conversations .chat_toolbar > div .dropdown-content {min-width: 160px;left: auto !important;top: 0 !important;right: 0;border-radius: 4px;padding: 10px 0;box-shadow: 0 1px 4px rgba(0,0,0,0.25);transform: none !important;}
.dt_msg_box .modal-content .chat_conversations .chat_toolbar > div .dropdown-content li>a {color: rgba(0,0,0,0.87);display: flex;align-items: center;padding: 6px 6px 8px 16px;height: 34px;font-size: 14px;}
.dt_msg_box .modal-content .chat_conversations .chat_toolbar > div .dropdown-content li>a svg {color: #858585;margin: auto 14px 0 0;width: 20px;min-width: 20px;height: 20px;}
.dt_msg_box .msg_container {
display: flex;
flex-direction: column;
flex-grow: 1;
height: calc(100% - 80px);
min-height: auto;
overflow: hidden;
padding: 0 30px;
}
.dt_msg_box .msg_container .m_filters {
justify-content: space-between;border-bottom: 1px solid #e6ecf0;
padding: 15px 0;
}
.dt_msg_box .msg_container .m_filters > div {
display: inline-flex;
align-items: center;
}
.dt_msg_box .msg_container .m_filters p {
margin: 0;
font: normal normal 600 16px/32px Montserrat;
}
.dt_msg_box .msg_container .m_filters .switch label, body .dt_msg_box.open_list .msg_container .chat_filter label, body .dt_msg_box.open_chat .msg_container .chat_filter label {
position: relative;
color: inherit;
display: block;
margin: 0 10px;
}
.dt_msg_box.open_list .msg_container .m_filters .switch .lever, body .dt_msg_box.open_list .msg_container .chat_filter .lever, .dt_msg_box.open_chat .msg_container .m_filters .switch .lever, body .dt_msg_box.open_chat .msg_container .chat_filter .lever {
width: 200px;
box-shadow: 0px 2px 6px rgb(0 0 0 / 5%);
background: #fff;
border-radius: 2em;
margin: 0;
height: 37px;
}
.dt_msg_box.open_list .msg_container .m_filters .switch .lever:before, body .dt_msg_box.open_list .msg_container .chat_filter .lever:before, .dt_msg_box.open_chat .msg_container .m_filters .switch .lever:before, body .dt_msg_box.open_chat .msg_container .chat_filter .lever:before {
width: calc(50% - 8px);
left: 4px;
background: #FCCBF7;
top: 4px;
height: 29px;
border-radius: 2em; transform: none;
}
.dt_msg_box.open_list .msg_container .m_filters .switch .lever:after, body .dt_msg_box.open_list .msg_container .chat_filter .lever:after, .dt_msg_box.open_chat .msg_container .m_filters .switch .lever:after, body .dt_msg_box.open_chat .msg_container .chat_filter .lever:after {
width: calc(50% - 8px);
right: 4px;
left: auto;
background: transparent;
top: 4px;
height: 29px;
border-radius: 2em; transform: none;
}
.dt_msg_box.open_list .msg_container .m_filters .switch input[type=checkbox]:checked+.lever, body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever, .dt_msg_box.open_chat .msg_container .m_filters .switch input[type=checkbox]:checked+.lever, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever {
background: transparent;
}
.dt_msg_box.open_list .msg_container .m_filters .switch input[type=checkbox]:checked+.lever:before, body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever:before, .dt_msg_box.open_chat .msg_container .m_filters .switch input[type=checkbox]:checked+.lever:before, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever:before {
width: calc(50% - 8px);
left: 4px;
background: transparent;
top: 4px;
height: 29px;
border-radius: 2em; transform: none;
}
.dt_msg_box.open_list .msg_container .m_filters .switch input[type=checkbox]:checked+.lever:after, body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever:after, .dt_msg_box.open_chat .msg_container .m_filters .switch input[type=checkbox]:checked+.lever:after, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever:after {
width: calc(50% - 8px);
right: 4px;
left: auto;
background: #FCCBF7;
top: 4px;
height: 29px;
border-radius: 2em; transform: none;
}
.dt_msg_box .msg_container .m_filters .switch b, .dt_msg_box .msg_container .chat_filter b {
position: absolute;
left: 22px;
font: normal normal 600 16px/normal Montserrat;
z-index: 1;
top: 10px;
}
.dt_msg_box .msg_container .m_filters .switch b.last, .dt_msg_box .msg_container .chat_filter b.last {
left: auto;
right: 22px;
}
.dt_msg_box .msg_container .m_filters .mark_read {
background: transparent;
box-shadow: none;
font: normal normal 500 15px/32px Montserrat;
text-transform: capitalize;
letter-spacing: 0;
border-radius: 10px;
word-spacing: 0;
}
.dt_msg_box .msg_container .m_filters .mark_read svg {
width: 20px;
height: auto;
margin-top: -2px;
}
.dt_msg_box .msg_container .m_search {
background: #fff;
height: 48px;
display: flex;
align-items: center;
position: relative;
box-shadow: 0px 2px 6px rgb(0 0 0 / 5%);
border: 1px solid #E9E7E9;
border-radius: 24px;
margin: 20px 0;
}
.dt_msg_box .msg_container .m_search .dt_srch_msg_progress {position: absolute;top: 0;right: 0;left: 0;}
.dt_msg_box .msg_container .m_search .dt_srch_msg_progress .progress {margin: 0;height: 1px;background-color: #e6e6e6;}
.dt_msg_box .msg_container .m_search .dt_srch_msg_progress .progress .indeterminate {background-color: #a33596;}
.dt_msg_box .msg_container .m_search .search_input {position:relative;overflow: hidden;display: flex;flex: 1;}
.dt_msg_box .msg_container .m_search .search_input input {
background: transparent;
border: 0;
box-shadow: none;
margin: 0;
padding: 8px 20px 8px 60px;
color: #222;
overflow: hidden;
flex: 1 100%;
height: 46px;
font: normal normal normal 14px/normal Montserrat;
}
.dt_msg_box .msg_container .m_search .search_input input::placeholder { color: #666666;}
.dt_msg_box .msg_container .m_search .search_input > svg {position: absolute;pointer-events: none;user-select: none;top: 50%;transform: translateY(-50%);color: #666666;left: 20px;width: 20px;
height: 20px;
opacity: 0.5;}
.dt_msg_box .msg_container .m_search .srch_filter {position: absolute;right: 15px;padding: 6px 0;}
.dt_msg_box .msg_container .m_search .srch_filter .btn {height: 33px;padding: 0;width: 33px;background: transparent;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.dt_msg_box .msg_container .chat_filter {color: #363636;cursor: pointer;}
body .dt_msg_box.open_list .msg_container .chat_filter .lever, body .dt_msg_box.open_chat .msg_container .chat_filter .lever {
width: 170px;
background: #CC42BD;height: 46px;
}
.dt_msg_box .msg_container .chat_filter b.last {
color: #fff;
}
body .dt_msg_box.open_list .msg_container .chat_filter label, body .dt_msg_box.open_chat .msg_container .chat_filter label {
margin: 0;
}
body .dt_msg_box.open_list .msg_container .chat_filter .lever:before, body .dt_msg_box.open_chat .msg_container .chat_filter .lever:before {
height: 38px;
}
body .dt_msg_box.open_list .msg_container .chat_filter .lever:after, body .dt_msg_box.open_chat .msg_container .chat_filter .lever:after {
height: 38px;
}
body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever {
background: #CC42BD;
}
body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever:before, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever:before {
height: 38px;
}
body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever:after, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever:after {
height: 38px;
}
.dt_msg_box .msg_container .chat_filter b {
left: 30px;
top: 14px;
}
.dt_msg_box .msg_container .chat_filter b.last {
right: 15px;
}
body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever+b, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever+b {
color: #fff;
}
body .dt_msg_box.open_list .msg_container .chat_filter input[type=checkbox]:checked+.lever+b+b.last, body .dt_msg_box.open_chat .msg_container .chat_filter input[type=checkbox]:checked+.lever+b+b.last {
color: inherit;
}
.dt_msg_box .modal-content .msg_list label input[type=checkbox]:checked+.lever {background-color: rgba(156, 39, 176, 0.4);}
.dt_msg_box .modal-content .msg_list label input[type=checkbox]:checked+.lever:after {background-color: #CC42BD;}
.dt_msg_box .modal-content .msg_list label input[type=checkbox]:checked+.lever:before, .dt_msg_box .modal-content .msg_list label input[type=checkbox]:checked+.lever:after {left: 25px;}
.dt_msg_box .msg_container button.msg_requests {background: transparent;position: relative;height: auto;letter-spacing: normal;text-transform: none;margin: 0 5px;
padding: 0;
font: normal normal 500 15px/32px Montserrat;}
.dt_msg_box .msg_container button.msg_requests:before {content: '';position: absolute;background: #e6ecf0;height: 1px;bottom: 0;left: 0;right: 0;z-index: -1;}
.dt_msg_box .msg_container button.msg_requests span {width: 50%;display: inline-block;float: left;border-bottom: 1px solid #e6ecf0;padding: 5px 0;}
.dt_msg_box .msg_container button.msg_requests span:hover {background-color: #f8f8f8;}
.dt_msg_box .msg_container button.msg_requests span.active {border-color: #CC42BD;}
.dt_msg_box .msg_container .m_body {background-color: #fff;display: flex;flex-direction: column;flex: 1 1 auto;overflow: hidden;position: relative;}
.dt_msg_box .msg_container .m_body .m_body_content {max-height: 100%;min-height: 100%;position: absolute;width: 100%;overflow-y: auto;}
.dt_msg_box .msg_container .m_body .m_conversation {margin: 0;width: 100%;padding: 0;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item {
cursor: pointer;
display: block;
min-height: 75px;
padding: 15px;
padding-left: 77px;
position: relative;
transition: all 0.2s ease;
box-shadow: 0px 2px 7px rgb(0 0 0 / 10%);
border-radius: 10px;
margin: 20px 5px;
}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item:hover {background-color: #f5f8fa;text-decoration: none;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_avatar {height: 44px;left: 15px;position: absolute;top: 15px;width: 44px;border-radius: 50%;background-color: #e1e1e1;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_avatar .online_dot {width: 14px;height: 14px;background-color: #4CAF50;border-radius: 50%;position: absolute;bottom: 0;right: 0;border: 2.5px solid #fff;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_name {display: inline-block;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_name span {color: #262626;font: normal normal 600 16px/normal Montserrat;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_name span svg {margin: 0 3px;margin-top: -4px;fill: coral;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_name svg { width: 17px;height: 17px;margin-top: -3px;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_time {white-space: nowrap;
font: normal normal 500 14px/normal Montserrat;
letter-spacing: 0px;
color: #312F31;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_msg {font-size: 14px;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item .m_c_item_snippet {
margin: 0;
color: #657786;
max-height: 40px;
overflow: hidden;
position: relative;
word-wrap: break-word;
font: normal normal normal 14px/20px Montserrat;
}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active { background-color: rgba(156, 39, 176, 0.08);}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active .m_c_item_name {font-weight: 500;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active .m_c_item_time {color: #9C27B0;font-weight: 500;}
.dt_msg_box .msg_container .m_body .m_conversation .m_con_item.active .m_c_item_snippet {color:#444;}
.dt_msg_box .modal-content .msg_chat {height: 100%;position: relative;}
.dt_msg_box .modal-content .msg_chat .chat_conversations {display: flex;flex-direction: column; height: 100%;position: relative;}
.dt_msg_box .modal-content .dt_chat_lod_more {border: 0;width: 100%;box-shadow: none;background: transparent;color: #3a3a3a;line-height: 31px;height: 31px;text-transform: capitalize;font-weight: 500;display: block;position: absolute;top: 80px;right: 0;}
.dt_msg_box .modal-content .chat_conversations .chat_header {
display: flex;
align-items: center;
background: #E9E7E9;
margin: 0;
padding: 10px;
}
.dt_msg_box .modal-content .chat_conversations .chat_navigation .btn.back { margin: 0 10px 0 0;}
.dt_msg_box .modal-content .chat_conversations .chat_participant {display: flex;align-items: center;flex: 1;}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_avatar {margin-right: 12px;width: 40px;min-width: 40px;height: 40px;border-radius: 100%;overflow: hidden;}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_avatar img {border-radius: 100%;width: 100%;height: 100%;object-fit: cover;border: 0.5px solid #A8ACB7;}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name span.name { font: normal normal 500 18px/normal Montserrat;
color: #312F31;}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name span.last_seen {
display: block;
font: normal normal normal 12px/15px Montserrat;
}
.dt_msg_box .modal-content .chat_conversations .chat_container {display: flex;flex-direction: column;flex-grow: 1;height: calc(100% - 80px);min-height: auto;overflow: hidden;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body { background-color: #fff;display: flex;flex-direction: column;flex: 1 1 auto;overflow: hidden;position: relative;justify-content: flex-end;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content {max-height: 100%;overflow: hidden;overflow-y: auto;padding: 15px;position: relative;background-color: white;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .unread_msg_line { border-bottom: none;font-weight: 500;letter-spacing: .05px;user-select: none;font-size: 12px;color: #a33595;margin: 0px 0 12px;position: relative;overflow: hidden;text-align: center;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .unread_msg_line:after, .dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .unread_msg_line:before {content: '';border-bottom: none;overflow: hidden;position: absolute;z-index: 3;width: 50%;top: 50%;border-top: 1px solid rgba(0,0,0,.1);}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .unread_msg_line:before {margin-left: calc(-50% - 10px);}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages {margin-bottom: 10px;overflow: hidden;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .typing {position: relative;padding: 11.8px 12px !important;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .typing span {height: 10px;width: 10px;float: left;margin: 0 2px;background-color: #787878;display: block;border-radius: 50%;opacity: 0.4;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .typing span:nth-of-type(1) {-webkit-animation: 1s blink infinite 0.3333s;animation: 1s blink infinite 0.3333s;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .typing span:nth-of-type(2) {-webkit-animation: 1s blink infinite 0.6666s;animation: 1s blink infinite 0.6666s;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .typing span:nth-of-type(3) {-webkit-animation: 1s blink infinite 0.9999s;animation: 1s blink infinite 0.9999s;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_r_combo {position: relative;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_r_combo .m_avatar {height: 28px;
width: 28px;
overflow: hidden;
border-radius: 50%;
position: absolute;
bottom: 4px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_r_combo .m_avatar img {border-radius: 50%;width: 100%;height: 100%;object-fit: cover;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_r_combo .m_msg_part {overflow: hidden;margin-left: 40px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo {position: relative;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo .m_msg_part { overflow: hidden;margin-right: 24px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo .seen {position: absolute;bottom: 2px;right: 2px;width: 17px;height: 17px;overflow: hidden;line-height: 1;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo .seen svg {width: 17px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .msg_s_combo .seen svg path {fill: #CC42BD;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message {display: block;
margin-bottom: 5px;
clear: both;
padding: 9px 18px;
border-radius: 16px;
max-width: 70%;
font: normal normal normal 16px/1.4 Helvetica;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--received .message {float: left;background-color: #E9E7E9;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--received .message:first-child {border-top-left-radius: 16px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--received .message:last-child {border-bottom-left-radius: 16px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--sent .message {float: right;background-color: #FCCBF7;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--sent .message:first-child {border-top-right-radius: 16px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages--sent .message:last-child {border-bottom-right-radius: 16px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.sticker {padding: 4px;background: transparent;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.sticker img {width: 120px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.image { padding: 0px;background: transparent;border-radius: 5px !important;overflow: hidden;line-height: unset;height: 100%;width: 100%;display: flex;max-width: 55%;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_body .chat_body_content .messages .message.image img {width: 100%;height: 100%;object-fit: cover;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot { flex-shrink: 0;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg {margin: 10px 0;text-align: center;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn {background-color: white;border-radius: 2em;letter-spacing: normal;text-transform: none;font-weight: 500;margin: 0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn.acc_msg {color: #2ea833;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn.dec_msg {color: #F44336;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .dt_acc_dec_msg .btn svg {width: 20px;height: 20px;margin-top: -2px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_text {
width: 100%;
padding: 13px 26px;
height: 70px;
position: relative;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px -2px 3px rgb(0 0 0 / 7%);
}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_attach {line-height: 1;margin-right: 13px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_attach span {color: #666a76;cursor: pointer;margin-left: 4px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea {position: relative;flex: 1;max-width: calc(100% - 50px);}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea {background: #E9E7E9;
border: 0;
resize: none;
border-radius: 2em 0 0 2em;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea .emojionearea-editor {padding: 10px 0px;margin: 0 40px 0 15px;box-shadow: none;border-radius: 0;height: 44px;background: transparent;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea .emojionearea-editor:empty:before {
color: currentColor;
}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea .emojionearea-button {
left: auto;right: 8px;
}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .emojionearea .emojionearea-button>div.emojionearea-button-open {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpath id='Path_9713' data-name='Path 9713' d='M3311,14633a10,10,0,1,1,10-10A10.016,10.016,0,0,1,3311,14633Zm-4-9a3.785,3.785,0,0,0,1.17,2.8,3.937,3.937,0,0,0,5.66,0,3.785,3.785,0,0,0,1.17-2.8Zm0-2a1.906,1.906,0,0,0,1.06-.4,1.594,1.594,0,0,0,0-2.2,1.6,1.6,0,0,0-2.12,0,1.594,1.594,0,0,0,0,2.2A1.906,1.906,0,0,0,3307,14622Zm8,0a1.906,1.906,0,0,0,1.06-.4,1.594,1.594,0,0,0,0-2.2,1.6,1.6,0,0,0-2.12,0,1.594,1.594,0,0,0,0,2.2A1.906,1.906,0,0,0,3315,14622Z' transform='translate(-3301 -14613)' fill='%23cc42bd'/%3e%3c/svg%3e") !important;
background-position: center;
background-repeat: no-repeat;
}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .chat_f_write {height: 44px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_textarea .chat_f_write textarea {box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);background: #fff;border: 0;resize: none;border-radius: 2em;height: 50px;padding: 9px 40px 5px 40px;font-size: 16px;white-space: nowrap;overflow: hidden;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send {position: relative;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send .btn-floating {
width: 44px;
height: 44px;
line-height: 44px;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
background: #a33596;
border-radius: 0 50% 50% 0;
border: 0;
}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send .btn-floating svg {width: 20px;height: 20px;margin-left: 2px;}
.dt_msg_box .modal-content .chat_conversations .chat_container .chat_foot .chat_f_send .lds-facebook {transform: scale(0.625);top: -6px;}
#stiker_box{max-width: 700px;width: 100%;margin: 0 auto;height: 100%;}
#stiker_box .modal-content {padding: 20px;}
#stiker_box .modal-content h5 {font-size: 16px;font-weight: 500;margin: 0px 0px 14px;display: flex;align-items: center;}
#stiker_box .modal-content h5 > div {width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: white;background-color: #8bc34a;margin: 1px 8px 0 0;}
#stiker_box .stiker_imgprogress, .dt_msg_box .modal-content .chat_message_upload_media_imgprogress {position: absolute;top: 0;right: 0;left: 0;}
#stiker_box .stiker_imgprogress .progress, .dt_msg_box .modal-content .chat_message_upload_media_imgprogress .progress {margin: 0;background-color: #dadada;border-radius: 0;height: 3px;}
#stiker_box .stiker_imgprogress .progress .determinate, .dt_msg_box .modal-content .chat_message_upload_media_imgprogress .progress .determinate {background-color: #a33596;}
#stikerlist img{display: inline-block;width: 20%;height: 130px;cursor: pointer;padding: 5px;object-fit: cover;border-radius: 10px;transition: all 0.1s;}
#stikerlist img:hover {border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.dt_msg_box .modal-content .chat_message_upload_media_imgprogress .progress {background-color: #f5f5f5;height: 2px;}
#stikerlist hr {border: 1px solid #ddd;margin: 15px 0;}
#stikerlist p {text-align: center;}
#stikerlist .dt_stk_buy_btn {text-align: center;}
#stikerlist .dt_stk_buy_btn .btn {min-width: 100px;height: 34px;line-height: 16px;font-size: 14px;text-transform: capitalize;border-radius: 6px;background-color: #c649b8;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);color: white;display: inline-flex;align-items: center;margin: 0 8px;}
#stikerlist .dt_stk_buy_btn .btn.prem {background-color: #FF9800;background: linear-gradient(-90deg, #efb34e 0%, #e4982a 45%, #e4982a 55%, #efb34e 100%);background-size: 300% 300%;animation: skel_animation 1.7s ease infinite;}
@keyframes skel_animation {
0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}
}
/*Credits*/
.dt_credits {padding: 20px;margin-bottom: 30px;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;}
.dt_credits.transparent {
background: transparent;
padding: 0;
box-shadow: none;
border-radius: 0;
}
.dt_credits > h4.bold {margin: 0 0 10px;}
.qd_cred_bl {
position: relative;
color: #ffffff;
width: 100%;
max-width: 550px;
margin: 80px auto 30px;
}
.qd_cred_bl > div {
position: relative;
z-index: 1;
background: rgb(235,154,226);
background: linear-gradient(145deg, rgba(235,154,226,1) 0%, rgba(204,66,189,1) 100%);
padding: 45px;
width: 100%;
height: 100%;
border-radius: 15px;
overflow: hidden;
}
.qd_cred_bl:after, .qd_cred_bl:before {
background: rgb(207 73 192 / 20%);
content: "";
position: absolute;
top: -40px;
left: -25px;
right: -25px;
bottom: 50px;
border-radius: 15px;
}
.qd_cred_bl:after {
left: -50px;
right: -50px;
top: 20px;
bottom: 25px;
}
.qd_cred_bl b {margin: 0 0 30px;font-weight: 500;font-size: 16px;font: normal normal 500 24px/32px Montserrat;display: block;}
.qd_cred_bl h2 {margin: 0;position: relative;font-size: 28px;line-height: normal;}
.qd_cred_bl h2 span {font: normal normal bold 55px/normal Montserrat;}
.qd_cred_bl p {margin: 30px 0 0;font-weight: 500;font-size: 16px;font: normal normal normal 20px/32px Montserrat;}
.qd_cred_bl .btn {
margin: 20px 0 0;
background: #FFFFFF;
box-shadow: none;
font: normal normal normal 18px/46px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
height: auto;
text-transform: capitalize;
padding: 0 20px;
border: 2px solid #fff;
transition: all 0.2s;
}
.qd_cred_bl .btn:hover {
box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 10%) 0px 2px 4px -2px;
color: #fff;
background: transparent;
}
.qd_cred_bl svg {
position: absolute;
top: -30px;
right: -30px;
pointer-events: none;
}
.daily_tribute p {
font: normal normal normal 16px/32px Montserrat;
}
.credit_bln {width: 320px;height: 170px;margin: 50px auto 40px;background-color: #607D8B;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);border-radius: 7px;position:relative;color:#fff;}
.credit_bln:after, .credit_bln:before {background: rgba(96, 125, 139, 0.4);content: "";position: absolute;top: -15px;left: 15px;right: 15px;height: 15px;border-radius: 7px 7px 0 0;}
.credit_bln:after {left: 30px;right: 30px;top: -30px;height: 30px;}
.credit_bln > div { position:relative;overflow:hidden;width:100%;height: 100%;padding: 15px;}
.credit_bln svg {position:absolute;opacity: 0.3;right: -40px;bottom: -35px;width: 130px;}
.credit_bln h2 {font-size: 23px;margin: 0 0 10px;line-height: 31px;}
.credit_bln p {font-size: 17px;margin: 25px 0px;}
.credit_bln p span {font-weight: 700;font-size: 40px;vertical-align: text-top;}
.credit_ftr {
position: relative;
margin-top: 40px;
}
.credit_ftr > svg {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 40px;
max-width: calc(100% - 70px);
}
.credit_ftr > .col:nth-child(3) {
margin-top: 77px;
}
.credit_ftr > .col:nth-child(5) {
margin-top: 77px;
}
.credit_ftr > .col:nth-child(7) {
margin-top: 77px;
}
.credit_ftr .ico {
width: 100px;
height: 100px;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: auto;position: relative;z-index: 1
}
.credit_ftr .ico.boost {
background: #24D1F6;
}
.credit_ftr .ico.gift {
background: #FC930A;
}
.credit_ftr .ico.discover {
background: #01E6C5;
}
.credit_ftr .ico.search {
background: #8C4FE6;
}
.credit_ftr .ico.sticker {
background: #1476FB;
}
.credit_ftr .ico.friendship {
background: #F85522;
}
.credit_ftr p {
font: normal normal 600 18px/26px Montserrat;
text-align: center;position: relative;z-index: 1
}
.dt_credits.buy_credit h4 {
margin: 30px 0 40px;
}
.credit_pln .dt_plans { display:flex;align-items:center;margin: 0 -10px;}
.credit_pln p { flex: 1;text-align:center;position:relative;padding: 0 10px;}
.credit_pln p label {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
border-radius: 15px;
width: 100%;
margin: 50px auto 0;
padding: 60px 20px;
max-width: 250px;
position: relative;
}
.credit_pln p label.plan_1 {
background: transparent linear-gradient(311deg, #02d1be 0%, #61e6a4 100%) 0% 0% no-repeat padding-box;
}
.credit_pln p label.plan_2 {
background: transparent linear-gradient(305deg, #2639E6 0%, #A098EC 100%) 0% 0% no-repeat padding-box;
}
.credit_pln p label.plan_3 {
background: transparent linear-gradient(305deg, #9135FA 0%, #E894FF 100%) 0% 0% no-repeat padding-box;
}
.credit_pln p label.plan_1:before, .credit_pln p label.plan_1:after {
background: transparent linear-gradient(311deg, #02D1BD 0%, #92F196 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
z-index: -1;
opacity: 0.3;
}
.credit_pln p label.plan_1:after {
left: 40px;
right: 40px;
top: -40px;
}
.credit_pln p label.plan_2:before, .credit_pln p label.plan_2:after {
background: transparent linear-gradient(305deg, #2639E6 0%, #A098EC 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
z-index: -1;
opacity: 0.3;
}
.credit_pln p label.plan_2:after {
left: 40px;
right: 40px;
top: -40px;
}
.credit_pln p label.plan_3:before, .credit_pln p label.plan_3:after {
background: transparent linear-gradient(305deg, #9135FA 0%, #E894FF 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
z-index: -1;
opacity: 0.3;
}
.credit_pln p label.plan_3:after {
left: 40px;
right: 40px;
top: -40px;
}
.credit_pln p input[type="radio"]:checked ~ label.plan_1 {background: linear-gradient(45deg, #4caf50, #009688);}
.credit_pln p input[type="radio"]:checked ~ label.plan_2 {background: linear-gradient(45deg, #0992f3, #0976f3);}
.credit_pln p input[type="radio"]:checked ~ label.plan_3 {background: linear-gradient(45deg, #bc37e0, #9135fa);}
.credit_pln p label span.title {
font: normal normal 500 24px/32px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.credit_pln p label b {display: flex;
align-items: center;
font: normal normal bold 52px/32px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;margin: 30px 0;}
.credit_pln p label b svg {margin: 0 10px 0 0;}
.credit_pln p label img {
user-select: none;
pointer-events: none;
position: absolute;
mix-blend-mode: overlay;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
}
.credit_pln p label span.amount {
width: 100%;
font: normal normal 500 20px/32px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.credit_pln .pay_using, .dt_premium .pay_using {transform: scaleY(1) scaleX(1) translateY(0px);opacity: 1;visibility:visible;transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);}
.credit_pln .pay_using.hidden { opacity: 0;visibility:hidden;display: none;transform: scaleY(0.4) scaleX(0.4);transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);}
.credit_pln .pay_using p, .dt_premium .pay_using p {margin: 30px 0px 10px;}
.credit_pln .pay_using .pay_u_btns, .dt_premium .pay_using .pay_u_btns {justify-content: center;flex-wrap: wrap;}
.credit_pln .pay_using .pay_u_btns .btn, .dt_premium .pay_using .pay_u_btns .btn{margin: 0 5px 10px;border-radius: 3px;background-color: #686868;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);height: 40px;line-height: 1;padding: 0 14px;font-size: 15px;font-weight: 500;letter-spacing: .025em;transition: all .2s;display: flex;border: 2px solid #686868;position: relative;}
.credit_pln .pay_using .pay_u_btns .btn svg, .dt_premium .pay_using .pay_u_btns .btn svg{margin-left:7px;width:22px;height:22px;}
.credit_pln .pay_using .pay_u_btns .btn.paypal, .dt_premium .pay_using .pay_u_btns .btn.paypal {background: #0070ba;border-color: #0070ba;}
.credit_pln .pay_using .pay_u_btns .btn.stripe, .dt_premium .pay_using .pay_u_btns .btn.stripe {background: #6772e5;border-color: #6772e5;}
.credit_pln .pay_using .pay_u_btns .btn.bank, .dt_premium .pay_using .pay_u_btns .btn.bank {background: #ff4886;border-color: #ff4886;}
.credit_pln .pay_using .pay_u_btns .btn.sms, .dt_premium .pay_using .pay_u_btns .btn.sms {background: #4caf50;border-color: #4caf50;}
.credit_pln .pay_using .pay_u_btns .btn.cashfree, .dt_premium .pay_using .pay_u_btns .btn.cashfree {background: #7966A8;border-color: #7966A8;}
.credit_pln .pay_using .pay_u_btns .btn.iyzipay, .dt_premium .pay_using .pay_u_btns .btn.iyzipay {background: #1E64FF;border-color: #1E64FF;}
.credit_pln .pay_using .pay_u_btns .btn.paystack, .dt_premium .pay_using .pay_u_btns .btn.paystack {background: #00C3F7;border-color: #00C3F7;}
.credit_pln .pay_using .pay_u_btns .btn.authorize, .dt_premium .pay_using .pay_u_btns .btn.authorize {background: #213241;border-color: #213241;}
.credit_pln .pay_using .pay_u_btns .btn.securionpay, .dt_premium .pay_using .pay_u_btns .btn.securionpay {background: #0085CA;border-color: #0085CA;}
.credit_pln .pay_using .pay_u_btns .btn.twoco, .dt_premium .pay_using .pay_u_btns .btn.twoco {background: #11CA79;border-color: #11CA79;}
.credit_pln .pay_using .pay_u_btns .btn.payu, .dt_premium .pay_using .pay_u_btns .btn.payu {background: #B3D234;border-color: #B3D234;}
.credit_pln .pay_using .pay_u_btns .btn.coinbase, .dt_premium .pay_using .pay_u_btns .btn.coinbase {background: #0052ff;border-color: #0052ff;}
.credit_pln .pay_using .pay_u_btns .btn.yoomoney, .dt_premium .pay_using .pay_u_btns .btn.yoomoney {background: #8b3ffd;border-color: #8b3ffd;}
.credit_pln .pay_using .pay_u_btns .btn.razorpay, .dt_premium .pay_using .pay_u_btns .btn.razorpay {background: #3395FF;border-color: #3395FF;}
.credit_pln .pay_using .pay_u_btns .btn.fortumo, .dt_premium .pay_using .pay_u_btns .btn.fortumo {background: #ef172f;border-color: #ef172f;}
.credit_pln .pay_using .pay_u_btns .btn.coinpayments, .dt_premium .pay_using .pay_u_btns .btn.coinpayments {background: #1C60DD;border-color: #1C60DD;}
.credit_pln .pay_using .pay_u_btns .btn.ngenius_payment, .dt_premium .pay_using .pay_u_btns .btn.ngenius_payment {background: #E12E56;border-color: #E12E56;}
.credit_pln .pay_using .pay_u_btns .btn.aamarpay_payment, .dt_premium .pay_using .pay_u_btns .btn.aamarpay_payment {background: #fe9900;border-color: #fe9900;}
.credit_pln .pay_using .pay_u_btns .btn:hover, .dt_premium .pay_using .pay_u_btns .btn:hover {color: #686868;background: #fff;box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);transition: all .2s;}
.credit_pln .pay_using .pay_u_btns .btn.paypal:hover, .dt_premium .pay_using .pay_u_btns .btn.paypal:hover {color: #0070ba;}
.credit_pln .pay_using .pay_u_btns .btn.stripe:hover, .dt_premium .pay_using .pay_u_btns .btn.stripe:hover {color: #6772e5;}
.credit_pln .pay_using .pay_u_btns .btn.bank:hover, .dt_premium .pay_using .pay_u_btns .btn.bank:hover {color: #ff4886;}
.credit_pln .pay_using .pay_u_btns .btn.sms:hover, .dt_premium .pay_using .pay_u_btns .btn.sms:hover {color: #4caf50;}
.credit_pln .pay_using .pay_u_btns .btn.cashfree:hover, .dt_premium .pay_using .pay_u_btns .btn.cashfree:hover {color: #7966A8;}
.credit_pln .pay_using .pay_u_btns .btn.iyzipay:hover, .dt_premium .pay_using .pay_u_btns .btn.iyzipay:hover {color: #1E64FF;}
.credit_pln .pay_using .pay_u_btns .btn.paystack:hover, .dt_premium .pay_using .pay_u_btns .btn.paystack:hover {color: #00C3F7;}
.credit_pln .pay_using .pay_u_btns .btn.authorize:hover, .dt_premium .pay_using .pay_u_btns .btn.authorize:hover {color: #213241;}
.credit_pln .pay_using .pay_u_btns .btn.securionpay:hover, .dt_premium .pay_using .pay_u_btns .btn.securionpay:hover {color: #0085CA;}
.credit_pln .pay_using .pay_u_btns .btn.twoco:hover, .dt_premium .pay_using .pay_u_btns .btn.twoco:hover {color: #11CA79;}
.credit_pln .pay_using .pay_u_btns .btn.payu:hover, .dt_premium .pay_using .pay_u_btns .btn.payu:hover {color: #B3D234;}
.credit_pln .pay_using .pay_u_btns .btn.coinbase:hover, .dt_premium .pay_using .pay_u_btns .btn.coinbase:hover {color: #0052ff;}
.credit_pln .pay_using .pay_u_btns .btn.yoomoney:hover, .dt_premium .pay_using .pay_u_btns .btn.yoomoney:hover {color: #8b3ffd;}
.credit_pln .pay_using .pay_u_btns .btn.razorpay:hover, .dt_premium .pay_using .pay_u_btns .btn.razorpay:hover {color: #3395FF;}
.credit_pln .pay_using .pay_u_btns .btn.fortumo:hover, .dt_premium .pay_using .pay_u_btns .btn.fortumo:hover {color: #ef172f;}
.credit_pln .pay_using .pay_u_btns .btn.coinpayments:hover, .dt_premium .pay_using .pay_u_btns .btn.coinpayments:hover {color: #1C60DD;}
.credit_pln .pay_using .pay_u_btns .btn.ngenius_payment:hover, .dt_premium .pay_using .pay_u_btns .btn.ngenius_payment:hover {color: #E12E56;}
.credit_pln .pay_using .pay_u_btns .btn.aamarpay_payment:hover, .dt_premium .pay_using .pay_u_btns .btn.aamarpay_payment:hover {color: #fe9900;}
.credit_pln .pay_using .pay_u_btns .btn.disabled, .dt_premium .pay_using .pay_u_btns .btn.disabled {border-color: #DFDFDF;box-shadow: none;}
.credit_pln .pay_using .pay_u_btns .btn.disabled span, .dt_premium .pay_using .pay_u_btns .btn.disabled span, .credit_pln .pay_using .pay_u_btns .btn.disabled svg:not(.spinner), .dt_premium .pay_using .pay_u_btns .btn.disabled svg:not(.spinner) {opacity: 0;}
.credit_pln .pay_using .pay_u_btns .btn .spinner, .dt_premium .pay_using .pay_u_btns .btn .spinner {margin: 0;position: absolute;left: 45px;}
.credit_pln .pay_using .pay_u_btns .btn.disabled .spinner, .dt_premium .pay_using .pay_u_btns .btn.disabled .spinner {opacity: 1;visibility: visible;}
/*Loader SVG*/
.spinner {animation: rotator 1.7s linear infinite;width: 27px;opacity: 0;visibility: hidden}
.spinner.show {opacity: 1;visibility: visible;}
.spinner__path {stroke-dasharray: 187;stroke-dashoffset: 0;transform-origin: center;animation: dash 1.7s ease-in-out infinite;stroke: #5c6062}
@keyframes rotator {
0% {-webkit-transform: rotate(0);transform: rotate(0)}
to {-webkit-transform: rotate(270deg);transform: rotate(270deg)}
}
@keyframes dash {
0% {stroke-dashoffset: 187}
50% {stroke-dashoffset: 46.75;-webkit-transform: rotate(135deg);transform: rotate(135deg)}
to {stroke-dashoffset: 187;-webkit-transform: rotate(450deg);transform: rotate(450deg)}
}
/*Premium*/
.dt_go_pro {
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;
margin: 0 0 60px;padding: 40px;
}
.dt_go_pro .dt_p_head h2 {
font: normal normal 600 24px/32px Montserrat;
margin: 0 0 5px;
}
.dt_go_pro .dt_p_head p {
margin: 0;
font: normal normal normal 16px/32px Montserrat;
}
.dt_go_pro_plan {
background: #F6F6F6 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 4px rgb(0 0 0 / 13%);
border: 1px solid #F1F1F1;
display: block;
border-radius: 15px;
padding: 15px 20px;color: inherit;
transition: all 0.2s;margin: 0 0 30px;cursor: pointer;
}
.dt_go_pro_plan:hover {
transform: translateY(-5px);
}
.dt_go_pro_plan .plan {
position: relative;
}
.dt_go_pro_plan input:checked+.plan {
margin: -15px -20px;
padding: 15px 20px;
box-shadow: inset 0 0 0 4px #4caf50;
border-radius: 15px;
}
.dt_go_pro_plan .plan .special_badge {
position: absolute;
background: #CC42BD 0% 0% no-repeat padding-box;
border-radius: 30px;
font: normal normal 500 16px/38px Montserrat;
padding: 0 16px;
min-width: 103px;
text-align: center;
left: 50%;
transform: translateX(-50%);
top: -26px;
}
.dt_go_pro_plan .head {
flex-direction: column;border-bottom: 1px solid #E9E7E9;
padding: 20px 0;
margin-bottom: 20px;flex-wrap: wrap;
}
.dt_go_pro_plan .head > div:not(.price) {
display: inline-flex;
align-items: center;
}
.dt_go_pro_plan .head svg {
width: 69px;
height: 69px; margin-right: 15px;
}
.dt_go_pro_plan .head h5 {
font: normal normal 600 18px/24px Montserrat;
margin: 0;
}
.dt_go_pro_plan .head p {
font: normal normal normal 14px/15px Montserrat;
margin: 7px 0 0;
opacity: 0.8;
}
.dt_go_pro_plan .head .price {
font: normal normal bold 34px/normal Montserrat;margin: 10px 0 0;
}
.dt_go_pro_plan .mid p {
font: normal normal 500 14px/normal Montserrat;
margin: 17px 0;
position: relative;
padding-left: 30px;
}
.dt_go_pro_plan .mid p svg {
position: absolute;
left: 0;top: 2px;
}
.dt_go_pro_plan .foot {
border-top: 1px solid #E9E7E9;
padding: 20px 0 9px;
margin-top: 20px;
}
.dt_go_pro_plan .foot button {
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #B524A5;
border-radius: 30px;
display: block;
width: 100%;
font: normal normal normal 16px/48px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
transition: all 0.2s;pointer-events: none;
}
.dt_go_pro_plan .foot:hover button {
background: #CC42BD;color: #fff;
}
.dt_go_pro_plan.special {
background: #312F31 0% 0% no-repeat padding-box;
color: #FFFFFF;
}
.dt_go_pro_plan.special .head, .dt_go_pro_plan.special .foot {
border-color: #433E42;
}
.dt_go_pro_plan.special .foot button, .dt_go_pro_plan .foot button:hover {
background: #CC42BD 0% 0% no-repeat padding-box;
color: #FFFFFF;
}
.dt_premium {margin: 10px auto;}
.dt_premium .dt_p_head {padding: 50px 40px 40px;position: relative;overflow: hidden;margin: -10px -10px 40px;background: linear-gradient(180deg, rgb(228 152 42 / 25%) 0%, rgba(255,255,255,0) 100%);border-radius: 15px;}
.dt_premium .dt_p_head > svg:not(.checkmark) {width: 80px;height: 80px;opacity: 0.8;margin: 0 0 20px;}
.dt_premium .dt_p_head.pro_success {border: 0;}
.dt_premium .dt_p_head h2{margin: 0;color: #e4982a;font-size: 32px;line-height: 33px;font-weight: 400;}
.dt_pro_features {padding: 0 30px;}
.dt_pro_features+.border_hr {margin-bottom: 30px;}
.dt_pro_features .featrr {padding: 15px 0;}
.dt_pro_features .featrr svg {width: 50px;height: 50px;display: block;border-radius: 50%;margin-right: 15px;}
.dt_pro_features .featrr p {color: #494949;margin: 0;font-size: 16px;line-height: normal;letter-spacing: 0.2px;word-spacing: 1px;font-weight: 500;}
.dt_premium .dt_prem_row {margin: 0 30px 20px;}
.dt_premium .dt_choose_pro h2, .dt_pro_features h2 {margin: 0 0 20px;font-size: 20px;font-weight: 500;}
.dt_premium .dt_choose_pro p {margin: 25px 0;line-height: normal;}
.dt_premium .dt_choose_pro p label {overflow:hidden;}
.dt_premium .dt_choose_pro p label .pln_name {display:flex;align-items:center;color: #393939;padding: 20px 20px 20px 52px;height: auto;background-color: #f9f9f9;border: 2px solid #e0e0e0;border-radius: 10px;line-height: 1;}
.dt_premium .dt_choose_pro p label [type="radio"]+span:before, .dt_premium .dt_choose_pro p label [type="radio"]+span:after {left: 15px;top: 25px;border-color: #989898;}
.dt_premium .dt_choose_pro p label [type="radio"]:checked+span {border-color: #e4982a;background-color: rgba(228, 152, 42, 0.1);color: #e4982a;}
.dt_premium .dt_choose_pro p label [type="radio"]:checked+span:after {border-color: #e4982a;background-color: #e4982a;}
.dt_premium .dt_choose_pro p label [type="radio"]:checked+span:before { border-color: #e4982a;}
.dt_premium .dt_choose_pro p label .pln_name .pln_popular {position: absolute;top: -12px;left: 5px;width: 104px;padding: 2px 5px;background: #e4982a;border-radius: 3px 0 0 3px;color: #fff;text-transform: uppercase;text-align: center;font-size: 10px;line-height: 19px;}
.dt_premium .dt_choose_pro p label .pln_name .pln_popular .pln_popular_tail {position: absolute;right: -16px;top: 0;bottom: 0;width: 16px;overflow: hidden;}
.dt_premium .dt_choose_pro p label .pln_name .pln_popular .pln_popular_tail:after, .dt_premium .dt_choose_pro p label .pln_name .pln_popular .pln_popular_tail:before { content: "";position: absolute;height: 0;width: 0;left: -8px;}
.dt_premium .dt_choose_pro p label .pln_name .pln_popular .pln_popular_tail:before {top: 0;border-top: 32px solid #e4982a;border-right: 16px solid transparent;border-left: none;}
.dt_premium .dt_choose_pro p label .pln_name .pln_popular .pln_popular_tail:after { bottom: 0;border-bottom: 32px solid #e4982a;border-right: 16px solid transparent;border-left: none;}
.dt_premium .dt_choose_pro p label .pln_name .duration {font-weight: 500;display: flex; align-items: center;font-size: 15px;}
.dt_premium .dt_choose_pro p label .pln_name .price {margin-left: auto;font-weight: 400;font-size: 30px;}
/*Settings*/
.dt_settings_header {background-color: #c649b8;width: 100%;/*height: 220px;*/padding: 0px 20px;overflow: hidden;position: relative;}
.dt_settings_circle-1 {width: 290px;height: 290px;background-image: radial-gradient(circle 800px at 75% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);left: -28px;top: -28px;opacity: .05;position: absolute;border-radius: 50%;pointer-events: none;}
.dt_settings_circle-2 {opacity: .03;position: absolute;border-radius: 50%;pointer-events: none;width: 500px;height: 500px;background-image: radial-gradient(circle 800px at 10% -25%,#000000 0,rgba(255, 255, 255, 0) 100%);right: -242px;top: 17px;}
.dt_settings_circle-3 {opacity: .04;position: absolute;border-radius: 50%;pointer-events: none;width: 200px;height: 200px;background-image: radial-gradient(circle 800px at 10% -25%,#ffffff 0,rgba(255, 255, 255, 0.45) 100%);right: 288px;top: -73px;}
.sett_active_svg {display: flex;align-items: center;justify-content: center;margin: 41px 20px;color: rgba(0, 0, 0, 0.3);}
.sett_active_svg svg {width: 90px;height: 90px;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.dt_settings_side_links {
margin: 0;
white-space: nowrap;
overflow: hidden;
overflow-x: auto;
padding-bottom: 20px;
position: relative;line-height: 1;display: flex;
}
.dt_settings_side_links li {
display: inline-block;flex: 1 1 auto;
}
.dt_settings_side_links li a {
color: #433E42;
padding: 15px 8px;
display: flex;
align-items: center;
transition: all 0.2s;
position: relative;
width: 100%;
text-align: center;
font: normal normal 500 15px/19px Montserrat;
height: 80px;
flex-direction: column;
justify-content: center;
}
.dt_settings_side_links li a svg {
margin: 0 auto;
width: 24px;
height: 24px;
display: block;
}
.dt_settings_side_links li a:hover svg {
color: #CC42BD;
}
.dt_settings_side_links li a span {
display: none;
}
.dt_settings_side_links li a:hover:not(.active) span {
display: block;
position: absolute;
font-weight: 500;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;
padding: 6px 14px;
white-space: nowrap;
background: rgb(0 0 0 / 80%);
color: #fff;
bottom: -13px;
}
.dt_settings_side_links li:last-child a:hover:not(.active) span {
right: auto;
position: fixed;
bottom: auto;
margin-top: 75px;
}
.dt_settings_side_links li a.active {
color: #CC42BD;
}
.dt_settings_side_links li a.active:before {
content: '';
position: absolute;
background: #fff;
width: 45px;
height: 45px;
bottom: -8px;
border-radius: 16px;
transform: rotate(45deg);
z-index: -1;
}
.dt_settings_side_links li a.active svg {
margin: 0 auto 7px;
}
.dt_settings_side_links li a.active span {
display: block;
}
.dt_settings {margin: 40px 0;/*overflow:hidden;*/padding: 10px 0 20px;}
.dt_settings.no_margin_top {margin-top: 0;}
.dt_settings_bg_wrap, .dt_settings > form.col, .dt_settings > form.col.profile .sett_prof_cont, .dt_contact > .row > form.col, .dt_usr_pmnt_cont { box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;background: #fff;padding: 30px;}
.dt_sett_top_menu {
background: transparent;
padding: 0;
box-shadow: none;
margin-bottom: 40px;
position: relative;
}
.dt_sett_top_menu:before {
content: '';
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;
background: #fff;
position: absolute;
top: 0;
right: 0;
height: 80px;
left: 0;
z-index: -1;
}
.dt_sett_wrap_title {
margin: 0 0 30px;
font: normal normal 600 24px/normal Montserrat;
}
.dt_sett_wrap_title.no_margin {
margin-bottom: 15px;
}
.dt_settings > form.col.profile {padding: 0;box-shadow: none;background: transparent;}
.dt_settings > form.col.profile .sett_prof_cont, .dt_usr_pmnt_cont {margin-bottom: 20px;}
.dt_settings > form.col.profile .sett_prof_cont h5, .dt_usr_pmnt_cont {margin-top: 10px;}
.dt_settings form h5 {margin: 30px 0 20px;font-size: 18px;font-weight: 500; display: flex;align-items: center;}
.dt_settings form h5 svg { margin-right: 7px;}
.dt_settings form .switch label {font-size: 14px;color: #5d5d5d;font-weight: 500;display: flex;align-items: center;justify-content: space-between;}
.dt_settings form .delete_acc { margin-bottom: 40px;}
.dt_settings form .delete_acc h4{margin: 0px;font-size: 21px;}
.dt_settings form .delete_acc p {line-height: 22px;}
.dt_settings form .switch label .lever, .dt_msg_box.open_list .modal-content .msg_list .lever, .dt_msg_box.open_chat .modal-content .msg_list .lever {background-color: #F1F1F1;overflow: hidden;border-radius: 3px;width: 50px;height: 18px;}
.dt_settings form .switch label .lever:before, .dt_settings form .switch label .lever:after, .dt_msg_box.open_list .modal-content .msg_list .lever:before, .dt_msg_box.open_list .modal-content .msg_list .lever:after, .dt_msg_box.open_chat .modal-content .msg_list .lever:before, .dt_msg_box.open_chat .modal-content .msg_list .lever:after {width: 25px;height: 18px;border-radius: 0;top: 0px;}
.dt_settings form .switch label .lever:after, .dt_msg_box.open_list .modal-content .msg_list .lever:after, .dt_msg_box.open_chat .modal-content .msg_list .lever:after {background-color: #d8d8d8;box-shadow: none;}
.dt_settings form .switch label input[type=checkbox]:checked+.lever:before, .dt_settings form .switch label input[type=checkbox]:checked+.lever:after, .dt_msg_box.open_list .modal-content .msg_list input[type=checkbox]:checked+.lever:before, .dt_msg_box.open_list .modal-content .msg_list input[type=checkbox]:checked+.lever:after, .dt_msg_box.open_chat .modal-content .msg_list input[type=checkbox]:checked+.lever:before, .dt_msg_box.open_chat .modal-content .msg_list input[type=checkbox]:checked+.lever:after {left: 25px;}
.dt_settings form .select-wrapper+label, .twocheckout_modal .select-wrapper+label {display: none;z-index: 1;
background: #fff;
transform: translateY(15px) scale(0.9);
left: 22px;
padding: 0 11px;}
.dt_settings form .no_placeholder input::placeholder {
opacity: 0;
}
.dt_settings form .chips {
min-height: 52px;
box-shadow: 0px 2px 6px rgb(0 0 0 / 5%);
border: 1px solid #E9E7E9 !important;
border-radius: 8px;padding: 0 8px;
}
.dt_settings form .chips.focus {box-shadow: 0 0 0 1.5px #a33596;}
.dt_settings form .chips .chip {color: #ffffff;height: 26px;line-height: 23px;background-color: #a33596;margin: 3px 4px;}
.dt_settings form .chips .chip .close {font-size: 13px;line-height: 26px;font-weight: normal;font-style: normal;}
.dt_settings form .chips .input {
height: 52px;
border: 0 !important;
box-shadow: none !important;
font: normal normal normal 15px/19px Montserrat;padding: 0 20px !important;width: 250px !important;color: #6B696B;
}
.dt_settings form .chips .input::placeholder {
opacity: 1;color: currentColor;
}
.dt_sett_footer button {min-width: 132px;
background: #CC42BD;
font: normal normal normal 20px/32px Montserrat;margin-bottom: 30px;}
.dt_sett_footer button svg {display: none;}
.round_check {
border: 1px solid #ddd;
border-radius: 20px;
font: normal normal 600 18px/33px Montserrat;
padding: 3px 13px 3px 3px;
display: flex;
align-content: center;
}
.round_check .circle {
width: 34px;
height: 34px;
display: inline-block;
background: #ddd;
vertical-align: middle;margin-right: 13px;flex: 0 0 auto;
}
.switch input[type=checkbox]:checked+.round_check {
box-shadow: 0px 3px 6px rgb(134 22 139 / 34%);
border-color: #BF2EAF;color: #86168B;background: #FCCBF7
}
.switch input[type=checkbox]:checked+.round_check .circle {
background: #86168B
}
/*Checkmark*/
.checkmark__circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.checkmark {width: 80px;height: 80px; border-radius: 50%;display: block;stroke-width: 3;stroke: #fff;stroke-miterlimit: 10;margin: 30px auto 50px;box-shadow: inset 0px 0px 0px #7ac142;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;}
.checkmark__check {transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke { 100% {stroke-dashoffset: 0;}}
@keyframes scale {0%, 100% {transform: none;} 50% {transform: scale3d(1.1, 1.1, 1); }}
@keyframes fill { 100% {box-shadow: inset 0px 0px 0px 54px #7ac142; }}
/*Alerts*/
.alert {background-color: #fff;
margin: 10px auto;
padding: 15px;
border: 1.5px dashed;
border-radius: 16px;
font: normal normal normal 16px/28px Montserrat;}
.alert p {margin:0;font-size: 14px;}
.alert-info {background-color: #e0f1ff;color: #2196F3;border-color: #5eb8ff;}
.alert-success {background-color: #e7f3e7;color: #4CAF50;border-color: #91cf91;}
.alert-warning {background-color: #fff4dd;color: #f39440;border-color: #ebc063;}
.alert-danger {background-color: #ffd9d6;color: #F44336;border-color: #F44336;}
.alert_not_matched {
margin: 60px 0 -30px;
}
/*Popularity*/
.dt_pop_level {
text-align: center;
}
.dt_pop_level h2 {
font: normal normal 600 40px/62px Montserrat;
}
.dt_pop_level h2 span {
color: #CC42BD;
}
.dt_pop_level p {
font: normal normal 500 19px/32px Montserrat;
letter-spacing: 0px;
color: #6B696B;
}
.dt_pop_level hr {
margin: 60px 0;
}
.dt_popular {}
.dt_popular h2.center {
font: normal normal 500 22px/32px Montserrat;
margin: -30px 0 30px;
}
.dt_popular .col {margin: 30px 0 0;}
.dt_poplrity_cont {
position: relative;
width: 100%;
margin: 50px auto 0;
max-width: 250px;
}
.dt_poplrity_cont_innr {
border-radius: 15px;
position: relative;
width: 100%;
z-index: 1;
padding: 30px 5px;transition: all 0.3s;
}
.dt_poplrity_cont:hover .dt_poplrity_cont_innr {
transform: translateY(-10px);
}
.dt_poplrity_cont:hover::before {
top: -22px !important;
}
.dt_poplrity_cont:hover::after {
top: -35px !important;
}
.dt_poplrity_cont_innr > svg {
position: absolute;
right: 10px;
top: 60px;
pointer-events: none;
}
.dt_poplrity_cont .dt_pop_hdr {text-align: center;position: relative;
z-index: 1;}
.dt_poplrity_cont .dt_pop_hdr h3 {
margin: 0;
font: normal normal 500 24px/32px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.dt_poplrity_cont .dt_pop_icn span {margin: 0;}
.dt_poplrity_cont .dt_pop_mdl {
position: relative;
z-index: 1;
}
.dt_poplrity_cont .dt_pop_mdl h2 {
margin: 32px 0 40px;
text-align: center;
font: normal normal bold 52px/normal Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.dt_poplrity_cont .dt_pop_mdl h2 span {
display: block;font: normal normal 600 20px/normal Montserrat;margin-top: -8px;
}
.dt_poplrity_cont .dt_pop_ftr {padding: 0 15px;text-align: center;position: relative;
z-index: 1;}
.dt_poplrity_cont .dt_pop_ftr .btn {
box-shadow: none;
text-transform: none;
background: #FFFFFF;
border-radius: 2em;
border: 0;
font: normal normal 500 18px/46px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
height: auto;
min-width: 120px;
}
.dt_poplrity_cont.visits .dt_pop_ftr .btn {
color: #794cca;
}
.dt_poplrity_cont.matches .dt_pop_ftr .btn {
color: #70a92d;
}
.dt_poplrity_cont.likes .dt_pop_ftr .btn {
color: #cc54c2;
}
.dt_poplrity_cont .dt_pop_ftr .boosted_message_expire {font-size: 14px;display: block;color: #fff;;}
.dt_poplrity_cont .dt_pop_ftr .boosted_message_expire .boosted_time {color: #ffee59;font-weight: 500;width: auto;height: auto;margin: 0;box-shadow: none;border: 0;border-radius: 0;padding: 0 5px;}
.dt_poplrity_cont .dt_pop_ftr .boosted_message_expire .global_boosted_time {color: #ff5722;font-weight: 500;width: 45px;height: 45px;margin: 10px auto 10px;}
.dt_poplrity_cont.visits .dt_poplrity_cont_innr {background: transparent linear-gradient(45deg, #673AB7 0%, #9769E9 100%) 0% 0% no-repeat padding-box;}
.dt_poplrity_cont.matches .dt_poplrity_cont_innr {background: transparent linear-gradient(45deg, #6E9F34 0%, #92E335 100%) 0% 0% no-repeat padding-box;}
.dt_poplrity_cont.likes .dt_poplrity_cont_innr {background: transparent linear-gradient(45deg, #CC42BD 0%, #F897EE 100%) 0% 0% no-repeat padding-box;}
.dt_poplrity_cont.visits:before, .dt_poplrity_cont.visits:after {
background: transparent linear-gradient(45deg, #673AB7 0%, #9769E9 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
opacity: 0.3;transition: all 0.2s;
}
.dt_poplrity_cont.visits:after {
left: 40px;
right: 40px;
top: -40px;
}
.dt_poplrity_cont.matches:before, .dt_poplrity_cont.matches:after {
background: transparent linear-gradient(45deg, #6E9F34 0%, #92E335 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
opacity: 0.3;transition: all 0.2s;
}
.dt_poplrity_cont.matches:after {
left: 40px;
right: 40px;
top: -40px;
}
.dt_poplrity_cont.likes:before, .dt_poplrity_cont.likes:after {
background: transparent linear-gradient(45deg, #CC42BD 0%, #F897EE 100%) 0% 0% no-repeat padding-box;
content: "";
position: absolute;
top: -20px;
left: 20px;
right: 20px;
bottom: 10px;
border-radius: 15px;
opacity: 0.3;transition: all 0.2s;
}
.dt_poplrity_cont.likes:after {
left: 40px;
right: 40px;
top: -40px;
}
/*Empty State*/
body h5.empty_state {
margin-top: 100px;
margin-bottom: 100px;
color: #565656;
display: block;
text-align: center;
font: normal normal 600 17px/32px Montserrat;
}
body h5.empty_state svg {display: block;margin: 0 auto 15px;width: 60px;height: 60px;}
/*Blocked Users*/
.blocked_users .unblock_card {padding: 20px 10px;overflow:hidden;border-bottom: 1px solid #e7e7e7;text-align: center;}
.blocked_users .unblock_card:hover {background: rgb(0 0 0 / 2%);}
.blocked_users .unblock_card:last-child {border: 0;}
.blocked_users .unblock_card .avatar {width: 75px;height: 75px;overflow: hidden;margin: auto;}
.blocked_users .unblock_card .avatar img {width: 75px;height: 75px;object-fit:cover;}
.blocked_users .unblock_card .info {margin-top: 12px;}
.blocked_users .unblock_card .info span {margin-bottom:12px;font-size: 16px;}
.blocked_users .unblock_card .info .unblock {box-shadow: none;height: 29px;line-height: 29px;padding: 0 15px;text-transform: capitalize;font-size: 12px;border-radius: 2em;}
@media (min-width: 600px) {
.blocked_users .unblock_card {
display: flex;
align-items: center;
text-align: inherit;
}
.blocked_users .unblock_card .avatar {
margin: 0 15px 0 0;flex: 0 0 auto;
}
.blocked_users .unblock_card .info {
margin: 0;min-width: 0;
display: inline-flex;
align-items: center;
justify-content: space-between;
flex: 1 1 auto;
}
.blocked_users .unblock_card .info span {
font-size: 21px;
margin: 0;
font-weight: normal;flex: 1 1 auto;
}
.blocked_users .unblock_card .info .unblock {
height: 34px;
line-height: 34px;
padding: 0 20px;
font-size: 14px;
flex: 0 0 auto;
}
}
/*Modals*/
.modal {border-radius: 15px;width: 100%;/*top: 50% !important;transform: translateY(calc(-50% - 6px)) !important;*/box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);background-color: #ffffff;}
/*.modal:not(.dt_msg_box) .modal-content:not(.datepicker-container) {
padding: 35px;
}
*/
.modal:not(.dt_msg_box) .modal-content h6.bold {
font: normal normal 600 20px/normal Montserrat;
margin: 0 0 10px;
}
.modal:not(.dt_msg_box) .modal-content h6.bold svg {
display: none;
}
.modal .modal-content p {
line-height: 23px;
font-size: 16px;
}
.modal.modal-sm .modal-footer {padding: 4px 6px 0;background-color: #ffffff;height: 45px;}
.modal.modal-fixed-footer .modal-content {
height: calc(100% - 87px);
}
.modal:not(.dt_msg_box) .modal-footer {
border: 0;
background: transparent;
padding: 0;
height: auto;
}
.modal:not(.dt_msg_box) .modal-content+.modal-footer {
padding: 0 24px 24px;
}
.modal:not(.dt_msg_box) .modal-footer .btn, .modal:not(.dt_msg_box) .modal-footer .btn-large, .modal:not(.dt_msg_box) .modal-footer .btn-small, .modal:not(.dt_msg_box) .modal-footer .btn-flat, .modal:not(.dt_msg_box) .modal-footer .modal-close {
margin: 0;
text-transform: none;
font: normal normal 500 16px/38px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
border: 1px solid #CC42BD;
border-radius: 30px;
height: auto;
min-width: 100px;
}
.modal:not(.dt_msg_box) .modal-footer .btn:hover, .modal:not(.dt_msg_box) .modal-footer .btn-large:hover, .modal:not(.dt_msg_box) .modal-footer .btn-small:hover, .modal:not(.dt_msg_box) .modal-footer .btn-flat:hover, .modal:not(.dt_msg_box) .modal-footer .modal-close:hover {
box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 10%) 0px 8px 10px -6px;
}
.modal:not(.dt_msg_box) .modal-footer .btn:not(.modal-close), .modal:not(.dt_msg_box) .modal-footer .btn-large:not(.modal-close), .modal:not(.dt_msg_box) .modal-footer .btn-small:not(.modal-close), .modal:not(.dt_msg_box) .modal-footer .btn-flat:not(.modal-close) {
background: #CC42BD;
color: #ffffff; margin-left: 10px;
}
.modal:not(.dt_msg_box) .modal-footer .btn-flat.disabled, .modal:not(.dt_msg_box) .modal-footer .btn-flat.btn-flat[disabled] {
background: #CC42BD !important;
color: #ffffff !important;opacity: 0.7;
}
.datepicker-controls .selects-container .select-wrapper input {
padding: 0;
border: 0 !important;
box-shadow: none;
}
.dropdown-content.select-dropdown, .dropdown-content.autocomplete-content {
border-radius: 10px;
box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
border: 1px solid rgb(0 0 0 / 8%);
min-width: 150px;
}
.dropdown-content.select-dropdown > li:not(:last-child), .dropdown-content.autocomplete-content > li:not(:last-child) {
border-bottom: 1px solid rgb(0 0 0 / 8%);
}
.dropdown-content.select-dropdown > li > span, .dropdown-content.autocomplete-content > li > span {
color: inherit;
padding: 7px 16px;
font-size: 15px;
}
.dropdown-content.autocomplete-content:empty {
border: 0;box-shadow: none;
}
.dropdown-content.autocomplete-content li .highlight {
color: #cc42bd;
font-weight: 500;
}
#story_approval .friend_req_btn {
text-align: center;
margin: -10px 0 5px;
}
#story_approval .friend_req_btn .btn-flat {
margin: 0 5px;
border: 0;
background: rgb(0 0 0 / 15%);
color: black;
line-height: 42px;
padding: 0 20px;
font-weight: 600;
}
#story_approval .friend_req_btn .btn-flat.btn_primary {
background: #4caf50;
color: white;
}
#story_approval .friend_req_btn .btn-flat:hover {
box-shadow: 0 10px 20px rgb(0 0 0 / 7%);
}
/*Load More*/
.load_more {margin: 30px auto 10px;
display: table;
min-width: 150px;
height: 46px;
text-transform: capitalize;
border-radius: 2em;
font: normal normal 600 16px/46px Montserrat;
letter-spacing: 0px;
color: #CC42BD !important;}
.load_more:before {
content: '';
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin: -1px 5px 0 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23CC42BD' d='M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3e%3c/svg%3e");
}
.load_more, .load_more:hover, .load_more:focus {color: #191919;background: rgb(204 66 189 / 15%);box-shadow: none;}
.load_more:hover {
box-shadow: 0 10px 20px rgb(0 0 0 / 7%);
}
/*Gift*/
#gifts_container {display: flex;flex-wrap: wrap;}
.gift-data {
flex: 0 0 calc(25% - 24px);
width: calc(25% - 24px);
position: relative;
overflow: hidden;
display: block;
margin: 12px;
box-shadow: 0px 2px 10px #0000001a;
border-radius: 50%;
aspect-ratio: 1;
padding: 30px;
}
img.gift {object-fit: cover;width: 100%;height: 100%;user-select: none;cursor: pointer;border-radius: 5px;transition: all 0.15s ease;}
/*Loader*/
.dt_ajax_progress {top: 0px;left: 0px;right: 0px;height:2px;width:100%;display: none;position:fixed;z-index:5000;overflow: hidden;background-color: rgba(255, 255, 255, 0.45);}
.dt_ajax_progress:before {display: block;position: absolute;content: "";left: -200px;width: 200px;height: 2px;animation: head_loading 1.5s linear infinite;background-color: #c53db6;}
@keyframes head_loading {
from {left: -200px; width: 30%;}50% {width: 30%;}70% {width: 70%;}80% { left: 50%;}95% {left: 120%;}to {left: 100%;}
}
/*Datepicker*/
.datepicker-date-display, .datepicker-table td.is-selected {background-color: #a33596;}
.datepicker-table td.is-today, .datepicker-footer .confirmation-btns .btn-flat {color: #a33596;}
/*Video call*/
.video-con {background:#222;height: calc(100vh - 58px);}
#remote-media, .video-con {position:relative}
#remote-media .lds-facebook {display: block;margin: 0 auto;padding: 50px 0px;top: 20px;}
#remote-media h3 {text-align: center;color: #fff;padding: 15px;font-size: 25px;margin: 0px 50px 50px 50px;}
#remote-media video:nth-child(2) {width:80%;display:block;margin-left:auto;margin-right:auto;height: calc(100vh - 51px);}
.end_vdo_call {padding: 0 16px;display: flex;align-items: center;justify-content: center;height: 45px;border-radius: 2em;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;text-transform: none;line-height: 35px;background-color: #d9534f;}
.end_vdo_call:hover {background-color: #e66662;}
.end_vdo_call svg {margin-right: 9px;}
#local-media video {width: 200px;height: 240px;position: absolute;top: 23px;right: 20px;background: #000;border-radius: 5px;text-align: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}
/*Calling modal*/
.dt_call_modall {
max-width: 300px !important;
}
.dt_call_ing, .dt_call_rec_ing {text-align: center;}
.dt_call_rec_ing {
position: relative;color: #fff;
}
.dt_call_rec_ing > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.dt_call_rec_ing:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 50%);
backdrop-filter: blur(12px);
z-index: -1;
}
.dt_call_ing > svg {width: 90px;height: 90px;margin-bottom: 24px;margin-top: 24px;}
.dt_call_ing h4.modal-title > svg {
fill: #e4982a;
width: 20px;
height: 20px;
margin: -4px 4px 0;
}
.dt_call_ing .modal-footer, .dt_call_rec_ing .modal-footer {background-color: transparent;padding: 34px 6px 5px;height: auto;text-align: center;}
.dt_call_rec_ing .modal-header h4 {font-size: 22px;}
.dt_call_rec_ing_detal {padding-top: 24px;}
.dt_call_rec_ing_detal img {width: 100px;height: 100px;margin: 0 auto 20px;display: block;border-radius: 50%;}
.dt_call_rec_ing_detal p {margin-top: 0;}
.dt_call_rec_ing #remote-media h3 {color: #545151;margin: 0;}
.dt_call_rec_ing .modal-footer .btn {color: #fff;margin: 0 9px;width: 48px;height: 48px;padding: 0;display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;}
.dt_call_rec_ing .modal-footer .btn:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);}
/*Max Swipe Modal*/
.dt_swipe_modal_max {text-align: center;}
.dt_swipe_modal_max .modal-content > img {width: 85px;height: 85px;object-fit: cover;pointer-events: none;margin: 10px 0;}
.dt_swipe_modal_max .modal-footer {height: auto;text-align: center;background: transparent;display: flex;flex-direction: column;padding: 10px 20px 24px;}
.dt_swipe_modal_max .modal-footer .prema {margin: 10px auto 0;height: 35px;line-height: 32px;width: 100%;max-width: 320px;}
.dt_swipe_modal_max .modal-footer .modal-close {width: 100%;margin-left: auto;margin-right: auto;max-width: 320px;}
/*Bank Transfer Modal*/
.bank_transfer_modal .modal-footer .btn {display: none;}
.bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans, .bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {display: none;}
.bank_transfer_modal.up_rec_active .modal-footer .btn {display: inline-block;}
.bank_transfer_modal.up_rec_active .upload_bank_receipts {display: block;}
.dt_bank_trans_modal .modal-title {margin-top: 0;}
.dt_bank_trans_modal .bank_info {width: 100%;margin-top: 24px;margin-bottom: 30px;}
.dt_bank_trans_modal .bank_info .dt_settings_header {width: 100%;margin-left: auto;margin-right: auto;border-radius: 7px;height: auto;}
.dt_bank_trans_modal .bank_info .bank_info_innr {position: relative;width: 100%;color: #fff;z-index: 1;}
.dt_bank_trans_modal .bank_info .bank_info_innr > svg {position: absolute;opacity: 0.3;left: .5rem;top: 11px;width: 45px;z-index: -1;}
.dt_bank_trans_modal .bank_info .bank_info_innr .row p {margin: 0;font-size: 18px;word-break: break-word;}
.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {margin-top: 18px;}
.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {font-size: 22px;padding: 22px .75rem 0 55px;}
.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {text-transform: uppercase;font-size: 12px;color: rgba(255, 255, 255, 0.73);}
.dt_bank_trans_modal .dt_user_profile {background-color: #f8f8f8;}
.dt_bank_trans_modal .dt_user_profile > span {margin-bottom: 5px;font-size: 18px;}
.dt_bank_trans_modal .dt_user_profile > span svg {margin-right: 5px;color: #6b6b6b;}
.dt_bank_trans_modal .dt_prof_vrfy {margin: 0;}
.dt_bank_trans_modal .dt_prof_vrfy li {padding: 4px 0;}
.dt_bank_trans_upl_rec {text-align: center;}
.dt_bank_trans_upl_rec a {display: inline-block;border-bottom: 1px dashed;color: #3f3f3f;padding-bottom: 5px;font-size: 14px;transition: all 0.15s;}
.dt_bank_trans_upl_rec a:hover {border-bottom-style: solid;}
.dt_bank_trans_upl_rec a svg {width: 20px;height: 20px;margin-top: -3px;}
.upload_bank_receipts {text-align: center;display: none;}
.upload_bank_receipts > div {width: 100%;max-width: 200px;height: 185px;margin: auto;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;}
.upload_bank_receipts svg {width: 45px;height: 45px;color: #4a4a4a;background-color: lightgrey;padding: 10px;border-radius: 50%;}
.upload_bank_receipts p {margin-bottom: 0px;}
.bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {width: 100%;height: 100%;object-fit: cover;}
.bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg, .bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {display: none;}
.bank_transfr_progress {position: absolute;top: 0;left: 0;right: 0;}
.bank_transfr_progress .progress {margin: 0;height: 3px;background-color: rgba(0,0,0,0.1);}
.bank_transfr_progress .progress .determinate {background-color: #9C27B0;}
/*Verify Proifle Pic*/
.no_camera {padding: 53px;width: calc(100% - 5px);}
.no_camera .empty_state {margin: 0;color: #fff;}
.no_camera .empty_state svg {color: #fff;}
.no_camera .btn {
margin-top: 35px;
padding: 0 20px;
box-shadow: none;
background: #FFFFFF !important;
border-radius: 30px;
height: auto;
min-width: 115px;
font: normal normal 500 18px/42px Montserrat !important;
color: #CC42BD !important;
text-transform: capitalize;
}
.qd_verfy_pic_wcam {margin-bottom: 0px;}
.qd_verfy_pic_wcam img {width: 100%;object-fit: cover;border-radius: 7px;}
.qd_verfy_pic_wcam #take_snapshot, .qd_verfy_pic_wcam #retake_snapshot {position: relative;}
.qd_verfy_pic_wcam #take_snapshot video, .qd_verfy_pic_wcam #retake_snapshot canvas {width: 100%;height: 220px;display: block;object-fit: cover;border-radius: 7px;}
.qd_verfy_pic_wcam .btn {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);background-color: rgba(255, 255, 255, 0.6);height: 40px;line-height: 1;border-radius: 2em;text-transform: capitalize;color: black;}
/*Success Stories*/
.qd_story_head {margin-bottom: 20px;}
.qd_story_head h4 {margin: 0;}
.qd_story_head .btn {margin-left: auto;
border-radius: 2em;
text-transform: capitalize;
box-shadow: none;
height: 46px;
background: #CC42BD;
font: normal normal normal 18px/46px Montserrat;
padding: 0 30px;color: #fff;}
.qd_story_head .btn svg {width: 18px;height: 18px;margin-top: -3px;}
.success_story_item .card {position: relative;margin: 0 0 30px;overflow: hidden;box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;border: 1px solid #fff;}
.success_story_item .card:hover {
box-shadow: 0px 3px 30px #00000017;
border: 1px solid #CC42BD;
}
.success_story_item .qd_story_card_main_img {margin: -25px;position: relative;}
.success_story_item .qd_story_card_main_img:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);}
.success_story_item .qd_story_card_main_img img {width: 100%;height: 380px;object-fit: cover;filter: blur(50px);}
.success_story_item .qd_story_card_usr_imgs {
text-align: center;
margin: 40px 10px 20px;
position: relative;
}
.success_story_item .qd_story_card_usr_imgs a {display: inline-flex;
background: #fff;
border-radius: 50%;
width: 80px;
height: 80px;
align-items: center;
justify-content: center;
z-index: 4;
position: relative;
border: 3px solid #e4e4e4;
padding: 1px;}
.success_story_item .qd_story_card_usr_imgs a:nth-child(2) {margin-left: -17px;z-index: 3;}
.success_story_item .qd_story_card_usr_imgs img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.success_story_item .qd_story_card_usr_imgs svg {
position: absolute;
width: 34px;
height: 35px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 1px #00000029;
border: 0.5px solid #E2E4E6;
z-index: 5;
border-radius: 50%;
color: #CC42BD;
padding: 7px;
}
.success_story_item .qd_story_card_usr_info {top: 110px;right: 0;left: 0;text-align: center;z-index: 5;}
.success_story_item .qd_story_card_usr_info .qd_story_card_usr_name {
padding: 0 10px;
display: inline-block;
vertical-align: middle;
font: normal normal bold 24px/32px Script MT;
color: #433E42;
max-width: calc(50% - 20px);
}
.success_story_item .qd_story_card_usr_info .qd_story_card_usr_sep {width: 1.5px;background-color: rgba(255, 255, 255, 0.6);height: 25px;margin: 5px auto;}
.success_story_item .qd_story_card_usr_info svg {
width: 15px;
height: 15px;
color: #CC42BD;
}
.success_story_item .time {text-align: center;padding: 12px 0 10px;}
.success_story_item .time time {
font: normal normal 500 16px/32px Montserrat;
}
.success_story_item .qd_story_card_usr_foot {padding: 20px 10px 40px; justify-content: center;}
.success_story_item .qd_story_card_usr_foot .btn {height: 46px;
box-shadow: none;
border-radius: 2em;
background-color: transparent;
font: normal normal normal 18px/46px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
text-transform: none;
border: 1px solid #CC42BD;
min-width: 200px;}
.success_story_item .qd_story_card_usr_foot .btn:hover {background-color: #CC42BD;color: white;}
.storydesc {padding: 15px;background-color: #f8f8f8;border-radius: 10px;font-size: 14px;}
.storydesc h1, .qd_rstroy_content h1 {font-size: 42px;}
.storydesc h2, .qd_rstroy_content h2 {font-size: 37px;}
.storydesc h3, .qd_rstroy_content h3 {font-size: 32px;}
.storydesc h4, .qd_rstroy_content h4 {font-size: 27px;}
#story_approval .modal-footer {padding: 10px 15px;height: 70px;}
.qd_crte_stroy_usr .autocomplete-content li {padding: 5px 10px;}
.qd_crte_stroy_usr .autocomplete-content li img {float: none !important;display: inline-block;vertical-align: middle;margin: 0;height: 27px;width: 27px;}
.qd_crte_stroy_usr .autocomplete-content li > span {display: inline-block;vertical-align: middle;padding: 3px 10px;color: #8e8e8e;}
.dt_read_story {
border-radius: 15px;box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
position: relative;
}
.dt_read_story:before {
content: '';
background-image: url(../img/hearts.png);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: bottom;
background-repeat: no-repeat;
mix-blend-mode: hard-light;
border-radius: 15px;
}
.qd_rstroy_quote {position: relative;margin: 0 0 20px;padding: 20px;overflow: hidden;}
.qd_rstroy_quote > svg {position: absolute;left: 60px;top: 40px;opacity: 0.1;width: 150px;height: 150px;}
.qd_rstroy_thumbs {
position: relative;
text-align: center;
margin: 70px 0 0;
}
.qd_rstroy_thumbs .thumb {
display: inline-block;
line-height: 1;
width: 190px;
height: 190px;
vertical-align: middle;
border: 3px solid #e4e4e4;
padding: 3px;
border-radius: 50%;
margin: 0 60px;
position: relative;
z-index: 1;
opacity: 0.9;
}
.qd_rstroy_thumbs .thumb img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.qd_rstroy_thumbs svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.qd_rstroy_thumbs span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
color: #CC42BD;
opacity: 0.3;
font: normal normal bold 101px/40px Poppins;
}
.qd_rstroy_names {
text-align: center;
}
.qd_rstroy_names h5 {
font: normal normal bold 34px/40px Montserrat;
letter-spacing: 0px;
color: #86168B;
display: inline-block;
margin: 15px 60px 0;
max-width: 175px;
text-align: center;
}
.qd_rstroy_with {display: inline-block;vertical-align: top;line-height: 160px;user-select: none;position: relative;}
.qd_rstroy_with svg {width: 80px;height: 80px;}
.dt_read_story_quote {
box-shadow: 0px 3px 25px rgb(0 0 0 / 3%);
border: 1px solid #86168B;
border-radius: 15px;
margin: 45px 0 0;padding: 20px 20px 10px;
}
.dt_read_story_quote h2 {
font: normal normal bold 34px/normal Montserrat;
margin: 0;
}
.dt_read_story_quote time {
font: normal normal bold 20px/normal Montserrat;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #86168B;
border-radius: 6px;
padding: 3px 22px;
margin: 0 0 -40px;
display: inline-block;
vertical-align: middle;
}
.qd_rstroy_content {padding: 5px 25px 30px;position: relative;}
.qd_rstroy_content p {
font: normal normal 500 16px/30px Montserrat;
}
.qd_rstroy_content h2 {margin-top: 0;}
/*Transaction*/
.dt_transaction_table thead tr {
border: 0;
}
.dt_transaction_table thead tr th {
background: #312F31;
padding: 13px 14px;
font: normal normal 500 18px/22px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
border-radius: 0;
}
.dt_transaction_table tbody tr {
border: 0;
border-top: 5px solid #f6f6f6;
}
.dt_transaction_table tbody tr td {
background: #fff;
font: normal normal 500 16px/19px Montserrat;
padding: 13px 14px;
}
.dt_transaction_table tbody tr td.upper {
text-transform: uppercase;
}
.dt_transaction_table tbody tr:nth-of-type(odd) td {
background: #FBFBFB;
}
.dt_transaction_table thead tr th:first-child, .dt_transaction_table tbody tr td:first-child {
border-radius: 6px 0 0 8px;
}
.dt_transaction_table thead tr th:last-child, .dt_transaction_table tbody tr td:last-child {
border-radius: 0 6px 8px 0;
}
/*Blog*/
.qd_blog_sub_hdr {margin-bottom: 30px;justify-content: space-between;flex-wrap: wrap;}
.qd_blog_sub_hdr > h4.bold {
font: normal normal 500 18px/32px Montserrat;
margin: 0;
}
.qd_blog_srch {
position: relative;
width: 100%;
max-width: 500px;
}
.qd_blog_srch input[type=text]:not(.browser-default) {
border-radius: 2em;
border: 0 !important;
padding: 0 20px;
width: 100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 20px rgb(204 66 189 / 3%) !important;
font: normal normal 500 16px/32px Montserrat;height: 40px;
}
.qd_blog_srch input::placeholder {color: black;opacity: 0.5;}
.qd_blog_srch span {position: absolute;right: 15px;top: 7px;
background: #fff;
z-index: 1;
}
.qd_blog_srch > svg {
position: absolute;
margin: 11.5px 20px;
right: 0;
}
.qd_blog_cats_list {position: relative;}
.qd_blog_cats_list .dropdown-trigger {
color: #393939;
display: block;
margin: 0;
border: none !important;
font: normal normal 500 16px/32px Montserrat;
}
.qd_blog_cats_list .dropdown-content {min-width: 200px;left: auto !important;right: 0;border-radius: 4px;padding: 10px 0;box-shadow: 0 1px 4px rgba(0,0,0,0.25);transform: none !important;top: 42px !important;height: auto !important;max-height: 300px;}
.qd_blog_cats_list .dropdown-content li a {color: rgba(0,0,0,0.87);display: block;line-height: 34px;padding: 0px 15px;height: 34px;font-size: 14px;}
.article_of_the_day {
margin-bottom: 70px;
}
.article_of_the_day > h3 {
position: relative;font: normal normal 600 24px/32px Montserrat;
}
.article_of_the_day > h3:before {
content: '';
background: #FCCBF7;
display: block;
position: absolute;
left: -10px;
width: 100px;
height: 8px;
bottom: 8px;
}
.article_of_the_day > h3 div {
position: relative;
}
.article_of_the_day_list {
background: #fff;
border-radius: 15px;
overflow: hidden;
}
.article_of_the_day_list .row {
margin: 0;
display: flex;
}
.article_of_the_day_list .row .col {
padding: 0;
}
.article_of_the_day_list_bg {
position: relative; height: 100%;
width: 100%;
}
.article_of_the_day_list_bg:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(0 0 0 / 70%);
}
.article_of_the_day_list_bg > svg {
width: 100%;
height: 100%;
position: absolute;
}
.article_of_the_day_list_bg > div {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding: 40px;
}
.article_of_the_day_list_bg h4 {
font: normal normal 600 24px/32px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;margin-top: 0;
}
.article_of_the_day_list_bg p {
font: normal normal normal 16px/24px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}
.article_of_the_day_list_bg button , .article_of_the_day_list_bg a {
margin-top: 30px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
font: normal normal normal 18px/46px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
border: 0;
padding: 0 20px;
min-width: 193px;
}
.article_of_the_day_list img {
width: 100%;
height: 100%;
aspect-ratio: 1.5;
}
.topic_match_for_you > h3 {
font: normal normal 600 24px/32px Montserrat;
}
.topic_match_for_you_cats {
display: flex;
align-items: center;
flex-wrap: wrap;margin: 25px -7px 30px;
}
.topic_match_for_you_cats a {
font: normal normal normal 16px/39px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
display: block;
margin: 7px;
padding: 0 20px;
}
.topic_match_for_you_cats a:hover {
background: #CC42BD;
color: #fff;
}
.qd_blog_lists {
margin-bottom: 30px;
}
.qd_blog_lists .qd_blog_list_img {position: relative;}
.qd_blog_lists .qd_blog_list_img > a {display: block;position: relative;padding-bottom: 56.25%;}
.qd_blog_lists .qd_blog_list_img > a img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);
border-radius: 15px;
}
.qd_blog_lists .qd_blog_list_img p {display: inline-block;margin: 0;position: absolute;left: 15px;bottom: 15px;display: none;}
.qd_blog_lists .qd_blog_list_img p a {color: #fff;display: block;line-height: 1;background: #444;font-weight: 500;font-size: 14px;padding: 2px 9px 4px;border-radius: 5px;}
.qd_blog_lists .qd_blog_list_info {padding: 15px 10px 5px;}
.qd_blog_lists .qd_blog_list_info h5 {
max-height: 64px;
overflow: hidden;
margin: 0 -10px 5px;
font: normal normal 600 24px/32px Montserrat;
position: relative;
min-height: 64px;
padding: 0 10px;
}
.qd_blog_lists .qd_blog_list_info h5:before {
content: '';
background: #FCCBF7;
display: block;
position: absolute;
left: -9px;
width: 53px;
height: 11px;
top: 0px;
}
.qd_blog_lists .qd_blog_list_info h5 a {color: #312F31;position: relative;}
.qd_blog_lists .qd_blog_list_info em {
display: block;
font: normal normal 600 14px/normal Montserrat;
}
.qd_blog_lists .qd_blog_list_info p {
font: normal normal normal 16px/24px Montserrat;
min-height: 48px;
max-height: 48px;
overflow: hidden;
}
.dt_blog_right_side > h3 {
font: normal normal 600 24px/32px Montserrat;
margin-top: 0;
}
.topic_match_for_you_cats.side {
margin: 0 -4px;
}
.topic_match_for_you_cats.side a {
border: 1px solid #FCCBF7;margin: 4px;
}
.topic_match_for_you_cats.side a:hover {
border-color: #CC42BD;
}
.continue_reading {
margin-bottom: 50px;
}
.continue_reading_list {
margin-bottom: 30px;
}
.continue_reading_list a {
display: flex;
align-items: center;
}
.continue_reading_list img {
width: 80px;
height: 80px;
border-radius: 10px;
margin-right: 10px;
flex: 0 0 auto;
object-fit: cover;
}
.continue_reading_list p {
font: normal normal 500 16px/22px Montserrat;
letter-spacing: 0px;
color: #433E42;
margin: 0 0 3px;
}
.continue_reading_list time {
font: normal normal 600 14px/24px Montserrat;
letter-spacing: 0px;
color: #312F31;
}
/*Read Article*/
.qd_read_blog_section {padding: 0 20px;margin-bottom: 25px;}
.qd_read_blog_thumb {display: block;position: relative;padding-bottom: 30%;}
.qd_read_blog_thumb:before {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
box-shadow: 0px 3px 20px rgb(204 66 189 / 10%);
border: 6px solid #FCCBF7;
border-radius: 15px;
z-index: 1;
}
.qd_read_blog_thumb img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;left: 0;bottom: 0; box-shadow: 0px 3px 20px rgb(204 66 189 / 10%);
border-radius: 15px;}
.qd_read_blog_head {
border-bottom: 1px solid rgb(130 128 130 / 25%);
margin: 40px 0;
padding-bottom: 20px;
}
.qd_read_blog_head .catz {text-align: center;display: none;}
.qd_read_blog_head .catz a {color: #fff;display: inline-block;line-height: 1;background: #444;font-weight: 500;font-size: 14px;padding: 5px 12px 7px;border-radius: 5px;}
.qd_read_blog_head h2 {font-size: 44px;margin: 8px 0 20px;line-height: 52px;text-align: center;}
.qd_read_blog_head h1 {
margin: 0 0 10px;
font: normal normal 600 52px/normal Montserrat;
}
.qd_read_blog_head time, .qd_read_blog_head .views {
font: normal normal 600 16px/58px Montserrat;
letter-spacing: 0px;
color: #433E42;
}
.qd_read_blog_head time svg, .qd_read_blog_head .views svg {
color: #666a76;margin: -3px 0 0;
}
.middot {margin: 0 6px;font-size: 13px;line-height: 1.1;font-weight: 700;color: rgba(0,0,0,.59);}
.dt_blog_article {
font: normal normal normal 16px/normal Montserrat;
}
.dt_blog_article h1, .dt_blog_article h2, .dt_blog_article h3, .dt_blog_article h4, .dt_blog_article h5, .dt_blog_article h6 {
font-weight: 600;
margin: 0;
}
.dt_blog_article_foot {
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgb(130 128 130 / 25%);
margin: 30px 20px 20px;
padding: 25px 0 0;
align-items: flex-start;justify-content: space-between;
}
.qd_read_blog_tags {margin: 0 -2px 15px;}
.qd_read_blog_tags li {display: inline-block;}
.qd_read_blog_tags li a {
display: block;
min-width: 65px;
padding: 0px 18px;
text-align: center;
border-radius: 2em;
margin: 0 2px 5px;
border: 1px solid #FCCBF7;
font: normal normal normal 16px/37px Montserrat;
letter-spacing: 0px;
color: #CC42BD;transition: all 0.2s;
}
.qd_read_blog_share {
flex: 0 0 auto;
margin-top: 0;
}
.qd_read_blog_share ul {margin: -10px 0 0;}
.qd_read_blog_share li {display: inline-block;}
.qd_read_blog_share li a {
display: block;
border: 1px solid #FCCBF7;
border-radius: 2em;
padding: 0 9.5px;
line-height: 36px;
color: #444;
margin: 0 4px 10px;transition: all 0.2s;
}
.qd_read_blog_share li a svg {width: 17px;height: 17px;margin: -4px 0 0;}
.qd_read_blog_head .blockquote {position: relative;margin: 0px 0 0;padding: 15px 0;display: none;}
.qd_read_blog_head .blockquote::before {line-height: 1;display: block;position: absolute;z-index: 0;content: "„";font-family: Arial;font-size: 180px;color: rgb(0 0 0);opacity: 0.1;bottom: 0px;left: 10px;pointer-events: none;}
.qd_read_blog_head blockquote {border: 0;padding: 0;margin: 0;font-weight: 500;line-height: 26px;}
/*Hot Not*/
.qd_hot_not {
margin-top: 0;
}
.qd_hot_not .mtc_usrd_slider {background: #fff;border-radius: 15px;padding: 25px;margin: 0;overflow: visible;margin-bottom: 150px;}
.qd_hot_not .mtc_usrd_slider > .row {
display: flex;margin-bottom: 0;
}
.qd_hot_not .mtc_usrd_content .mtc_usrd_top {background: transparent;padding: 14px;justify-content: space-between;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary {color: #414141;font: normal normal 500 16px/25px Montserrat;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name {font: normal normal 500 24px/32px Montserrat;
letter-spacing: 0px;
color: #CC42BD;margin-bottom: 10px;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_top .mtc_usrd_summary .usr_name a {color: #CC42BD;}
.qd_hot_not .mtc_usrd_about {
padding: 20px 14px 14px;
}
.qd_hot_not .mtc_usrd_about b {
font: normal normal 500 16px/normal Montserrat;
display: block;
}
.qd_hot_not .mtc_usrd_about p {
font: normal normal normal 16px/24px Montserrat;
margin: 5px 0 0;
}
.qd_hot_not .mtc_usrd_about_int {
font: normal normal normal 13px/32px Montserrat;
color: #828082;
margin: 0 0;
padding: 0 14px;
}
.qd_hot_not .qd_hot_not_media {
position: relative;margin-top: 10px;margin-bottom: -110px;
}
.qd_hot_not .qd_hot_not_media:before {
content: '';
width: 53px;
height: 11px;
background: #CC42BD;
position: absolute;
left: -26px;
top: 20px;
}
.qd_hot_not .qd_hot_not_media > a {display: block;line-height: 1;text-align: center;}
.qd_hot_not .qd_hot_not_media > a > img {
width: 100%;
vertical-align: middle;
border-radius: 15px;
aspect-ratio: 0.95;
object-fit: cover;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions {
margin: 0;
position: absolute;
bottom: -50px;
left: 0;
right: 0;
padding: 0;
text-align: center;
z-index: 9;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions .btn {
width: 65px;
height: 65px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: white;
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);border: 0.5px solid #E2E4E6;overflow: visible;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions .btn.dislike {
color: #6b696b;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions .btn.like {
margin: 0 15px;
width: 100px;
height: 100px;color: #cc42bd;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions .btn svg {
transition: all 0.1s;
}
.qd_hot_not .qd_hot_not_media .mtc_usrd_actions .btn:hover svg {
transform: scale(1.1);
}
.qd_hot_not .mtc_usrd_slider > img {width: 49.6%;padding: 0 3px;border-radius: 11px;height: 550px;object-fit: cover;display: inline-block;}
.qd_hot_not .btnss .mtc_usrd_actions {
margin: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.qd_hot_not .btnss .mtc_usrd_actions .btn {
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 10px;
box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
border: 0.5px solid #E2E4E6;
color: #6B696B;overflow: visible;
}
.qd_hot_not .btnss .mtc_usrd_actions .btn.like {background: #ffffff;}
.qd_hot_not .btnss .mtc_usrd_actions .btn.dislike {background: rgb(104 104 104 / 10%);}
/*New Update*/
.dt_prof_ply_ico {position: absolute;background-color: white;color: #607D8B;border-radius: 50%;z-index: 1;}
.btn_upld_prf_vid {display: block;width: 100%;background-color: rgba(0, 0, 0, 0.07);padding: 50px 10px;text-align: center;color: #232323;font-weight: 500;margin-top: 20px;border-radius: 10px;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);}
.btn_upld_prf_vid svg {display: block;margin: 0 auto 15px;}
.dt_prof_upldd_vid_thmb {width: 100%;border-radius: 10px;height: 200px;object-fit: cover;margin-top: 3px;cursor: pointer;}
.dt_prof_upldd_vid_ldng p {margin: 20px 0 10px;}
.dt_prof_upldd_vid_ldng svg {transform: scale(0.5);}
.dt_prof_vid_play_ico {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: flex-end;
background: linear-gradient( transparent, rgb(0 0 0 / 30%));
padding: 15px; z-index: 1;
}
.dt_prof_vid_play_ico svg {
background-color: white;
color: #cc42bd !important;
border-radius: 50%;
width: 33px;
height: auto;
}
.dt_cp_photos_list .dt_cp_l_photos:hover .dt_prof_vid_play_ico svg {
transform: scale(1.1);
}
/*Affiliates*/
.dt_usr_affl {
margin-top: 70px;
}
.dt_usr_affl > h2 {justify-content: space-between;margin: 0 0 20px;font-size: 22px;}
.dt_usr_affl > h2 .btn {text-transform: none;box-shadow: none;font-size: 12px;padding: 0 10px;line-height: 25px;height: 25px;}
.dt_usr_affl > .row.mb {
margin-bottom: 50px;
}
.dt_usr_affl > .row img, .dt_usr_affl > .row svg {
display: block;
width: 100%;
height: auto;
margin: 20px auto;
pointer-events: none;}
.dt_usr_affl > .row h4 {font-size: 30px;
line-height: normal;
font-weight: 700;}
.dt_usr_affl .alert {
margin: 45px 0;
border: 0;
position: relative;
text-align: inherit;
padding: 0;
background: transparent;
font: normal normal 600 27px/36px Montserrat;
}
.dt_usr_affl > hr {margin: 30px 0;}
.dt_usr_affl .l12.bold {
font: normal normal 500 18px/32px Montserrat;
margin-bottom: 7px;
}
.dt_usr_affl .input-field {margin: 0;}
.dt_usr_affl .input-field input {
height: 40px;
border: 0;
border-radius: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #E9E7E9;
font: normal normal 500 14px/18px Montserrat;
}
.dt_usr_affl .input-field .btn {
box-shadow: none !important;
position: absolute;
background: #CC42BD 0% 0% no-repeat padding-box;
border: 0;
border-radius: 30px;
font: normal normal normal 14px/12px Montserrat;
text-transform: capitalize;
right: 0;
}
.dt_usr_affl .social-btn-parent a {display: inline-block;margin: 0 2px;color: #6B696B;}
.dt_usr_affl .social-btn-parent a svg {
margin: 0;
width: 38px;
pointer-events: auto;
border: 1px solid #FCCBF7;
border-radius: 21px;
padding: 4px;
}
.dt_usr_referres {margin-top:30px}
.dt_usr_referres .ref {margin-bottom:10px}
.dt_usr_referres .ref-image {width:60px;float:left;border-radius:3px;border:1px solid #ededed;margin-right:10px}
.dt_usr_referres .ref-image img {width:100%;border-radius:3px;padding:2px}
.dt_usr_referres .name {margin-top:5px}
.dt_usr_referres .name .joined {margin-top:3px;color:#666;font-size:11px}
.dt_usr_referres .name .earned {margin-top:3px;color:green;font-size:12px}
.dt_usr_referres:empty {border: 0;padding: 0;margin: 0;}
.dt_usr_pmnt_hstry h5 {margin: 0 0 15px;font-size: 18px;}
.dt_usr_pmnt_table {font-size: 14px;}
.dt_usr_pmnt_table thead th {font-weight: 500;text-transform: capitalize;}
.dt_usr_pmnt_table tbody>tr:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.dt_usr_pmnt_table tbody>tr>td {vertical-align: middle;padding: 9px 5px;}
.dt_usr_pmnt_table .label {display: inline-block;padding: 5px 12px;font-size: 12px;font-weight: 500;border-radius: 4px;}
.dt_usr_pmnt_table .label-warning {color: #ff9800;background-color: rgba(255, 152, 0, 0.1);}
.dt_usr_pmnt_table .label-success {color: #4CAF50;background-color: rgba(76, 175, 80, 0.1);}
.dt_usr_pmnt_table .label-danger {color: #F44336;background-color: rgba(244, 67, 54, 0.1);}
/*Under Review*/
.dt_usr_undr_rvw {width: 100%;position: relative;padding-bottom: 100%;}
.dt_usr_undr_rvw img {filter: grayscale(1) blur(10px);border-radius: 5px;}
.dt_usr_undr_rvw span, .dt_usr_undr_rvw_mini span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.7);color: white;font-size: 14px;padding: 0 13px;z-index: 1;border-radius: 2em;line-height: 33px;}
.dt_usr_undr_rvw_mini {height: 100%;position: relative;}
.dt_usr_undr_rvw_mini img {filter: grayscale(1) blur(10px);}
.dt_usr_undr_rvw_mini span {font-size: 12px;display: inline-block;min-width: 110px;text-align: center;}
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] {z-index: 1010 !important;margin: 0 !important;}
/*Gifts Page*/
.qd_gift_data {box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);transition: all 0.15s;border-radius: 15px;padding: 15px;}
.qd_gift_img {position: relative;width: 100%;padding-bottom: 85%;}
.qd_gift_img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 15px;object-fit: cover;}
.qd_gift_data_foot {padding: 15px 0 0;}
.qd_gift_data_foot .avatar {width: 50px;height: 50px;min-width: 50px;margin-right: 13px;position: relative;display: block;}
.qd_gift_data_foot .avatar img {width: 100%;height: 100%;border-radius: 50%;}
.qd_gift_data_foot .info {width: 100%;min-width: 0;}
.qd_gift_data_foot .info p {margin: 0 0 5px;
color: #5e5e5e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font: normal normal normal 16px/normal Montserrat;}
.qd_gift_data_foot .info p a {color: black;font-weight: 500;}
.qd_gift_data_foot .info .time {opacity: 0.7;
font: normal normal normal 13px/normal Montserrat;}
/*Verification Startup*/
.qd_select_verifi_start {border: 0;border-radius: 10px;background-position: center;background-repeat: no-repeat;background-size: cover;margin: 20px auto 0;background-color: rgb(255 255 255 / 15%);}
.qd_select_verifi_start_progress {width: 180px;margin: 12px auto 0;}
/*Sessions*/
.qd_sett_sessions {justify-content: space-between;border-bottom: 1px solid rgb(0 0 0 / 8%); padding: 20px 0;
flex-wrap: wrap;}
.qd_sett_sessions:first-child {padding-top: 0;}
.qd_sett_sessions:last-child {border: 0;padding-bottom: 0;}
.qd_sett_sessions .first > span {
width: 53px;
height: 53px;
background: #FCCBF7;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.qd_sett_sessions .first > span svg {
height: auto;
width: 25px;
}
.qd_sett_sessions b {text-transform: capitalize;font: normal normal bold 18px/32px Montserrat;}
.qd_sett_sessions p {
margin: 0;
font: normal normal normal 16px/normal Montserrat;
letter-spacing: 0px;
color: #666A76;
}
.qd_sett_sessions p span {display: inline-block;}
.qd_sett_sessions .btn {box-shadow: none;min-width: 35px;padding: 0;height: 35px;line-height: 35px;background-color: transparent;}
.qd_sett_sessions .btn svg {margin-top: -3px;color: #828082;}
.qd_sett_sessions .btn:hover svg {color: #F44336;}
/*My Info*/
.info_select_radio_btn {margin: 0 -30px 30px;}
.info_select_radio_btn > label {display: block;}
.info_select_radio_btn > label > input {opacity: 0;width: 0;height: 0;display: none;}
.info_select_radio_btn .sr_btn_lab_innr {width: 100%;margin: 0;border-bottom: 1px solid #e6e6e6;position: relative;cursor: pointer;padding: 20px 30px;}
.info_select_radio_btn .sr_btn_lab_innr:hover {background: rgb(0 0 0 / 2%);}
.info_select_radio_btn .sr_btn_lab_innr > span {font-weight: 500;font-size: 14px;color: #6c6c6c;}
.info_select_radio_btn.small_rbtn .sr_btn_img svg {width: 36px;height: 36px;border-radius: 50%;background: rgb(0 0 0 / 7%);padding: 6px;}
.info_select_radio_btn .sr_btn_lab_innr .switch {margin-left: auto;pointer-events: none;}
.info_select_radio_btn .sr_btn_lab_innr .switch .circle {margin: 0;}
.info_select_radio_btn .sr_btn_lab_innr .round_check {
padding: 3px
}
.info_select_radio_btn > label > input:checked ~ .sr_btn_lab_innr .round_check {
box-shadow: 0px 3px 6px rgb(134 22 139 / 34%);
border-color: #BF2EAF;
color: #86168B;
background: #FCCBF7;
}
.info_select_radio_btn > label > input:checked ~ .sr_btn_lab_innr .round_check .circle {
background: #86168B;
}
.ready_to_down_info {display: none;text-align: center;margin: 40px 0;padding: 0 20px;}
.ready_to_down_info svg {width: 110px;height: 110px;margin-bottom: 20px;}
.ready_to_down_info p {font-weight: 600;font-family: "Lato", sans-serif;margin-bottom: 35px;}
.ready_to_down_info .btn {box-shadow: none;text-transform: capitalize;height: 45px;line-height: 45px;font-size: 16px;}
/*Developers*/
.dt_deve_step h5 {
font: normal normal 600 24px/58px Montserrat;
}
.dt_deve_step ol li {
font: normal normal normal 16px/24px Montserrat;
}
.dt_deve_step ol li::marker {
font: normal normal bold 16px/19px Montserrat;
letter-spacing: 0px;
color: #CC42BD;
}
.dt_deve_step ol li img {
max-width: 100%;
}
code pre {
padding: 25px;
background-color: #FEEFFC;
border-radius: 15px;
max-width: 100%;
overflow: hidden;
overflow-x: auto;
display: block;
font: normal normal normal 16px/25px Montserrat;
color: #86168B;
}
.dt_create_apps_img {
width: 100%;
height: 120px;
margin: 5px 0 30px;
line-height: 1;
background: #FBFBFB;
border-radius: 15px;
border: 2px dashed #CFCFCF;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);font: normal normal 600 18px/15px Montserrat;
letter-spacing: 0px;
color: #6B696B;
}
.dt_create_apps_img img {
width: 100%;
height: 114px;
border-radius: 15px;
object-fit: cover;
}
.dt_create_apps_img svg {
width: 22px;
height: 22px;
display: block;
margin: 0 auto 13px;
padding: 0;
border-radius: 0;
background: transparent;
color: inherit;
opacity: 0.5;
}
.dt_dev_apps {padding: 15px;margin: 0 0 25px;}
.dt_dev_apps .valign-wrapper {justify-content: space-between;}
.dt_dev_apps .valign-wrapper .avatar {line-height: 1;}
.dt_dev_apps img {width: 55px;height: 55px;border-radius: 5px;object-fit: cover;}
.dt_dev_apps .btn {border-radius: 5px;background: #607d8b;}
.dt_dev_apps .ap_name {padding: 6px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dt_dev_apps .ap_name a {color: #232323;font-weight: 500;font-size: 18px;}
.dt_dev_apps p {margin: 0;font-size: 14px;line-height: normal;}
.dt_app_perm {padding: 25px;}
.dt_app_perm .avatar {width: 110px;height: 110px;object-fit: cover;border-radius: 7px;}
.dt_app_perm h2 {font-size: 30px;margin: 10px 0 0;}
.dt_app_perm p {margin: 0 0 20px;font-size: 14px;}
.dt_app_perm h4 {font-size: 15px;margin: 20px 0;}
.dt_app_perm .dt_sett_footer {padding: 20px 0 0;}
.dt_deve_app_page .qd_story_head h4 {
font: normal normal 600 24px/58px Montserrat;
}
.dt_deve_app_page .dt_sections {
margin: 0 0 30px;
padding: 30px;
}
.dt_deve_app_page .dt_sections > p.bold {
font: normal normal 600 24px/normal Montserrat;
margin: 0 0 10px;
}
.dt_deve_app_page .input-field>label:not(.label-icon).active {
padding: 0 0;
}
/*Invite Links*/
.earn_points {margin-bottom:10px;padding: 0 5px;}
.earn_points .ep_illus {margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.earn_points .ep_illus .ep_how_many {padding: 10px 0;}
.earn_points .ep_illus .ep_how_many svg {display: block;background-color: #7a7a7a;width: 50px;height: 50px;border-radius: 50%;padding: 12px;color: white;margin: 0 15px 0 0;}
.earn_points .ep_illus .ep_how_many.reaction_bg svg {background-color: rgba(255, 152, 0, 0.2);color: #FF9800;}
.earn_points .ep_illus .ep_how_many.create_post svg {background-color: rgba(33, 150, 243, 0.2);color: #2196F3;}
.earn_points .ep_illus .ep_how_many.comment_post svg {background-color: rgba(76, 175, 80, 0.2);color: #4caf50;}
.earn_points .ep_illus .ep_how_many b {margin: 0;font-weight: 500;}
/*Live*/
.wow_go_live_cont > .container {background: #222;height: 100%;color: white;}
.wow_go_live_cont > .container > div {height: 100%;}
.wow_go_live_cont h3 {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);margin: 0 !important;}
.wow_go_live_cont .liv_vid_cont {height: 100%;}
.wow_go_live_cont .empty_state {margin: 0;display: flex;flex-direction: column;justify-content: center;height: calc(100vh - 58px);color: rgba(255, 255, 255, 0.8);}
.wow_liv_counter {z-index: 9; position: absolute;left: 20px;top: 20px;background-color: rgba(0, 0, 0, 0.7);border-radius: 4px;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);min-width: 60px;line-height: 30px;font-size: 12px;font-weight: 500;color: #03a9f4;font-family: "Roboto",sans-serif;text-align: center;padding: 0 10px;}
.wow_liv_comments_feed {position: absolute;bottom: 0;width: 100%;left: 0;right: 0;background: linear-gradient(rgba(0, 0, 0, 0), black);padding: 120px 15px 10px;}
.btn-start-end-prnt {position: absolute;left: 50%;transform: translateX(-50%);top: 30px;height: auto !important;}
.btn-start-end {position: relative;left: auto;bottom: auto;transform: none;padding: 0 16px;display: flex;align-items: center;justify-content: center;height: 45px;border-radius: 2em;box-shadow: 0 1px 4px rgb(0 0 0 / 20%);text-transform: none;line-height: 35px;margin: 0 5px;}
.live_comments {padding: 10px 0;text-align: initial;}
.live_comments .live_avatar {width: 40px;height: 40px;border-radius: 50% !important;margin-right: 10px;}
.live_comments .live_user_h {font-size: 14px;font-weight: 700;display: inline;margin-top: 0;color: #fff;}
.live_comments .comment-text, .live_comments .reply-text {color: #eaeaea;/*width: 100%;*/}
.mic_drop, .cam_drop {margin: 0 3px;display: inline-block;}
.mic_drop > .btn, .cam_drop > .btn {background-color: black;padding: 0 16px;display: flex;align-items: center;justify-content: center;height: 45px;border-radius: 2em;box-shadow: 0 1px 4px rgb(0 0 0 / 20%);text-transform: none;line-height: 35px;}
.mic_drop > .btn svg, .cam_drop > .btn svg {margin: 0;}
.mic_drop a, .cam_drop a {display: block;text-decoration: none;padding: 5px 12px;}
.end_video_text{margin-bottom: 150px;color: #c6c6c6;}
/*Payment*/
.twocheckout_modal {padding-top: 20px;}
.twocheckout_modal .row {
margin-left: -.75rem;
margin-right: -.75rem;
}
/*Live Users*/
.dt_live_users_top {
margin: 0 0 30px;
}
.dt_live_users_top .mtc_usr_avtr {
overflow: hidden;
overflow-x: auto;
}
.dt_live_users_top .mtc_usr_avtr .usr_thumb {
margin: 0 25px 0 0;
}
.dt_live_users_top .mtc_usr_avtr .usr_thumb .badge {
background: #FF0404 0% 0% no-repeat padding-box;
border: 1px solid #A10707;
border-radius: 30px;
position: absolute;
bottom: 13px;
left: 50%;
transform: translateX(-50%);
font: normal normal normal 13px/20px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
padding: 0 10px;
}
.dt_live_users_top .mtc_usr_avtr .usr_thumb.isActive:after {
display: none;
}
.dt_live_users {position: relative;margin-bottom: 30px;transition: all 0.15s;border-radius: 15px;
cursor: pointer;
box-shadow: 0px 3px 20px rgb(0 0 0 / 2%);}
.dt_live_users:hover {box-shadow: 0 10px 20px rgb(0 0 0 / 7%);}
.dt_live_users .ajax-time {
position: absolute;
top: 10px;
left: 10px;
color: white;
background: rgb(255 255 255 / 45%);
z-index: 1;
border-radius: 6px;
padding: 0 10px;
font: normal normal normal 11px/23px Montserrat;
margin: 0;
}
.dt_live_users .badge {
position: absolute;
top: 10px;
right: 10px;
color: white;
background: #FF0404;
z-index: 1;
border-radius: 30px;
padding: 0 12px;
font: normal normal normal 11px/23px Montserrat;
margin: 0;
min-width: 47px;
}
.dt_live_users .card-image {
border-radius: 15px;
height: auto;
max-width: none;
margin: 0;
padding-bottom: 90%;
width: 100%;
}
.dt_live_users .card-image img {border-radius: 15px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0;}
.dt_live_users .card-content {position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(transparent, rgb(0 0 0 / 50%));border-radius: 0 0 15px 15px;padding: 30px 10px 15px;}
.dt_live_users .card-content h3 {
margin: 0 0 7px;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font: normal normal 500 18px/normal Montserrat;
}
.dt_live_users .card-content p {
margin: 0;
color: #ffffff;
font: normal normal normal 14px/normal Montserrat;
padding: 0;
border: 0;
}
.dt_live_users .particle {opacity: 0;position: absolute;background-color: #ffffff;-webkit-animation: particlehearts 3s ease-in infinite;animation: particlehearts 3s ease-in infinite;}
.dt_live_users .particle:before, .dt_live_users .particle:after {position: absolute;content: "";border-radius: 100px;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #ffffff;}
.dt_live_users .particle:before {transform: translateX(-50%);}
.dt_live_users .particle:after {transform: translateY(-50%);}
@keyframes particlehearts {
0% {opacity: 0;transform: translate(0, 0%) rotate(45deg);}
20% {opacity: 0.8;transform: translate(0, -20%) rotate(45deg);}
100% {opacity: 0;transform: translate(0, -1000%) rotate(45deg);}
}
/*Live Modal*/
.dt_who_live {width: 100%;max-width: 1300px !important;}
.dt_who_live h6.bold {margin-top: 0;justify-content: space-between;}
.dt_who_live h6.bold .close_live_video {background: transparent !important;}
.dt_who_live .embed-responsive {padding-bottom: 56.25%;position: relative;background: black;border-radius: 5px;}
.dt_who_live .embed-responsive .embed-responsive-item {position: absolute !important;top: 0;right: 0;bottom: 0;left: 0;border-radius: 5px;}
.dt_who_live .comment-textarea {border-radius: 2em;border: 0;background: rgb(0 0 0 / 7%);resize: none;padding: 12px 10px;}
.dt_who_live .wow_liv_comments_feed {background: transparent;position: relative;padding: 0;overflow: hidden;}
.dt_who_live .live_comments .live_user_h {color: #353535;}
.dt_who_live .live_comments .comment-text, .dt_who_live .live_comments .reply-text {color: #505050;}
/*FAQ*/
.dt_faq .accordion {margin: 24px 0;}
.dt_faq .accordion-item {display: flex;
text-decoration: none;
cursor: pointer;
align-items: flex-start;
border-radius: 10px;
justify-content: space-between;
margin: 0;
box-shadow: none;border: 1px solid #e9e9e9;}
.dt_faq .accordion-item > .card-body {padding: 20px;transition: all 0.2s ease-out;}
.dt_faq .accordion-item > .card-body h4 {margin: 0;
font-size: 19px;
line-height: 26px;
font-weight: 500;}
.dt_faq .accordion-item .accordion-panel {display: none;}
.dt_faq .accordion-item .accordion-panel p { margin: 0px;
padding-top: 16px;
opacity: 0.8;
font-size: 17px;}
.dt_faq .accordion-item > .btn { display: flex;
width: 48px;
height: 48px;
min-height: 48px;
min-width: 48px;
padding: 8px;
justify-content: center;
align-items: center;
transition: all 0.2s ease-out;
flex: 0 0 auto;
border: 0;
box-shadow: none;
color: inherit;
background: transparent;
margin: 9px;}
.dt_faq .accordion-item.is-active > .btn {transform: rotate(45deg);background-color: #a33596;
color: #fff;
border-radius: 20px;}
/*Side Apps*/
.dt_side_apps {
display: flex;margin: 0 -4px;
}
.dt_side_apps a {
display: block;
line-height: 1;
margin: 12px 4px 6px;
width: 50%;
}
.dt_side_apps a img {
width: 100%;
}
/*Instagram Import*/
.dt_insta_import {
padding: 50px 0px 0;
}
.dt_insta_import p {
max-width: 440px;
margin: 0 auto 20px;
}
.dt_insta_import .btn {
box-shadow: none;
text-transform: capitalize;
margin: 20px 0;
background-color: rgb(224 92 209 / 25%);
color: #e05cd1;
padding: 0 20px;
line-height: 40px;
height: auto;
}
/*Instagram Posts*/
.insta_post_all_imp {
display: flex;
align-items: center;
}
.insta_post {
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;margin-top: 20px;
}
.insta_post .card-img-top {
width: 100%;
object-fit: cover;
aspect-ratio: 4/3;
}
.insta_post .card-body {
padding: 6px 12px 12px;position: relative;
}
.insta_post .dt_prof_ply_ico{
top: -52px;
width: 34px;
height: 34px;
}
.insta_post .card-body .card-title {
font-weight: 500;
margin: 0 0 12px;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.insta_post .card-body .foot {
display: flex;
align-items: center;
justify-content: space-between;
}
.insta_post .card-body .foot .btn, .insta_post_all_imp .btn {
box-shadow: none;
border-radius: 10px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: normal;
height: auto;
line-height: 33px;
padding: 0 14px;
}
.insta_post .card-body .foot label, .insta_post_all_imp label {
margin: 6px 0 -3px;
display: block;
}
.insta_post .card-body .foot label span, .insta_post_all_imp label span {
transform: scale(0.8);
}
.insta_post [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after, .insta_post_all_imp [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
opacity: 0.6;
}
/*Search City*/
.city_search_result {
position: absolute;
background-color: #fff;
max-height: 200px;
overflow-y: auto;
left: 0;
right: 0;
top: 100%;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;
z-index: 99;
border-radius: 8px;
padding: 2px 10px;
border: 1px solid #e5e5e5;
}
.city_search_result:empty {display: none;}
.city_search_result p {
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 7px 0;
cursor: pointer;
}
.city_search_result p:last-child {
border: 0;
}
/*Wallet*/
.wallet_empty_state {
margin: 30px 0 10px;
font-size: 15px;
background-color: rgb(244 67 54 / 8%);
padding: 20px;
border-radius: 10px;
}
.wallet_empty_state p {
display: flex;
align-items: center;
margin: 0;
}
.wallet_empty_state svg {
width: 60px;
height: auto;
flex: 0 0 auto;
}
.wallet_empty_state .btn {
margin: 30px auto 0;
box-shadow: none;
border: 0;
font-weight: 500;
border-radius: 8px;
}
/*Report User*/
textarea.materialize-textarea.report_user_report {
border-radius: 5px;
margin: 20px 0 10px;
padding: 12px;
}
.report_user_report::placeholder {
color: inherit;
opacity: 0.5;
}
/*18+*/
.et_plus.modal {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
max-width: none;
width: 100%;
height: 100%;
max-height: none;
border-radius: 0;
background: rgb(255 255 255 / 70%);
backdrop-filter: blur(15px);transform: none !important; transition: none !important;
}
.et_plus .modal-dialog {
width: 100%;
height: 100%;
display: flex;
}
.et_plus .modal-dialog .modal-content {
background: white;
width: 100%;
max-width: 700px;
box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
border-radius: 20px;
flex: 0 0 auto;
margin: auto;
text-align: center; padding: 40px;
}
.et_plus .modal-dialog .modal-content svg {
height: auto;
width: 140px;
margin: 10px auto 20px;
}
.et_plus .modal-dialog .modal-content h4 {
font: normal normal 600 31px/1.2 Montserrat;
}
.et_plus .modal-dialog .modal-content p {
font: normal normal normal 20px/32px Montserrat;
margin: 0;
}
.et_plus .modal-dialog .modal-content .modal-footer.center {
text-align: center;
margin: 40px 0 0;
}
.et_plus .modal-dialog .modal-content .modal-footer.center .btn-flat {
margin: 0 5px;
font: normal normal 500 18px/48px Montserrat;
min-width: 150px;
border: 0;
background: #d4d4d4;
color: black;
}
.et_plus .modal-dialog .modal-content .modal-footer.center .btn-flat.btn_primary {
background: #ff6378;
}
.dt_et_banned {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: calc(100vh - 132px);
position: relative;
flex-direction: column;
}
.dt_et_banned:before, .dt_et_banned:after {
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
content: '';
display: block;
height: 24px;
}
.dt_et_banned .dt_sections {
width: 100%;
max-width: 750px;
margin: auto;
padding: 40px;
border-radius: 20px;
text-align: center;
}
.dt_et_banned .dt_sections > svg {
height: auto;
width: 140px;
margin: 10px auto;
}
.dt_et_banned .dt_sections > h1 {
font: normal normal 600 31px/1.2 Montserrat;
}
/*Language Modal*/
.dt_lang_modal {
padding: 10px;
margin: 24px 0 0;
list-style: none;
display: flex;
flex-wrap: wrap;
position: relative;
background: rgb(204 66 189 / 8%);
border-radius: 15px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cc42bd' fill-opacity='0.1' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
.dt_lang_modal li {
flex: 1 1 auto;
margin: 10px;
}
.dt_lang_modal li a {
display: block;
text-decoration: none;
padding: 0 20px;
transition: all 0.2s;
text-align: center;
border-radius: 2em;
border: 2px solid #CC42BD;
color: #CC42BD !important;
font: normal normal 500 14px/40px Montserrat; backdrop-filter: blur(20px);
}
.dt_lang_modal li a svg {
display: none;
width: 20px;
height: auto;
margin: -2px 3px 0 -3px;
}
.dt_lang_modal li.active a {
background: rgb(204 66 189 / 17%);
}
.dt_lang_modal li.active a svg {
display: inline-block;
}
.dt_lang_modal li a:hover {
color: #fff !important;background: #CC42BD;
}
/*Responsive*/
@media (min-width: 556px){
.modal-sm {max-width: 400px;}
}
@media (min-width: 676px){
.modal {max-width: 500px;}
}
@media (min-width: 993px){
.dt_popular .col.l2 {width: 20%;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.modal-lg {max-width: 800px;}
.dt_cp_photos_list::-webkit-scrollbar, nav .header_notifications .dropdown-content .dt_notifis_prnt::-webkit-scrollbar, .dt_home_match_user .mtc_usr_avtr::-webkit-scrollbar, .m_body_content::-webkit-scrollbar {height:12px;width:12px}
.dt_cp_photos_list::-webkit-scrollbar-button, nav .header_notifications .dropdown-content .dt_notifis_prnt::-webkit-scrollbar-button, .dt_home_match_user .mtc_usr_avtr::-webkit-scrollbar-button, .m_body_content::-webkit-scrollbar-button {height:0;width:0}
.dt_cp_photos_list::-webkit-scrollbar-thumb, nav .header_notifications .dropdown-content .dt_notifis_prnt::-webkit-scrollbar-thumb, .dt_home_match_user .mtc_usr_avtr::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(0,0,0,.3);border:4px solid transparent;-webkit-border-radius:10px;border-radius:10px;min-height:20px;min-width:20px;height:5px;width:5px}
.m_body_content::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:#444;border:4px solid transparent;-webkit-border-radius:10px;border-radius:10px;min-height:20px;min-width:20px;height:5px;width:5px}
}
@media (min-width: 1024px){
.container {width: 970px;}
.dt_hdr_sec_links {position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: 100;margin: 8px 0;}
.dt_hdr_sec_links ul li a {background: #f2f2f2;box-shadow: none;}
.container_new > .row > .col.l3 {width: 23%;}
.container_new > .row > .col.l6 {width: 54%;}
.container_new > .row > .col.l9 {width: 77%;}
}
@media (min-width: 1024px) and (max-width: 1220px){
.dt_hdr_sec_links ul li a {padding: 7px 10px;margin: 0 1px;font-size: 13px;}
}
@media (min-width : 1185px) {
.sidenav_overlay {display: none;}
}
@media (min-width: 1215px){
.container {width: 1070px;}
}
@media (min-width: 1300px){
.container {width: 1120px;}
/*.row .col.l3.matches {
width: 20%;
}*/
}
@media (max-width : 1360px) {
.dt_right_side_story {
display: none;
}
.dt_left_sidebar.pro .pro_usrs_container .pro_usr {
width: 50%;
}
.home_usr_stats {
display: none;
}
.home_usr_sct > div {
flex-direction: column;
}
}
@media (max-width: 1300px){
.container_new > .row > .col.l6+.l3 {
display: none;
}
.container_new > .row > .col.l3 {width: 25%;}
.container_new > .row > .col.l6, .container_new > .row > .col.l9 {width: 75%;}
}
@media (max-width : 1250px) {
.hide_go_pro_hdr_link {display: none;}
nav .header_credits_mobi {display:block;}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name span.last_seen {display: block;margin-left: 0;font-size: 10px;}
}
@media (max-width : 1185px) {
.dt_tstm_usr .carousel.carousel-slider .carousel-item {width: 100%;padding: 0px 0px 10px;}
body > #container {padding-left: 0 !important;padding-right: 0 !important;}
.dt_mini_sidebar_links {transform: translateX(-105%);transition: all 0.2s ease;}
.dt_mini_sidebar_links:before {width: 100%;transition: none;}
.dt_mini_sidebar_links ul {margin: 10px 0 auto 0;}
.dt_mini_sidebar_links ul li a span {padding: 0 15px;display: block;}
.dt_index_random_users {
display: none;
}
.header_bg .home_pz_rel {
width: 100%;
}
.dt_hdr_filters {
margin: 120px 0 0 !important;
}
.dt_index_footinnr {
padding: 10px 10px 20px;
}
}
@media (max-width: 1024px){
.find_matches_cont > .row > .col.l3:not(.profile_menu) {position: fixed;background-color: white;bottom: 0;top: 0;transition: all 0.2s;box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);z-index: 9999;width: calc(100% - 56px);max-width: 280px;left: -300px;padding: 0 15px;overflow-y: auto;}
.find_matches_cont > .row > .col.l3 .dt_lside_extra_menu {display: block;}
.find_matches_cont > .row > .col.l9 {width: 100%;}
nav .nav-wrapper.container, .page_footer .footer-copyright .container {width: 100%;padding: 0 16px;}
.dt_user_profile_parent.container > .row > .col{width: 100%}
.success_story_item .qd_story_card_usr_foot {flex-direction: column-reverse;}
.success_story_item .qd_story_card_usr_foot time {margin: 0 auto 10px;}
.qd_read_blog_head .blockquote {margin: 0;}
.container_new > .row > .col.l3 {width: 100%;}
.container_new > .row > .col.l6 {width: 100%;}
.container_new > .row > .col.l9 {width: 100%;}
.dt_login_body_inner > .login_baner, .login_banner_mask {
height: 100%;
object-fit: cover;
}
}
@media (max-width : 992px) {
.dt_filters .row .col.s2 {margin: 1rem 0px;}
.dt_pro_features .col { margin: 0px 0;}
.dt_features {padding: 100px 0 80px;}
.dt_user_info .avatar {margin: 0 0 20px;}
.dt_pro_features {padding: 0;}
.dt_pro_pg .dt_pro_features {padding: 0 30px;}
.dt_usr_affl .alert {
margin: 20px 0;
}
nav li.credit > a > span {
display: none;
}
.dt_new_home_filter .filter_tabs .tab a.active:after {
display: none;
}
.qd_hot_not .mtc_usrd_slider > .row {
flex-wrap: wrap;
}
.qd_hot_not .qd_hot_not_media {
margin-bottom: 0;
}
.qd_hot_not .mtc_usrd_slider > .row .btnss, .credit_ftr > svg {
display: none;
}
.credit_ftr > .col {
margin: auto !important;
}
.dt_settings_side_links li a {
min-width: 80px;
}
.dt_header_how_works .row > .col.l6 {
width: 100%;
}
.dt_header_how_works_innr {
padding: 10px 20px 150px;
}
.dt_header_how_works_innr.flip {
padding: 100px 20px 0;
}
}
@media (max-width : 890px) {
.dt_signup_steps {width: 100%;}
.slider {width: 100%;transform:none !important;}
.slider-form {width: 100%;}
.slider_container.slider-two-active .slider-form.slider-one, .slider_container.slider-three-active .slider-form.slider-one, .slider_container.slider-three-active .slider-form.slider-two {display:none;}
.dt_settings > .row > .col {width: 100%;}
nav .header_user > a span {
display: none;
}
}
@media (max-width : 860px) {
.dt_home_filters .collapsible .search_filters { padding: 20px 10px 50px;}
.dt_home_filters .collapsible .search_filters form h5 { margin: 15px 0 10px;}
.dt_premium .pay_using .pay_u_btns {flex-direction: column;}
.dt_premium .pay_using .pay_u_btns .btn {margin: 8px 10px;}
}
@media (max-width: 791px){
.mtc_usrd_content .mtc_usrd_slider .carousel {min-height: 400px;height: 400px !important;}
.dt_home_match_user .mtc_usr_avtr {overflow: hidden;}
.dt_profile_about .row {
flex-wrap: wrap;flex-direction: column;
}
.dt_profile_about .row > .col {
width: 100%;
}
.dt_index_pro_users {
display: none;
}
.dt_index_footinnr .top > .row > .col {
width: auto;flex: 1 1 auto;
}
.dt_index_footinnr .top > .row > .col.m4 {
width: 100%;margin-bottom: 40px;
}
.dt_index_footinnr .bottom > .row > .col {
width: 100%;
text-align: center;
}
.dt_index_footinnr .copyright {
text-align: center;
}
.dt_index_footinnr .bottom > .row > .col > .row > .col {
width: auto;
float: none;
display: inline-block;
}
.my_profile_add_btns {
height: 100%;
margin: -10px 0 10px;
}
}
@media (max-width : 768px) {
.dt_filters {display:none;}
.usr_circle {display: none;}
.qd_hot_not {margin: 0;}
.qd_verfy_pic_wcam > .col {width: 100% !important;}
.qd_verfy_pic_wcam > .col:first-child {display: none;}
.dt_poplrity_cont .dt_pop_ftr {margin: 0 !important;position: absolute;left: 0;right: 0;bottom: 15px;}
.dt_poplrity_cont .dt_pop_ftr .boosted_message_expire {margin-top: -30px;}
nav li.credit > a {
display: none;
}
.header_credits_small_mobi {
display: block !important;
}
nav li.credit > .boost-div {
margin: 0 8px;
}
.boost-me {
margin: 13px 7px;
}
.article_of_the_day_list .row {
flex-direction: column-reverse;
}
.article_of_the_day_list .row .col {
margin-bottom: -6px;
}
.article_of_the_day_list img {
aspect-ratio: 16/9;
}
.qd_cred_bl {
margin: 10px auto;
}
.qd_cred_bl:after, .qd_cred_bl:before {
display: none;
}
.credit_pln .dt_plans {flex-direction: column;}
.qd_sett_sessions {
flex-direction: column;
align-items: flex-start;
justify-content: normal;
}
.qd_sett_sessions .first {
margin-bottom: 15px;
}
.qd_sett_sessions .btn {
min-width: 18px;
height: 25px;
line-height: 25px;
margin-top: 7px;
}
.dt_usr_affl .input-field .btn {
display: none;
}
.dt_header_how_works_side_innr .list > div {
padding: 0 10px;
}
}
@media (max-width : 675px) {
.dt_testimonial_slide .slide_head img {width: 40px;height: 40px;}
.slider-form {padding: 56px 10px 56px;}
.slider-form.slider-two {padding: 10px 0px;}
.page_footer .footer-copyright .container {flex-direction: column;}
.dt_fotr_spn {margin: 0;}
.dt_home_filters .collapsible {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;padding: 60px 0 0;}
.dt_home_filters .collapsible.actiee {transform: translateY(0);}
.dt_home_filters .collapsible.actiee:after {display: none;}
.dt_social_login .btn_social {
width: calc(100% - 24px);
}
.dt_test_title {
margin: 20px 0 60px !important;
}
.dt_testimonial_slide .hdr {
flex-direction: column;
}
.dt_testimonial_slide img {
width: 70px;
height: 70px;
}
.dt_testimonial_slide .hdr > h3 {
font: normal normal 600 20px/normal Montserrat;margin-top: 15px;
}
.slider-form .step_footer p {
display: none;
}
.dt_settings .row .col.s6, .dt_settings_bg_wrap .row .col.s6 {
width: 100%;
}
}
@media (max-width : 605px) {
.dt_index_footinnr .top > .row > .col {
margin-bottom: 40px;width: 100%;
}
.dt_index_footinnr .top {
padding-bottom: 40px;
}
.dt_get_start h4, .dt_header_how_works_innr.flip h2, .dt_test_title h3, .dt_header_how_works_innr h2, .dt_header_short_desc_innr h2, .dt_login form > p span {
font-size: 8vw;
line-height: normal;
}
.dt_header_how_works_side_innr .list {
padding: 30px 0;
}
.dt_header_how_works_innr.flip p, .dt_header_short_desc_innr p{
line-height: 1.3;
font-size: 4.5vw;
}
.dt_hdr_filters {
padding: 50px 20px 20px;margin: 120px -20px 0 !important;
}
.dt_header_short_desc_innr {
padding: 100px 0;
}
.dt_header_how_works_side_innr .list > div > svg {
height: 50px;
width: 50px;
}
.dt_get_start {
margin: 100px auto;
}
.page_footer .footer-copyright {
padding: 25px 0;
}
.page_footer .footer-copyright > .valign-wrapper {
text-align: center;
}
.dt_fotr_spn .dt_footer_links {
margin: 16px 0;
}
}
@media (max-width : 601px) {
nav .header_notifications > a.btn-flat, nav .header_msg > a.btn-flat {margin: 10px 5px;}
nav .header_notifications .dropdown-content {min-width: 360px;}
.carousel.carousel-slider .carousel-item p {max-height: calc(100% - 70px);overflow-y: auto;}
.dt_premium .dt_choose_pro {border: 0;padding: 0;margin-bottom: 50px;}
nav .header_user > a svg {
display: none;
}
nav .header_user > a img {
margin: 0;
}
nav .header_user > a {
padding: 0 0px;
border: 0;
background: transparent !important;
}
nav .header_logo {
max-width: 150px;margin: 0 !important;
}
nav .brand-logo img {
max-width: 150px;
}
nav li.credit {
border: 0;
}
nav li.credit > .boost-div {
margin: 0 2px;
}
.dt_login_bg {
width: 100%;
}
.dt_login {
padding: 30px;
}
.dt_user_about .about_block > .row > .col {
width: 100%;
}
.dt_login_body_inner nav .nav-wrapper, .main_header_nav nav .nav-wrapper {
padding: 0 10px;
}
.dt_login_body_inner nav .brand-logo, .main_header_nav nav .brand-logo {
left: 0 !important;
right: 0 !important;
transform: none !important;position: relative;
}
.dt_login_body_inner nav .brand-logo img, .main_header_nav nav .brand-logo img {
max-width: 140px;
margin-top: 0;
}
.dt_login_body_inner nav .nav-wrapper .btn, .main_header_nav nav .nav-wrapper .btn {
height: 39px;
font: normal normal 500 16px/39px Montserrat;
margin: -4px 5px 0;
}
.header_bg {
padding: 70px 20px 0;
}
}
@media (max-width : 600px) {
.dt_msg_box .msg_header .msg_toolbar .btn.mark_read svg {margin-right: 0;}
.header_bg h1 {font-size: 10vw;margin: 4rem 0 0.5rem 0;line-height: 1.3;}
.header_bg h5 {font-size: 1.4rem;}
.dt_horizontal_divider_parent {display:none;}
.btn_social {display: inline-flex;}
.btn_social > span {margin: 0;width: 43px;min-width: 43px;max-width: 43px;}
.dt_settings_header { padding: 0px 0px;}
.credit_ftr li {width: 100%;}
.mtc_usrd_content .mtc_usrd_slider .carousel {min-height: 400px;height: 400px !important;}
.qd_select_verifi_start {margin: 5px auto 0;}
.dt_features {padding: 60px 0 0px;}
.dt_features .icon-block {margin-top: 40px;}
.dt_tstm_usr .carousel.carousel-slider .carousel-item {max-height: 360px;}
.dt_test_bg {margin: 170px 0 100px;}
.dt_how_it_works_arrow {display: none;}
.dt_login_con {padding-bottom: 55px;}
.mtc_usrd_content .mtc_usrd_sidebar {min-height: auto;padding: 100px 20px 20px;}
.mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions:not(.dt_profile_about_action) {top: 5px;}
.dt_premium .dt_p_head {padding: 20px 15px 10px;}
.dt_pro_pg .dt_pro_features {padding: 0 5px;}
.dt_premium .dt_prem_row {margin: 0 5px;}
}
@media (max-width : 525px) {
.dt_msg_box {width: 100%;height: 100%;max-height: 100%;border-radius: 0px;min-width: 100%;}
.dt_msg_box .msg_container .m_search .search_input {padding: 5px 0px;}
.dt_msg_box .msg_container .chat_filter { padding: 3px 0px;margin: 0 0 0 10px;}
.dt_msg_box .msg_container .chat_filter label {font-size: 0px;justify-content: center;}
.dt_msg_box .msg_header, .dt_msg_box .modal-content .chat_conversations .chat_header {padding: 10px 5px;}
.dt_msg_box .modal-content .chat_conversations .chat_participant {width: calc(100% - 150px);}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name {width: calc(100% - 50px);}
.dt_msg_box .modal-content .chat_conversations .chat_participant .c_name span.name {display: block;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}
.credit_bln {width: 100%;}
.dt_login_foot_innr .dt_foot_langs {min-width: 100px;text-align: end;}
.dt_login_foot_innr {padding: 0px 10px 10px;}
/*.mtc_usrd_content {padding: 0 15px 18px;}*/
.dt_home_rand_user {width: 100%;}
.page-footer .footer-copyright .container {flex-direction: column;}
.page-footer .footer-copyright .dt_foot_langs {margin: 20px auto 0;}
.dt_user_social ul li {display: inline-block;margin: 0 5px;}
.dt_user_social ul li .soc_icon {margin: 0;}
.dt_user_social ul li .soc_info {display: none;}
.dt_user_info .info .combo.dt_othr_ur_info {flex-direction: column;align-items: normal;text-align: center;}
.dt_user_info .info .combo.dt_othr_ur_info+p {text-align: center;display: block;}
.dt_user_info .info .combo.dt_othr_ur_info+p svg {margin-top: -2px;margin-right: 0px;}
.dt_msg_box .msg_container .m_search .search_input > svg {left: 8px;}
.dt_msg_box .msg_container .m_search .srch_filter {right: 0px;}
.qd_read_blog_head .valign-wrapper {flex-wrap: wrap;}
.qd_read_blog_head h2 {font-size: 32px;line-height: 40px;}
.qd_select_verifi_start {margin: 20px auto 0;width: 140px;height: 140px;}
nav .header_logo, nav .brand-logo img { max-width: 130px;}
nav .brand-logo img {
margin: 17px 0;
}
.steps_header_steps li div svg {display: none;}
.steps_header_steps li div {padding: 0px 15px 0px 27px;}
.qd_hot_not.dt_home_match_user .mtc_usr_avtr {display: none;}
}
@media (max-width : 480px) {
nav .header_user > a, nav .header_user > a img {width: 35px;height: 35px;}
nav .header_notifications {position: static;}
nav .header_notifications .dropdown-content {width: 100% !important;min-width: 100vw;left: 0 !important;top: 50px !important;}
nav .header_notifications .dropdown-content:before {display: none;}
nav .header_user > a {margin-right: 0 !important;}
nav .header_notifications > a.btn-flat, nav .header_msg > a.btn-flat {width: 36px;height: 36px;}
.otp_head .col.s12.m8 {display: flex;align-items: center;justify-content: center;}
.hide_mobi_login {display:none;}
nav .show_mobi_login {display:block;}
nav .show_mobi_login > a {color: white;}
nav .show_mobi_login > .dropdown-content {
top: 60px !important;
left: 15px !important;
right: 15px !important;
width: calc(100% - 30px) !important;padding: 5px 0;
}
nav .show_mobi_login > .dropdown-content li a {
text-align: center;
color: inherit;
margin: 5px 10px !important;
padding: 0;
line-height: 46px;
height: auto;
}
.dt_login {padding: 15px 21px;}
nav .boost-div {display: none;}
.dt_user_social ul li .soc_icon {width: 30px;min-width: 30px;height: 30px;}
.dt_user_social ul li .soc_icon svg {width: 19px;height: 19px;}
.dt_fotr_spn {text-align: center;}
.dt_fotr_spn .dt_footer_links {justify-content: center;display: flex;}
.dt_foot_langs > .dropdown-content {right: auto !important;}
#local-media video {width: 120px;height: 140px;}
.qd_story_head {flex-direction: column;}
.qd_story_head .btn {margin: 15px auto 20px;}
.qd_rstroy_with, .qd_rstroy_thumbs h5 {display: none;}
.qd_rstroy_thumbs .avatar {width: 100px;height: 100px;}
.qd_rstroy_thumbs .avatar img {width: 90px;height: 90px;}
.dt_ltst_users .card {flex-direction: column;}
.dt_ltst_users .card-image {width: 100%;min-width: auto;max-width: 160px;margin: 0 auto 12px !important;}
.dt_ltst_users .card-image > a {padding-bottom: 100%;}
.dt_ltst_users .card-image img {border-radius: 50% !important;}
.dt_ltst_users .dt_home_rand_user .card .card-content {padding: 0 !important;}
.dt_home_rand_user .rand_bottom_bar {position: relative;right: auto !important;left: auto !important;top: auto;transform: none;}
.qd_hot_not .mtc_usrd_slider {overflow: visible;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_actions {min-width: auto;position: absolute;left: 0;right: 0;bottom: -30px;text-align: center;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_actions .btn {margin: 0 5px !important;width: 60px;min-width: 60px;height: 60px;}
.qd_hot_not .mtc_usrd_content .mtc_usrd_actions .btn.like, .qd_hot_not .mtc_usrd_content .mtc_usrd_actions .btn.dislike {background: #ffffff;}
nav .header_user {
position: static;
}
nav .header_user .dropdown-content {
min-width: 100%;
left: 0 !important;
right: 0 !important;
width: 100% !important;
}
}
@media (max-width : 400px) {
nav .header_logo, nav .brand-logo img { max-width: 120px;}
nav .brand-logo img {
margin: 19px 0;
}
}
@media (max-width : 390px) {
nav .header_logo .brand-logo {font-size: 1.8rem;}
nav .header_notifications .dropdown-content:before {right: 83px;}
.row .col.xs12 {width: 100%;margin-left: auto;left: auto;right: auto}
.dt_user_social ul li {margin: 0 2px;}
.dt_user_about .about_block .dt_profile_info .row .col {width: 100%;}
.dt_user_about .about_block .dt_profile_info p.info_title {color: #313131;font-weight: 500;}
#stikerlist img {width: 33.333333333%;margin: 0;padding: 5px;}
nav .header_logo, nav .brand-logo img { max-width: 100px;}
}
@media (max-width : 350px) {
nav .header_notifications > a.btn-flat, nav .header_msg > a.btn-flat {margin: 8px 0px;}
}
.dt_settings form .select-wrapper+label, .twocheckout_modal .select-wrapper+label {
display: block;
}
#pages_dropdown {
top: -90px !important;
}
@media (max-width: 480px) {
.l10 {
width: 100%!important;
}
}
#logo-container img{
content: url("../img/logo.png");
}
.only-mobile{
display: none;
}
@media (max-width : 390px) {
.only-mobile{
display: block;
}
}
.story2{
margin-left: -33px;
}
article img {
width: 100%!important;
height: auto!important;
}
input#_located:disabled {
opacity: 0.2;
}
.select-wrapper * { transition: none !important; transform: none !important; }
ul:not(.browser-default) {transition: none !important;transform: none !important;}