@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    margin: 0px;
    padding: 0px;
}

@font-face{
	font-family:Gibson-Regular;
	src:url('../fonts/Gibson-Regular.otf');
}

@font-face{
	font-family:Gibson-SemiBold;
	src:url('../fonts/Gibson-SemiBold.otf');
}

body {
    line-height: 23px;
    font-family:Gibson-Regular, sans-serif;
    /*    font-family: 'Montserrat', sans-serif; */
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

::selection {
text-shadow: none;
}

a {
    color:#707070;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


ol, ul , li {
    list-style: none !important;
    list-style-position:inside !important;
    padding: 0px;
    margin: 0px;
}

a:hover {color:#000;}

p {font-size: 15px;line-height: 1.7;/* font-weight: 400; */font-family: 'Gibson-Regular', sans-serif;color: #707070;margin-bottom: 15px;}

h1, h2, h3, h4, h5, h6 {/* font-size:16px; *//* font-weight: 600; */font-family: 'Gibson-Regular', sans-serif; font-weight:600;}

img {border: none;max-width: 100%;border: 0;}

div#preloader {
    position: fixed;
    z-index: 1000;
    background: url('../images/loader.gif') no-repeat scroll center center #000;
    background-size: 100px;
    height: 100%;
    width: 100%;
    opacity: 0.6;

/*	display:none */
}

.home_wrapper {
    background: url(../images/hbg.jpg) no-repeat scroll center top #8c07ee;
    background-size: cover;
    padding: 0;
    height: 100vh;
    position: relative;
    display: table;
    width: 100%;
}

.header-container {
    padding: 30px 6em;
}

.main-container {
    padding: 0em 6em;
    height: 85vh;
}

.footer-container {
    background: rgb(42 46 67 / 78%);
    width: 100%;
    padding: 10px 6em;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-container address {
    margin-bottom: 0;
    color: #fff;
    margin-right: 100px;
}

.aa-right {
    display: flex;
    align-items: center;
    justify-content: right;
    float: right;
}

.aa-right h4{
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
}

.aa-right li {
    margin-left: 10px;
    float: left;
}

.add-left.col-md-6 {
    display: flex;
    margin-top: 10px;
}


.logo-left img {max-width: 286px;}

.logo-right ul {
    float: right;
    display: flex;
    align-items: center;
}

.logo-right ul li {
    margin-left: 20px;
}

.logo-right ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    text-transform: uppercase;
}

.logo-right ul li {}

.logo-right ul li a.sign_in {
    padding: 8px 16px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 8px;
    /* display: flex; */
}

.logo-right ul li a:hover.sign_in , .logo-right ul li a:active.sign_in , .logo-right ul li a:focus.sign_in {
    background: #fff;
    color: #8607e2;
}

.l-left h1 {
    font-size: 60px;
    margin: 0  0 10px;
    font-family: Montserrat;
    font-size: 71px;
    font-weight: 800;
    font-style: normal;
    line-height: 70px;
    color: #ffffff;
}

.l-left h1 + p {
    margin: 10px 0 10px;
    font-family: Montserrat;
    font-size: 26px;
    font-stretch: normal;
    line-height: 38px;
    color: #ffffff;
}

a.btn.btn_create {
    margin: 0 0 40px;
    padding: 24px 38px;
    border-radius: 8px;
    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #8a07e7;
    text-transform: uppercase;
    font-weight: bold;
}

.p_click {
    margin-top: 3em;
    max-width: 500px;
    position: absolute;
    top: -100px;
    left: 7em;
}

.p_click p {
    color: #d5a5f8;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 0;
}

.add-left a {
    color: #fff;
}

.aa-right li a {width: 45px;height: 45px;/* margin: 0 7px 0 10px; *//* object-fit: contain; */background: #2121219e;display: flex;color: #fff;justify-content: center;align-items: center;border-radius: 50%;}


.p_click p a {
    color: #fff;
}

.main-container .container-fluid , .main-container .container-fluid .row {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
}

.modal-dialog.modal-res {
    height: 88%;
    display: flex;
    align-items: center;
    width: 400px;
}

.modal-dialog.modal-res .modal-content {
    width: 100%;
}


.modal-resize .modal-header {
    position: absolute;
}

.modal-res .modal-header {float: right;border: none;padding: 0;margin-top: 15px;margin-right: 15px;}

.modal-res .modal-body {
    padding: 0em 3em 3em;
    clear: both;
}

.mod-icon {
    height: 220px;
    background: url('../images/Group1.png') no-repeat center center;
    background-size: contain;
}

.modal-res .form-control {
    height: 60px;
    border-radius: 10px;
    background: #f2f4f7;
    box-shadow: none;
    border-radius: 15px;
    padding-left: 15px;
    font-size: 14px;
    border-color: #f2f4f7;
    font-weight: 400;
}

.modal-res .mform-area {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    clear: both;
    float: left;
    width: 100%;
}

.modal-res .mform-btm {
    clear: both;
    text-align: center;
    display: block;
}

.modal-res .mform-btm p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.modal-res .mform-btm p a {
    color: #693bbd;
    font-weight: 500;
}

.modal-res .modal-header button.close {
    background: url('../images/Group16293.png') no-repeat scroll center center;
    width: 48px;
    height: 48px;
    opacity: 1;
}

.modal-res .form-control:focus {
    border-color: #693bbd;
}

.mform-area button.btn.btn-default {
    background: #693bbd;
    color: #fff;
    padding: 16px 55px;
    text-transform: uppercase;
    font-size: 17px;
    float: right;
    border-radius: 15px;
}

.mform-area .checkbox {
    float: left;
    margin-top: 20px;
}

a.forgot_pss {
    font-weight: 600;
}

.mform-area button.btn.btn-default:hover ,
.mform-area button.btn.btn-default:focus , 
.mform-area button.btn.btn-default:active {
    /* border: none; */
    outline: none;
}


.mform-area h3 {
    margin-top: 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

#forgotmodal .modal-res .mform-area {
    border: none;
    padding-bottom: 20px;
    margin: 0;
}

#forgotmodal .mform-area button.btn.btn-default {
    width: 100%;
}


#forgotmodal .mforg-btm {
    clear: both;
    text-align: center;
}


#forgotmodal .mforg-btm p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}


#forgotmodal .mforg-btm a {
    color: #693bbd;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}


#createmodal .mform-area button.btn.btn-default {
    width: 100%;
}

.noflayer{
	display:none;
}

#createmodal .modal-res .mform-area{
	border-bottom:none
}


.form-control::placeholder { 
  color: #8a8d99;
  font-weight:500;
}

.form-control:-ms-input-placeholder { 
  color: #8a8d99;
  font-weight:500;
}

.form-control::-ms-input-placeholder {
  color: #8a8d99;
  font-weight:500;
}

.upload_pro input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    left: 0;
}

.upload_pro input[type=file] ~ span.file_mirror {
    background: #f0f1f4;
    height: 300px;
    width: 100%;
    display: flex;
    width: 90%;
    border-radius: 15px;
    margin: 0 auto;
    position: relative;
    align-items: center;
    justify-content: center;
}

.form-group.upload_pro {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 30px;
}


.upload_pro input[type=file] ~ span.file_mirror:before {
    content: "Drag File To Upload";
    /* position: absolute; */
    /* top: 0; */
    /* width: 100%; */
    /* bottom: 0; */
    font-weight: 500;
    color: #000;
    background: url('../images/upload.jpg') no-repeat scroll center top;
    padding-top: 60px;
}

.uadmin-header {
    background: #2a2e43;
    clear:  both;
    padding: 15px 0;
    width: 100%;
    position: relative;
}


.uadmin-header {
    background: #2a2e43;
    clear:  both;
    padding: 15px 0;
    width: 100%;
    position: relative;
}

.ulogo-right.col-md-8 {
    /* display: flex; */
    /* justify-content: space-evenly; */
}

.ul_notice > ul > li {
    display: inline-block;
    position: relative;
    margin-left: 20px;
}

.user_speed {
    float: right;
}

.user_speed a {
    background: #3d373d;
    color: #fff;
    padding: 13px 30px 13px 20px;
    float: right;
    border-radius: 18px;
    border: 1px solid #ff8b03;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.user_drop {
    float: left;
    margin: 0px 30px 0px 50px;
    position: relative;
}

.ul_notice {
    float: left;
}

.ul_notice {}

.user_nav {
    clear: both;
    background: #2a2e43;
    padding: 40px 0;
    /* display: flex; */
    /* justify-content: center; */
    position: relative;
	/* margin-bottom: 60px;*/
}

.user_nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ul-right {
    float: right;
}

.ul-right-left {
    float: left;
    /* display: flex; */
    /* align-items: center; */
}

.user_nav img {
    height: 40px;
}

.user_nav span.ul_anc {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    opacity: inherit;
}

.user_nav li {
    margin: 0 80px;
    position: relative;
}

.user_nav li a {
    opacity: 0.5;
}

.user_nav li.active  a,
.user_nav li a:hover ,  .user_nav li a:active , .user_nav li a:focus {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

.user_tabs {
    background: #f7f7fa;
    padding-bottom: 6em;
    width: 100%;
}

.cta-section {
    background: #653bbc;
    background: #8936bf;
    background: -moz-linear-gradient(left,  #8936bf 0%, #633cbc 100%);
    background: -webkit-linear-gradient(left,  #8936bf 0%,#633cbc 100%);
    background: linear-gradient(to right,  #8936bf 0%,#633cbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8936bf', endColorstr='#633cbc',GradientType=1 );
    padding: 4em 0;
    width: 100%;
    position: relative;
}

footer {
    clear: both;
}

.footer_top {
    background: #2a2e43;
    padding: 6em 0;
    width: 100%;
}

.footer_btm {
    background: #212538;
    padding: 15px 0;
}

.footer-right li {
    float: left;
    margin-left: 10px;
}

.footer-right ul {
    float: right;
}

.footer-left p {
    margin: 0;
    color: #78849e;
    margin-bottom: 0;
    font-size: 14px;
}

.footer-left p a {
    margin-left: 50px;
    color: inherit;
}

.footer_btm .row {
    display: flex;
    align-items: center;
}

.footer_top .footer-left p {
    color: #c2c8d6;
    margin-bottom: 40px;
}

.footer_top .footer-left li {
    clear: both;
    margin-bottom: 10px;
}

.footer_top .footer-left li a {
    color: #c2c8d6;
    font-size: 14px;
}

.footer-top.col-md-12 {
    margin-bottom: 40px;
}

.footer_top .footer-right ul {
    float: left;
    margin-left: 45%;
}

.footer_top .footer-right li {
    float: none;
}

.footer_top .footer-right ul a {
    color: #c2c8d6;
    font-size: 14px;
}

.footer_top .footer-right ul li {
    margin-bottom: 10px;
}

.browse_hd h2 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
}

.browse_gallery.col-md-12 {
    background: #fff;
    padding: 3em;
    border-radius: 15px;
    margin-bottom: 4em;
}

.browse_hd.col-md-12 {
    padding: 0;
    margin-bottom: 2em;
}

.browse_img_left h3 {
    margin-top: 0;
    font-size: 34px;
    font-weight: 700;
    margin-right: 20px;
    line-height: normal;
    margin-bottom: 0;
}

.browse_img {
    display: flex;
    justify-content: space-between;
}

.browse_img_right ul {
    display: flex;
}

.browse_img_right li a img {
    box-shadow: 0 15px 20px #ebebeb;
    border-radius: 50px;
    height: 75px;
}

.browse_img_right li {
    margin-left: 17px;
}

.browse_thumb {
    margin-top: 40px;
    overflow: hidden;
}

.browse_gl {
    float: left;
}

.browse_gl img {
    width: 260px;
    object-fit: cover;
    height: 195px;
    border-radius: 5px;
    max-width: 100%;
}

.owl-item {
    float: left;
}

.browse_left h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
}

.browse_hob {
    margin: 40px 0;
}

.browse_hob ul {
    display: flex;
}

.browse_hob ul li {
    margin-right: 10px;
}

.browse_hob ul li a {
    background: #693bbd;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
}


.br_rr_list {
    border-left: 1px dashed #dbdcec;
    margin-left: 70px;
}

.br_rr_list li {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
    line-height: normal;
}

.br_rr_list li a {
    color: #693bbd;
   /* font-weight: 700; */
    font-size: 15px;
    line-height: 22px;
}

.br_rr_list li:before {content: "";position: absolute;left: -5px;top: 4px;width: 10px;height: 10px;background: #dbdcec;border-bottom: 3px;}

.br_rr_list li a span {
    display: block;
    color: #000;
    font-weight: 500;
}

.br_rr_list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.owl-nav.disabled {
    display: none;
}


.owl-dots {clear: both;float: right;}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 100%;
    margin-left: 5px;
}

.owl-dots button.owl-dot.active ,.owl-dots button.owl-dot:hover , .owl-dots button.owl-dot:active , .owl-dots button.owl-dot:focus {
    background: #ff7f00;
}


.cta-section ul {
    display: flex;
    justify-content: flex-end;
}

.cta-left h2 {
    margin-top: 0;
    color: #fff;
    font-size: 36px;
    line-height: normal;
}

.cta-left  p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

.cta-section .row {
    display: flex;
    align-items: center;
}

.cta-section:before {content: "";position: absolute;left: 2%;width: 293px;height: 400px;background: url('../images/Image28.png') no-repeat scroll left top;top: -60px;clip: rect(0px,300px,296px,0px);}

.cta-section ul li {
    margin-left: 10px;
}

.cta-left.col-md-7 {
    padding-left: 12%;
}


.browse_left_top {
    display: flex;
}

.browse_img_left {
    margin-top: 10px;
}

a.str_mt {
    padding: 9px 19px;
    display: inline-block;
    border-radius: 33px;
    color: #fff;
    background: #9633bf;
    background: -moz-linear-gradient(left,  #9633bf 0%, #643cbc 100%);
    background: -webkit-linear-gradient(left,  #9633bf 0%,#643cbc 100%);
    background: linear-gradient(to right,  #9633bf 0%,#643cbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9633bf', endColorstr='#643cbc',GradientType=1 );
    margin-top: 0;
    margin-right: 20px;
}
 
.browse_left_btm {clear: both;margin-top: 5px;}

.browse_left_btm span.usr_loc {
    color: #78849e;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.browse_left_btm a.view_pro {
    color: #1f19d9;
    font-size: 16px;
    font-weight: 500;
}

a.cht_mt {
    background: url('../images/chat_ico.jpg') no-repeat scroll center top;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: contain;
}

.star_match {
    display: flex;
    align-items: center;
}

a.str_mt i.fa {
    margin-right: 6px;
}

.browse_section {
    padding-top: 5em;
    clear: both;
}

.msearch_bar {
    background: #fff;
    padding: 10px 0;
}

.input-group {
    width: 100%;
}

.input-group .form-control {
    height: 60px;
    box-shadow: none;
    background: #f0f0fb;
    border-color: #f0f0fb;
    border-radius: 10px;
    padding-left: 60px;
}

.input-group button.btn {
    position: absolute;
    top: 8px;
    z-index: 5;
    color: #78849e;
    font-size: 20px;
    left: 5px;
}

.match_list {
    clear: both;
    padding-top: 5em;
    padding-bottom: 4em;
    padding-bottom: 3em;
}

.mat_iinn {
    background: #fff;
    float: left;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.mat_item.col-md-4 {
    margin-bottom: 30px;
}

.mt_title {
    width: 100%;
    padding: 40px;
    text-align: center;
}

.mt_title a.mat_nm {
    display: table;
    margin: 0 auto 10px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.mt_title span.active_now {
    font-size: 18px;
    margin-top: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    position: relative;
}

.mt_title span.active_now:before {content: "";position: absolute;left: -20px;width: 10px;height: 10px;background: #6eff58;border-radius: 50%;top: 4px;}

.golive_section {
    padding-top: 6em;
    padding-bottom: 4em;
    clear: both;
}

.go-left iframe {
    width: 100%;
}

button.btn.btn-esession {
    background: #fa324a;
    width: 100%;
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
    border-radius: 5px;
}

.lv-es {
    margin-bottom: 10px;
}

.lv-chat-list {
    background: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.lv-chat-list ul li {
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
}

.emotion {
    clear: both;
    position: relative;
    margin-top: 20px;
}


.emotion .input {
    width: 100%;
    background: #f0f0fb;
    padding: 10px;
    color: #000;
    outline: none;
}


.lv-chat-list span.emotion-Icon i.fa {position: absolute;top: 9px;right: 10px;font-size: 20px;}


strong.cl1 {
    color: #693bbd;
}

strong.cl2 {
    color: #ff0a00;
}

strong.cl3 {
    color: #f60fff;
}

strong.cl4 {
    color: #ff6200;
}

strong.cl5 {
    color: #0fc965;
}

strong.cl6 {
    color: #1d00ff;
}

span.up-count {
    background: red;
    color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    text-align: center;
    border-radius: 5px;
    line-height: 22px;
    font-size: 11px;
    font-weight: 600;
    right: -7px;
}


.user_speed a:hover , .user_speed a:active , .user_speed a:focus {
    background: #fff;
    text-decoration: none;
    color: #000;
    border-color: #fff;
}

.speed_dating {
    padding-top: 6em;
    clear: both;
    padding-bottom: 5em;
}

.speed_img img {
    height: auto;
    max-width: 100%;
    border-radius: 3px;
}

.speed_head h3 {
    margin-top: 0;
}


.speed_head p {
    /* color: #000; */
    font-size: 13px;
}

.speed_item {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.speed_thumb {
    display: flex;
    align-items: center;
}

.speed_thumb img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

.speed_thumb h4 {
    line-height: normal;
    margin: 0;
    font-size: 15px;
    color: #454f63;
}

.speed_head {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.speed_ph ul {
    display: flex;
    align-items: center;
}

span.sp_num {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    color: #2a2e43;
}

.speed_ph li {margin-left: 15px;/* display: inline-block; */}


.speed_ph li a.sp_like {
    width: 45px;
    height: 45px;
    background: url('../images/Group19430.png') no-repeat scroll center center;
    background-size: contain;
    display: inline-block;
}


.speed_ph li a.sp_phon {
    width: 45px;
    height: 45px;
    background: url('../images/Group2148.png') no-repeat scroll center center;
    background-size: contain;
    display: inline-block;
}

.speed_ph li a.sp_phon.on_cl {
    background: url('../images/Group2149.png') no-repeat scroll center center;	
    background-size: contain;
}


.chat_section {
    background: #fff;
    clear: both;
    width: 100%;
}

.chat_linn {padding-top: 3em;width: 100%;}

.chat_img {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-bottom: 3em;
}

img.chat_thumb {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 7px 10px #ddd;
    margin-right: 20px;
}

.chat_unm h2 {
    margin-top: 0;
    font-size: 35px;
    line-height: normal;
}

.chat_unm  a {
    font-size: 20px;
    color: #7e7e7e;
}

.chat_usrch {
    display: flex;
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}


.input-group {
    border-radius: 10px;
    overflow: hidden;
}

.chat_section  .row {
    display: flex;
}

.chat_left {
    border-right: 1px solid #f0f0fc;
}

ul.chat_anch {
    display: flex;
    border-bottom: 1px solid #f0f0fb;
    margin-bottom: 3em;
}

ul.chat_anch li > a {
    padding: 14px 18px;
    display: inline-block;
    color: #9095a4;
    border-bottom: 4px solid transparent;
    font-size: 15px;
    font-weight: 500;
}

ul.chat_anch li.active > a , ul.chat_anch li > a:hover , ul.chat_anch li > a:focus , ul.chat_anch li a:active {
    border-bottom-color: #405081;
    color: #405081;
    text-decoration: none;
}


.umir_icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.umir_icon {
    float: none;
    position: relative;
    margin-right: 20px;
}

.umir_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    padding: 1em;
    /* background: #f0f0fb; */
    border-radius: 5px;
}

.umir_left {
    display: flex;
    align-items: center;
}

i.fa.fa-circle {
    color: #b6b9c3;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 16px;
}

i.fa.fa-circle.uonline {
    color: #04e013;
}

.umir_msg {
    /* display: flex; */
    /* flex-flow: wrap; */
    align-items: center;
}

.umir_msg h4 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    color: #495969;
}

.umir_msg p {
    margin-bottom: 0;
    color: #9a9fac;
}


img.umir_thumb {
    border-radius: 50%;
    height: 100%;
}

img.umir_thumb + img.umir_thumb {
    position: absolute;
    top: 0;
    left: 10px;
}

i.fa-counter {
    background: #405081;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    font-style: normal;
}

.umir_opt i.fa {
    float: right;
    font-size: 20px;
    color: #b6b9c3;
}

span.umir_time {
    display: block;
    clear: both;
    color: #b6b9c3;
    font-size: 14px;
}

.active_chat h3 {
    margin: 0 10px 0 0;
    font-weight: 600;
    font-size: 20px;
    color: #9095a4;
}

.active_chat {
    padding: 30px;
    border-bottom: 1px solid #f0f0fc;
    width: 100%;
    display: flex;
    position: relative;
}

.chat_right.col-md-8 {
    padding: 0;
}

.ulist_tp h3 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

i.fa.fa-circle.fonline {
    /* position: static; */
    color: #04e013;
    margin-top: 5px;
}

.uchat_area {
    padding: 30px 30px 0;
    width: 100%;
    clear: both;
    position: relative;
    float: left;
}

span.mu_msg {
    display: table;
    clear: both;
    background: #f0f0fb;
    color: #9095a4;
    font-weight: 500;
    padding: 15px 60px 15px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.msg_usr {
    margin-bottom: 30px;
    clear: both;
    float: left;
}

span.mu_date {
    margin-bottom: 15px;
    display: table;
    color: #bfc2ca;
    margin-left: 30px;
    font-weight: normal;
}

.msg_usr.mu_right {
    float: right;
}

.msg_usr.mu_right span.mu_msg {
    background: #693bbd;
    color: #fff;
    float: right;
}

.mu_pic {
    position: relative;
    float: left;
    margin-right: 30px;
}

.mu_pic img {
    width: 60px;
    border-radius: 50%;
    height: 60px;
}

.msg_usr.mu_width {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0fc;
    margin-bottom: 3em;
    margin-top: 3em;
}

.msg_usr.mu_width span.mu_date {
    margin-bottom: -13px;
    background: #fff;
    padding: 5px 20px;
}

.active_chat i.fa.fa-circle.fonline {
    position: relative;
    bottom: 2px;
}

.mu_pic_lt {
    display: flex;
    align-items: end;
}


.chat_msg_ar {
   padding: 30px 30px 0;
   width: 100%;
   clear: both;
   position: relative;
   float: left;
   border-top: 1px solid #f0f0fc;
}

.chat_msg_ar .emotion .input {
    height: 60px;
    border-radius: 3px;
    color: #9598a3;
    border-color: #f0f0fb;
	padding: 15px 115px 15px 15px;
}

.chat_msg_ar i.fa-smile-o {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 25px;
    color: #bec4ca;
}

.umir_item:hover {
    background: #f0f0fb;
}


.chat_msg_ar .emotion .input::placeholder { color: #bbbec8;}

.chat_msg_ar .emotion .input:-ms-input-placeholder { color: #bbbec8;}

.chat_msg_ar .emotion .input::-ms-input-placeholder {  color: #bbbec8;	}

.user_chat {
    float: left;
    width: 100%;
    padding-bottom: 6em;
}

.chat_msg_ar .emotion {
    margin-top: 0;
}



span.mu_type {
    margin-bottom: 15px;
    display: table;
    color: #bfc2ca;
    margin-left: 30px;
    font-weight: normal;
}


button.btn-enter {
    position: absolute;
    top: 7px;
    right: 0;
    height: 40px;
    width: 40px;
    outline: none;
    border: none;
    background: url('../images/send.png') no-repeat scroll center center;
    background-size: auto;
}

.user_drop > a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.user_drop a > span {
    margin-right: 9px;
}

.user_drop img.uicon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 10px;
}

.user_speed a img.uspeed {
    margin-right: 6px;
}



.user_drop .user_idrop {
    position: absolute;
    top: 0;
    z-index: 10;
    background: #fff;
    width: 24em;
    right: 0;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

ul.ulist_d {
    clear: both;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #989898;
    width: 100%;
}

ul.ulist_d li {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

ul.ulist_d li a {
    font-size: 17px;
    color: #2e2d2d;
    font-weight: 500;
}

ul.ulist_d li:last-child {
    margin-bottom: 0;
}

.user_drop:hover .user_idrop {
    display: block;
}



img.uicon0 {
    width: 64px;
    height: 65px;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid #fff;
    box-shadow: 0px 5px 5px #bcbcbc;
    margin-right: 15px;
}

.ulist_dtop {
    display: flex;
}

.ulist_tp span {
    display: block;
    margin: 8px 0 3px;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: 500;
}

.ulist_tp a {
    color: #0058ff;
    font-weight: 600;
    text-decoration: underline;
}

.ulist_tp a:hover {
    text-decoration: none;
}


.web_notify .notify_drop {
    position: absolute;
    top: 0;
    z-index: 15;
    background: #fff;
    width: 30em;
    right: 0;
    padding: 0;
    border-radius: 15px;
    box-shadow: 0px 10px 10px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

/* .web_notify:hover .notify_drop {
    display: block;
} */

.notify_head {
    padding: 25px 30px;
    width: 100%;
    position: relative;
}

.notify_head h3 {
    margin: 0;
}

.notify_msg {
    padding: 0 15px 14px 15px;
    overflow-y: scroll;
    height: 440px;
    float: left;font-family: 'Montserrat', sans-serif;
    width: 100%;
    margin-bottom: 20px;
}

.notify_msg .umir_item {
    padding: 0 0 1em;
    background: none;
    border-bottom: 1px solid #e4e6ec;
    border-radius: 0;
}

.notify_msg .umir_item .umir_opt i.fa {
    display: none;
}

.notify_msg img.umir_thumb {
    width: 60px;
    height: 60px;
}

.notify_msg .umir_icon {
    width: auto;
    height: auto;
    margin-right: 12px;
}

.notify_msg .umir_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


.web_setting .setting_drp {
    position: absolute;
    top: 0;
    z-index: 15;
    background: #fff;
    width: 22em;
    right: 0;
    padding: 0;
    border-radius: 15px;
    box-shadow: 0px 10px 10px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

.setting_head h3 {
    margin: 0;
}

.setting_head {
    padding: 25px;
    width: 100%;
}

.setting_inn {
    padding: 15px 30px 30px;
    width: 100%;
    position: relative;
}

.setting_inn ul {
    margin: 0;
}

.setting_inn ul li {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting_inn ul li:last-child {
    /* margin-bottom: 0; */
}

.setting_inn ul li > a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 17px;
}


.onoffswitch {
    position: relative;
    width: 55px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: none; border-radius: 30px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: #693BBD; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #78849E; color: #78849E;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 25px;
    margin: 2.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    border: 2px solid #78849E;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    height: 25px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.web_setting:hover .setting_drp {
    display: block;
}

.user_nav li.active:before {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #7f38be;
    top: -20px;
    content: "";
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.margin-t-1{margin-top: 10px !important;}.margin-b-1{margin-bottom:10px!important;}.margin-t-2{margin-top:20px!important;}.margin-b-2{margin-bottom:20px!important;}.margin-auto{margin-left:auto!important; margin-right: auto !important;}
.margin-fi-icon {margin-left: 34px!important;}.margin-r-2{margin-right: 20px !important;}
.card-custom-css {
    padding: 0px !important;
    border: none !important;
}
.custom-bm-class {
    margin-bottom: 200px !important;
}
.custom-top-heading {
    margin-left: 16px !important;
    margin-bottom: 30px !important;
}
.below-image-tab{
    display: inline-flex;
    /* padding-right: 20px !important; */
    margin-top: 40px;
}
.below-image-tab>p>a:hover{
    text-decoration: none;
    cursor: pointer;
}
.bit-first-tab>a{
    color: #ff7f00;
}
.d-none{
  display: none !important;
}
.live-sec-col {
    height: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn-area {
    text-align: center;
}
.btn-area button#onGoLive {
    display: inline-flex;
    justify-content: center;
    width: 20%;
    margin: 0 auto;
    padding: 10px 20px;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    margin: 0px;
    padding: 0px;
}

@font-face{
	font-family:Gibson-Regular;
	src:url('../fonts/Gibson-Regular.otf');
}

@font-face{
	font-family:Gibson-SemiBold;
	src:url('../fonts/Gibson-SemiBold.otf');
}

body {
    line-height: 23px;
    font-family:Gibson-Regular, sans-serif;
    /*    font-family: 'Montserrat', sans-serif; */
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

::selection {
text-shadow: none;
}

a {
    color:#707070;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


ol, ul , li {
    list-style: none !important;
    list-style-position:inside !important;
    padding: 0px;
    margin: 0px;
}

a:hover {color:#000;}

p {font-size: 15px;line-height: 1.7;/* font-weight: 400; */font-family: 'Gibson-Regular', sans-serif;color: #707070;margin-bottom: 15px;}

h1, h2, h3, h4, h5, h6 {/* font-size:16px; *//* font-weight: 600; */font-family: 'Gibson-Regular', sans-serif; font-weight:600;}

img {border: none;max-width: 100%;border: 0;}

div#preloader {
    position: fixed;
    z-index: 1000;
    background: url('../images/loader.gif') no-repeat scroll center center #000;
    background-size: 100px;
    height: 100%;
    width: 100%;
    opacity: 0.6;

/*	display:none */
}

.home_wrapper {
    background: url(../images/hbg.jpg) no-repeat scroll center top #8c07ee;
    background-size: cover;
    padding: 0;
    height: 100vh;
    position: relative;
    display: table;
    width: 100%;
}

.header-container {
    padding: 30px 6em;
}

.main-container {
    padding: 0em 6em;
    height: 85vh;
}

.footer-container {
    background: rgb(42 46 67 / 78%);
    width: 100%;
    padding: 10px 6em;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-container address {
    margin-bottom: 0;
    color: #fff;
    margin-right: 100px;
}

.aa-right {
    display: flex;
    align-items: center;
    justify-content: right;
    float: right;
}

.aa-right h4{
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
}

.aa-right li {
    margin-left: 10px;
    float: left;
}

.add-left.col-md-6 {
    display: flex;
    margin-top: 10px;
}


.logo-left img {max-width: 286px;}

.logo-right ul {
    float: right;
    display: flex;
    align-items: center;
}

.logo-right ul li {
    margin-left: 20px;
}

.logo-right ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    text-transform: uppercase;
}

.logo-right ul li {}

.logo-right ul li a.sign_in {
    padding: 8px 16px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 8px;
    /* display: flex; */
}

.logo-right ul li a:hover.sign_in , .logo-right ul li a:active.sign_in , .logo-right ul li a:focus.sign_in {
    background: #fff;
    color: #8607e2;
}

.l-left h1 {
    font-size: 60px;
    margin: 0  0 10px;
    font-family: Montserrat;
    font-size: 71px;
    font-weight: 800;
    font-style: normal;
    line-height: 70px;
    color: #ffffff;
}

.l-left h1 + p {
    margin: 10px 0 10px;
    font-family: Montserrat;
    font-size: 26px;
    font-stretch: normal;
    line-height: 38px;
    color: #ffffff;
}

a.btn.btn_create {
    margin: 0 0 40px;
    padding: 24px 38px;
    border-radius: 8px;
    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #8a07e7;
    text-transform: uppercase;
    font-weight: bold;
}

.p_click {
    margin-top: 3em;
    max-width: 500px;
    position: absolute;
    top: -100px;
    left: 7em;
}

.p_click p {
    color: #d5a5f8;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 0;
}

.add-left a {
    color: #fff;
}

.aa-right li a {width: 45px;height: 45px;/* margin: 0 7px 0 10px; *//* object-fit: contain; */background: #2121219e;display: flex;color: #fff;justify-content: center;align-items: center;border-radius: 50%;}


.p_click p a {
    color: #fff;
}

.main-container .container-fluid , .main-container .container-fluid .row {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
}

.modal-dialog.modal-res {
    height: 88%;
    display: flex;
    align-items: center;
    width: 400px;
}

.modal-dialog.modal-res .modal-content {
    width: 100%;
}


.modal-resize .modal-header {
    position: absolute;
}

.modal-res .modal-header {float: right;border: none;padding: 0;margin-top: 15px;margin-right: 15px;}

.modal-res .modal-body {
    padding: 0em 3em 3em;
    clear: both;
}

.mod-icon {
    height: 220px;
    background: url('../images/Group1.png') no-repeat center center;
    background-size: contain;
}

.modal-res .form-control {
    height: 60px;
    border-radius: 10px;
    background: #f2f4f7;
    box-shadow: none;
    border-radius: 15px;
    padding-left: 15px;
    font-size: 14px;
    border-color: #f2f4f7;
    font-weight: 400;
}

.modal-res .mform-area {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    clear: both;
    float: left;
    width: 100%;
}

.modal-res .mform-btm {
    clear: both;
    text-align: center;
    display: block;
}

.modal-res .mform-btm p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.modal-res .mform-btm p a {
    color: #693bbd;
    font-weight: 500;
}

.modal-res .modal-header button.close {
    background: url('../images/Group16293.png') no-repeat scroll center center;
    width: 48px;
    height: 48px;
    opacity: 1;
}

.modal-res .form-control:focus {
    border-color: #693bbd;
}

.mform-area button.btn.btn-default {
    background: #693bbd;
    color: #fff;
    padding: 16px 55px;
    text-transform: uppercase;
    font-size: 17px;
    float: right;
    border-radius: 15px;
}

.mform-area .checkbox {
    float: left;
    margin-top: 20px;
}

a.forgot_pss {
    font-weight: 600;
}

.mform-area button.btn.btn-default:hover ,
.mform-area button.btn.btn-default:focus , 
.mform-area button.btn.btn-default:active {
    /* border: none; */
    outline: none;
}


.mform-area h3 {
    margin-top: 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

#forgotmodal .modal-res .mform-area {
    border: none;
    padding-bottom: 20px;
    margin: 0;
}

#forgotmodal .mform-area button.btn.btn-default {
    width: 100%;
}


#forgotmodal .mforg-btm {
    clear: both;
    text-align: center;
}


#forgotmodal .mforg-btm p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}


#forgotmodal .mforg-btm a {
    color: #693bbd;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}


#createmodal .mform-area button.btn.btn-default {
    width: 100%;
}

.noflayer{
	display:none;
}

#createmodal .modal-res .mform-area{
	border-bottom:none
}


.form-control::placeholder { 
  color: #8a8d99;
  font-weight:500;
}

.form-control:-ms-input-placeholder { 
  color: #8a8d99;
  font-weight:500;
}

.form-control::-ms-input-placeholder {
  color: #8a8d99;
  font-weight:500;
}

.upload_pro input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
    left: 0;
}

.upload_pro input[type=file] ~ span.file_mirror {
    background: #f0f1f4;
    height: 300px;
    width: 100%;
    display: flex;
    width: 90%;
    border-radius: 15px;
    margin: 0 auto;
    position: relative;
    align-items: center;
    justify-content: center;
}

.form-group.upload_pro {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0 30px;
}


.upload_pro input[type=file] ~ span.file_mirror:before {
    content: "Drag File To Upload";
    /* position: absolute; */
    /* top: 0; */
    /* width: 100%; */
    /* bottom: 0; */
    font-weight: 500;
    color: #000;
    background: url('../images/upload.jpg') no-repeat scroll center top;
    padding-top: 60px;
}

.uadmin-header {
    background: #2a2e43;
    clear:  both;
    padding: 15px 0;
    width: 100%;
    position: relative;
}


.uadmin-header {
    background: #2a2e43;
    clear:  both;
    padding: 15px 0;
    width: 100%;
    position: relative;
}

.ulogo-right.col-md-8 {
    /* display: flex; */
    /* justify-content: space-evenly; */
}

.ul_notice > ul > li {
    display: inline-block;
    position: relative;
    margin-left: 20px;
}

.user_speed {
    float: right;
}

.user_speed a {
    background: #3d373d;
    color: #fff;
    padding: 13px 30px 13px 20px;
    float: right;
    border-radius: 18px;
    border: 1px solid #ff8b03;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.user_drop {
    float: left;
    margin: 0px 30px 0px 50px;
    position: relative;
}

.ul_notice {
    float: left;
}

.ul_notice {}

.user_nav {
    clear: both;
    background: #2a2e43;
    padding: 40px 0;
    /* display: flex; */
    /* justify-content: center; */
    position: relative;
	/* margin-bottom: 60px;*/
}

.user_nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ul-right {
    float: right;
}

.ul-right-left {
    float: left;
    /* display: flex; */
    /* align-items: center; */
}

.user_nav img {
    height: 40px;
}

.user_nav span.ul_anc {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    opacity: inherit;
}

.user_nav li {
    margin: 0 80px;
    position: relative;
}

.user_nav li a {
    opacity: 0.5;
}

.user_nav li.active  a,
.user_nav li a:hover ,  .user_nav li a:active , .user_nav li a:focus {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

.user_tabs {
    background: #f7f7fa;
    padding-bottom: 6em;
    width: 100%;
}

.cta-section {
    background: #653bbc;
    background: #8936bf;
    background: -moz-linear-gradient(left,  #8936bf 0%, #633cbc 100%);
    background: -webkit-linear-gradient(left,  #8936bf 0%,#633cbc 100%);
    background: linear-gradient(to right,  #8936bf 0%,#633cbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8936bf', endColorstr='#633cbc',GradientType=1 );
    padding: 4em 0;
    width: 100%;
    position: relative;
}

footer {
    clear: both;
}

.footer_top {
    background: #2a2e43;
    padding: 6em 0;
    width: 100%;
}

.footer_btm {
    background: #212538;
    padding: 15px 0;
}

.footer-right li {
    float: left;
    margin-left: 10px;
}

.footer-right ul {
    float: right;
}

.footer-left p {
    margin: 0;
    color: #78849e;
    margin-bottom: 0;
    font-size: 14px;
}

.footer-left p a {
    margin-left: 50px;
    color: inherit;
}

.footer_btm .row {
    display: flex;
    align-items: center;
}

.footer_top .footer-left p {
    color: #c2c8d6;
    margin-bottom: 40px;
}

.footer_top .footer-left li {
    clear: both;
    margin-bottom: 10px;
}

.footer_top .footer-left li a {
    color: #c2c8d6;
    font-size: 14px;
}

.footer-top.col-md-12 {
    margin-bottom: 40px;
}

.footer_top .footer-right ul {
    float: left;
    margin-left: 45%;
}

.footer_top .footer-right li {
    float: none;
}

.footer_top .footer-right ul a {
    color: #c2c8d6;
    font-size: 14px;
}

.footer_top .footer-right ul li {
    margin-bottom: 10px;
}

.browse_hd h2 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
}

.browse_gallery.col-md-12 {
    background: #fff;
    padding: 3em;
    border-radius: 15px;
    margin-bottom: 4em;
}

.browse_hd.col-md-12 {
    padding: 0;
    margin-bottom: 2em;
}

.browse_img_left h3 {
    margin-top: 0;
    font-size: 34px;
    font-weight: 700;
    margin-right: 20px;
    line-height: normal;
    margin-bottom: 0;
}

.browse_img {
    display: flex;
    justify-content: space-between;
}

.browse_img_right ul {
    display: flex;
}

.browse_img_right li a img {
    box-shadow: 0 15px 20px #ebebeb;
    border-radius: 50px;
    height: 75px;
}

.browse_img_right li {
    margin-left: 17px;
}

.browse_thumb {
    margin-top: 40px;
    overflow: hidden;
}

.browse_gl {
    float: left;
}

.browse_gl img {
    width: 260px;
    object-fit: cover;
    height: 195px;
    border-radius: 5px;
    max-width: 100%;
}

.owl-item {
    float: left;
}

.browse_left h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
}

.browse_hob {
    margin: 40px 0;
}

.browse_hob ul {
    display: flex;
}

.browse_hob ul li {
    margin-right: 10px;
}

.browse_hob ul li a {
    background: #693bbd;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
}


.br_rr_list {
    border-left: 1px dashed #dbdcec;
    margin-left: 70px;
}

.br_rr_list li {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
    line-height: normal;
}

.br_rr_list li a {
    color: #693bbd;
   /* font-weight: 700; */
    font-size: 15px;
    line-height: 22px;
}

.br_rr_list li:before {content: "";position: absolute;left: -5px;top: 4px;width: 10px;height: 10px;background: #dbdcec;border-bottom: 3px;}

.br_rr_list li a span {
    display: block;
    color: #000;
    font-weight: 500;
}

.br_rr_list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.owl-nav.disabled {
    display: none;
}


.owl-dots {clear: both;float: right;}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 100%;
    margin-left: 5px;
}

.owl-dots button.owl-dot.active ,.owl-dots button.owl-dot:hover , .owl-dots button.owl-dot:active , .owl-dots button.owl-dot:focus {
    background: #ff7f00;
}


.cta-section ul {
    display: flex;
    justify-content: flex-end;
}

.cta-left h2 {
    margin-top: 0;
    color: #fff;
    font-size: 36px;
    line-height: normal;
}

.cta-left  p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

.cta-section .row {
    display: flex;
    align-items: center;
}

.cta-section:before {content: "";position: absolute;left: 2%;width: 293px;height: 400px;background: url('../images/Image28.png') no-repeat scroll left top;top: -60px;clip: rect(0px,300px,296px,0px);}

.cta-section ul li {
    margin-left: 10px;
}

.cta-left.col-md-7 {
    padding-left: 12%;
}


.browse_left_top {
    display: flex;
}

.browse_img_left {
    margin-top: 10px;
}

a.str_mt {
    padding: 9px 19px;
    display: inline-block;
    border-radius: 33px;
    color: #fff;
    background: #9633bf;
    background: -moz-linear-gradient(left,  #9633bf 0%, #643cbc 100%);
    background: -webkit-linear-gradient(left,  #9633bf 0%,#643cbc 100%);
    background: linear-gradient(to right,  #9633bf 0%,#643cbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9633bf', endColorstr='#643cbc',GradientType=1 );
    margin-top: 0;
    margin-right: 20px;
}
 
.browse_left_btm {clear: both;margin-top: 5px;}

.browse_left_btm span.usr_loc {
    color: #78849e;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.browse_left_btm a.view_pro {
    color: #1f19d9;
    font-size: 16px;
    font-weight: 500;
}

a.cht_mt {
    background: url('../images/chat_ico.jpg') no-repeat scroll center top;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: contain;
}

.star_match {
    display: flex;
    align-items: center;
}

a.str_mt i.fa {
    margin-right: 6px;
}

.browse_section {
    padding-top: 5em;
    clear: both;
}

.msearch_bar {
    background: #fff;
    padding: 10px 0;
}

.input-group {
    width: 100%;
}

.input-group .form-control {
    height: 60px;
    box-shadow: none;
    background: #f0f0fb;
    border-color: #f0f0fb;
    border-radius: 10px;
    padding-left: 60px;
}

.input-group button.btn {
    position: absolute;
    top: 8px;
    z-index: 5;
    color: #78849e;
    font-size: 20px;
    left: 5px;
}

.match_list {
    clear: both;
    padding-top: 5em;
    padding-bottom: 4em;
    padding-bottom: 3em;
}

.mat_iinn {
    background: #fff;
    float: left;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.mat_item.col-md-4 {
    margin-bottom: 30px;
}

.mt_title {
    width: 100%;
    padding: 40px;
    text-align: center;
}

.mt_title a.mat_nm {
    display: table;
    margin: 0 auto 10px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.mt_title span.active_now {
    font-size: 18px;
    margin-top: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    position: relative;
}

.mt_title span.active_now:before {content: "";position: absolute;left: -20px;width: 10px;height: 10px;background: #6eff58;border-radius: 50%;top: 4px;}

.golive_section {
    padding-top: 6em;
    padding-bottom: 4em;
    clear: both;
}

.go-left iframe {
    width: 100%;
}

button.btn.btn-esession {
    background: #fa324a;
    width: 100%;
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
    border-radius: 5px;
}

.lv-es {
    margin-bottom: 10px;
}

.lv-chat-list {
    background: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.lv-chat-list ul li {
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
}

.emotion {
    clear: both;
    position: relative;
    margin-top: 20px;
}


.emotion .input {
    width: 100%;
    background: #f0f0fb;
    padding: 10px;
    color: #000;
    outline: none;
}


.lv-chat-list span.emotion-Icon i.fa {position: absolute;top: 9px;right: 10px;font-size: 20px;}


strong.cl1 {
    color: #693bbd;
}

strong.cl2 {
    color: #ff0a00;
}

strong.cl3 {
    color: #f60fff;
}

strong.cl4 {
    color: #ff6200;
}

strong.cl5 {
    color: #0fc965;
}

strong.cl6 {
    color: #1d00ff;
}

span.up-count {
    background: red;
    color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    text-align: center;
    border-radius: 5px;
    line-height: 22px;
    font-size: 11px;
    font-weight: 600;
    right: -7px;
}


.user_speed a:hover , .user_speed a:active , .user_speed a:focus {
    background: #fff;
    text-decoration: none;
    color: #000;
    border-color: #fff;
}

.speed_dating {
    padding-top: 6em;
    clear: both;
    padding-bottom: 5em;
}

.speed_img img {
    width:100%;
    height: 100%;
    border-radius: 3px;
}

.speed_head h3 {
    margin-top: 0;
}


.speed_head p {
    /* color: #000; */
    font-size: 13px;
}

.speed_item {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.speed_thumb {
    display: flex;
    align-items: center;
}

.speed_thumb img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

.speed_thumb h4 {
    line-height: normal;
    margin: 0;
    font-size: 15px;
    color: #454f63;
}

.speed_head {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.speed_ph ul {
    display: flex;
    align-items: center;
}

span.sp_num {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    color: #2a2e43;
}

.speed_ph li {margin-left: 15px;/* display: inline-block; */}


.speed_ph li a.sp_like {
    width: 45px;
    height: 45px;
    background: url('../images/Group19430.png') no-repeat scroll center center;
    background-size: contain;
    display: inline-block;
}


.speed_ph li a.sp_phon {
    width: 45px;
    height: 45px;
    background: url('../images/Group2148.png') no-repeat scroll center center;
    background-size: contain;
    display: inline-block;
}

.speed_ph li a.sp_phon.on_cl {
    background: url('../images/Group2149.png') no-repeat scroll center center;	
    background-size: contain;
}


.chat_section {
    background: #fff;
    clear: both;
    width: 100%;
}

.chat_linn {padding-top: 3em;width: 100%;}

.chat_img {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-bottom: 3em;
}

img.chat_thumb {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 7px 10px #ddd;
    margin-right: 20px;
}

.chat_unm h2 {
    margin-top: 0;
    font-size: 35px;
    line-height: normal;
}

.chat_unm  a {
    font-size: 20px;
    color: #7e7e7e;
}

.chat_usrch {
    display: flex;
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}


.input-group {
    border-radius: 10px;
    overflow: hidden;
}

.chat_section  .row {
    display: flex;
}

.chat_left {
    border-right: 1px solid #f0f0fc;
}

ul.chat_anch {
    display: flex;
    border-bottom: 1px solid #f0f0fb;
    margin-bottom: 3em;
}

ul.chat_anch li > a {
    padding: 14px 18px;
    display: inline-block;
    color: #9095a4;
    border-bottom: 4px solid transparent;
    font-size: 15px;
    font-weight: 500;
}

ul.chat_anch li.active > a , ul.chat_anch li > a:hover , ul.chat_anch li > a:focus , ul.chat_anch li a:active {
    border-bottom-color: #405081;
    color: #405081;
    text-decoration: none;
}


.umir_icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.umir_icon {
    float: none;
    position: relative;
    margin-right: 20px;
}

.umir_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    padding: 1em;
    /* background: #f0f0fb; */
    border-radius: 5px;
}

.umir_left {
    display: flex;
    align-items: center;
}

i.fa.fa-circle {
    color: #b6b9c3;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 16px;
}

i.fa.fa-circle.uonline {
    color: #04e013;
}

.umir_msg {
    /* display: flex; */
    /* flex-flow: wrap; */
    align-items: center;
}

.umir_msg h4 {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    color: #495969;
}

.umir_msg p {
    margin-bottom: 0;
    color: #9a9fac;
}


img.umir_thumb {
    border-radius: 50%;
    height: 100%;
}

img.umir_thumb + img.umir_thumb {
    position: absolute;
    top: 0;
    left: 10px;
}

i.fa-counter {
    background: #405081;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    font-style: normal;
}

.umir_opt i.fa {
    float: right;
    font-size: 20px;
    color: #b6b9c3;
}

span.umir_time {
    display: block;
    clear: both;
    color: #b6b9c3;
    font-size: 14px;
}

.active_chat h3 {
    margin: 0 10px 0 0;
    font-weight: 600;
    font-size: 20px;
    color: #9095a4;
}

.active_chat {
    padding: 30px;
    border-bottom: 1px solid #f0f0fc;
    width: 100%;
    display: flex;
    position: relative;
}

.chat_right.col-md-8 {
    padding: 0;
}

.ulist_tp h3 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

i.fa.fa-circle.fonline {
    /* position: static; */
    color: #c5cdc5;
    margin-top: 5px;
}

.uchat_area {
    padding: 30px 30px 0;
    width: 100%;
    clear: both;
    position: relative;
    float: left;
}

span.mu_msg {
    display: table;
    clear: both;
    background: #f0f0fb;
    color: #9095a4;
    font-weight: 500;
    padding: 15px 60px 15px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.msg_usr {
    margin-bottom: 30px;
    clear: both;
    float: left;
}

span.mu_date {
    margin-bottom: 15px;
    display: table;
    color: #bfc2ca;
    margin-left: 30px;
    font-weight: normal;
}

.msg_usr.mu_right {
    float: right;
}

.msg_usr.mu_right span.mu_msg {
    background: #693bbd;
    color: #fff;
    float: right;
}

.mu_pic {
    position: relative;
    float: left;
    margin-right: 30px;
}

.mu_pic img {
    width: 60px;
    border-radius: 50%;
    height: 60px;
}

.msg_usr.mu_width {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0fc;
    margin-bottom: 3em;
    margin-top: 3em;
}

.msg_usr.mu_width span.mu_date {
    margin-bottom: -13px;
    background: #fff;
    padding: 5px 20px;
}

.active_chat i.fa.fa-circle.fonline {
    position: relative;
    bottom: 2px;
}

.mu_pic_lt {
    display: flex;
    align-items: end;
}


.chat_msg_ar {
   padding: 30px 30px 0;
   width: 100%;
   clear: both;
   position: relative;
   float: left;
   border-top: 1px solid #f0f0fc;
}

.chat_msg_ar .emotion .input {
    height: 60px;
    border-radius: 3px;
    color: #9598a3;
    border-color: #f0f0fb;
	padding: 15px 115px 15px 15px;
}

.chat_msg_ar i.fa-smile-o {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 25px;
    color: #bec4ca;
}

.umir_item:hover {
    background: #f0f0fb;
}


.chat_msg_ar .emotion .input::placeholder { color: #bbbec8;}

.chat_msg_ar .emotion .input:-ms-input-placeholder { color: #bbbec8;}

.chat_msg_ar .emotion .input::-ms-input-placeholder {  color: #bbbec8;	}

.user_chat {
    float: left;
    width: 100%;
    padding-bottom: 6em;
}

.chat_msg_ar .emotion {
    margin-top: 0;
}



span.mu_type {
    margin-bottom: 15px;
    display: table;
    color: #bfc2ca;
    margin-left: 30px;
    font-weight: normal;
}


button.btn-enter {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    outline: none;
    border: none;
    background: url('../images/send.png') no-repeat scroll center center;
    background-size: auto;
}

.user_drop > a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.user_drop a > span {
    margin-right: 9px;
}

.user_drop img.uicon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 10px;
}

.user_speed a img.uspeed {
    margin-right: 6px;
}



.user_drop .user_idrop {
    position: absolute;
    top: 0;
    z-index: 10000;
    background: #fff;
    width: 24em;
    right: 0;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

ul.ulist_d {
    clear: both;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #989898;
    width: 100%;
}

ul.ulist_d li {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

ul.ulist_d li a {
    font-size: 17px;
    color: #2e2d2d;
    font-weight: 500;
}

ul.ulist_d li:last-child {
    margin-bottom: 0;
}

.user_drop:hover .user_idrop {
    display: block;
}



img.uicon0 {
    width: 64px;
    height: 65px;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid #fff;
    box-shadow: 0px 5px 5px #bcbcbc;
    margin-right: 15px;
}

.ulist_dtop {
    display: flex;
}

.ulist_tp span {
    display: block;
    margin: 8px 0 3px;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: 500;
}

.ulist_tp a {
    color: #0058ff;
    font-weight: 600;
    text-decoration: underline;
}

.ulist_tp a:hover {
    text-decoration: none;
}


.web_notify .notify_drop {
    position: absolute;
    top: 0;
    z-index: 15;
    background: #fff;
    width: 30em;
    right: 0;
    padding: 0;
    border-radius: 15px;
    box-shadow: 0px 10px 10px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

/* .web_notify:hover .notify_drop {
    display: block;
} */

.notify_head {
    padding: 25px 30px;
    width: 100%;
    position: relative;
}

.notify_head h3 {
    margin: 0;
}

.notify_msg {
    padding: 0 15px 14px 15px;
    overflow-y: scroll;
    height: 440px;
    float: left;font-family: 'Montserrat', sans-serif;
    width: 100%;
    margin-bottom: 20px;
}

.notify_msg .umir_item {
    padding: 0 0 1em;
    background: none;
    border-bottom: 1px solid #e4e6ec;
    border-radius: 0;
}

.notify_msg .umir_item .umir_opt i.fa {
    display: none;
}

.notify_msg img.umir_thumb {
    width: 60px;
    height: 60px;
}

.notify_msg .umir_icon {
    width: auto;
    height: auto;
    margin-right: 12px;
}

.notify_msg .umir_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}


.web_setting .setting_drp {
    position: absolute;
    top: 0;
    z-index: 15;
    background: #fff;
    width: 22em;
    right: 0;
    padding: 0;
    border-radius: 15px;
    box-shadow: 0px 10px 10px rgb(99 99 99 / 30%);
    display: none;
    font-family: 'Montserrat', sans-serif;
}

.setting_head h3 {
    margin: 0;
}

.setting_head {
    padding: 25px;
    width: 100%;
}

.setting_inn {
    padding: 15px 30px 30px;
    width: 100%;
    position: relative;
}

.setting_inn ul {
    margin: 0;
}

.setting_inn ul li {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting_inn ul li:last-child {
    /* margin-bottom: 0; */
}

.setting_inn ul li > a {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 17px;
}


.onoffswitch {
    position: relative;
    width: 55px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: none; border-radius: 30px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: #693BBD; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #78849E; color: #78849E;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 25px;
    margin: 2.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    border: 2px solid #78849E;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    height: 25px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.web_setting:hover .setting_drp {
    display: block;
}

.user_nav li.active:before {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #7f38be;
    top: -20px;
    content: "";
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.margin-t-1{margin-top: 10px !important;}.margin-b-1{margin-bottom:10px!important;}.margin-t-2{margin-top:20px!important;}.margin-b-2{margin-bottom:20px!important;}.margin-auto{margin-left:auto!important; margin-right: auto !important;}
.margin-fi-icon {margin-left: 34px!important;}.margin-r-2{margin-right: 20px !important;}
.card-custom-css {
    padding: 0px !important;
    border: none !important;
}
.custom-bm-class {
    margin-bottom: 200px !important;
}
.custom-top-heading {
    margin-left: 16px !important;
    margin-bottom: 30px !important;
}
.below-image-tab{
    display: inline-flex;
    /* padding-right: 20px !important; */
    margin-top: 40px;
}
.below-image-tab>p>a:hover{
    text-decoration: none;
    cursor: pointer;
}
.bit-first-tab>a{
    color: #ff7f00;
}
.d-none{
  display: none !important;
}
.live-sec-col {
    height: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn-area {
    text-align: center;
}
.btn-area button#onGoLive {
    display: inline-flex;
    justify-content: center;
    width: 20%;
    margin: 0 auto;
    padding: 10px 20px;
}
.emotion {position: relative;background: #f0f0fb;}

.emotion button#on-comment-submit {
    position: absolute;
    right: 10px;
    top: 10px;
}

span.emotion-Icon {position: absolute;top: 5px;right: 30px;}

input#comment-text {
    border: 1px solid #f1f1f1;
    width: 80%;
}
#call-actions .call-type i {
    display: block;
    color: #fff;
}
.active-chat-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}
.chat_right {
    position: relative;
}

.chat_msg_ar {
    position: absolute;
    bottom: 15px;
}