/* Stars 12-1-2022 */


.profile-item-hover .profile-image img {
    object-fit: cover;
}
.cstm-privacy-policy {
    padding-top: 80px;
	padding-bottom:80px;
}
.cstm-team-and-conditions {
    padding-top: 80px;
	padding-bottom:80px;
}
.testimonial.clean .testimonial-avatar img {
     height: 110px!important;
     width: 100%!important;
     object-fit: cover!important;
}
.play-btn {
     line-height: 56px;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 13px;
    font-family: Montserrat,sans-serif;
    font-weight: 500;
	vertical-align: 1px;
}
.goog-te-gadget-simple .goog-te-menu-value {
    margin-left: -10px;
    margin-right: -5px;
}
body .mega-menu .menu-links>li { 
    padding: 0 15px !important;
}
@media screen and (max-width: 1199px) {
.settings .row .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
.myQuesContainer.questionsContainer .outer .question p {
    width: 80%;
}	 
.text-center.questionAnsContainer a.btn.btn-success.mt-2 {
    margin-bottom: 20px;
}
.firstMessageOuter {
    max-width: 730px;
	width:100%!important;
}	
body .subscription .card .card-title {
    padding: 0px 10px;
}	
body .subscription .display-2 .currency {
    font-size: 20px;
    top: -12px;
}
body .subscription .display-2 {
    font-size: 40px;
 } 
.cstm-people-ps .profile-item-hover .profile-image {
    height: 160px;
}	
.facility .fac-box h4 {
    margin: 10px 0 0 0px!important;
    font-size: 12px!important;
    width: 100%;
}	
.facility .offset-2.col-8 {
  -webkit-box-flex: 0; 
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; 
  margin: 0px; 
}
form#homepageRegistration h1.text-center.mb-3 { 
         font-size: 28px;
         line-height: 40px;
    } 
    #home-slider .form-group.text-center.d-flex.justify-content-between.align-items-center {
         display: table!important;
    }
    .index_registeration .btn {
         float: left!important;
         margin-top: 15px;
    }
.cstm-home-lap .profile-item-hover .profile-image {
    height: inherit;
} 
  .page-section-ptb {
         padding: 80px 0px!important;
    }

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 10px;
}	
.cstm-profile .encounter-controls .btn {
    margin-right: 0px;
}
form#frmPaymentForm .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; 
}
} 
 
@media screen and (max-width: 991px) {
.profileMenu .notifications {
  margin-top: -25px !important;
}	
.profileMenu.menu-links li {
  vertical-align: top;
}	
.filter-area.blackColor .col-md-6 .checkbox.checkbox-circle.checkbox-primary {
    margin-left: -15px;
}
.filter-area.blackColor .checkbox.checkbox-circle.checkbox-primary.checkbox-sm.pb-3 {
    margin-left: -8px;
}
#selectPlan .mt-6.row.flex-items-xs-middle.flex-items-xs-center {
    margin-top: 30px!important;
}
.questionAnsContainer .answers {
    padding: 0px 0 10px 0;
}

.questionsSection .answers.updateAnswer form button { 
    white-space: inherit;
    padding: 10px;
}	 
.questionsSection .answers.updateAnswer button:hover {
    white-space: inherit;
}
.questionsSection .answers.updateAnswer button:hover span {
    margin-left: 18px;
    position: relative!important;
    top: 0px!important;
}

div#profileArea {
    margin-top: 30px;
}	
body .firstMessage .anotherMsg {
    width: 450px;
}		
.page-inner.settings ul li {
    padding-left: 0px;
}	
div#selectPlan .col-xs-12.col-lg-3.pr-0 {
    margin-bottom: 20px;
    padding-right: 15px!important;
} 
body .cstm-profile .controls-right.gettoknow a.btn {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 114px; 
    white-space: nowrap;
}	
.cstm-profile .controls-right.gettoknow {
    top: -19px !important;
    width: auto;
    right: 115px!important;
}
.cstm-profile .controls-left.encounter-controls.float-left {
    width: auto;
    padding: 0px;
    top: -26px !important;
    left: 214px !important;
}
.profile-cntn .profile-text h2 {
    line-height: 30px;
    font-size: 30px;
}	
.profile-cntn ul.profileMenu {  
    top: -30px;
}	
.cstm-people-ps .col-md-5th.sm-mb-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.login-form.login-img.page-section-ptb100 {
  padding: 50px 0px;
}
body .relationship .floating-img { 
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-top: 20px;
	} 
	.goog-te-gadget-simple .goog-te-menu-value {
		margin-left: -10px;  
	}  
    .page-section-ptb {
         padding: 50px 0px!important; 
    } 
     section#home-slider .container.mt-10 .col-md-5 {
         flex: 100%;
         -ms-flex: 100%;  
         max-width: 100%!important;
    }
    section#home-slider {
         height: 550px!important;
    }
     form#homepageRegistration h1.text-center.mb-3 {
         font-size: 24px;
         line-height: 30px;
    }
    .index_registeration .form-group .form-control {
         font-size: 12px;
         margin-bottom: 8px;
    }
    body form.index_registeration {
         padding: 15px;     
    }
}
@media screen and (max-width: 767px) {
.index_registeration .backbtn {

    display: table!important;
    width: 100%;
    text-align: left;
}

#home-slider .banner {   
  background-image: url(https://www.twoareone.love/assets/new_assets/images/banner-mobile.png)!important;
  background-position: center; 
}	   
.profileMenu .notifications {
  display: table;
  margin: 0px auto !important;
}
.filter-area.blackColor .checkbox.checkbox-circle.checkbox-primary.checkbox-sm.pb-3 {
    margin-left: -15px;
}	
.col-md-12.chat-container {
    /* margin-top: -60px; */
}	
.delete_acc_btn {
    top: -108px;
} 	
form#frmPaymentForm {
    margin-top: -20px;
}	
.col-md-6.orderSummary {
    padding: 30px 0px 0px 0px;
}	
li#credit-card {
    padding-left: 0px;
}	
li#credit-card .col-md-4.pr-0,
li#credit-card .col-md-5.pr-0,
li#credit-card .col-md-6.pr-0, 
li#credit-card .col-md-8.pr-0 {
    padding-right: 15px!important;
}
.cstm-profile .controls-right.gettoknow {
    top: -39px !important;
 }	
.cstm-profile .controls-left.encounter-controls.float-left {
    top: 15px !important;
    left: 0px !important;
}	
.favoritesMenuOuter ul.favoritesmenu li {
    padding: 5px 10px;
    font-size: 14px;
}	
body .profile-cntn { 
    top: 114px; 
}	
.cstm-profile .profile-text h5 {
    margin-top:0px;
}	
.searchUser.mt-3 {
    margin-top: 0px!important;
}	
.profile-cntn .profile-text {
    padding-left: 12px;
}	
body .profileImage img {
    width: 100px;
    height: 100px;
}
.profile-cntn .profile-text h2 {
    font-size: 24px;
}	
.profile-cntn ul {
    padding-left: 15px;
}	
.profile-cntn ul.profileMenu li {
    padding: 10px 0px;
}	
.cstm-profile {
    margin-bottom:50px;
}	
.profile-cntn ul.profileMenu {
    top: 10px;
}
.cstm-people-ps .col-md-5th.sm-mb-2 {
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;
}	
.profile-cntn ul.profileMenu {
    width: 100%;
}
.cstm-team-and-conditions h2.title.divider-2.mb-3 { 
    margin-bottom: -10px!important; 
}	
.cstm-team-and-conditions .text-center.mb-2 {
    margin-bottom: -15px!important;
}
.cstm-privacy-policy {
    padding-top:40px;
	padding-bottom:40px;
}
.cstm-team-and-conditions {
    padding-top: 40px;
	padding-bottom:40px;
}
body .custmcl > .col-md-12 {
    padding: 5px;
    font-size: 16px;
    margin-bottom: 10px;
}	
	.title-main {
	  font-size: 18px;
	}

    body form.index_registeration {
         margin-top: 0;
    }
    .index_registeration .g-recaptcha {
         margin-left: 0px!important;
    }
    form#homepageRegistration h1.text-center.mb-3 {
         font-size: 20px; 
         line-height: 25px;
    }
    h2.title.divider-2.mb-3 {
         padding-bottom: 10px;
    }
    .page-section-ptb { 
         padding: 50px 0px!important;    
    }
    .bg-overlay-black-80 .owl-carousel .owl-stage-outer {
         padding: 20px 0 0px 0;
    }
     .counter span {
         font-size: 21px;
    }
    .counter label {
         font-size: 12px;
         line-height: 16px;
    }
    .counter.left_icn i::before, .counter.left_pos i::before {
         font-size: 40px;
    }
    .counter.left_pos {
         padding-left: 55px;
    } 
    .profile-slider .mb-5.sm-mb-3 {
         margin-bottom: 0px!important;
    } 
    h2 {
         font-size: 24px;
         line-height: 30px;
    }
    .contactusHomepage .row.mb-5 {
         margin-bottom: 20px!important;
    }
    .contactusHomepage .address-block {
         margin-bottom: 10px;
    }
     .testimonial.clean .testimonial-avatar {
         margin-bottom: 0px; 
    }
#hero_delaware {
  height: 240px;
}	
#hero_delaware h1 {
  font-size: 24px;
}
.answers .verginiea-answers-img { 
  position: inherit;
  right: auto;
  bottom: 0;
  text-align: left;  
  margin-top: 30px;
}
#image-sec {
  display: none;
}
.meeting {
  padding: 30px 0 0px 0!important;
}
section.d-flex.align-items-center h1 {
    font-size: 21px;
    line-height: 28px;
}  
section.d-flex.align-items-center p.lead {
    font-size: 13px;
    line-height: 20px;
}
}
@media screen and (max-width:600px) {
	
.cstm-people-ps .col-md-5th.sm-mb-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
} 
.cstm-people-ps .profile-item-hover .profile-image {
  height: 200px!important;
}
}

@media screen and (max-width: 575px) {
	.fac-box { 
		margin: 12px 0px; 
	}
} 
 
@media screen and (max-width: 479px) {
div#profileArea {
    margin-bottom: -80px;
}	
body .profileMenu .notifications {
  font-size: 10px;
  height: 17px;
  min-width: 17px; 
}	
body .profileMenu .notifications { 
  margin-top: -4px !important;
}
body .cstm-img2 .col-md-3.col-6.sm-mb-3 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
} 	
body .cstm-img2 .profile-item-hover .profile-image {
  height: inherit !important;
}
div#profileArea {
    margin-top:75px;   
} 	
body .cstm-profile .controls-right.gettoknow a.btn.btn-primary {
    font-size: 10px;
    font-weight: 600;
}	
.profile-text .userlocation {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    white-space: nowrap;
}	
body .cstm-profile .controls-right.gettoknow {
    top: -60px !important; 
    width: auto!important;
}
.cstm-profile .controls-left.encounter-controls.float-left {
    top: 5px !important;
    left: 7px !important;
    width: auto!important;
}	
.cstm-people-ps .col-md-5th.sm-mb-2 {
    margin-bottom: 0px!important;
}	 
section.page-section-ptb.profile-slider.cstm-people-ps {
    padding-bottom: 10px!Important;
}	 

.cstm-profile {
    margin-bottom:25px;
}	 
body .profileMenu .divider-3:before { 
    margin-left: -20px!important;
    width: 40px!important;
}  
.fac-box {
  margin: 12px 0px;
} 
.profile-slider .col-md-3.col-6.sm-mb-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
.cstm-home-lap .profile-item-hover .profile-image { 
         height: inherit!important;
    }
}
@media screen and (max-width: 360px) {
    #home-slider .form-group.text-center.d-flex.justify-content-between.align-items-center .g-recaptcha {
         width: 252px;
         overflow: auto;
    }
.cstm-profile .removeVisted img {
    width: 28px;
    height: 28px;
    margin-left: 11px;
    margin-top: 10px; 
} 
}

@media screen and (max-width: 318px) {
#home-slider .form-group.text-center.d-flex.justify-content-between.align-items-center .g-recaptcha {
  width: 215px;   
}
body .cstm-img2 .col-md-3.col-6.sm-mb-3 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.favoritesMenuOuter { 
  padding-top: 40px;
}
.favoritesMenuOuter ul.favoritesmenu li {
  margin-bottom: 5px;
}
.chat-container { 
  margin-top: 30px !important;
}
.searchUser.mt-3 {
  margin-top: 20px !important;
} 
}
/* 12-1-2022 End */


.mega-menu .menu-links>li {
     padding: 0 10px;
     font-size: 14px;
}
 #message#preloader {
     background: #fff !important;
     bottom: 0;
     height: 100%;
     left: 0;
     overflow: hidden !important;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99999;
     text-align: center 
}
 .clear-loading {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -152px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     display: inline-block;
     text-align: center;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%) 
}
 .loading-effect {
     width: 350px;
     height: 350px;
     z-index: 1000000;
}
 .loading-effect span {
     float: left;
     margin-top: 28px 
}
 .loading-effect .outerHeart {
     display: block;
     position: absolute;
     top: 40%;
     left: 40%;
     height: 150px;
     width: 130px;
     margin: -35px 0 0 -25px;
     background: url(../images/circle.png) no-repeat;
     background-size: cover 
}
 .loading-effect .heart {
     z-index: 999999;
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     height: 70px;
     width: 80px;
     margin: -32px 0 0 -39px;
     background: url(../images/heart.png) no-repeat;
     background-size: cover;
     -webkit-animation: lodingAnimation .5s ease-in-out infinite alternate;
     animation: lodingAnimation .5s ease-in-out infinite alternate 
}
 @-webkit-keyframes lodingAnimation {
     from {
         -webkit-transform: scale(.5, .5) 
    }
     to {
         -webkit-transform: scale(1, 1) 
    }
}
 @keyframes lodingAnimation {
     from {
         transform: scale(.5, .5) 
    }
     to {
         transform: scale(1, 1) 
    }
}
 .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
     display: none 
}
 .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: url(../images/close.png) 25 25, pointer 
}
 #header {
     width: 100%;
     z-index: 99 
}
 #header.defualt {
     background: 0 0;
     z-index: 999;
     padding: 0;
     margin: 0;
     position: relative;
     width: 100% 
}
 #header.defualt .topbar li, #header.defualt .topbar li a, #header.defualt .topbar-right li i {
     color: #fff 
}
 #header.defualt .topbar a:hover, #header.defualt .topbar li a:hover, #header.defualt .topbar-right li i:hover {
     color: #77153c 
}
 #header .topbar li {
     display: inline-block 
}
 .topbar {
     border-bottom: 1px solid rgba(255, 255, 255, .2);
     padding: 10px 0 
}
 .topbar li, .topbar li a {
     color: #fff 
}
 .topbar-left li i {
     padding-right: 5px;
     color: #77153c 
}
 .topbar-right .list-inline li:last-child, .topbar-right li:last-child i {
     padding-right: 0 
}
 .topbar .topbar-right li a:hover {
     color: #77153c 
}
 .topbar-right li i {
     padding-right: 5px;
     color: #77153c;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out 
}
 .topbar-right li i:hover {
     color: #fff !important 
}
 #header.dark-fancy .menu-icon-right li i:hover {
     color: #fff 
}
 #header+.fullscreen {
     margin-bottom: -165px;
     top: -165px;
     position: relative 
}
 #header.dark+.fullscreen {
     margin-bottom: -140px;
     top: -140px 
}
 #header.fancy+.fullscreen {
     margin-bottom: 0;
     top: 0 
}
 .mega-menu .menu-logo {
     padding: 19px 0 17px 
}
 .mega-menu .menu-links>li>a {
     line-height: 98px;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 500 
}
 .mega-menu .menu-links>li.active>a:before, .mega-menu .menu-links>li>a:before {
     -webkit-transition: all .7s ease-out 0s;
     -moz-transition: all .7s ease-out 0s;
     -ms-transition: all .7s ease-out 0s;
     -o-transition: all .7s ease-out 0s;
     transition: all .7s ease-out 0s;
     color: #77153c;
     content: "\f004";
     font-family: FontAwesome;
     font-size: 10px;
     left: 50%;
     position: absolute;
     top: -30px;
     transform: translateX(-50%);
     opacity: 0 
}
 .mega-menu .menu-links>li>a:hover:before {
     opacity: 1 
}
 .mega-menu .drop-down-multilevel.right-menu {
     right: 0 
}
 .mega-menu .menu-links>li:first-child {
     padding-left: 0 
}
 .mega-menu .menu-links>li:last-child {
     padding-right: 0 
}
 .mega-menu .drop-down-multilevel a {
     font-size: 13px 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel a {
     color: #fff 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down a {
     color: #fff 
}
 .mega-menu .menu-links>li.active .drop-down li.active a {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down a:hover {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down li.active a i {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down a i:hover {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
     color: #fff;
     background: 0 0 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
     color: #323232;
     background: 0 0 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
     color: #77153c;
     background: #eceff7 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active i {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i {
     color: #323232 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i {
     color: #77153c 
}
 .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
     color: #77153c 
}
 .mega-menu .row {
     margin-left: 0;
     margin-right: 0 
}
 .mega-menu .col-md-12 {
     padding-left: 0;
     padding-right: 0 
}
 .mega-menu.desktopTopFixed .menu-list-items {
     background: rgba(21, 21, 21, .9);
     padding: 10px 
}
 .mega-menu.desktopTopFixed .menu-logo {
     padding: 10px 0 
}
 .mega-menu.desktopTopFixed .menu-list-items .menu-links>li>a {
     line-height: 75px 
}
 #header.clean {
     background: #fff;
     z-index: 999;
     padding: 0;
     margin: 0;
     position: relative;
     width: 100%;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     box-shadow: 0 0 25px rgba(0, 0, 0, .1) 
}
 #header.clean .topbar {
     border-bottom: 0;
     background: #77153c;
     padding: 7px 0 
}
 #header.clean .topbar-left li i, #header.clean .topbar-right li i {
     color: #77153c 
}
 #header.clean .mega-menu .menu-links>li>a {
     color: #222 
}
 #header.clean .mega-menu .menu-links>li.active>a {
     color: #77153c 
}
 #header.clean .mega-menu.desktopTopFixed .menu-list-items {
     background: #fff;
     -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
     -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
     box-shadow: 0 3px 3px rgba(0, 0, 0, .05) 
}
 #header .topbar.dark {
     background: #353535 
}
 #header.dark {
     background: #000;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     position: relative 
}
 #header.dark .topbar {
     border-bottom: 0;
     background: #77153c;
     padding: 0 
}
 #header.dark .topbar-left li, #header.dark .topbar-left li a, #header.dark .topbar-left li i, #header.dark .topbar-right li, #header.dark .topbar-right li a, #header.dark .topbar-right li i {
     color: #fff 
}
 #header.fancy {
     background: 0 0;
     position: relative 
}
 #header.fancy .topbar {
     background: #77153c;
     border-bottom: none;
     padding: 7px 0 57px 
}
 #header.fancy .topbar .topbar-right li a:hover {
     color: #323232 
}
 #header.fancy .topbar-left li, #header.fancy .topbar-left li a, #header.fancy .topbar-left li i, #header.fancy .topbar-right li, #header.fancy .topbar-right li a, #header.fancy .topbar-right li i {
     color: #353535 
}
 #header.fancy .menu {
     position: absolute;
     width: 100%;
     top: 54px 
}
 #header.fancy .mega-menu>section.menu-list-items {
     background: #fff;
     padding: 0 25px;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     box-shadow: 0 0 5px rgba(0, 0, 0, .1) 
}
 #header.fancy .mega-menu .menu-links>li>a {
     color: #222 
}
 #header.fancy .mega-menu .menu-links>li.active>a {
     color: #77153c 
}
 .menu .top-menu {
     padding: 30px 0 
}
 .menu .top-menu li a {
     color: #77153c 
}
 .top-menu {
     float: right;
     margin-left: 10px;
     z-index: 9999 !important;
     position: relative;
     margin-top: 4px 
}
 .top-menu li a {
     color: #fff 
}
 .top-menu li {
     padding: 0 
}
 .top-menu li a {
     border-right: 2px solid #fff;
     padding: 0 10px 
}
 .top-menu li:last-child a {
     border-right: none 
}
 .topbar-right>ul {
     display: inline-block 
}
 .topbar ul li a:hover, .topbar ul li a:hover i {
     color: #77153c !important 
}
 .topbar-right .social-icons li {
     margin: 5px 5px 0 0 
}
 .topbar-right .social-icons li.social-facebook a:hover, .topbar-right .social-icons li.social-facebook a:hover i {
     background: 0 0 !important 
}
 .topbar-right .social-icons li.social-twitter a:hover, .topbar-right .social-icons li.social-twitter a:hover i {
     background: 0 0 !important 
}
 .topbar-right .social-icons li.social-instagram a:hover, .topbar-right .social-icons li.social-instagram a:hover i {
     background: 0 0 !important 
}
 .topbar-right .social-icons li.social-dribbble a:hover, .topbar-right .social-icons li.social-dribbble a:hover i {
     background: 0 0 !important 
}
 .carousel-caption {
     left: 20%;
     right: 20% 
}
 .dropdown-menu {
     left: inherit;
     right: 0 
}
 .valign>[class*=col-] {
     display: table-cell;
     float: none 
}
 [data-valign-overlay=middle] {
     vertical-align: middle 
}
 [data-valign-overlay=bottom] {
     vertical-align: bottom 
}
 .heading-1 h1, .heading-1 h2, .heading-1 h3, .heading-1 h4, .heading-1 h5, .heading-1 h6 {
     font-family: Engagement, cursive 
}
 .heading-2 h1, .heading-2 h2, .heading-2 h3, .heading-2 h4, .heading-2 h5, .heading-2 h6 {
     font-family: Montserrat, sans-serif 
}
 .inner-intro {
     height: 350px;
     display: block;
     position: relative 
}
 .inner-intro .container {
     display: table;
     height: 100%;
     position: relative 
}
 .inner-intro span {
     text-transform: capitalize 
}
 .intro-title {
     display: table-cell;
     vertical-align: middle;
     padding-bottom: 0;
     width: 100% 
}
 .intro-title>div {
     padding: 0;
     width: 100%;
     text-align: center 
}
 .intro-title .section-title {
     margin-bottom: 10px 
}
 .intro-title .section-title .title {
     font-size: 44px;
     font-weight: 600;
     line-height: 46px 
}
 ul.page-breadcrumb li span {
     font-size: 14px;
     text-transform: capitalize 
}
 ul.page-breadcrumb {
     background: rgba(255, 255, 255, .3);
     border-radius: 5px;
     display: inline-block;
     padding: 0 20px 
}
 ul.page-breadcrumb li {
     color: #fff;
     display: inline-block;
     list-style: none;
     padding-left: 0 
}
 ul.page-breadcrumb li i {
     font-size: 14px;
     padding: 0 7px 
}
 ul.page-breadcrumb li a {
     color: #fff;
     font-size: 14px;
     text-transform: capitalize 
}
 .intro-title h1 {
     display: inline-block;
     width: 100%;
     font-size: 40px;
     line-height: 50px 
}
 .intro-title h1.divider:before {
     bottom: -50px 
}
 .section-title .sub-title {
     left: 50%;
     opacity: .3;
     position: absolute;
     top: 35%;
     transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     font-weight: 400;
     font-size: 90px;
     margin: 0 
}
 .footer {
     background: url(../images/pattern/pattern2.html) no-repeat 0 0;
     color: #c5c5c5 
}
 .footer .title {
     position: relative;
     color: #fff;
     margin-bottom: 40px 
}
 .footer-address li {
     line-height: 28px;
     padding: 0;
     margin-top: 0;
     margin-bottom: 10px;
     display: block 
}
 .footer-address li i {
     float: left;
     color: #77153c;
     padding-right: 20px;
     font-size: 16px;
     line-height: 30px;
     width: 30px 
}
 .footer-address li span {
     display: table;
     color: #c5c5c5;
     font-size: 14px;
     vertical-align: top 
}
 .footer-widget {
     padding: 15px 0;
     background: #000 
}
 .footer-widget p {
     color: #4b80bd;
     margin-bottom: 0;
     margin-top: 5px;
     font-size: 17px;
     font-weight: 700 
}
 .footer-widget .social-icons.color-hover {
     display: inline-block 
}
 .footer-widget .social-icons li:last-child {
     margin-right: 0 
}
 .map {
     height: 100% 
}
 .map iframe {
     height: 100% 
}
 .light-form .form-group .form-control {
     background: #fff 
}
 .light-form .form-group label {
     color: #656565 
}
 .address-block {
     position: relative 
}
 address {
     margin-bottom: 0;
     line-height: 24px 
}
 .contact-3 .address-block i, footer .address-block i {
     font-size: 30px;
     color: #fff;
     margin-bottom: 10px 
}
 .contact-3 .address-block a, footer .address-block a {
     color: #fff 
}
 .contact-3 .address-block {
     font-size: 16px 
}
 .contact-3 .address-block i {
     background: #77153c;
     color: #fff;
     width: 70px;
     height: 70px;
     line-height: 70px;
     border-radius: 50% 
}
 .address-block .glyph-icon {
     border: 2px solid #77153c;
     width: 60px;
     height: 60px;
     text-align: center;
     position: absolute;
     left: 0;
     top: 0;
     display: inline-block;
     line-height: 60px;
     color: #77153c 
}
 .address-block.fill .glyph-icon {
     background: #77153c;
     color: #323232 
}
 .address-block.rounded .glyph-icon {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50% 
}
 .address-block .title {
     font-size: 20px;
     line-height: 20px;
     margin-bottom: 10px 
}
 .address-block span {
     display: block 
}
 .address-block a {
     display: block;
     color: #3d3d3d 
}
 .address-block span a {
     display: inline-block 
}
 .top-info.half {
     bottom: -40px;
     margin-bottom: -30px 
}
 .top-info.fill {
     position: relative;
     z-index: 9;
     background: #77153c;
     padding: 40px 20px;
     -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
     -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
     box-shadow: 0 3px 5px rgba(0, 0, 0, .15) 
}
 .top-info .address-block {
     width: 23%;
     float: left;
     margin-bottom: 0;
     padding-left: 75px;
     margin-left: 2% 
}
 .top-info.fill .address-block .glyph-icon {
     border-color: #353535;
     color: #353535 
}
 .top-info.fill .address-block a, .top-info.fill .address-block span {
     color: #353535;
     font-size: 13px 
}
 .owl-carousel.dots-rb .owl-dots {
     width: auto;
     bottom: 10px;
     right: 10px 
}
 .section-about-me ul.list li {
     margin: 0 
}
 hr {
     border-style: dashed;
     border-color: #4c84c2;
     margin: 50px 0 
}
 .post-sidebar {
     height: 100% 
}
 .sidebar-widget {
     margin-bottom: 40px 
}
 .sidebar-widget:last-child {
     margin-bottom: 0 
}
 .sidebar-widget .widget-title {
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 20px 
}
 .sidebar-widget .widget-title:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 2px;
     background: #77153c 
}
 .sidebar-widget .widget-ul li {
     margin: 10px 0;
     overflow: hidden 
}
 .sidebar-widget .widget-ul li a {
     color: #757575;
     display: block 
}
 .sidebar-widget .widget-ul li a:hover {
     color: #77153c 
}
 .sidebar-widget .widget-search {
     position: relative 
}
 .sidebar-widget .widget-search input {
     padding-right: 40px;
     color: #353535;
     border-radius: 30px;
     height: 50px;
     border: 2px solid #f2f2f2;
     background: #fff;
     box-shadow: none;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out 
}
 .sidebar-widget .widget-search input:focus {
     background: #fff 
}
 .sidebar-widget .widget-search i {
     position: absolute;
     right: 0;
     padding: 16px 12px;
     font-size: 18px;
     color: #77153c;
     cursor: pointer 
}
 .sidebar-widget .widget-search input:focus {
     border-color: #77153c 
}
 .sidebar-widget .recent-post {
     margin-top: 20px 
}
 .sidebar-widget .recent-post .media-body>a {
     display: block;
     color: #3d3d3d;
     font-size: 15px;
     font-weight: 600 
}
 .sidebar-widget .recent-post .media-body>a:hover {
     color: #77153c 
}
 .sidebar-widget .recent-post .media-body span {
     color: #999 
}
 .sidebar-widget .recent-post .media-body span .fa {
     color: #77153c;
     margin-right: 5px 
}
 .sidebar-widget .tags li {
     padding-left: 2px;
     padding-right: 2px;
     margin: 3px 0;
     display: inline-block 
}
 .sidebar-widget .tags li a {
     background: #77153c;
     color: #fff;
     padding: 4px 8px;
     border: 1px solid transparent;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out 
}
 .sidebar-widget .tags li a:hover {
     border-color: #77153c;
     background: 0 0;
     color: #77153c 
}
 .sidebar-widget .widget-ul li .number {
     background: #77153c;
     color: #fff;
     width: 50px;
     padding: 0;
     text-align: center 
}
 .archives-widget .widget-ul li a {
     position: relative;
     z-index: 0 
}
 .archives-widget .widget-ul li a span {
     background: #fff;
     padding-right: 8px 
}
 .archives-widget .widget-ul li a:before {
     content: "";
     width: 300px;
     height: 1px;
     border-top: 1px dashed #ccc;
     position: absolute;
     left: 0;
     top: 16px;
     z-index: -1 
}
 .masonry-block {
     padding: 0 10px 
}
 .isotope.columns-2 .grid-item {
     width: 50%;
     padding: 10px 
}
 .isotope.columns-3 .grid-item {
     width: 33.3333%;
     padding: 10px 
}
 .isotope.columns-4 .grid-item {
     width: 25%;
     padding: 10px 
}
 .social-share-box .title {
     display: inline-block;
     margin: 0 !important;
     margin-top: 10px !important 
}
 .comments-1 {
     background: #77153c;
     padding: 20px;
     color: #fff;
     line-height: 22px 
}
 .comments-1 .comments-photo {
     padding-right: 20px 
}
 .comments-1 .comments-photo img {
     border: 4px solid #fff 
}
 .comments-1 .comments-info .title {
     margin-top: 0;
     margin-bottom: 5px;
     color: #fff 
}
 .comment-box {
     margin-top: 35px 
}
 .comment-box .section-title {
     margin-bottom: 0 
}
 .comment-box .section-title .title {
     padding-bottom: 5px 
}
 .comment-box .section-title label {
     color: #77153c;
     font-weight: 500 
}
 .comment-list li {
     margin-top: 25px;
     margin-bottom: 0;
     vertical-align: top;
     padding: 0 
}
 .comment-list .comments-media {
     padding: 15px;
     box-shadow: 0 0 12px rgba(0, 0, 0, .1);
     border-radius: 3px 
}
 .comment-list ul {
     padding-left: 60px 
}
 .comment-list .comments-photo {
     padding-right: 20px 
}
 .comment-list .comments-photo img {
     border-bottom: 5px solid #77153c 
}
 .comment-list .comments-info {
     position: relative 
}
 .comment-list .comments-info .title {
     margin: 0;
     line-height: 22px 
}
 .comment-list .comment-metadata {
     line-height: 22px;
     margin-top: 7px;
     margin-bottom: 10px 
}
 .comment-list .comment-metadata a {
     color: #aaa 
}
 .comment-list .comment-metadata .fa {
     padding-right: 7px;
     color: #77153c 
}
 .comment-list .reply {
     position: absolute;
     right: 0;
     top: 0;
     font-weight: 500;
     line-height: 22px;
     margin: 0;
     padding: 2px 16px;
     font-size: 11px;
     color: #fff 
}
 .comment-list .reply .fa {
     font-size: 12px 
}
 .comment-list .comments-info p {
     line-height: 24px;
     color: #858585;
     margin-top: 5px;
     margin-bottom: 0 
}
 .comment-respond {
     margin-top: 50px 
}
 .pagination-nav {
     margin-top: 30px;
     text-align: right 
}
 .pagination>li {
     list-style-type: none;
     float: left;
     display: block 
}
 .pagination>li>a, .pagination>li>span {
     border-color: #ccc;
     color: #757575;
     margin: 0;
     border-radius: 2px;
     background: #3c3c3c;
     color: #fff;
     padding: 5px 10px 
}
 .pagination>li.next>a, .pagination>li.previous>a {
     border: none;
     background: 0 0;
     color: #3d3d3d 
}
 .pagination>li.active>a, .pagination>li.active>a:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
     background: #77153c;
     color: #fff;
     border-color: #77153c 
}
 .pagination>li.next>a:focus, .pagination>li.next>a:hover, .pagination>li.previous>a:focus, .pagination>li.previous>a:hover {
     background: 0 0 
}
 .pagination>li.next>a:hover, .pagination>li.previous>a:hover {
     color: #77153c 
}
 .terms-and-conditions .title {
     margin-bottom: 10px 
}
 .terms-and-conditions p {
     margin-bottom: 25px 
}
 .terms-and-conditions ul.list {
     margin-bottom: 20px;
     display: block 
}
 .terms-and-conditions ul.list li i {
     padding-right: 12px;
     font-size: 15px 
}
 .privacy-policy .title {
     margin-bottom: 10px 
}
 .privacy-policy p {
     margin-bottom: 25px 
}
 .privacy-policy ul.list {
     margin-bottom: 20px;
     display: block 
}
 .privacy-policy ul.list li i {
     padding-right: 12px;
     font-size: 15px 
}
 .coming-soon, .error-404 {
     background-position: center 80%;
     background-repeat: no-repeat;
     position: relative;
     padding-top: 60px;
     padding-bottom: 60px 
}
 .coming-soon.bg-overlay-white-90:before, .error-404.bg-overlay-white-90:before {
     background: rgba(255, 255, 255, .92) 
}
 .coming-soon-text {
     position: absolute;
     right: 10%;
     top: 50%;
     transform: translateY(-50%) 
}
 .countdown {
     margin-top: 40px;
     float: right 
}
 .countdown>li {
     margin: 0 20px;
     float: left;
     font-weight: 700;
     text-align: center;
     border-bottom: 5px solid #fff;
     padding-bottom: 20px 
}
 .countdown>li span {
     font-size: 70px;
     font-weight: 600;
     line-height: 70px;
     margin-bottom: 20px;
     display: inline-block 
}
 .countdown>li p {
     font-size: 20px;
     text-transform: uppercase;
     line-height: 30px 
}
 .countdown>li:last-child {
     margin-right: 0 
}
 #back-to-top .top {
     z-index: 999;
     position: fixed;
     margin: 0;
     background: #77153c;
     background: -webkit-linear-gradient(90deg, #77153c, #4c82bf);
     background: -o-linear-gradient(90deg, #77153c, #4c82bf);
     background: -moz-linear-gradient(90deg, #77153c, #4c82bf);
     background: linear-gradient(90deg, #77153c, #4c82bf);
     border-radius: 50%;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     position: fixed;
     bottom: 115px;
     right: 25px;
     z-index: 999;
     font-size: 24px;
     color: #fff;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px 
}
 #back-to-top .top.arrow .fa{
     margin-top: 10px !important;
}
 #back-to-top .top:hover {
     color: #3d3d3d !important 
}
 .bg-effect:before {
     -webkit-animation-name: fadebounce;
     -moz-animation-name: fadebounce;
     -ms-animation-name: fadebounce;
     -o-animation-name: fadebounce;
     animation-name: fadebounce;
     -webkit-animation-duration: 3s;
     -moz-animation-duration: 3s;
     -ms-animation-duration: 3s;
     -o-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -ms-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite 
}
 @-moz-keyframes fadebounce {
     0% {
         -moz-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
     50% {
         -moz-transform: translateY(25px);
         transform: translateY(25px);
         opacity: 1 
    }
     100% {
         -moz-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
}
 @-webkit-keyframes fadebounce {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
     50% {
         -webkit-transform: translateY(25px);
         transform: translateY(25px);
         opacity: 1 
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
}
 @-o-keyframes fadebounce {
     0% {
         -o-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
     50% {
         -o-transform: translateY(25px);
         transform: translateY(25px);
         opacity: 1 
    }
     100% {
         -o-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
}
 @-ms-keyframes fadebounce {
     0% {
         -ms-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
     50% {
         -ms-transform: translateY(25px);
         transform: translateY(25px);
         opacity: 1 
    }
     100% {
         -ms-transform: translateY(0);
         transform: translateY(0);
         opacity: 1 
    }
}
 @keyframes fadebounce {
     0% {
         transform: translateY(0);
         opacity: 1 
    }
     50% {
         transform: translateY(25px);
         opacity: 1 
    }
     100% {
         transform: translateY(0);
         opacity: 1 
    }
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scale(1) 
    }
     25% {
         -webkit-transform: scale(1.2) 
    }
     50% {
         -webkit-transform: scale(1) 
    }
     100% {
         -webkit-transform: scale(1) 
    }
}
 @-moz-keyframes pulse {
     0% {
         -moz-transform: scale(1) 
    }
     25% {
         -moz-transform: scale(1.2) 
    }
     50% {
         -moz-transform: scale(1) 
    }
     100% {
         -moz-transform: scale(1) 
    }
}
 @-ms-keyframes pulse {
     0% {
         -ms-transform: scale(1) 
    }
     25% {
         -ms-transform: scale(1.2) 
    }
     50% {
         -ms-transform: scale(1) 
    }
     100% {
         -ms-transform: scale(1) 
    }
}
 @-o-keyframes pulse {
     0% {
         -o-transform: scale(1) 
    }
     25% {
         -o-transform: scale(1.2) 
    }
     50% {
         -o-transform: scale(1) 
    }
     100% {
         -o-transform: scale(1) 
    }
}
 @keyframes pulse {
     0% {
         transform: scale(1) 
    }
     50% {
         transform: scale(1.2) 
    }
     100% {
         transform: scale(1) 
    }
}
 .rotating {
     display: inline-block;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
     -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
     -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
     -o-transform: rotateX(0) rotateY(0) rotateZ(0);
     transform: rotateX(0) rotateY(0) rotateZ(0);
     -webkit-transition: .5s;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     -webkit-transform-origin-x: 50% 
}
 .rotating.flip {
     position: relative 
}
 .rotating .back, .rotating .front {
     left: 0;
     top: 0;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden 
}
 .rotating .front {
     position: absolute;
     display: inline-block;
     -webkit-transform: translate3d(0, 0, 1px);
     -moz-transform: translate3d(0, 0, 1px);
     -ms-transform: translate3d(0, 0, 1px);
     -o-transform: translate3d(0, 0, 1px);
     transform: translate3d(0, 0, 1px) 
}
 .rotating.flip .front {
     z-index: 1 
}
 .rotating .back {
     display: block;
     opacity: 0 
}
 .rotating.spin {
     -webkit-transform: rotate(360deg) scale(0);
     -moz-transform: rotate(360deg) scale(0);
     -ms-transform: rotate(360deg) scale(0);
     -o-transform: rotate(360deg) scale(0);
     transform: rotate(360deg) scale(0) 
}
 .rotating.flip .back {
     z-index: 2;
     display: block;
     opacity: 1;
     -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
     -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
     -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
     -o-transform: rotateY(180deg) translate3d(0, 0, 0);
     transform: rotateY(180deg) translate3d(0, 0, 0) 
}
 .rotating.flip.up .back {
     -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
     -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
     -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
     -o-transform: rotateX(180deg) translate3d(0, 0, 0);
     transform: rotateX(180deg) translate3d(0, 0, 0) 
}
 .rotating.flip.cube .front {
     -webkit-transform: translate3d(0, 0, 100px) scale(.9, .9);
     -moz-transform: translate3d(0, 0, 100px) scale(.85, .85);
     -ms-transform: translate3d(0, 0, 100px) scale(.85, .85);
     -o-transform: translate3d(0, 0, 100px) scale(.85, .85);
     transform: translate3d(0, 0, 100px) scale(.85, .85) 
}
 .rotating.flip.cube .back {
     -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.9, .9);
     -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85) 
}
 .rotating.flip.cube.up .back {
     -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.9, .9);
     -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
     transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85) 
}
 .afterlogotagline {
     position: absolute;
     width: 100%;
     left: 13px;
     bottom: 6px;
     font-size: 12px;
     line-height: 0 
}
 form.index_registeration {
     background-color: rgba(255, 255, 255, .65);
     padding: 4px 18px;
     border-radius: 5px 
}
 form#contactform label.error, form#homepageRegistration label.error, form#loginForm label.error {
     display: none !important 
}
 .index_registeration h1 {
     color: #77153c font-family: serif;
}
 .index_registeration hr {
     margin: 0 0 20px 0 
}
 .index_registeration .btn {
     color: #fff !important;
     background: #77153c;
     border-color: #77153c;
     padding: 5px 15px;
     font-size: 16px 
}
 .index_registeration .form-group label {
     color: #000 !important 
}
 .index_registeration .backbtn {
     cursor: pointer;
     float: left;
     margin-left: 0;
     display: inline-block;
     color: #4c84c2;
     font-size: 14px;
     text-decoration: underline 
}
 .index_registeration .g-recaptcha {
}
 .index_registeration .btn:active, .index_registeration .btn:hover {
     background-color: #4c84c2 !important;
     color: #fff !important;
     border-color: #4c84c2 !important 
}
 .index_registeration h1 span {
     color: #5785bb font-family: serif;
}
 .index_registeration .form-group .form-control {
     color: #000;
     background: #fff;
     border: none;
     border-bottom: 1px solid #77153c;
     border-radius: 0 
}
 .index_registeration select.form-control:not([size]):not([multiple]) {
     height: auto 
}
 .index_registeration .radioSection h5 {
     text-transform: none 
}
 .index_registeration input.error, form#contactform input.error, form#loginForm input.error, select.error, textarea.error {
     border-bottom: 2px solid red !important 
}
 .index_registeration .form-check-label {
     margin-bottom: 0;
     color: #77153c;
     font-weight: 500 
}
 #updatePersonalInfoBeforeQues label.error {
     display: block;
     font-size: 10px !important;
     color: #fff !important;
     position: absolute;
     bottom: -18px;
     background: red;
     padding: 2px 4px;
     line-height: 16px !important;
     right: 0 
}
 .notifytoUser .alert {
     position: fixed;
     top: 100px;
     z-index: 99999;
     right: 4px;
     font-size: 14px;
     font-weight: 700;
     text-transform: capitalize 
}
 .questionsSection .answers a {
     width: 100%;
     display: block;
     padding: 10px 0;
     color: #000 
}
 .questionsSection .answers a:hover {
     position: relative;
     background: #77153c;
     border-radius: 6px;
     color: #fff !important;
     box-shadow: none 
}
 .questionsSection .answers a:hover span {
     position: absolute;
     right: 10px;
     background: #ffa90c;
     color: #fff;
     padding: 2px 10px;
     border-radius: 4px 
}
 .questionsSection .answers.updateAnswer button {
     width: 100%;
     display: block;
     padding: 10px 0;
     color: #000 
}
 .questionsSection .answers.updateAnswer button:hover {
     position: relative;
     background: #77153c;
     border-radius: 6px;
     color: #fff;
     box-shadow: none 
}
 .questionsSection .answers.updateAnswer button:hover span {
     position: absolute;
     right: 10px;
     background: #ffa90c;
     color: #fff;
     padding: 2px 10px;
     border-radius: 4px;
     display: inline-block !important;
     top: 8px 
}
 .questionsSection .answers.updateAnswer form {
     display: block;
     width: 100%;
     float: left;
     margin-top: 10px 
}
 .questionsSection .answers.updateAnswer form button {
     background: #fff;
     box-shadow: none;
     border: none ;
	 	 white-space: inherit;

}
 .orangeColor {
     color: #77153c 
}
 .blackColor {
     color: #000 
}
 .profile-verifications .item {
     display: block 
}
 .profile-verifications .item.photo i {
     background-color: #1eb2fc 
}
 .profile-verifications .item i {
     background-color: #1a1a1a;
     color: #fff;
     padding: 7px;
     padding-left: 7.5px;
     padding-right: 7.5px;
     border-radius: 50%;
     font-size: 30px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     -ms-transition: all .5s ease;
     transition: all .5s ease 
}
 .profile-verifications .item .primary {
     font-weight: 700;
     font-size: 16px;
     position: relative;
     left: 9px;
     display: inline;
     top: -17px 
}
 .profile-verifications .item .secondary {
     font-size: .9em;
     position: relative;
     left: 50px;
     top: -8px 
}
 .smallfont {
     font-size: 14px;
     color: #7d7d7d 
}
 .profile-section .interest-item {
     padding: 6px 8px;
     display: inline-block;
     background: #77153c;
     border-radius: 6px;
     color: #fff;
     font-weight: 500;
     font-size: 15px;
     margin-bottom: 5px 
}
 .footerpages ul li {
     display: inline-block 
}
 .footerpages ul li a:after {
     content: "|";
     padding-left: 10px;
     color: #77153c 
}
 .footerpages ul li:hover a:after {
     color: #fff 
}
 .footerpages ul li:last-child a:after {
     content: " " 
}
 .footerpages ul li a {
     color: #fff 
}
 .submatchTitle a {
     color: #fff;
     font-size: 20px;
     font-weight: 600 
}
 .submatchTitle a:active, .submatchTitle a:focus, .submatchTitle a:hover {
     color: #4b83c1 
}
 .someonesProfileBanner {
     float: left;
     width: 50%;
     z-index: 99;
     position: absolute;
     background: #77153c;
     padding: 16px;
     left: 25%;
     border-radius: 64px 
}
 .videoContainer {
     height: 350px;
     overflow: hidden;
     width: 100%;
     position: absolute 
}
 .videoContainer canvas, .videoContainer video {
     width: 100% 
}
 .people .slidingContent {
     position: absolute;
     top: 0;
     width: 100%;
     text-align: center 
}
 .btn-edit {
     background: #fff;
     color: #0069d9;
     border: 2px solid #0069d9;
     border-radius: 50%;
     font-size: 16px;
     font-weight: 600 
}
 .vjs-default-skin .vjs-big-play-button {
     left: 43% !important;
     top: 40% !important 
}
 .photosUpload {
     float: right;
     width: 100%;
     display: block 
}
 .uploadPhotoBtn {
     display: block;
     width: 100%;
     text-align: right 
}
 ul.customIcons li {
     width: 32%;
     display: inline-block;
     text-align: center;
     font-size: 16px 
}
 ul.customIcons li:hover a {
     color: #fff 
}
 ul.customIcons {
     background: #000000b8;
     width: 100%;
     bottom: 0;
     height: 32px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px 
}
 .verificationmsg {
     position: absolute;
     bottom: 0;
     width: 100% 
}
 .videoGallery .verificationmsg {
     bottom: 7px 
}
 .verificationmsg .label-success {
     background: green;
     padding: 0 8px;
     margin-bottom: 4px;
     border-radius: 2px;
     font-size: 10px !important;
     width: 56px 
}
 .verificationmsg .label-warning {
     background: #ff0;
     padding: 0 8px;
     margin-bottom: 4px;
     border-radius: 2px;
     font-size: 10px !important;
     width: 80px;
     color: #000 !important;
     font-weight: 600 
}
 .video-js {
     left: 10%;
     box-shadow: 5px 10px 18px #888 
}
 .small.video-js {
     left: 0 !important 
}
 .setCoverPhoto img {
     max-width: 100% 
}
 #background-image {
     background-size: 100% !important;
     background-repeat: no-repeat !important;
     position: absolute;
     width: 100%;
     z-index: 99;
     min-height: 350px;
     height: 350px;
     cursor: grab;
     top: 0 
}
 .changeCoverPhoto a.btn {
     float: right;
     display: block;
     clear: both;
     z-index: 99;
     position: absolute;
     bottom: 5px;
     right: 4px;
     background: #77153c;
     border-radius: 2px;
     font-size: 12px 
}
 .changeCoverPhoto a.btn:hover {
     color: #fff;
     border-color: #fff 
}
 .myvideoContainer {
     position: relative 
}
 .myvideoContainer .deleteVideo {
     position: absolute;
     bottom: 10px;
     right: 10px;
     background: #000;
     padding: 5px 10px;
     border-radius: 2px;
     display: none;
     border: 1px solid #77153c 
}
 .myvideoContainer:hover .deleteVideo {
     display: block !important 
}
 .myvideoContainer .label {
     position: absolute;
     left: 10px;
     padding: 5px 10px;
     bottom: 10px;
     font-size: 13px !important;
     border-radius: 2px 
}
 .myvideoContainer .label.label-warning {
     color: #000 !important;
     background: #ff0 
}
 .myvideoContainer .label.label-success {
     color: #fff;
     background: green 
}
 .questionsContainer .outer {
     border: 1px solid #77153c;
     margin: 18px 0;
     border-radius: 4px 
}
 .questionsContainer .outer .question {
     background: #77153c;
     font-size: 14px;
     padding: 10px 10px;
     color: #fff;
     margin: 0 
}
 .questionsContainer .outer .answer {
     padding: 12px 10px;
     font-size: 14px 
}
 #matchesBreakdown table tbody tr td:last-child a {
     border-bottom: 1px solid #77153c;
     color: #77153c;
     font-weight: 600;
     font-size: 14px 
}
 #matchesBreakdown table tbody tr td:last-child a:hover {
     border: none;
     border: 1px solid;
     padding: 6px 5px;
     background: #77153c;
     color: #fff 
}
 .encounter-controls {
     position: absolute;
     top: 180px;
     left: 322px 
}
 .encounter-controls .btn {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     font-size: 1.8em;
     margin-right: 5px;
     border-width: 2px 
}
 .encounter-controls .btn-danger i {
     position: relative;
     top: 4px;
     bottom: 2px;
     left: 3px 
}
 .btn-circle.btn-lg {
     padding: 10px;
     line-height: 1.33;
     box-shadow: unset 
}
 .btn-circle {
     text-align: center 
}
 .encounter-controls .btn i {
     position: relative;
     top: 0;
     font-size: 30px;
     left: -1px 
}
 .encounter-controls .btn.btn-primary i {
     font-size: 35px;
     top: -4px;
     left: 0 
}
 .encounter-controls .btn-danger {
     color: #77153c !important;
     background: 0 0 !important 
}
 .encounter-controls .btn-primary {
     color: #77153c !important;
     background: 0 0 !important 
}
 .encounter-controls .btn.favorites {
     border: 2px solid #fff !important;
     color: #77153c !important;
     background: 0 0 !important 
}
 .encounter-controls .btn.favorites .fa-star {
     color: #77153c;
     font-size: 30px;
     left: -6px 
}
 .encounter-controls .btn.favorites .fa-star-o {
     color: #77153c;
     font-size: 30px;
     left: -6px 
}
 .encounter-controls .btn.btn-disabled, .encounter-controls .btn.disabled, .encounter-controls .btn:disabled, .encounter-controls .btn[disabled] {
     opacity: .5 
}
.profileMenu .notifications {
  color: #fff;
  background: #77153c;
  padding: 0 !important;
  font-size: 12px;
  margin-left: 0px;
  border: 1px solid #77153c;
  height: 20px;
  width: auto;
  border-radius: 50%;
  min-width: 20px;
}
 .profileMenu .notifications.badge {
     line-height: normal 
}
 .profileMenu .notifications p {
     margin: 0 !important;
     padding-top: 1px 
}
 .myQuesContainer .outer .question {
     position: relative 
}
 .myQuesContainer .outer .question a {
     position: absolute;
     right: 25px;
     top: 20%;
     background: #fff;
     padding: 0 10px !important;
     border-radius: 4px;
     color: #77153c 
}
 .myQuesContainer .outer .question a:hover {
     background: #ff5e25;
     color: #fff 
}
 .myQuesContainer.questionsContainer .outer .question p {
     margin: 0;
     width: 90% 
}
 .guestvideoContainer {
     position: relative 
}
 .guestvideoContainer .label {
     bottom: 12px;
     left: 10px 
}
 .guestvideoContainer .videodesc {
     position: absolute;
     color: #fff;
     left: 22%;
     right: 0;
     top: 32%;
     width: 100px;
     background: #67626294;
     padding: 2px 2px;
     border-radius: 2px 
}
 .guestvideoContainer.view .videodesc .fa {
     margin-left: 40px 
}
 .guestvideoContainer .videodesc p {
     margin: 0 
}
 .matchesBreakdown .totalMatch {
     background: #77153c;
     padding: 10px;
     margin-bottom: 10px;
     color: #fff;
     border-radius: 3px;
     font-size: 14px 
}
 .matchesBreakdown .totalMatch p {
     margin: 0 
}
 .matchesBreakdown .card .card-body a.card-link {
     display: inline-block;
     background: #77153c;
     padding: 10px 15px;
     border-radius: 2px;
     color: #fff 
}
 .matchesBreakdown .card .card-body a.card-link:hover {
     background: #4c84c2 
}
 .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
     background: #007bff 
}
 .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
     background: #007bff;
     height: 1.23rem;
     width: 1.23rem;
     top: -5px;
     border: 2px solid #77153c 
}
 a.dislikeProfile {
     position: absolute;
     top: 5px;
     right: 22px;
     color: #fff;
     padding: 0 5px;
     border: 2px solid #77153c;
     background: #77153c;
     z-index: 9 
}
 .aboutMeForm .form-control {
     background: #fff !important;
     resize: none;
     padding: 4px 4px !important;
     font-size: 14px 
}
 .aboutMeForm .form-group {
     margin-bottom: 5px 
}
 .aboutMeDesc {
     font-size: 16px 
}
 .purpleText {
     color: #77153c !important 
}
 .noDataAvailable h3 {
     position: absolute;
     left: 0;
     right: 0;
     top: 50% 
}
 .noDataAvailable {
     min-height: 200px;
     position: relative 
}
 .tooltip.show {
     opacity: 1 !important 
}
 ul.ui-autocomplete li.ui-menu-item {
     padding-left: 0 !important;
     border-bottom: 1px solid #c2c2c2 
}
 ul.ui-autocomplete li.ui-menu-item .autocomplete-img {
     width: 40px;
     height: 40px;
     margin-right: 10px 
}
 ul.ui-menu .ui-menu-item-wrapper {
     display: inline-block;
     width: 100%;
     text-align: left 
}
 .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
     border: none;
     background: #fff;
     font-weight: 400;
     color: #000 
}
 .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
     margin: 0 !important 
}
 .ui-widget.ui-widget-content {
     border: 1px solid #c5c5c5;
     max-height: 300px;
     overflow-y: scroll 
}
 .filter-area .ui-widget.ui-widget-content {
     border: none !important;
     max-height: 300px;
     overflow: unset !important 
}
 .customTable.table td, .customTable.table th {
     border: unset;
     padding: 10px 
}
 .gettoknow a.imgs {
     background: #fff;
     border: unset;
     position: absolute;
     right: 15%;
     top: 70% 
}
 .gettoknow a.btn {
     background: #77173d;
     border: unset;
     position: absolute;
     right: 15%;
     top: 74% 
}
 .gettoknow a.btn:hover {
     background-color: #4c84c2 
}
 .gettoknow a.imgs.msg {
     right: 20% 
}
 .gettoknow a:first-child img {
     width: auto 
}
 .gettoknow a.imgs img {
     width: 40px;
     height: 40px;
     border-radius: unset;
     border: unset;
     display: inline-block 
}
 .chatIcon {
     position: absolute;
     border: unset;
     display: inline-block;
     right: 15%;
     top: 73%;
     color: #77153c 
}
 .videoCallIcon {
     position: absolute;
     border: unset;
     display: inline-block;
     right: 10%;
     top: 73%;
     color: #77153c 
}
 #buy-modal .modal-heading {
     background-color: #2b65f8;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px 
}
 #buy-modal .modal-heading h2 {
     color: #fff;
     font-size: 26px;
     text-align: left;
     margin: 0;
     padding: 25px 20px 20px;
     font-weight: 400;
     line-height: unset;
     font-family: unset 
}
 #buy-modal .modal-body {
     padding: 0 
}
 #buy-modal .modal-content {
     background: #fff;
     border-radius: 15px;
     overflow: hidden;
     border: unset 
}
 #buy-modal .modal-body .payment-gateways {
     background-color: #eee;
     padding: 20px;
     position: relative;
     z-index: 4;
     height: 100%;
     height: 500px;
     border-right: 1px solid rgba(0, 0, 0, .15) 
}
 #buy-modal .modal-body .payment-gateways .gateway {
     margin-bottom: 20px;
     text-align: center;
     font-size: .9em;
     color: #999;
     font-weight: 700;
     cursor: pointer;
     user-drag: none;
     user-select: none;
     -moz-user-select: none;
     -webkit-user-drag: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     z-index: 5;
}
 #buy-modal .modal-body .payment-gateways .gateway.active, #buy-modal .modal-body .payment-gateways .gateway:hover {
     color: #2b65f8 
}
 #buy-modal .modal-body .payment-gateways .gateway i {
     display: block;
     font-size: 1.9em;
     padding-bottom: 4px 
}
 #buy-modal .modal-body .credit-select {
     padding-top: 20px;
     width: 50%;
     margin: 0 auto;
     text-align: center;
     float: none;
     position: relative;
     left: 7% 
}
 #buy-modal .modal-body .amount .radio {
     text-align: left 
}
 #buy-modal .modal-body .amount .radio label {
     font-weight: 700 
}
 .StripeElement {
     background-color: #fff;
     padding: 8px 12px;
     border-radius: 4px;
     border: 1px solid transparent;
     box-shadow: 0 1px 3px 0 #e6ebf1;
     -webkit-transition: box-shadow 150ms ease;
     transition: box-shadow 150ms ease 
}
 .StripeElement--focus {
     box-shadow: 0 1px 3px 0 #cfd7df 
}
 .StripeElement--invalid {
     border-color: #fa755a 
}
 .StripeElement--webkit-autofill {
     background-color: #fefde5 !important 
}
 label[for=card-element] {
     text-align: left !important;
     font-weight: 700;
     margin-bottom: 10px 
}
 #card-element {
     margin-bottom: 5px;
     width: 100% 
}
 #fortumo-embed {
     height: 100% !important;
     width: 100% !important 
}
 a.removeVisted:focus {
     color: #fff;
     box-shadow: unset 
}
 .gallery-item img, .gallery-item video {
     border-radius: 10px 
}
 .custombannerProfile {
     padding: 20px 0;
     background: #77153cd9;
     border-radius: 10px;
     width: 65%;
     margin-left: 20% 
}
 .locationTab .card-header, .personalInfoTab .card-header, .workandeducationTab .card-header {
     font-size: 18px;
     font-weight: 700;
     text-align: center 
}
 .personalInfoTab .customTable.table, .personalInfoTab .customTable.table p {
     margin: 0 !important 
}
 .personalInfoTab .customTable.table td, .personalInfoTab .customTable.table th {
     padding: 10px 0 0 8px !important 
}
 .personalInfoTab .customTable.table select {
     width: 100% 
}
 .personalInfoTab .customTable.table button {
     padding: 0 5px;
     float: right 
}
 .myprofile .btn-edit {
     position: absolute;
     right: 6px;
     top: 3px 
}
 .myprofile .card-body {
     height: 95px !important;
     overflow-y: auto !important;
     overflow-x: hidden 
}
 .profile-text h2 {
     text-align: left 
}
 .delete_acc_btn a.btn {
     background: #77173d;
     border: unset;
     position: absolute;
     right: 32%;
     top: 74% 
}
 .delete_acc_btn a.btn:hover {
     background-color: #4c84c2 
}
 #updatePersonalInfoBeforeQues .form-group .form-control {
     border: unset;
     background: #fff 
}
 .myprofile .btn-edit .fa {
     font-size: 20px;
     padding: 0;
     margin-top: 2px 
}
 .myprofile .btn-edit {
     position: absolute;
     right: 6px;
     top: 3px;
     border-radius: unset;
     font-size: unset;
     background: 0 0;
     color: #77153c;
     border: 2px solid #77153c 
}
 .dz-started.dz-errors .dz-message {
     margin: 10px 0 
}
 .noresize {
     resize: none 
}
 .chat-modal {
     border-top-left-radius: 14px !important;
     border-top-right-radius: 14px !important 
}
 .chat-left {
     overflow-y: scroll;
     border-right: 1px solid #eee;
     height: 710px 
}
 .chat-sidebar-top {
     padding-bottom: 0;
     height: 70px;
     border-bottom: 1px solid #eee 
}
 .chat-sidebar-top input:focus {
     background-color: #f2f2f2 
}
 .chat-sidebar-user {
     padding-left: 15px;
     padding-top: 10px;
     padding-bottom: 0;
     padding-right: 10px;
     border: none !important;
     color: #666157 !important;
     height: 70px;
     transition: all .2s ease 
}
 .chats-list a .chat-sidebar-user {
     position: relative 
}
 .chat-sidebar-user .deleteChat {
     position: absolute;
     width: 40px;
     right: 5px;
     height: 40px;
     padding: 7px 12px;
     border-radius: 30px;
     font-size: 20px;
     background: #77153c;
     color: #fff;
     display: none;
     top: 14px 
}
 .chats-list a:hover .deleteChat {
     display: block !important 
}
 .chat-sidebar-user .img-circle {
     padding: 0 
}
 .chat-sidebar-user.active {
     background-color: #4c84c2 !important;
     color: #fff !important 
}
/* custom new page css 5 sept 2021 */
 #hero {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/banner-img.jpg) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero p.lead{
    color:#fff;
}
 #hero_alabama {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Alabama.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_alabama p.lead{
    color:#fff;
}
 #hero_alaska {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Alaska.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_alaska p.lead{
    color:#fff;
}
 #hero_arizona {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Arizona.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_arizona p.lead{
    color:#fff;
}
 #hero_arkansas {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Arkansas.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_arkansas p.lead{
    color:#fff;
}
 #hero_california {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/california.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_california p.lead{
    color:#fff;
}
 #hero_colorado {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Colorado.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_colorado p.lead{
    color:#fff;
}
 #hero_connecticut {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Connecticut.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_connecticut p.lead{
    color:#fff;
}
 #hero_delaware {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Delaware.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_delaware p.lead{
    color:#fff;
}
 #hero_florida {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Florida.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_florida p.lead{
    color:#fff;
}
 #hero_georgia {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Georgia.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_georgia p.lead{
    color:#fff;
}
 #hero_hawaii {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Hawaii.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_hawaii p.lead{
    color:#fff;
}
 #hero_idaho {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Idaho.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_idaho p.lead{
    color:#fff;
}
 #hero_illinois {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Illinois.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_illinois p.lead{
    color:#fff;
}
 #hero_indiana {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Indiana.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_indiana p.lead{
    color:#fff;
}
 #hero_iowa {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Iowa.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_iowa p.lead{
    color:#fff;
}
 #hero_kansas {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Kansas.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_kansas p.lead{
    color:#fff;
}
 #hero_kentucky {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Kentucky.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_kentucky p.lead{
    color:#fff;
}
 #hero_louisiana {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Louisiana.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_louisiana p.lead{
    color:#fff;
}
 #hero_maine {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Maine.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_maine p.lead{
    color:#fff;
}
 #hero_massachusetts {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Massachusetts.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_massachusetts p.lead{
    color:#fff;
}
 #hero_maryland {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Maryland.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_maryland p.lead{
    color:#fff;
}
 #hero_michigan {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Michigan.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_michigan p.lead{
    color:#fff;
}
 #hero_minnesota {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Minnesota.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_minnesota p.lead{
    color:#fff;
}
 #hero_mississippi {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Mississippi.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_mississippi p.lead{
    color:#fff;
}
 #hero_missouri {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Missouri.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_missouri p.lead{
    color:#fff;
}
 #hero_montana {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Montana.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_montana p.lead{
    color:#fff;
}
 #hero_nebraska {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Nebraska.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_nebraska p.lead{
    color:#fff;
}
 #hero_nevada {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Nevada.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_nevada p.lead{
    color:#fff;
}
 #hero_newhampshire {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/New-Hampshire.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_newhampshire p.lead{
    color:#fff;
}
 #hero_newjersey {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/New-Jersey.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_newjersey p.lead{
    color:#fff;
}
 #hero_newmexico {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/New-Mexico.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_newmexico p.lead{
    color:#fff;
}
 #hero_newyork {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/New-York.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_newyork p.lead{
    color:#fff;
}
 #hero_northcarolina {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/North-Carolina.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_northcarolina p.lead{
    color:#fff;
}
 #hero_northdakota {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/North-Dakota.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_northdakota p.lead{
    color:#fff;
}
 #hero_ohio {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Ohio.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_ohio p.lead{
    color:#fff;
}
 #hero_oklahoma {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Oklahoma.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_oklahoma p.lead{
    color:#fff;
}
 #hero_oregon {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Oregon.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_oregon p.lead{
    color:#fff;
}
 #hero_pennsylvania {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Pennsylvania.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_pennsylvania p.lead{
    color:#fff;
}
 #hero_rhodeisland {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Rhode-Island.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_rhodeisland p.lead{
    color:#fff;
}
 #hero_southcarolina {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/South-Carolina.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_southcarolina p.lead{
    color:#fff;
}
 #hero_southdakota {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/South-Dakota.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_southdakota p.lead{
    color:#fff;
}
 #hero_tennessee {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Tennessee.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_tennessee p.lead{
    color:#fff;
}
 #hero_texas {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Texas.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_texas p.lead{
    color:#fff;
}
 #hero_utah {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Utah.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_utah p.lead{
    color:#fff;
}
 #hero_virginia {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Virginia.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_virginia p.lead{
    color:#fff;
}
 #hero_washington {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Washington.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_washington p.lead{
    color:#fff;
}
 #hero_wisconsin {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Wisconsin.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_wisconsin p.lead{
    color:#fff;
}
 #hero_vermont {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Vermont.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_vermot p.lead{
    color:#fff;
}
 #hero_wyoming {
    width: 100%;
    height: 28vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Wyoming.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_wyoming p.lead{
    color:#fff;
}
 #hero_verginia {
    width: 100%;
    height: 75vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Alabama.webp) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_verginia p.lead{
    color:#fff;
}
 #hero_illousi {
    width: 100%;
    height: 75vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Optt_illusnop_banner.png) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_illousi p.lead{
    color:#fff;
}
 #hero_newhemisphere {
    width: 100%;
    height: 75vh;
    background: url(https://www.twoareone.love/assets/new_assets/images/states/Optim-newhemisppere_banner.png) top left;
    background-size: cover;
     position: relative;
    text-align:right;
}
 #hero_newhemisphere p.lead{
    color:#fff;
}
/*general*/
 .title-head{
    font-size:22px;
    margin:30px 0 0;
    text-transform:uppercase;
    font-weight: 700;
}
 .title-head.sec{
    margin:0;
}
 .title-main{
    font-size:32px;
    margin:0 0 30px;
    text-transform:uppercase;
    font-weight: 700;
    color:#77153c;
}
 .sign-title{
    font-size:28px;
    font-weight: 300;
    margin:0 0 30px;
    font-family: FontAwesome;
}
 .para{
    font-size:14px;
    line-height:24px;
    font-weight:300;
    margin:0;
}
 .join{
    color:#77153c;
    font-size:14px;
    font-weight:300;
}
/*general*/
/*Relationship*/
 .relationship{
    padding:0 0 30px;
}
 section .relationship h4{
}
 section .relationship h3{
}
 section .relationship h5{
}
 .pos-rel{
    position:relative;
}
 .image-sec{
    padding:0;
    position:relative;
}
 .image-sec .new-img{
    margin-top:-100px;
    padding-left:100px;
}
 .relationship .floating-img{
    position:absolute;
    left:120px;
    top:40%;
    width:80%;
}
 .answers{
    padding:30px 0;
    position:relative;
    overflow:hidden;
}
 .answers-img{
    position:absolute;
    right:0;
    bottom:-50px;
    text-align:right;
}
 .answers-img img{
    width:60%;
}
 .flower-answers-img{
    position:absolute;
    right:0;
    bottom:0px;
    text-align:right;
}
 .flower-answers-img img{
    width:60%;
}
 .verginiea-answers-img{
    position:absolute;
    right:0;
    bottom:25px;
    text-align:right;
}
 .verginiea-answers-img img{
    width:60%;
}
 .facility{
    padding:25px 0;
     text-align:center;
    background-color:#77153c;
}
 .facility .fac-box img{
    display:inline-block;
    height:40px;
    width:auto;
    vertical-align:top;
}
 .facility .fac-box h4{
    display:inline-block;
    margin:25px 0 0 10px;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
}
 .image-sec .container-fluid{
    padding:0;
}
 .meeting{
    text-align:center;
    padding:50px 0;
}
 .meeting h3.title-main{
    margin-bottom:15px;
}
 .meeting p.para{
    margin-bottom:15px;
}
 .meeting a{
    background-color:#77153c;
    padding:10px 25px;
    color:#fff;
    text-tranform:uppercase;
}
/*Relationship*/
 @media (max-width: 767px) {
	 
     .pt-5, .py-5{
        padding-top:15px !important;
    }
     .relationship .floating-img{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
    }
     .image-sec img{
        width:100%;
    }
     .image-sec .container-fluid{
        padding:0 15px
    }
     .answers-img{
        display:none;
    }
     .title-head{
        font-size:16px;
        margin:30px 0 0;
        text-transform:uppercase;
        font-weight: 700;
    }
     .title-head.sec{
        margin:0;
    }
     .title-main{
        font-size:22px;
        line-height:25px;
        margin:0 0 30px;
        text-transform:uppercase;
        font-weight: 700;
        color:#77153c;
    }
     .sign-title{
        font-size:26px;
        font-weight: 300;
        margin:0 0 30px;
        font-family: FontAwesome;
    }
     .title-head.sec{
        margin-top:15px;
    }
}
/* custom new page css end */
 @media(max-width:992px) {
     .mega-menu .menu-links {
         display: none 
    }
}
 @media (max-width:767px) {
     .mob-view-first-chat {
         background-color: #4c84c2 !important;
         color: #fff !important 
    }
}
 .chat-sidebar-user:hover {
     background-color: #77153c;
     color: #fff !important 
}
 .chat-sidebar-thumb {
     width: 45px;
     height: 45px;
     display: inline;
    object-fit: cover;	 
}
 .chat-sidebar-username {
     display: inline;
     padding-left: 7px;
     position: relative;
     bottom: 0;
     font-size: 16px;
     font-weight: 600 
}
 .chat-sidebar-usermsg {
     font-weight: 400;
     font-size: .9em;
     position: relative;
     left: 57px;
     bottom: 32px;
     color: #c3c3c3;
     height: 24px;
     overflow: hidden;
     width: 90% 
}
 .chat-sidebar-user .profileMenu {
     position: relative;
     width: 100%;
     bottom: 45px;
     text-align: right 
}
 .chat-content-text .msg_Text span.join_call {
     padding: 0 !important 
}
 .online-status {
     display: inline-block;
     z-index: 2;
     box-sizing: content-box;
     width: 8px;
     height: 8px;
     margin-left: 5px;
     border-radius: 100%;
     vertical-align: middle 
}
 .online {
     color: #47d282 
}
 .offline {
     color: #bfbfbf 
}
 .chat-sidebar-favorite i {
     font-size: 14px 
}
 .chat-sidebar-favorite i:hover {
     color: #f3bb45 
}
 .chat-top-right {
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
     height: 50px 
}
 .chat-receiver-name {
     font-size: 20px;
     display: inline-block;
     padding-right: 7px;
     margin-top: 10px 
}
 .chat-receiver-actions a {
     font-size: 20px;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     background: #77153c;
     margin-right: 4px 
}
 .chat-receiver-actions a .fa {
     color: #fff 
}
 .chat-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     border-top: 1px solid #eee;
     padding-top: 15px;
     height: auto;
     width: 100%;
     min-height: 80px 
}
 .chat-bottom .col-md-9.col-7 {
     position: static 
}
 .chat-area.pull-left {
     position: relative 
}
 .chat-addons a {
     color: #666157 !important;
     position: relative;
     padding-right: 6px;
     top: 10px;
     left: 10px;
     outline: 0 
}
 .chat-addons a i {
     font-size: 19px 
}
 .chat-input {
     position: relative;
     bottom: 23px;
     left: 70px 
}
 .chat-input input {
     width: 76.9%;
     height: 32px;
     font-weight: 400;
     font-size: 14px;
     border-radius: 20px !important;
     background-color: #fff !important;
     border: 1px solid #666157 !important 
}
 .chat-input a {
     position: relative;
     bottom: 32px 
}
 .chat-content-wrap {
     padding: 15px;
     padding-right: 5px;
     height: 580px;
     overflow-y: hidden 
}
 .chat-container .chat-content-wrap {
     height: 645px;
     padding-bottom: 120px 
}
 .chat-content {
     height: auto 
}
 .chat-message {
     margin-bottom: 0 
}
 .chat-content-thumb {
     display: inline;
     height: 50px;
     width: 50px;
     margin-right: 10px;
     position: relative;
     top: 6px; 
	  object-fit: cover;  
}
 .chat-content-username {
     font-size: .75em;
     line-height: 25px;
     font-weight: 500;
     margin-top: 8px 
}
 .msg_Text sub {
     font-size: 9px;
     margin-left: 10px;
     bottom: -7px 
}
 .chat-content-text {
     font-size: 14px;
     margin-top: 18px;
     font-weight: 400;
     display: inline-block;
     width: calc(100% - 73px);
     vertical-align: middle 
}
 .chat-placeholder {
     margin: 0 auto;
     display: block;
     text-align: center;
     float: none;
     position: relative;
     top: 70px;
     height: 500px 
}
 .chat-placeholder h4 {
     font-weight: 300 
}
 .chat-placeholder h4 span {
     font-weight: 500 
}
 .chat-placeholder .photo-count {
     position: relative;
     bottom: 40px;
     left: 195px;
     height: 70px;
     width: 70px;
     border-radius: 50%;
     border: 2px solid #fff;
     background-color: #4d4d4d;
     color: #fff;
     line-height: 53px 
}
 .chat-placeholder .photo-count small {
     position: relative;
     display: block;
     bottom: 39px;
     font-size: 10px 
}
 .chat-placeholder-image {
     height: 220px;
     width: 220px;
     border-radius: 50% 
}
 .chat-promo {
     background-color: #f7f7f7;
     border-radius: 10px !important;
     height: 70px;
     width: 100%;
     position: relative;
     bottom: 30px;
     padding-left: 10px;
     padding-right: 10px 
}
 .chat-promo img {
     float: left;
     height: 50px;
     width: 50px;
     position: relative;
     top: 10px 
}
 .emoji-menu {
     position: absolute;
     bottom: 86px;
     width: 613px;
     border: 1px solid #4c84c2 
}
 .emoji-top {
     height: 40px;
     border: 1px solid #eee;
     padding-top: 6px;
     padding-bottom: 10px;
     background-color: #fff 
}
 .emoji-top-link:first-child {
     padding-left: 12px 
}
 .emoji-top-link {
     padding-right: 13px;
     cursor: pointer;
     border-right: 1px solid #eee 
}
 .emoji-top-img {
     padding-right: 8px;
     padding-left: 9px;
     cursor: pointer;
     border-right: 1px solid #eee 
}
 .emoji-top-img img {
     height: 26px;
     width: 26px;
     margin-bottom: 8px 
}
 .emoji-content-wrap {
     height: 150px;
     padding: 10px;
     padding-top: 3px;
     padding-bottom: 0;
     background-color: #fff 
}
 .emoji-content {
     height: auto;
     width: 100%;
     overflow: hidden;
     padding-top: 5px 
}
 .chat-message-send {
     position: relative;
     top: -1px;
     left: 3px;
     padding-right: 15px !important;
     padding-left: 17px !important;
     padding-right: 17px !important 
}
 .chat-message-send:hover {
     background-color: #77153c 
}
 .chat-message-send img {
     height: 15px;
     width: 15px;
     margin-bottom: 3.5px 
}
 .emoji-content .emoticon {
     display: inline 
}
 .emoji-content .emoticon img {
     height: 22px;
     width: 22px;
     margin: 5px !important 
}
 .sticker {
     height: 70px;
     width: 70px;
     padding: 8px;
     border-radius: 10px 
}
 .sticker-disabled {
     height: 70px;
     width: 70px;
     padding: 8px;
     border-radius: 10px 
}
 .sticker:hover {
     background: #eee;
     transition: all .2s ease 
}
 .stickerimg {
     margin: 0 
}
 .sticker-chat {
     height: 80px;
     width: 80px 
}
 .emoji-top-img.active, .emoji-top-link.active {
     border-bottom: 3px solid #2b65f8;
     padding-bottom: 6.6px;
     color: #2b65f8 
}
 .darkClass {
     background-color: #fff;
     opacity: .5;
     -moz-opacity: .5;
     z-index: 20;
     height: 100%;
     width: 95%;
     background-repeat: no-repeat;
     background-position: center;
     position: relative;
     top: 0;
     left: 0 
}
 .sticker-unlock-area {
     padding: 10px;
     padding-top: 15px;
     padding-bottom: 0 
}
 .sticker-unlock-area a {
     display: inline;
     float: left;
     margin-right: 10px 
}
 .sticker-unlock-name {
     font-size: 1em;
     position: relative;
     margin-left: 115px 
}
 .sticker-disclaimer {
     font-size: .7em;
     font-weight: 300;
     position: relative;
     bottom: 10px;
     margin-left: 115px 
}
 .sticker-unlock-name span {
     font-weight: 300 
}
 .gift-menu {
     position: absolute;
     bottom: 66px;
     width: 613px 
}
 .gift-content-wrap {
     overflow: auto;
     height: 150px;
     padding: 10px;
     padding-top: 5px;
     padding-bottom: 0;
     background-color: #fff;
     border-top: 1px solid #eee 
}
 .gift-content {
     height: auto;
     width: 100%;
     overflow: hidden 
}
 .chat-gift-image {
     height: 70px;
     width: 70px;
     padding: 8px;
     border-radius: 10px 
}
 .chat-gift-image:hover {
     background: #eee;
     transition: all .2s ease 
}
 .chat-gift-selected {
     margin: 0 auto;
     float: none;
     text-align: center;
     display: block;
     padding: 20px;
     padding-top: 5px;
     padding-bottom: 0 
}
 .close span {
     font-size: 40px;
     font-weight: 300;
     position: relative;
     left: 0;
     bottom: 8px 
}
 .gift-send-btn {
     margin-top: 20px;
     margin-bottom: 10px 
}
 .send-gift-diclaimer {
     font-size: 14px 
}
 .send-gift-success i {
     font-size: 70px;
     color: #2ecc71 
}
 .send-gift-error p, .send-gift-success p {
     font-size: 14px;
     padding-top: 10px 
}
 .send-gift-error i {
     font-size: 70px;
     color: #eb5e28 
}
 .chat-content-text .emojione {
     height: 18px;
     width: 18px 
}
 .text-light {
     font-weight: 300 
}
 .well-round {
     border-radius: 5px !important 
}
 .chat-message {
     width: 100%;
     margin: 10px 0;
     display: block 
}
 .chat-content {
     height: auto;
     width: 100%;
     display: block 
}
 .chat-content .date:first-child {
     margin-top: 7px 
}
 .chat-content .date {
     text-align: center;
     font-size: .7em 
}
 .chat-content .text-muted {
     color: #a49e93 
}
 .img-circle {
     background-color: #fff;
     margin-bottom: 10px;
     padding: 0;
     border-radius: 50% 
}
 .chat-container {
     border: 1px solid #77153c;
     padding: 10px;
     border-radius: 10px;
     margin-top: 20px 
}
 .emoji-top-link .fa {
     font-size: 20px 
}
 .emoji-menu img {
     cursor: pointer 
}
 .nomessages h3 {
     position: absolute;
     left: 0;
     right: 0;
     top: 40% 
}
 .nomessages {
     height: 300px;
     position: relative 
}
 .blockUser img {
     width: 30px;
     height: 30px;
     border: none 
}
 .removeVisted img {
     width: 36px;
     height: 36px;
     border: none;
     margin-left: 11px;
     margin-top: 8px 
}
 .my .chat-content-text span {
     background-color: #0084ff;
     padding: 10px;
     color: #fff;
     border-radius: 12px;
     width: auto;
     max-width: 500px;
     display: inline-block 
}
 .my.video .chat-content-text span {
     background-color: #77153c 
}
 .my.video .chat-content-text span.delete {
     background-color: #fff 
}
 .my.video .chat-content-text span a {
     padding: 10px;
     color: #fff;
     border-radius: 12px 
}
 .my .chat-content-text.emoji span {
     background: unset 
}
 .ano.video .chat-content-text span {
     background-color: #77153c 
}
 .ano.video .chat-content-text span.delete {
     background-color: #fff 
}
 .ano.video .chat-content-text span a {
     padding: 10px;
     color: #fff;
     border-radius: 12px 
}
 .ano .chat-content-text span {
     background-color: #f1f0f0;
     padding: 10px;
     color: #000;
     border-radius: 12px;
     display: inline-block;
     width: auto;
     max-width: 500px 
}
 .ano .chat-content-text.emoji span {
     background: unset 
}
 .chat-content-text span.delete i {
     font-size: 18px;
     color: #0084ff 
}
 .chat-content-text span.delete {
     border-radius: unset;
     padding: 5px;
     background: unset;
     display: none 
}
 .chat-content-text:hover span.delete {
     display: inline-block !important 
}
 p.text-right.chat-content-text {
     margin-bottom: 0;
     display: inline-block;
     width: calc(100% - 70px);
     vertical-align: middle 
}
 p.chat-content-text {
     margin-bottom: 0 
}
 span.new-item {
     color: #fff;
     font-size: 18px;
     background: #77153c;
     padding: 5px 10px;
     border-radius: 4px;
     display: block;
     width: 100% 
}
 #buy-modal .modal-heading button.close {
     position: absolute;
     top: 5px;
     right: 5px;
     color: #fff;
     opacity: 1 
}
 p.indexNotification {
     color: red;
     text-align: center;
     font-size: 14px;
     font-weight: 800 
}
 .subscription ul.bullets li {
     background: url(https://www.computerhope.com/issues/pictures/bullet.gif) no-repeat top left;
     background-position: 0 5px;
     padding: 0 0 3px 40px;
     margin-left: 1em 
}
 .subscription .card {
     border: 1px solid #000;
     border-radius: 0;
     transition: all .3s ease-in-out;
     padding: 10px 0;
     position: relative;
     will-change: transform 
}
 .subscription .card:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0%;
     height: 5px;
     background-color: #77153c;
     transition: .5s 
}
 .subscription .card:hover {
     transform: scale(1.05);
     -webkit-box-shadow: 0 20px 35px 0 rgba(119, 21, 60, .9);
     box-shadow: 0 20px 35px 0 rgba(119, 21, 60, .9);
     border: 0 
}
 .subscription .card:hover:after {
     width: 100% 
}
 .subscription .card .card-header {
     background-color: #fff;
     padding: 0 10px !important;
     border-bottom: 0;
     margin-bottom: 30px 
}
 .subscription .card .card-title {
     margin-bottom: 1rem 
}
 .subscription .card .card-block {
     padding-top: 0 
}
 .subscription .card .list-group-item:first-child {
     border-top: 1px solid #f2f2f2 
}
 .subscription .card .list-group-item {
     border: 0;
     padding: .25rem;
     color: grey;
     font-weight: 300;
     text-transform: capitalize;
     background-color: unset 
}
 .subscription .display-2 {
     font-size: 54px;
     letter-spacing: 0 
}
 .subscription .display-2 .currency {
     font-size: 1.8rem;
     position: relative;
     font-weight: 400;
     top: -17px;
     letter-spacing: 0 
}
 .subscription .display-2 .period {
     font-size: 1rem;
     color: #b3b3b3;
     letter-spacing: 0 
}
 .paymentSection .btn {
     color: #fff !important 
}
 .subscription .btn {
     text-transform: uppercase;
     font-size: .75rem;
     font-weight: 500;
     color: #a6a6a6;
     border-radius: 0;
     padding: .75rem 1.25rem;
     letter-spacing: 1px 
}
 .subscription .btn-gradient {
     background-color: #4b83c1;
     transition: background .3s ease-in-out;
     color: #fff 
}
 .subscription .btn-gradient:hover {
     color: #fff;
     background-color: #77153c 
}
 .paymentSection {
     background-color: #f2f2f2;
     border: 1px solid #c2c2c2;
     border-radius: 6px;
     min-height: 465px 
}
 .paymentSection .methods #tabs {
     float: left;
     margin: 0 0 10px 0;
     display: block;
     width: 100% 
}
 .paymentSection .methods #tabs li {
     cursor: pointer;
     display: inline-block;
     height: 32px;
     margin: 0 25px 0 0 
}
 .paymentSection .radio-btn {
     margin: -24px 5px 0 0 
}
 .selected .radio-btn {
     background-position: -16px 0 
}
 .radio-btn {
     background: url(../images/radio-button.svg) 0 0 no-repeat;
     display: inline-block;
     height: 14px;
     margin: -20px 5px 0 0;
     vertical-align: middle;
     width: 15px 
}
 .paymentSection .credit-card figure {
     background: url(../images/allcards.png) no-repeat;
     background-size: 200px;
     height: 30px;
     width: 200px;
     margin: auto;
     display: inline-block 
}
 .paymentSection .paypal figure {
     background: url(../images/paypal.png) no-repeat;
     background-size: 100px;
     height: 30px;
     width: 100px;
     margin: auto;
     display: inline-block 
}
 .paymentSection {
     background: #f6f6f6;
     border: 1px solid #ccc;
     border-radius: 3px;
     float: left;
     padding: 30px 20px 40px;
     width: 750px;
     min-height: 600px;
     overflow: hidden 
}
 #creditcardDetails .form-control {
     border: unset;
     background: #fff;
     border-bottom: 1px solid #c2c2c2;
     padding: 10px 
}
 #creditcardDetails select.form-control {
     height: calc(2.25rem + 9px) 
}
 #google_translate_element img.goog-te-gadget-icon {
     display: none 
}
 .goog-te-gadget-simple {
     background-color: #000 !important;
     border: 1px solid #000 !important;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     display: inline !important 
}
 .goog-te-gadget-simple .goog-te-menu-value {
     color: #fff !important 
}
 .goog-te-gadget-simple .goog-te-menu-value span:last-child {
     margin-left: 10px !important 
}
 .paymentSection .checkbox label a {
     color: #77153c;
     font-weight: 600 
}
 .paymentSection .checkbox label a:hover {
     text-decoration: underline !important 
}
 .paymentSection .checkbox label {
     color: #000 !important 
}
 .paymentSection h6.heading {
     display: block;
     width: 100% 
}
 .goog-te-gadget-simple .goog-te-menu-value span:nth-of-type(2) {
     display: none 
}
 .skiptranslate.goog-te-gadget {
     display: block !important 
}
 div.skiptranslate {
     display: none !important 
}
 body {
     top: 0 !important 
}
 .desktopTopFixed .goog-te-gadget-simple {
     background-color: #2b2b2b !important;
     border: unset !important 
}
 .orderSummary .details .card-block, .orderSummary .details .card-header {
     background: #fff;
     text-align: center;
     border: unset 
}
 .orderSummary .details {
     border: 1px solid #c2c2c2;
     padding: 10px 
}
 .orderSummary .details .list-group-item {
     text-transform: capitalize !important;
     padding: 5px 
}
 .orderSummary a {
     font-size: 12px;
     font-weight: 600;
     color: #4c84c2;
     text-decoration: underline 
}
 #creditcardDetails input.error {
     border-bottom: 2px solid red 
}
 #creditcardDetails label.error {
     position: absolute;
     top: 38px;
     right: 0;
     font-size: 10px;
     line-height: .8;
     color: #fff;
     background: red;
     padding: 4px 10px;
     font-weight: 600 
}
 .checkbox input[type=checkbox].error+label::before {
     border: 2px solid red 
}
 #creditcardDetails #card_number {
     background-image: url(../images/images.png);
     background-position: 2px -116px;
     background-repeat: no-repeat;
     background-size: 120px 361px;
     padding-left: 65px;
     letter-spacing: 1.3px 
}
 .paymentSection .notifyCC {
     margin-left: 10px;
     font-size: 18px;
     font-weight: 600;
     display: inline-block 
}
 .paymentSection .notifyCC p {
     margin: 0 
}
 .affiliate_link {
     color: #000;
     font-size: 13px;
     overflow: hidden;
     text-align: center 
}
 .chat-receiver-name a.receiverName {
     color: #4c84c2;
     font-weight: 600 
}
 .affiliateCopied {
     box-shadow: none;
     background-color: unset;
     border: 2px dashed #77153c;
     color: #4c84c2;
     position: relative 
}
 .close .fa {
     color: #fff;
     opacity: 1;
     text-shadow: unset;
     position: absolute;
     right: 0;
     top: 0 
}
 .firstMessageOuter {
     position: relative;
     height: 500px;
     width: 730px 
}
 @media(max-width:768px){
     .firstMessageOuter{
         width: 100% !important;
    }
     .login-input-age{
         font-size: 0.7rem;
    }
}
 @media(max-width:1199px) {
     .delete_acc_btn a.btn {
         right: 34% 
    }
}
 @media (max-width:991px) {
     .firstMessage {
         left: 35% 
    }
     .firstMessage a.btn {
         max-width: 260px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis 
    }
     .delete_acc_btn a.btn {
         right: 34%;
         top: 60% 
    }
     .gettoknow a.btn {
         top: 2px 
    }
}
 @media (max-width:767px) {
	div#editable-2 form label {
    line-height: 18px;
    font-size: 15px;
} 
     .firstMessageOuter {
         display: flex;
         justify-content: center;
         flex-direction: column;
         text-align: center;
         width: auto 
    }
     .firstMessageOuter .firstMessage {
         position: unset 
    }
     .firstMessage .anotherMsg {
         position: inherit !important;
         width: auto !important 
    }
     .delete_acc_btn a.btn {
         right: 42%;
         top: 60% 
    }
     .chat-container {
         width: 90%;
         margin: 0 auto 
    }
}
 @media(max-width:480px) {
     .delete_acc_btn a.btn {
         right: 50%;
         top: 65% 
    }
     .gettoknow a.btn {
         top: 37%;
         padding: .375rem .75rem 
    }
}
 @media(max-width:400px) {
     .delete_acc_btn a.btn {
         right: 56%;
         top: 65% 
    }
}
 @media(max-width:360px) {
     .gettoknow a.btn {
         top: 37%;
         padding: 5px;
         font-size: 14px 
    }
     .delete_acc_btn a.btn {
         padding: 5px;
         font-size: 14px 
    }
}
 #message {
     resize: none;
     position: absolute;
     bottom: 0;
     min-height: 60px;
     max-height: 200px;
     overflow: hidden;
     width: 75% 
}
 .firstMessage {
     position: absolute;
     left: 40%;
     top: 20% 
}
 .firstMessage img {
     width: 100px 
}
 .firstMessage .anotherMsg .message {
     color: #77153c;
     text-align: center;
     font-size: 24px;
     font-weight: 600 
}
 .firstMessage .anotherMsg {
     position: absolute;
     width: 500px;
     text-align: center;
     left: -190px;
     padding: 10px;
     line-height: 1 
}
 .firstMessage .btn {
     background-color: #77153c;
     color: #fff;
     font-size: 20px;
     margin-top: 10px 
}
 .g-recaptcha.error iframe {
     border: 2px solid red 
}
 .form-control:disabled, .form-control[readonly] {
     cursor: not-allowed 
}
 .questionLoader .count {
     position: absolute;
     left: 0;
     right: 0;
     font-size: 30px;
     top: 35.5%;
     text-align: center 
}
 ul.cstm-profile-gallery li {
     float: left;
     list-style: none;
     position: relative;
     width: 200px;
     margin-right: 10px !important 
}
 .paypal {
     opacity: .5;
     pointer-events: none 
}
 .msg-img {
     width: 30px 
}
 .profileImage img {
     border: 4px solid #77153c;
     border-radius: 50%;
     display: block;
     z-index: 999;
     width: 250px;
     height: 250px;
	 object-fit: cover;
	 background: #FFF;
}
 .profile_btn button {
     background: 0 0;
     color: #77153c !important;
     font-size: 30px;
     padding: 0 5px;
     display: inline-grid 
}
 .gettoknow_right .fa-comments {
     font-size: 30px 
}
 .gettoknow_right li {
     vertical-align: middle 
}
 .header_section {
     position: absolute;
     width: 100%;
     bottom: -30px 
}
 .cont-position {
     position: relative 
}
 .mob_chat_back_btn {
     display: none 
}
 @media screen and (max-width:1024px) {
     .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item {
         width: 50% 
    }
}
 @media screen and (max-width:599px) {
     .isotope.columns-2 .grid-item, .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item {
         width: 100% 
    }
}
 @media screen and (max-width:1200px) {
     .mega-menu .menu-logo {
         padding: 17px 0 
    }
}
 @media screen and (max-width:992px) and (orientation:landscape) {
     .index_registeration hr {
         margin: 0 !important 
    }
     #home-slider h1 {
         font-size: 50px 
    }
     .index_registeration .mb-3, .my-3 {
         margin-bottom: 3px !important 
    }
     .index_registeration .form-group {
         margin-bottom: 3px !important 
    }
     .index_registeration .btn-lg {
         padding: .25rem .5rem;
         font-size: .875rem;
         line-height: 1.5;
         border-radius: .2rem 
    }
     .index_registeration .form-control {
         font-size: 10px 
    }
     .encounter-controls .btn {
         height: 40px;
         width: 40px 
    }
     .profile-cntn {
         top: 35px 
    }
     .delete_acc_btn a.btn, .inner-intro .gettoknow a.btn{
         top: 0;
    }
}
 @media screen and (max-width:767px) {
     .mob_chat_back_btn {
         font-size: 20px;
         margin-right: 8px;
         display: inline-block;
         vertical-align: top;
         line-height: 50px 
    }
     .chat-area.pull-left {
         display: none 
    }
     .mega-menu .menu-mobile-collapse-trigger {
         top: 15px;
         right: 10px 
    }
     .mega-menu.desktopTopFixed .menu-mobile-collapse-trigger {
         top: 25px !important 
    }
     .goog-te-menu-value {
         margin-left: -10px !important 
    }
}
 @media screen and (max-width:992px) {
     .inner-intro {
         height: 200px !important 
    }
     .profileImage img {
         width: 150px;
         height: 150px 
    }
     .profile-cntn .encounter-controls {
         position: relative;
         padding: 15px;
         width: 50%;
         display: inline-block;
         top: 0 !important;
         left: 0 !important 
    }
     .gettoknow {
         position: relative;
         width: 50%;
         padding: 20px 15px;
         text-align: right;
         float: right;
         display: inline-block !important;
         top: 0 !important 
    }
     .chatIcon {
         position: initial;
         display: inline-block;
         color: #77153c;
         vertical-align: middle 
    }
     .gettoknow a.imgs {
         position: initial 
    }
     .page-section-ptb {
         padding: 120px 0 
    }
     .profile-cntn {
         top: 80px 
    }
     .custombannerProfile {
         width: 100% !important;
         margin-left: 0 !important 
    }
     .bannerMatch {
         font-size: 22px !important;
         font-weight: 800 !important 
    }
     .submatchTitle a {
         font-size: 13px !important;
         font-weight: 500 !important 
    }
     .encounter-controls {
         top: 110px !important;
         left: 1px !important 
    }
     .gettoknow {
         position: relative;
         top: 0 
    }
     .gettoknow a.imgs.msg {
         right: 57px 
    }
     .gettoknow a.imgs {
         top: -12px;
         right: 10px 
    }
     .mega-menu.mobileTopFixed .menu-list-items {
         background: rgba(21, 21, 21, .9);
         padding: 10px 
    }
     .afterlogotagline {
         left: 10px !important;
         bottom: 5px !important 
    }
     #home-slider .mt-10 {
         margin-top: 0 !important 
    }
     form .form-group .form-control {
         padding: 8px 6px !important 
    }
     #header+.fullscreen {
         margin-bottom: 0 !important;
         top: 0 !important 
    }
     .row-eq-height {
         display: block 
    }
     .section-title p {
         padding: 0 50px 
    }
     .inner-intro {
         height: 250px 
    }
     .intro-title .section-title {
         margin-bottom: 0 
    }
     .intro-title .section-title .title {
         font-size: 34px 
    }
     .section-title .sub-title {
         font-size: 70px 
    }
     form.index_registeration {
         margin-top: 14px 
    }
     .index_registeration h1 {
         margin-bottom: 2px !important font-family: serif;
    }
     form.index_registeration .col-md-3 {
         padding-right: 14px !important 
    }
     #header.defualt {
         position: relative;
         background: #323232 
    }
     .mega-menu.desktopTopFixed .menu-list-items {
         overflow: unset !important;
         padding: 0 !important 
    }
     #header .topbar {
         display: none 
    }
     .mega-menu {
         min-height: 80px 
    }
     .mega-menu .menu-logo {
         padding: 0;
    }
     .mega-menu .menu-links>li {
         border-bottom-color: rgba(255, 255, 255, .25);
         padding: 0;
    }
     .mega-menu .menu-links>li>a {
         line-height: 30px;
         color: #fff !important;
         padding: 0 10px !important;
         width: 100%;
         line-height: 50px !important;
    }
     .mega-menu .menu-links>li:last-child {
         border-bottom: none;
    }
     .mega-menu .menu-links>li.active>a {
         color: #77153c !important 
    }
     .mega-menu .menu-links>li>a:hover:before {
         opacity: 0;
    }
     .mega-menu .row>[class*=col-]:after, .mega-menu .row>[class*=col-]:before {
         content: "";
         display: table;
         clear: both;
    }
     .mega-menu .menu-links {
         left: 0;
         position: absolute;
         top: 70px;
         width: 100%;
    }
     .mega-menu.desktopTopFixed .menu-links {
         top: 80px !important 
    }
     .mega-menu .menu-links li.d-none {
         display: block !important 
    }
     #header.fancy .menu {
         position: relative;
         top: 0;
    }
     #header.fancy .menu .container {
         width: 100%;
    }
     #header.fancy .mega-menu>section.menu-list-items {
         padding: 0 20px;
         padding-right: 10px;
    }
     #header.fancy+.rev-slider .slider-text {
         top: 100px;
         transform: translateY(0);
    }
     #header.fancy .row>[class*=col-] {
         padding-left: 0;
         padding-right: 0;
    }
     .comments-1 {
         width: 100%;
    }
     .comment-list ul {
         padding-left: 20px;
    }
     form .half-group {
         margin-right: 0;
         width: 100%;
    }
     .form-2 form .half-group {
         float: left;
         margin-left: 2%;
        ;
         width: 48%;
    }
     .countdown>li {
         padding-bottom: 10px 
    }
     .countdown>li span {
         font-size: 50px;
         line-height: 50px;
    }
     .countdown>li p {
         font-size: 16px;
         line-height: 20px;
    }
     .valign>[class*=col-] {
         display: block;
         float: none;
    }
     .banner-3 .align-items-center {
         top: 50%;
    }
}
 @media screen and (max-width:768px) {
     .profile-cntn ul.profileMenu {
        /*  top: -4px; */
    }
}
 @media screen and (max-width:767px) {
     .loading-effect .outerHeart {
         margin: -60px 0 0 -60px;
    }
     #message {
         width: 60%;
    }
     .notifytoUser .alert {
         font-size: 9px;
         top: 0;
         font-weight: 400;
    }
     .alert-dismissible .close {
         padding: 4px 0;
    }
     .section-title p {
         padding: 0;
    }
     .inner-intro {
         height: 200px;
    }
     .intro-title {
         padding-bottom: 0;
    }
     .intro-title .section-title .title {
         font-size: 26px;
         line-height: 30px;
    }
     .intro-title h1 {
         font-size: 30px !important;
         line-height: 40px;
    }
     .intro-title .section-title .sub-title {
         font-size: 70px !important;
    }
     .inner-intro .container {
         width: 100%;
    }
     .clear-loading {
         margin-left: -50px;
    }
     .loading-effect {
         width: 100px;
         height: 100px;
    }
     .loading-effect span {
         display: none 
    }
     .loading-effect img {
         width: 100px;
    }
     .mega-menu .menu-logo img {
         height: 38px;
         width: auto !important;
    }
     .footer-widget p {
         text-align: center;
    }
     .footer-widget ul {
         text-align: center;
    }
     .social-icons {
         display: inline-block 
    }
     .footer-widget {
         padding: 15px 0;
    }
     .form-2 form .half-group {
         float: none;
         width: 100%;
         margin-left: 0;
    }
     form.input3-col .half-group {
         width: 100%;
    }
     .top-info.half {
         bottom: 0;
         margin-bottom: 30px;
    }
     .counter-section {
         padding: 35px 0 !important;
    }
     .counter-section .counter-block>div {
         margin-bottom: 10px !important;
    }
     .counter-section .counter-block>div:nth-last-of-type(-n+2) {
         margin-bottom: 0 !important 
    }
     .owl-carousel .owl-dots {
         position: relative;
         bottom: 0;
    }
     .countdown {
         margin-top: 20px;
         float: none;
    }
     .countdown>li {
         margin: 0 10px;
    }
     .countdown>li span {
         font-size: 40px;
         line-height: 40px;
    }
     .countdown>li p {
         font-size: 13px;
         line-height: 16px;
    }
     .mega-menu .menu-links>li.active>a::before, .mega-menu .menu-links>li>a::before {
         display: none;
    }
     .mega-menu .menu-links>li>a {
         border: none;
    }
}
 @media screen and (max-width:479px) {
    /*  .profile-cntn {
         top: 65px;
    } */
     .profile-cntn .controls-right.gettoknow {
         width: 35%;
    }
     .profile-cntn .controls-left.encounter-controls {
         width: 65%;
    }
     .profile-text .userlocation {
         font-size: 12px;
         line-height: 20px;
         text-align: left;
    }
     h2.title2 {
         font-size: 24px;
         line-height: 30px;
    }
     .page-breadcrumb li {
         margin: 0;
    }
     ul.page-breadcrumb {
         padding: 0 8px;
    }
     ul.page-breadcrumb li a, ul.page-breadcrumb li span {
         font-size: 13px;
    }
     ul.page-breadcrumb li i {
         font-size: 13px;
         padding: 0 5px;
    }
     .counter-section {
         padding-top: 20px;
         padding-bottom: 25px;
    }
     .counter-section .counter {
         margin: 10px 0 !important;
    }
     .counter-section .counter-block>div {
         margin-bottom: 0 !important;
    }
     .blog-post .post .post-image+.post-date, .single-blog .post .post-image+.post-date {
         margin-top: -93px;
    }
     .blog-post .post .post-details, .single-blog .post .post-details {
         padding-left: 0;
    }
     .comment-list .reply {
         position: relative;
    }
     .coming-soon .title {
         font-size: 30px;
         line-height: 40px;
    }
     .countdown>li {
         margin: 0 5px;
         padding-bottom: 0;
    }
     .countdown>li span {
         font-size: 18px;
         line-height: 22px;
         margin-bottom: 10px;
    }
     .countdown>li p {
         font-size: 12px;
    }
     .action-box.action-icon i {
         line-height: 40px;
         top: 0;
    }
     .action-box.action-icon i::before {
         font-size: 40px;
    }
     .action-box.action-icon .left {
         padding-left: 60px;
    }
     .action-box.action-icon .left h5 {
         font-size: 14px;
    }
     .banner-form h4 {
         font-size: 13px;
         line-height: 18px;
         padding: 10px 20px;
    }
     #peopleSearch .button {
         padding: 13px 30px 
    }
     .profile-cntn .gettoknow img {
         height: 30px !important;
         width: 30px !important;
    }
     .encounter-controls .btn.favorites {
         border: unset !important;
    }
     .chat-sidebar-user {
         overflow: hidden;
         padding-left: 2px;
    }
     .questionAnsContainer .answers a.btn {
         white-space: pre-wrap;
         color: #000;
         border: 1px solid #77153c;
         margin-top: 10px;
    }
     .questionAnsContainer .answers a.btn.active {
         background: #77153c;
         color: #fff;
    }
     .questionLoader .count {
         font-size: 15px;
         top: 28.5%;
    }
     .gettoknow a.imgs.msg {
         right: auto;
    }
     .gettoknow a.imgs {
         top: auto;
         right: auto;
    }
     .chatIcon, .gettoknow a.imgs {
         position: initial;
    }
     .gettoknow {
         float: right;
         align-items: center;
         display: flex;
         top: -18px;
    }
     .gettoknow a {
         padding: 0 5px;
    }
     .encounter-controls .btn {
         height: 30px;
         width: 30px;
    }
}
 @media screen and (max-width:420px) {
     .chat-receiver-name {
         max-width: 215px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         color: #4c84c2;
    }
}
 @media(max-width:360px) {
     .profile-cntn .gettoknow img {
         height: 20px !important;
         width: 20px !important;
    }
     .encounter-controls .btn {
         height: 24px;
         width: 24px;
    }
     .blockUser img {
         width: 25px;
         height: 25px;
    }
     .chatIcon i {
         font-size: 30px;
    }
     .encounter-controls button i {
         font-size: 25px !important;
    }
}
 #gettoknowModal .modal-body {
     height: 300px;
}
 #gettoknowModal .firstMessage .btn {
     font-size: 14px;
}
 #gettoknowModal .firstMessage .btn a {
     color: #fff !important;
     margin: 0;
     padding: 0;
}
 .country_city_container label, .distance_container label {
     margin-top: 10px;
     font-size: 16px;
     font-weight: 600;
     color: #000 !important 
}
 label[for=wholeworld] {
     font-size: 16px;
     font-weight: 600;
}
 .paymentSection {
     width: 100% !important;
}
 .button.animated.right-icn span {
     height: auto;
}
 .myprofile .col-lg-4 {
     margin-bottom: 20px 
}
 .profilePhotoMsg #peopleSearch .button {
     white-space: normal;
}
 #uneditable-5 .aboutMeDesc{
     word-wrap: break-word;
}
 @media(max-width:1199px) {
     .afterlogotagline {
         line-height: 12px;
         bottom: -15px;
    }
     .mega-menu .menu-logo>li>a img {
         width: 160px;
    }
     .mega-menu .menu-links>li>a {
         font-size: 10px;
    }
     .checkbox input[type=checkbox]+label {
         position: relative !important;
    }
     .checkbox input[type=checkbox]+label::after, .checkbox input[type=checkbox]+label::before {
         top: 5px !important;
    }
     .align-space {
         margin-top: 0px !important;
    }
}
 @media screen and (max-width: 992px) {
     .afterlogotagline {
         bottom: 0px !important;
    }
     .delete_acc_btn{
         position: relative;
    }
}
 @media (max-width: 991px) {
     .gettoknow a.btn {
         left: 15px;
         right: revert;
    }
     .gettoknow, .profile-cntn .encounter-controls {
         width: 100%;
    }
}
 @media(max-with:991px) {
     .gettoknow a.btn {
         top: 0px !important;
    }
     .page-section-ptb {
         padding: 180px 0 !important;
    }
     .profile-cntn .encounter-controls {
         margin-top: 20px;
         width: 100%;
    }
     .inner-intro .delete_acc_btn .btn{
         top: 70px !important;
         left: 15px !important;
         right: auto !important;
    }
     .inner-intro .gettoknow .btn{
         top: 10px !important;
    }
}
 @media screen and (max-width: 767px) {
     .card-body {
         padding: 10px !important;
    }
     .card-text .col-md-6 {
         padding: 0px 10px !important;
    }
     .card {
         margin-bottom: 20px;
    }
     .myprofile .card-body {
         height: auto !important;
    }
     .gettoknow {
         margin-top: 60px;
    }
     .paymentSection {
         min-height: auto !important;
    }
     .page-section-ptb.profile-slider.subscription {
         padding: 10px 0 !important;  
    }
     .inner-intro .delete_acc_btn .btn{
         top: 120px !important;
         left: 15px !important;
         right: auto !important;
    }
     @media(max-width:375px){
		body .myQuesContainer.questionsContainer .outer .question p {
			width: 100% !important;
		}		 
         .myQuesContainer .outer .question a{
             position: initial !important;
        }
         .myQuesContainer.questionsContainer .outer .question p{
             width: 100% !important;
        }
    }
     @media(max-width:992px){ 
         .myQuesContainer.questionsContainer .outer .question p{
             width: 70% !important;
        }
    }
     #message#preloader { 
         background: #fff !important;
         bottom: 0;
         height: 100%;
         left: 0;
         overflow: hidden !important;
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 99999;
         text-align: center;
    }
     .clear-loading {
         text-align: center;
         position: absolute;
         top: 50%;
         left: 50%;
         margin-left: -152px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
         display: inline-block;
         text-align: center;
         transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
    }
     .loading-effect {
         width: 350px;
         height: 350px;
    }
     .loading-effect span {
         float: left;
         margin-top: 28px 
    }
     .loading-effect .outerHeart {
         display: block;
         position: absolute;
         top: 40%;
         left: 40%;
         height: 150px;
         width: 130px;
         margin: -35px 0 0 -25px;
         background: url(../images/circle.png) no-repeat;
         background-size: cover 
    }
     .loading-effect .heart {
         display: block;
         position: absolute;
         top: 50%;
         left: 50%;
         height: 70px;
         width: 80px;
         margin: -32px 0 0 -39px;
         background: url(../images/heart.png) no-repeat;
         background-size: cover;
         -webkit-animation: lodingAnimation .5s ease-in-out infinite alternate;
         animation: lodingAnimation .5s ease-in-out infinite alternate 
    }
     @-webkit-keyframes lodingAnimation {
         from {
             -webkit-transform: scale(.5, .5) 
        }
         to {
             -webkit-transform: scale(1, 1) 
        }
    }
     @keyframes lodingAnimation {
         from {
             transform: scale(.5, .5) 
        }
         to {
             transform: scale(1, 1) 
        }
    }
     .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
         display: none 
    }
     .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
         cursor: url(../images/close.png) 25 25, pointer 
    }
     #header {
         width: 100%;
         z-index: 99 
    }
     #header.defualt {
         background: 0 0;
         z-index: 999;
         padding: 0;
         margin: 0;
         position: relative;
         width: 100% 
    }
     #header.defualt .topbar li, #header.defualt .topbar li a, #header.defualt .topbar-right li i {
         color: #fff 
    }
     #header.defualt .topbar a:hover, #header.defualt .topbar li a:hover, #header.defualt .topbar-right li i:hover {
         color: #77153c 
    }
     #header .topbar li {
         display: inline-block 
    }
     .topbar {
         border-bottom: 1px solid rgba(255, 255, 255, .2);
         padding: 10px 0 
    }
     .topbar li, .topbar li a {
         color: #fff 
    }
     .topbar-left li i {
         padding-right: 5px;
         color: #77153c 
    }
     .topbar-right .list-inline li:last-child, .topbar-right li:last-child i {
         padding-right: 0 
    }
     .topbar .topbar-right li a:hover {
         color: #77153c 
    }
     .topbar-right li i {
         padding-right: 5px;
         color: #77153c;
         transition: all .3s ease-in-out;
         -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out 
    }
     .topbar-right li i:hover {
         color: #fff !important 
    }
     #header.dark-fancy .menu-icon-right li i:hover {
         color: #fff 
    }
     #header+.fullscreen {
         margin-bottom: -165px;
         top: -165px;
         position: relative 
    }
     #header.dark+.fullscreen {
         margin-bottom: -140px;
         top: -140px 
    }
     #header.fancy+.fullscreen {
         margin-bottom: 0;
         top: 0 
    }
     .mega-menu .menu-logo {
         padding: 19px 0 17px 
    }
     .mega-menu .menu-links>li>a {
         line-height: 98px;
         text-transform: uppercase;
         font-size: 10px;
         font-weight: 500 
    }
     .mega-menu .menu-links>li.active>a:before, .mega-menu .menu-links>li>a:before {
         -webkit-transition: all .7s ease-out 0s;
         -moz-transition: all .7s ease-out 0s;
         -ms-transition: all .7s ease-out 0s;
         -o-transition: all .7s ease-out 0s;
         transition: all .7s ease-out 0s;
         color: #77153c;
         content: "\f004";
         font-family: FontAwesome;
         font-size: 10px;
         left: 50%;
         position: absolute;
         top: -30px;
         transform: translateX(-50%);
         opacity: 0 
    }
     .mega-menu .menu-links>li>a:hover:before {
         opacity: 1 
    }
     .mega-menu .drop-down-multilevel.right-menu {
         right: 0 
    }
     .mega-menu .menu-links>li:first-child {
         padding-left: 0 
    }
     .mega-menu .menu-links>li:last-child {
         padding-right: 0 
    }
     .mega-menu .drop-down-multilevel a {
         font-size: 13px 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel a {
         color: #fff 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down a {
         color: #fff 
    }
     .mega-menu .menu-links>li.active .drop-down li.active a {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down a:hover {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down li.active a i {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down a i:hover {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active a {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
         color: #fff;
         background: 0 0 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a {
         color: #323232;
         background: 0 0 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a {
         color: #77153c;
         background: #eceff7 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active i {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i {
         color: #323232 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i {
         color: #77153c 
    }
     .mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover {
         color: #77153c 
    }
     .mega-menu .row {
         margin-left: 0;
         margin-right: 0 
    }
     .mega-menu .col-md-12 {
         padding-left: 0;
         padding-right: 0 
    }
     .mega-menu.desktopTopFixed .menu-list-items {
         background: rgba(21, 21, 21, .9);
         padding: 10px 
    }
     .mega-menu.desktopTopFixed .menu-logo {
         padding: 10px 0 
    }
     .mega-menu.desktopTopFixed .menu-list-items .menu-links>li>a {
         line-height: 75px 
    }
     #header.clean {
         background: #fff;
         z-index: 999;
         padding: 0;
         margin: 0;
         position: relative;
         width: 100%;
         -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
         -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
         box-shadow: 0 0 25px rgba(0, 0, 0, .1) 
    }
     #header.clean .topbar {
         border-bottom: 0;
         background: #77153c;
         padding: 7px 0 
    }
     #header.clean .topbar-left li i, #header.clean .topbar-right li i {
         color: #77153c 
    }
     #header.clean .mega-menu .menu-links>li>a {
         color: #222 
    }
     #header.clean .mega-menu .menu-links>li.active>a {
         color: #77153c 
    }
     #header.clean .mega-menu.desktopTopFixed .menu-list-items {
         background: #fff;
         -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
         -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
         box-shadow: 0 3px 3px rgba(0, 0, 0, .05) 
    }
     #header .topbar.dark {
         background: #353535 
    }
     #header.dark {
         background: #000;
         -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
         -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
         box-shadow: 0 0 25px rgba(0, 0, 0, .1);
         position: relative 
    }
     #header.dark .topbar {
         border-bottom: 0;
         background: #77153c;
         padding: 0 
    }
     #header.dark .topbar-left li, #header.dark .topbar-left li a, #header.dark .topbar-left li i, #header.dark .topbar-right li, #header.dark .topbar-right li a, #header.dark .topbar-right li i {
         color: #fff 
    }
     #header.fancy {
         background: 0 0;
         position: relative 
    }
     #header.fancy .topbar {
         background: #77153c;
         border-bottom: none;
         padding: 7px 0 57px 
    }
     #header.fancy .topbar .topbar-right li a:hover {
         color: #323232 
    }
     #header.fancy .topbar-left li, #header.fancy .topbar-left li a, #header.fancy .topbar-left li i, #header.fancy .topbar-right li, #header.fancy .topbar-right li a, #header.fancy .topbar-right li i {
         color: #353535 
    }
     #header.fancy .menu {
         position: absolute;
         width: 100%;
         top: 54px 
    }
     #header.fancy .mega-menu>section.menu-list-items {
         background: #fff;
         padding: 0 25px;
         -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
         -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
         box-shadow: 0 0 5px rgba(0, 0, 0, .1) 
    }
     #header.fancy .mega-menu .menu-links>li>a {
         color: #222 
    }
     #header.fancy .mega-menu .menu-links>li.active>a {
         color: #77153c 
    }
     .menu .top-menu {
         padding: 30px 0 
    }
     .menu .top-menu li a {
         color: #77153c 
    }
     .top-menu {
         float: right;
         margin-left: 10px;
         z-index: 9999 !important;
         position: relative;
         margin-top: 4px 
    }
     .top-menu li a {
         color: #fff 
    }
     .top-menu li {
         padding: 0 
    }
     .top-menu li a {
         border-right: 2px solid #fff;
         padding: 0 10px 
    }
     .top-menu li:last-child a {
         border-right: none 
    }
     .topbar-right>ul {
         display: inline-block 
    }
     .topbar ul li a:hover, .topbar ul li a:hover i {
         color: #77153c !important 
    }
     .topbar-right .social-icons li {
         margin: 5px 5px 0 0 
    }
     .topbar-right .social-icons li.social-facebook a:hover, .topbar-right .social-icons li.social-facebook a:hover i {
         background: 0 0 !important 
    }
     .topbar-right .social-icons li.social-twitter a:hover, .topbar-right .social-icons li.social-twitter a:hover i {
         background: 0 0 !important 
    }
     .topbar-right .social-icons li.social-instagram a:hover, .topbar-right .social-icons li.social-instagram a:hover i {
         background: 0 0 !important 
    }
     .topbar-right .social-icons li.social-dribbble a:hover, .topbar-right .social-icons li.social-dribbble a:hover i {
         background: 0 0 !important 
    }
     .carousel-caption {
         left: 20%;
         right: 20% 
    }
     .dropdown-menu {
         left: inherit;
         right: 0 
    }
     .valign>[class*=col-] {
         display: table-cell;
         float: none 
    }
     [data-valign-overlay=middle] {
         vertical-align: middle 
    }
     [data-valign-overlay=bottom] {
         vertical-align: bottom 
    }
     .heading-1 h1, .heading-1 h2, .heading-1 h3, .heading-1 h4, .heading-1 h5, .heading-1 h6 {
         font-family: Engagement, cursive 
    }
     .heading-2 h1, .heading-2 h2, .heading-2 h3, .heading-2 h4, .heading-2 h5, .heading-2 h6 {
         font-family: Montserrat, sans-serif 
    }
     .inner-intro {
         height: 350px;
         display: block;
         position: relative 
    }
     .inner-intro .container {
         display: table;
         height: 100%;
         position: relative 
    }
     .inner-intro span {
         text-transform: capitalize 
    }
     .intro-title {
         display: table-cell;
         vertical-align: middle;
         padding-bottom: 0;
         width: 100% 
    }
     .intro-title>div {
         padding: 0;
         width: 100%;
         text-align: center 
    }
     .intro-title .section-title {
         margin-bottom: 10px 
    }
     .intro-title .section-title .title {
         font-size: 44px;
         font-weight: 600;
         line-height: 46px 
    }
     ul.page-breadcrumb li span {
         font-size: 14px;
         text-transform: capitalize 
    }
     ul.page-breadcrumb {
         background: rgba(255, 255, 255, .3);
         border-radius: 5px;
         display: inline-block;
         padding: 0 20px 
    }
     ul.page-breadcrumb li {
         color: #fff;
         display: inline-block;
         list-style: none;
         padding-left: 0 
    }
     ul.page-breadcrumb li i {
         font-size: 14px;
         padding: 0 7px 
    }
     ul.page-breadcrumb li a {
         color: #fff;
         font-size: 14px;
         text-transform: capitalize 
    }
     .intro-title h1 {
         display: inline-block;
         width: 100%;
         font-size: 40px;
         line-height: 50px 
    }
     .intro-title h1.divider:before {
         bottom: -50px 
    }
     .section-title .sub-title {
         left: 50%;
         opacity: .3;
         position: absolute;
         top: 35%;
         transform: translateX(-50%) translateY(-50%);
         -moz-transform: translateX(-50%) translateY(-50%);
         -ms-transform: translateX(-50%) translateY(-50%);
         -webkit-transform: translateX(-50%) translateY(-50%);
         font-weight: 400;
         font-size: 90px;
         margin: 0 
    }
     .footer {
         background: url(../images/pattern/pattern2.html) no-repeat 0 0;
         color: #c5c5c5 
    }
     .footer .title {
         position: relative;
         color: #fff;
         margin-bottom: 40px 
    }
     .footer-address li {
         line-height: 28px;
         padding: 0;
         margin-top: 0;
         margin-bottom: 10px;
         display: block 
    }
     .footer-address li i {
         float: left;
         color: #77153c;
         padding-right: 20px;
         font-size: 16px;
         line-height: 30px;
         width: 30px 
    }
     .footer-address li span {
         display: table;
         color: #c5c5c5;
         font-size: 14px;
         vertical-align: top 
    }
     .footer-widget {
         padding: 15px 0;
         background: #000 
    }
     .footer-widget p {
         color: #4b80bd;
         margin-bottom: 0;
         margin-top: 5px;
         font-size: 17px;
         font-weight: 700 
    }
     .footer-widget .social-icons.color-hover {
         display: inline-block 
    }
     .footer-widget .social-icons li:last-child {
         margin-right: 0 
    }
     .map {
         height: 100% 
    }
     .map iframe {
         height: 100% 
    }
     .light-form .form-group .form-control {
         background: #fff 
    }
     .light-form .form-group label {
         color: #656565 
    }
     .address-block {
         position: relative 
    }
     address {
         margin-bottom: 0;
         line-height: 24px 
    }
     .contact-3 .address-block i, footer .address-block i {
         font-size: 30px;
         color: #fff;
         margin-bottom: 10px 
    }
     .contact-3 .address-block a, footer .address-block a {
         color: #fff 
    }
     .contact-3 .address-block {
         font-size: 16px 
    }
     .contact-3 .address-block i {
         background: #77153c;
         color: #fff;
         width: 70px;
         height: 70px;
         line-height: 70px;
         border-radius: 50% 
    }
     .address-block .glyph-icon {
         border: 2px solid #77153c;
         width: 60px;
         height: 60px;
         text-align: center;
         position: absolute;
         left: 0;
         top: 0;
         display: inline-block;
         line-height: 60px;
         color: #77153c 
    }
     .address-block.fill .glyph-icon {
         background: #77153c;
         color: #323232 
    }
     .address-block.rounded .glyph-icon {
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50% 
    }
     .address-block .title {
         font-size: 20px;
         line-height: 20px;
         margin-bottom: 10px 
    }
     .address-block span {
         display: block 
    }
     .address-block a {
         display: block;
         color: #3d3d3d 
    }
     .address-block span a {
         display: inline-block 
    }
     .top-info.half {
         bottom: -40px;
         margin-bottom: -30px 
    }
     .top-info.fill {
         position: relative;
         z-index: 9;
         background: #77153c;
         padding: 40px 20px;
         -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
         -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
         box-shadow: 0 3px 5px rgba(0, 0, 0, .15) 
    }
     .top-info .address-block {
         width: 23%;
         float: left;
         margin-bottom: 0;
         padding-left: 75px;
         margin-left: 2% 
    }
     .top-info.fill .address-block .glyph-icon {
         border-color: #353535;
         color: #353535 
    }
     .top-info.fill .address-block a, .top-info.fill .address-block span {
         color: #353535;
         font-size: 13px 
    }
     .owl-carousel.dots-rb .owl-dots {
         width: auto;
         bottom: 10px;
         right: 10px 
    }
     .section-about-me ul.list li {
         margin: 0 
    }
     hr {
         border-style: dashed;
         border-color: #4c84c2;
         margin: 50px 0 
    }
     .post-sidebar {
         height: 100% 
    }
     .sidebar-widget {
         margin-bottom: 40px 
    }
     .sidebar-widget:last-child {
         margin-bottom: 0 
    }
     .sidebar-widget .widget-title {
         position: relative;
         padding-bottom: 10px;
         margin-bottom: 20px 
    }
     .sidebar-widget .widget-title:before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 40px;
         height: 2px;
         background: #77153c 
    }
     .sidebar-widget .widget-ul li {
         margin: 10px 0;
         overflow: hidden 
    }
     .sidebar-widget .widget-ul li a {
         color: #757575;
         display: block 
    }
     .sidebar-widget .widget-ul li a:hover {
         color: #77153c 
    }
     .sidebar-widget .widget-search {
         position: relative 
    }
     .sidebar-widget .widget-search input {
         padding-right: 40px;
         color: #353535;
         border-radius: 30px;
         height: 50px;
         border: 2px solid #f2f2f2;
         background: #fff;
         box-shadow: none;
         transition: all .3s ease-in-out;
         -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out 
    }
     .sidebar-widget .widget-search input:focus {
         background: #fff 
    }
     .sidebar-widget .widget-search i {
         position: absolute;
         right: 0;
         padding: 16px 12px;
         font-size: 18px;
         color: #77153c;
         cursor: pointer 
    }
     .sidebar-widget .widget-search input:focus {
         border-color: #77153c 
    }
     .sidebar-widget .recent-post {
         margin-top: 20px 
    }
     .sidebar-widget .recent-post .media-body>a {
         display: block;
         color: #3d3d3d;
         font-size: 15px;
         font-weight: 600 
    }
     .sidebar-widget .recent-post .media-body>a:hover {
         color: #77153c 
    }
     .sidebar-widget .recent-post .media-body span {
         color: #999 
    }
     .sidebar-widget .recent-post .media-body span .fa {
         color: #77153c;
         margin-right: 5px 
    }
     .sidebar-widget .tags li {
         padding-left: 2px;
         padding-right: 2px;
         margin: 3px 0;
         display: inline-block 
    }
     .sidebar-widget .tags li a {
         background: #77153c;
         color: #fff;
         padding: 4px 8px;
         border: 1px solid transparent;
         transition: all .3s ease-in-out;
         -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out 
    }
     .sidebar-widget .tags li a:hover {
         border-color: #77153c;
         background: 0 0;
         color: #77153c 
    }
     .sidebar-widget .widget-ul li .number {
         background: #77153c;
         color: #fff;
         width: 50px;
         padding: 0;
         text-align: center 
    }
     .archives-widget .widget-ul li a {
         position: relative;
         z-index: 0 
    }
     .archives-widget .widget-ul li a span {
         background: #fff;
         padding-right: 8px 
    }
     .archives-widget .widget-ul li a:before {
         content: "";
         width: 300px;
         height: 1px;
         border-top: 1px dashed #ccc;
         position: absolute;
         left: 0;
         top: 16px;
         z-index: -1 
    }
     .masonry-block {
         padding: 0 10px 
    }
     .isotope.columns-2 .grid-item {
         width: 50%;
         padding: 10px 
    }
     .isotope.columns-3 .grid-item {
         width: 33.3333%;
         padding: 10px 
    }
     .isotope.columns-4 .grid-item {
         width: 25%;
         padding: 10px 
    }
     .social-share-box .title {
         display: inline-block;
         margin: 0 !important;
         margin-top: 10px !important 
    }
     .comments-1 {
         background: #77153c;
         padding: 20px;
         color: #fff;
         line-height: 22px 
    }
     .comments-1 .comments-photo {
         padding-right: 20px 
    }
     .comments-1 .comments-photo img {
         border: 4px solid #fff 
    }
     .comments-1 .comments-info .title {
         margin-top: 0;
         margin-bottom: 5px;
         color: #fff 
    }
     .comment-box {
         margin-top: 35px 
    }
     .comment-box .section-title {
         margin-bottom: 0 
    }
     .comment-box .section-title .title {
         padding-bottom: 5px 
    }
     .comment-box .section-title label {
         color: #77153c;
         font-weight: 500 
    }
     .comment-list li {
         margin-top: 25px;
         margin-bottom: 0;
         vertical-align: top;
         padding: 0 
    }
     .comment-list .comments-media {
         padding: 15px;
         box-shadow: 0 0 12px rgba(0, 0, 0, .1);
         border-radius: 3px 
    }
     .comment-list ul {
         padding-left: 60px 
    }
     .comment-list .comments-photo {
         padding-right: 20px 
    }
     .comment-list .comments-photo img {
         border-bottom: 5px solid #77153c 
    }
     .comment-list .comments-info {
         position: relative 
    }
     .comment-list .comments-info .title {
         margin: 0;
         line-height: 22px 
    }
     .comment-list .comment-metadata {
         line-height: 22px;
         margin-top: 7px;
         margin-bottom: 10px 
    }
     .comment-list .comment-metadata a {
         color: #aaa 
    }
     .comment-list .comment-metadata .fa {
         padding-right: 7px;
         color: #77153c 
    }
     .comment-list .reply {
         position: absolute;
         right: 0;
         top: 0;
         font-weight: 500;
         line-height: 22px;
         margin: 0;
         padding: 2px 16px;
         font-size: 11px;
         color: #fff 
    }
     .comment-list .reply .fa {
         font-size: 12px 
    }
     .comment-list .comments-info p {
         line-height: 24px;
         color: #858585;
         margin-top: 5px;
         margin-bottom: 0 
    }
     .comment-respond {
         margin-top: 50px 
    }
     .pagination-nav {
         margin-top: 30px;
         text-align: right 
    }
     .pagination>li {
         list-style-type: none;
         float: left;
         display: block 
    }
     .pagination>li>a, .pagination>li>span {
         border-color: #ccc;
         color: #757575;
         margin: 0;
         border-radius: 2px;
         background: #3c3c3c;
         color: #fff;
         padding: 5px 10px 
    }
     .pagination>li.next>a, .pagination>li.previous>a {
         border: none;
         background: 0 0;
         color: #3d3d3d 
    }
     .pagination>li.active>a, .pagination>li.active>a:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
         background: #77153c;
         color: #fff;
         border-color: #77153c 
    }
     .pagination>li.next>a:focus, .pagination>li.next>a:hover, .pagination>li.previous>a:focus, .pagination>li.previous>a:hover {
         background: 0 0 
    }
     .pagination>li.next>a:hover, .pagination>li.previous>a:hover {
         color: #77153c 
    }
     .terms-and-conditions .title {
         margin-bottom: 10px 
    }
     .terms-and-conditions p {
         margin-bottom: 25px 
    }
     .terms-and-conditions ul.list {
         margin-bottom: 20px;
         display: block 
    }
     .terms-and-conditions ul.list li i {
         padding-right: 12px;
         font-size: 15px 
    }
     .privacy-policy .title {
         margin-bottom: 10px 
    }
     .privacy-policy p {
         margin-bottom: 25px 
    }
     .privacy-policy ul.list {
         margin-bottom: 20px;
         display: block 
    }
     .privacy-policy ul.list li i {
         padding-right: 12px;
         font-size: 15px 
    }
     .coming-soon, .error-404 {
         background-position: center 80%;
         background-repeat: no-repeat;
         position: relative;
         padding-top: 60px;
         padding-bottom: 60px 
    }
     .coming-soon.bg-overlay-white-90:before, .error-404.bg-overlay-white-90:before {
         background: rgba(255, 255, 255, .92) 
    }
     .coming-soon-text {
         position: absolute;
         right: 10%;
         top: 50%;
         transform: translateY(-50%) 
    }
     .countdown {
         margin-top: 40px;
         float: right 
    }
     .countdown>li {
         margin: 0 20px;
         float: left;
         font-weight: 700;
         text-align: center;
         border-bottom: 5px solid #fff;
         padding-bottom: 20px 
    }
     .countdown>li span {
         font-size: 70px;
         font-weight: 600;
         line-height: 70px;
         margin-bottom: 20px;
         display: inline-block 
    }
     .countdown>li p {
         font-size: 20px;
         text-transform: uppercase;
         line-height: 30px 
    }
     .countdown>li:last-child {
         margin-right: 0 
    }
	#back-to-top .top.arrow .fa {
    margin-top: 0px !important;
}
     #back-to-top .top {
         z-index: 999;
         position: fixed;
         margin: 0;
         background: #77153c;
         background: -webkit-linear-gradient(90deg, #77153c, #4c82bf);
         background: -o-linear-gradient(90deg, #77153c, #4c82bf);
         background: -moz-linear-gradient(90deg, #77153c, #4c82bf);
         background: linear-gradient(90deg, #77153c, #4c82bf);
         border-radius: 50%;
         -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
         position: fixed;
         bottom: 10px;
         right: 10px;
         z-index: 999;
         font-size: 16px;
         color: #fff;
         width: 30px;
         height: 30px;
         text-align: center;
         line-height: 30px 
    }
     #back-to-top .top:hover {
         color: #3d3d3d !important 
    }
     .bg-effect:before {
         -webkit-animation-name: fadebounce;
         -moz-animation-name: fadebounce;
         -ms-animation-name: fadebounce;
         -o-animation-name: fadebounce;
         animation-name: fadebounce;
         -webkit-animation-duration: 3s;
         -moz-animation-duration: 3s;
         -ms-animation-duration: 3s;
         -o-animation-duration: 3s;
         animation-duration: 3s;
         -webkit-animation-iteration-count: infinite;
         -moz-animation-iteration-count: infinite;
         -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
         animation-iteration-count: infinite 
    }
     @-moz-keyframes fadebounce {
         0% {
             -moz-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
         50% {
             -moz-transform: translateY(25px);
             transform: translateY(25px);
             opacity: 1 
        }
         100% {
             -moz-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
    }
     @-webkit-keyframes fadebounce {
         0% {
             -webkit-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
         50% {
             -webkit-transform: translateY(25px);
             transform: translateY(25px);
             opacity: 1 
        }
         100% {
             -webkit-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
    }
     @-o-keyframes fadebounce {
         0% {
             -o-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
         50% {
             -o-transform: translateY(25px);
             transform: translateY(25px);
             opacity: 1 
        }
         100% {
             -o-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
    }
     @-ms-keyframes fadebounce {
         0% {
             -ms-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
         50% {
             -ms-transform: translateY(25px);
             transform: translateY(25px);
             opacity: 1 
        }
         100% {
             -ms-transform: translateY(0);
             transform: translateY(0);
             opacity: 1 
        }
    }
     @keyframes fadebounce {
         0% {
             transform: translateY(0);
             opacity: 1 
        }
         50% {
             transform: translateY(25px);
             opacity: 1 
        }
         100% {
             transform: translateY(0);
             opacity: 1 
        }
    }
     @-webkit-keyframes pulse {
         0% {
             -webkit-transform: scale(1) 
        }
         25% {
             -webkit-transform: scale(1.2) 
        }
         50% {
             -webkit-transform: scale(1) 
        }
         100% {
             -webkit-transform: scale(1) 
        }
    }
     @-moz-keyframes pulse {
         0% {
             -moz-transform: scale(1) 
        }
         25% {
             -moz-transform: scale(1.2) 
        }
         50% {
             -moz-transform: scale(1) 
        }
         100% {
             -moz-transform: scale(1) 
        }
    }
     @-ms-keyframes pulse {
         0% {
             -ms-transform: scale(1) 
        }
         25% {
             -ms-transform: scale(1.2) 
        }
         50% {
             -ms-transform: scale(1) 
        }
         100% {
             -ms-transform: scale(1) 
        }
    }
     @-o-keyframes pulse {
         0% {
             -o-transform: scale(1) 
        }
         25% {
             -o-transform: scale(1.2) 
        }
         50% {
             -o-transform: scale(1) 
        }
         100% {
             -o-transform: scale(1) 
        }
    }
     @keyframes pulse {
         0% {
             transform: scale(1) 
        }
         50% {
             transform: scale(1.2) 
        }
         100% {
             transform: scale(1) 
        }
    }
     .rotating {
         display: inline-block;
         -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
         -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
         transform-style: preserve-3d;
         -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
         -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
         -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
         -o-transform: rotateX(0) rotateY(0) rotateZ(0);
         transform: rotateX(0) rotateY(0) rotateZ(0);
         -webkit-transition: .5s;
         -moz-transition: .5s;
         -ms-transition: .5s;
         -o-transition: .5s;
         transition: .5s;
         -webkit-transform-origin-x: 50% 
    }
     .rotating.flip {
         position: relative 
    }
     .rotating .back, .rotating .front {
         left: 0;
         top: 0;
         -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
         -o-backface-visibility: hidden;
         backface-visibility: hidden 
    }
     .rotating .front {
         position: absolute;
         display: inline-block;
         -webkit-transform: translate3d(0, 0, 1px);
         -moz-transform: translate3d(0, 0, 1px);
         -ms-transform: translate3d(0, 0, 1px);
         -o-transform: translate3d(0, 0, 1px);
         transform: translate3d(0, 0, 1px) 
    }
     .rotating.flip .front {
         z-index: 1 
    }
     .rotating .back {
         display: block;
         opacity: 0 
    }
     .rotating.spin {
         -webkit-transform: rotate(360deg) scale(0);
         -moz-transform: rotate(360deg) scale(0);
         -ms-transform: rotate(360deg) scale(0);
         -o-transform: rotate(360deg) scale(0);
         transform: rotate(360deg) scale(0) 
    }
     .rotating.flip .back {
         z-index: 2;
         display: block;
         opacity: 1;
         -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
         -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
         -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
         -o-transform: rotateY(180deg) translate3d(0, 0, 0);
         transform: rotateY(180deg) translate3d(0, 0, 0) 
    }
     .rotating.flip.up .back {
         -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
         -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
         -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
         -o-transform: rotateX(180deg) translate3d(0, 0, 0);
         transform: rotateX(180deg) translate3d(0, 0, 0) 
    }
     .rotating.flip.cube .front {
         -webkit-transform: translate3d(0, 0, 100px) scale(.9, .9);
         -moz-transform: translate3d(0, 0, 100px) scale(.85, .85);
         -ms-transform: translate3d(0, 0, 100px) scale(.85, .85);
         -o-transform: translate3d(0, 0, 100px) scale(.85, .85);
         transform: translate3d(0, 0, 100px) scale(.85, .85) 
    }
     .rotating.flip.cube .back {
         -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.9, .9);
         -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85) 
    }
     .rotating.flip.cube.up .back {
         -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.9, .9);
         -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
         transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85) 
    }
     .afterlogotagline {
         position: absolute;
         width: 100%;
         left: 13px;
         bottom: 6px;
         font-size: 12px;
         line-height: 0 
    }
     form.index_registeration {
         background-color: rgba(255, 255, 255, .65);
         padding: 4px 18px;
         border-radius: 5px padding-bottom: 47px;
    }
     form#contactform label.error, form#homepageRegistration label.error, form#loginForm label.error {
         display: none !important 
    }
     .index_registeration h1 {
         color: #77153c font-family: serif;
    }
     .index_registeration hr {
         margin: 0 0 20px 0 
    }
     .index_registeration .btn {
         color: #fff !important;
         background: #77153c;
         border-color: #77153c;
         padding: 5px 15px;
         font-size: 16px 
    }
     .index_registeration .form-group label {
         color: #000 !important 
    }
     .index_registeration .backbtn {
         cursor: pointer;
         float: left;
         margin-left: 0;
         display: inline-block;
         color: #4c84c2;
         font-size: 14px;
         text-decoration: underline 
    }
     .index_registeration .g-recaptcha {
         margin-left: 44px 
    }
     .index_registeration .btn:active, .index_registeration .btn:hover {
         background-color: #4c84c2 !important;
         color: #fff !important;
         border-color: #4c84c2 !important 
    }
     .index_registeration h1 span {
         color: #5785bb font-family: serif;
    }
     .index_registeration .form-group .form-control {
         color: #000;
         background: #fff;
         border: none;
         border-bottom: 1px solid #77153c;
         border-radius: 0 
    }
     .index_registeration select.form-control:not([size]):not([multiple]) {
         height: auto 
    }
     .index_registeration .radioSection h5 {
         text-transform: none 
    }
     .index_registeration input.error, form#contactform input.error, form#loginForm input.error, select.error, textarea.error {
         border-bottom: 2px solid red !important 
    }
     .index_registeration .form-check-label {
         margin-bottom: 0;
         color: #77153c;
         font-weight: 500 
    }
     #updatePersonalInfoBeforeQues label.error {
         display: block;
         font-size: 10px !important;
         color: #fff !important;
         position: absolute;
         bottom: -18px;
         background: red;
         padding: 2px 4px;
         line-height: 16px !important;
         right: 0 
    }
     .notifytoUser .alert {
         position: fixed;
         top: 100px;
         z-index: 99999;
         right: 4px;
         font-size: 14px;
         font-weight: 700;
         text-transform: capitalize 
    }
     .questionsSection .answers a {
         width: 100%;
         display: block;
         padding: 10px 0;
         color: #000 
    }
     .questionsSection .answers a:hover {
         position: relative;
         background: #77153c;
         border-radius: 6px;
         color: #fff !important;
         box-shadow: none 
    }
     .questionsSection .answers a:hover span {
         position: absolute;
         right: 10px;
         background: #ffa90c;
         color: #fff;
         padding: 2px 10px;
         border-radius: 4px 
    }
     .questionsSection .answers.updateAnswer button {
         width: 100%;
         display: block;
         padding: 10px 0;
         color: #000 
    }
     .questionsSection .answers.updateAnswer button:hover {
         position: relative;
         background: #77153c;
         border-radius: 6px;
         color: #fff;
         box-shadow: none 
    }
     .questionsSection .answers.updateAnswer button:hover span {
         position: absolute;
         right: 10px;
         background: #ffa90c;
         color: #fff;
         padding: 2px 10px;
         border-radius: 4px;
         display: inline-block !important;
         top: 8px 
    }
     .questionsSection .answers.updateAnswer form {
         display: block;
         width: 100%;
         float: left;
         margin-top: 10px 
    }
     .questionsSection .answers.updateAnswer form button {
         background: #fff;
         box-shadow: none;
         border: none 
    }
     .orangeColor {
         color: #77153c 
    }
     .blackColor {
         color: #000 
    }
     .profile-verifications .item {
         display: block 
    }
     .profile-verifications .item.photo i {
         background-color: #1eb2fc 
    }
     .profile-verifications .item i {
         background-color: #1a1a1a;
         color: #fff;
         padding: 7px;
         padding-left: 7.5px;
         padding-right: 7.5px;
         border-radius: 50%;
         font-size: 30px;
         -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
         -ms-transition: all .5s ease;
         transition: all .5s ease 
    }
     .profile-verifications .item .primary {
         font-weight: 700;
         font-size: 16px;
         position: relative;
         left: 9px;
         display: inline;
         top: -17px 
    }
     .profile-verifications .item .secondary {
         font-size: .9em;
         position: relative;
         left: 50px;
         top: -8px 
    }
     .smallfont {
         font-size: 14px;
         color: #7d7d7d 
    }
     .profile-section .interest-item {
         padding: 6px 8px;
         display: inline-block;
         background: #77153c;
         border-radius: 6px;
         color: #fff;
         font-weight: 500;
         font-size: 15px;
         margin-bottom: 5px 
    }
     .footerpages ul li {
         display: inline-block 
    }
     .footerpages ul li a:after {
         content: "|";
         padding-left: 10px;
         color: #77153c 
    }
     .footerpages ul li:hover a:after {
         color: #fff 
    }
     .footerpages ul li:last-child a:after {
         content: " " 
    }
     .footerpages ul li a {
         color: #fff 
    }
     .submatchTitle a {
         color: #fff;
         font-size: 20px;
         font-weight: 600 
    }
     .submatchTitle a:active, .submatchTitle a:focus, .submatchTitle a:hover {
         color: #4b83c1 
    }
     .someonesProfileBanner {
         float: left;
         width: 50%;
         z-index: 99;
         position: absolute;
         background: #77153c;
         padding: 16px;
         left: 25%;
         border-radius: 64px 
    }
     .videoContainer {
         height: 350px;
         overflow: hidden;
         width: 100%;
         position: absolute 
    }
     .videoContainer canvas, .videoContainer video {
         width: 100% 
    }
     .people .slidingContent {
         position: absolute;
         top: 0;
         width: 100%;
         text-align: center 
    }
     .btn-edit {
         background: #fff;
         color: #0069d9;
         border: 2px solid #0069d9;
         border-radius: 50%;
         font-size: 16px;
         font-weight: 600 
    }
     .vjs-default-skin .vjs-big-play-button {
         left: 43% !important;
         top: 40% !important 
    }
     .photosUpload {
         float: right;
         width: 100%;
         display: block 
    }
     .uploadPhotoBtn {
         display: block;
         width: 100%;
         text-align: right 
    }
     ul.customIcons li {
         width: 32%;
         display: inline-block;
         text-align: center;
         font-size: 16px 
    }
     ul.customIcons li:hover a {
         color: #fff 
    }
     ul.customIcons {
         background: #000000b8;
         width: 100%;
         bottom: 0;
         height: 32px;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px 
    }
     .verificationmsg {
         position: absolute;
         bottom: 0;
         width: 100% 
    }
     .videoGallery .verificationmsg {
         bottom: 7px 
    }
     .verificationmsg .label-success {
         background: green;
         padding: 0 8px;
         margin-bottom: 4px;
         border-radius: 2px;
         font-size: 10px !important;
         width: 56px 
    }
     .verificationmsg .label-warning {
         background: #ff0;
         padding: 0 8px;
         margin-bottom: 4px;
         border-radius: 2px;
         font-size: 10px !important;
         width: 80px;
         color: #000 !important;
         font-weight: 600 
    }
     .video-js {
         left: 10%;
         box-shadow: 5px 10px 18px #888 
    }
     .small.video-js {
         left: 0 !important 
    }
     .setCoverPhoto img {
         max-width: 100% 
    }
     #background-image {
         background-size: 100% !important;
         background-repeat: no-repeat !important;
         position: absolute;
         width: 100%;
         z-index: 99;
         min-height: 350px;
         height: 350px;
         cursor: grab;
         top: 0 
    }
     .changeCoverPhoto a.btn {
         float: right;
         display: block;
         clear: both;
         z-index: 99;
         position: absolute;
         bottom: 5px;
         right: 4px;
         background: #77153c;
         border-radius: 2px;
         font-size: 12px 
    }
     .changeCoverPhoto a.btn:hover {
         color: #fff;
         border-color: #fff 
    }
     .myvideoContainer {
         position: relative 
    }
     .myvideoContainer .deleteVideo {
         position: absolute;
         bottom: 10px;
         right: 10px;
         background: #000;
         padding: 5px 10px;
         border-radius: 2px;
         display: none;
         border: 1px solid #77153c 
    }
     .myvideoContainer:hover .deleteVideo {
         display: block !important 
    }
     .myvideoContainer .label {
         position: absolute;
         left: 10px;
         padding: 5px 10px;
         bottom: 10px;
         font-size: 13px !important;
         border-radius: 2px 
    }
     .myvideoContainer .label.label-warning {
         color: #000 !important;
         background: #ff0 
    }
     .myvideoContainer .label.label-success {
         color: #fff;
         background: green 
    }
     .questionsContainer .outer {
         border: 1px solid #77153c;
         margin: 18px 0;
         border-radius: 4px 
    }
     .questionsContainer .outer .question {
         background: #77153c;
         font-size: 14px;
         padding: 10px 10px;
         color: #fff;
         margin: 0 
    }
     .questionsContainer .outer .answer {
         padding: 12px 10px;
         font-size: 14px 
    }
     #matchesBreakdown table tbody tr td:last-child a {
         border-bottom: 1px solid #77153c;
         color: #77153c;
         font-weight: 600;
         font-size: 14px 
    }
     #matchesBreakdown table tbody tr td:last-child a:hover {
         border: none;
         border: 1px solid;
         padding: 6px 5px;
         background: #77153c;
         color: #fff 
    }
     .encounter-controls {
         position: absolute;
         top: 180px;
         left: 322px 
    }
     .encounter-controls .btn {
         height: 50px;
         width: 50px;
         border-radius: 50%;
         font-size: 1.8em;
         margin-right: 5px;
         border-width: 2px 
    }
     .encounter-controls .btn-danger i {
         position: relative;
         top: 4px;
         bottom: 2px;
         left: 3px 
    }
     .btn-circle.btn-lg {
         padding: 10px;
         line-height: 1.33;
         box-shadow: unset 
    }
     .btn-circle {
         text-align: center 
    }
     .encounter-controls .btn i {
         position: relative;
         top: 0;
         font-size: 30px;
         left: -1px 
    }
     .encounter-controls .btn.btn-primary i {
         font-size: 35px;
         top: -4px;
         left: 0 
    }
     .encounter-controls .btn-danger {
         color: #77153c !important;
         background: 0 0 !important 
    }
     .encounter-controls .btn-primary {
         color: #77153c !important;
         background: 0 0 !important 
    }
     .encounter-controls .btn.favorites {
         border: 2px solid #fff !important;
         color: #77153c !important;
         background: 0 0 !important 
    }
     .encounter-controls .btn.favorites .fa-star {
         color: #77153c;
         font-size: 30px;
         left: -6px 
    }
     .encounter-controls .btn.favorites .fa-star-o {
         color: #77153c;
         font-size: 30px;
         left: -6px 
    }
     .encounter-controls .btn.btn-disabled, .encounter-controls .btn.disabled, .encounter-controls .btn:disabled, .encounter-controls .btn[disabled] {
         opacity: .5 
    }
/*      .profileMenu .notifications {
         color: #fff;
         background: #77153c;
         padding: 0 !important;
         font-size: 14px;
         margin-left: 9px;
         border: 1px solid #77153c;
         height: 30px;
         width: 30px;
         border-radius: 50% 
    }
	 */
	
	
     .profileMenu .notifications.badge {
         line-height: normal 
    }
     .profileMenu .notifications p {
         margin: 0 !important;
         padding-top: 1px 
    }
     .myQuesContainer .outer .question {
         position: relative 
    }
     .myQuesContainer .outer .question a {
         position: absolute;
         right: 25px;
         top: 20%;
         background: #fff;
         padding: 0 10px !important;
         border-radius: 4px;
         color: #77153c 
    }
     .myQuesContainer .outer .question a:hover {
         background: #ff5e25;
         color: #fff 
    }
     .myQuesContainer.questionsContainer .outer .question p {
         margin: 0;
         width: 90% 
    }
     .guestvideoContainer {
         position: relative 
    }
     .guestvideoContainer .label {
         bottom: 12px;
         left: 10px 
    }
     .guestvideoContainer .videodesc {
         position: absolute;
         color: #fff;
         left: 22%;
         right: 0;
         top: 32%;
         width: 100px;
         background: #67626294;
         padding: 2px 2px;
         border-radius: 2px 
    }
     .guestvideoContainer.view .videodesc .fa {
         margin-left: 40px 
    }
     .guestvideoContainer .videodesc p {
         margin: 0 
    }
     .matchesBreakdown .totalMatch {
         background: #77153c;
         padding: 10px;
         margin-bottom: 10px;
         color: #fff;
         border-radius: 3px;
         font-size: 14px 
    }
     .matchesBreakdown .totalMatch p {
         margin: 0 
    }
     .matchesBreakdown .card .card-body a.card-link {
         display: inline-block;
         background: #77153c;
         /* padding: 10px 15px; */
		 padding: 5px 15px;
         border-radius: 2px;
         color: #fff 
    }
     .matchesBreakdown .card .card-body a.card-link:hover {
         background: #4c84c2 
    }
     .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
         background: #007bff 
    }
     .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
         background: #007bff;
         height: 1.23rem;
         width: 1.23rem;
         top: -5px;
         border: 2px solid #77153c 
    }
     a.dislikeProfile {
         position: absolute;
         top: 5px;
         right: 22px;
         color: #fff;
         padding: 0 5px;
         border: 2px solid #77153c;
         background: #77153c;
         z-index: 9 
    }
     .aboutMeForm .form-control {
         background: #fff !important;
         resize: none;
         padding: 4px 4px !important;
         font-size: 14px 
    }
     .aboutMeForm .form-group {
         margin-bottom: 5px 
    }
     .aboutMeDesc {
         font-size: 16px 
    }
     .purpleText {
         color: #77153c !important 
    }
     .noDataAvailable h3 {
         position: absolute;
         left: 0;
         right: 0;
         top: 50% ;
		 font-size: 15px;
    }
     .noDataAvailable {
        /*  min-height: 200px; */
		 min-height: 100px;
         position: relative 
    }
     .tooltip.show {
         opacity: 1 !important 
    }
     ul.ui-autocomplete li.ui-menu-item {
         padding-left: 0 !important;
         border-bottom: 1px solid #c2c2c2 
    }
     ul.ui-autocomplete li.ui-menu-item .autocomplete-img {
         width: 40px;
         height: 40px;
         margin-right: 10px 
    }
     ul.ui-menu .ui-menu-item-wrapper {
         display: inline-block;
         width: 100%;
         text-align: left 
    }
     .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
         border: none;
         background: #fff;
         font-weight: 400;
         color: #000 
    }
     .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
         margin: 0 !important 
    }
     .ui-widget.ui-widget-content {
         border: 1px solid #c5c5c5;
         max-height: 300px;
         overflow-y: scroll 
    }
     .filter-area .ui-widget.ui-widget-content {
         border: none !important;
         max-height: 300px;
         overflow: unset !important 
    }
     .customTable.table td, .customTable.table th {
         border: unset;
         padding: 10px 
    }
     .gettoknow a.imgs {
         background: #fff;
         border: unset;
         position: absolute;
         right: 15%;
         top: 70% 
    }
     .gettoknow a.btn {
         background: #77173d;
         border: unset;
         position: absolute;
         right: 15%;
         top: 74% 
    }
     .gettoknow a.btn:hover {
         background-color: #4c84c2 
    }
     .gettoknow a.imgs.msg {
         right: 20% 
    }
     .gettoknow a:first-child img {
         width: auto 
    }
     .gettoknow a.imgs img {
         width: 40px;
         height: 40px;
         border-radius: unset;
         border: unset;
         display: inline-block 
    }
     .chatIcon {
         position: absolute;
         border: unset;
         display: inline-block;
         right: 15%;
         top: 73%;
         color: #77153c 
    }
     .videoCallIcon {
         position: absolute;
         border: unset;
         display: inline-block;
         right: 10%;
         top: 73%;
         color: #77153c 
    }
     #buy-modal .modal-heading {
         background-color: #2b65f8;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px 
    }
     #buy-modal .modal-heading h2 {
         color: #fff;
         font-size: 26px;
         text-align: left;
         margin: 0;
         padding: 25px 20px 20px;
         font-weight: 400;
         line-height: unset;
         font-family: unset 
    }
     #buy-modal .modal-body {
         padding: 0 
    }
     #buy-modal .modal-content {
         background: #fff;
         border-radius: 15px;
         overflow: hidden;
         border: unset 
    }
     #buy-modal .modal-body .payment-gateways {
         background-color: #eee;
         padding: 20px;
         position: relative;
         z-index: 4;
         height: 100%;
         height: 500px;
         border-right: 1px solid rgba(0, 0, 0, .15) 
    }
     #buy-modal .modal-body .payment-gateways .gateway {
         margin-bottom: 20px;
         text-align: center;
         font-size: .9em;
         color: #999;
         font-weight: 700;
         cursor: pointer;
         user-drag: none;
         user-select: none;
         -moz-user-select: none;
         -webkit-user-drag: none;
         -webkit-user-select: none;
         -ms-user-select: none;
         -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
         transition: all .5s ease;
         z-index: 5;
    }
     #buy-modal .modal-body .payment-gateways .gateway.active, #buy-modal .modal-body .payment-gateways .gateway:hover {
         color: #2b65f8 
    }
     #buy-modal .modal-body .payment-gateways .gateway i {
         display: block;
         font-size: 1.9em;
         padding-bottom: 4px 
    }
     #buy-modal .modal-body .credit-select {
         padding-top: 20px;
         width: 50%;
         margin: 0 auto;
         text-align: center;
         float: none;
         position: relative;
         left: 7% 
    }
     #buy-modal .modal-body .amount .radio {
         text-align: left 
    }
     #buy-modal .modal-body .amount .radio label {
         font-weight: 700 
    }
     .StripeElement {
         background-color: #fff;
         padding: 8px 12px;
         border-radius: 4px;
         border: 1px solid transparent;
         box-shadow: 0 1px 3px 0 #e6ebf1;
         -webkit-transition: box-shadow 150ms ease;
         transition: box-shadow 150ms ease 
    }
     .StripeElement--focus {
         box-shadow: 0 1px 3px 0 #cfd7df 
    }
     .StripeElement--invalid {
         border-color: #fa755a 
    }
     .StripeElement--webkit-autofill {
         background-color: #fefde5 !important 
    }
     label[for=card-element] {
         text-align: left !important;
         font-weight: 700;
         margin-bottom: 10px 
    }
     #card-element {
         margin-bottom: 5px;
         width: 100% 
    }
     #fortumo-embed {
         height: 100% !important;
         width: 100% !important 
    }
     a.removeVisted:focus {
         color: #fff;
         box-shadow: unset 
    }
     .gallery-item img, .gallery-item video {
         border-radius: 10px 
    }
     .custombannerProfile {
         padding: 20px 10px; 
         background: #77153cd9;
         border-radius: 10px;
         width: 65%;
         margin-left: 20%  
    }
     .locationTab .card-header, .personalInfoTab .card-header, .workandeducationTab .card-header {
         font-size: 18px;
         font-weight: 700;
         text-align: center 
    }
     .personalInfoTab .customTable.table, .personalInfoTab .customTable.table p {
         margin: 0 !important 
    }
     .personalInfoTab .customTable.table td, .personalInfoTab .customTable.table th {
         padding: 10px 0 0 8px !important 
    }
     .personalInfoTab .customTable.table select {
         width: 100% 
    }
     .personalInfoTab .customTable.table button {
         padding: 0 5px;
         float: right 
    }
     .myprofile .btn-edit {
         position: absolute;
         right: 6px;
         top: 3px 
    }
     .myprofile .card-body {
         height: 95px !important;
         overflow-y: auto !important;
         overflow-x: hidden 
    }
     .profile-text h2 {
         text-align: left 
    }
     .delete_acc_btn a.btn {
         background: #77173d;
         border: unset;
         position: absolute;
         right: 32%;
         top: 74% 
    }
     .delete_acc_btn a.btn:hover {
         background-color: #4c84c2 
    }
     #updatePersonalInfoBeforeQues .form-group .form-control {
         border: unset;
         background: #fff 
    }
     .myprofile .btn-edit .fa {
         font-size: 20px;
         padding: 0;
         margin-top: 2px 
    }
     .myprofile .btn-edit {
         position: absolute;
         right: 6px;
         top: 3px;
         border-radius: unset;
         font-size: unset;
         background: 0 0;
         color: #77153c;
         border: 2px solid #77153c 
    }
     .dz-started.dz-errors .dz-message {
         margin: 10px 0 
    }
     .noresize {
         resize: none 
    }
     .chat-modal {
         border-top-left-radius: 14px !important;
         border-top-right-radius: 14px !important 
    }
     .chat-left {
         overflow-y: scroll;
         border-right: 1px solid #eee;
         height: 710px 
    }
     .chat-sidebar-top {
         padding-bottom: 0;
         height: 70px;
         border-bottom: 1px solid #eee 
    }
     .chat-sidebar-top input:focus {
         background-color: #f2f2f2 
    }
     .chat-sidebar-user {
         padding-left: 15px;
         padding-top: 10px;
         padding-bottom: 0;
         padding-right: 10px;
         border: none !important;
         color: #666157 !important;
         height: 70px;
         transition: all .2s ease 
    }
     .chats-list a .chat-sidebar-user {
         position: relative 
    }
     .chat-sidebar-user .deleteChat {
         position: absolute;
         width: 40px;
         right: 5px;
         height: 40px;
         padding: 7px 12px;
         border-radius: 30px;
         font-size: 20px;
         background: #77153c;
         color: #fff;
         display: none;
         top: 14px 
    }
     .chats-list a:hover .deleteChat {
         display: block !important 
    }
     .chat-sidebar-user .img-circle {
         padding: 0 
    }
     .chat-sidebar-user.active {
         background-color: #4c84c2 !important; 
         color: #fff !important 
    }
     @media(max-width:992px) {
         .mega-menu .menu-links {
             display: none 
        }
    }
     @media (max-width:767px) {
div#selectPlan {
    margin-top: -30px;
} 
.login-form.login-img.dark-bg.page-section-ptb100 {
  padding-top: 40px;
  padding-bottom: 40px;
} 
         .mob-view-first-chat {
             background-color: #4c84c2 !important;
             color: #fff !important 
        }
    }
     .chat-sidebar-user:hover {
         background-color: #77153c;
         color: #fff !important 
    }
     .chat-sidebar-thumb {
         width: 45px;
         height: 45px;
         display: inline 
    }
     .chat-sidebar-username {
         display: inline;
         padding-left: 7px;
         position: relative;
         bottom: 0;
         font-size: 16px;
         font-weight: 600 
    }
     .chat-sidebar-usermsg {
         font-weight: 400;
         font-size: .9em;
         position: relative;
         left: 57px;
         bottom: 32px;
         color: #c3c3c3;
         height: 24px;
         overflow: hidden;
         width: 90% 
    }
     .chat-sidebar-user .profileMenu {
         position: relative;
         width: 100%;
         bottom: 45px;
         text-align: right 
    }
     .chat-content-text .msg_Text span.join_call {
         padding: 0 !important 
    }
     .online-status {
         display: inline-block;
         z-index: 2;
         box-sizing: content-box;
         width: 8px;
         height: 8px;
         margin-left: 5px;
         border-radius: 100%;
         vertical-align: middle 
    }
     .online {
         color: #47d282 
    }
     .offline {
         color: #bfbfbf 
    }
     .chat-sidebar-favorite i {
         font-size: 14px 
    }
     .chat-sidebar-favorite i:hover {
         color: #f3bb45 
    }
     .chat-top-right {
         border-bottom: 1px solid #eee;
         padding-bottom: 20px;
         height: 50px 
    }
     .chat-receiver-name {
         font-size: 20px;
         display: inline-block;
         padding-right: 7px;
         margin-top: 10px 
    }
     .chat-receiver-actions a {
         font-size: 20px;
         border-radius: 50%;
         width: 40px;
         height: 40px;
         background: #77153c;
         margin-right: 4px 
    }
     .chat-receiver-actions a .fa {
         color: #fff 
    }
     .chat-bottom {
         position: absolute;
         bottom: 0;
         left: 0;
         border-top: 1px solid #eee;
         padding-top: 15px;
         height: auto;
         width: 100%;
         min-height: 80px 
    }
     .chat-bottom .col-md-9.col-7 {
         position: static 
    }
     .chat-area.pull-left {
         position: relative 
    }
     .chat-addons a {
         color: #666157 !important;
         position: relative;
         padding-right: 6px;
         top: 10px;
         left: 10px;
         outline: 0 
    }
     .chat-addons a i {
         font-size: 19px 
    }
     .chat-input {
         position: relative;
         bottom: 23px;
         left: 70px 
    }
     .chat-input input {
         width: 76.9%;
         height: 32px;
         font-weight: 400;
         font-size: 14px;
         border-radius: 20px !important;
         background-color: #fff !important;
         border: 1px solid #666157 !important 
    }
     .chat-input a {
         position: relative;
         bottom: 32px 
    }
     .chat-content-wrap {
         padding: 15px;
         padding-right: 5px;
         height: 580px;
         overflow-y: hidden 
    }
     .chat-container .chat-content-wrap {
         height: 645px;
         padding-bottom: 120px 
    }
     .chat-content {
         height: auto 
    }
     .chat-message {
         margin-bottom: 0 
    }
     .chat-content-thumb {
         display: inline;
         height: 50px;
         width: 50px;
         margin-right: 10px;
         position: relative;
         top: 6px 
    }
     .chat-content-username {
         font-size: .75em;
         line-height: 25px;
         font-weight: 500;
         margin-top: 8px 
    }
     .msg_Text sub {
         font-size: 9px;
         margin-left: 10px;
         bottom: -7px 
    }
     .chat-content-text {
         font-size: 14px;
         margin-top: 18px;
         font-weight: 400;
         display: inline-block;
         width: calc(100% - 73px);
         vertical-align: middle 
    }
     .chat-placeholder {
         margin: 0 auto;
         display: block;
         text-align: center;
         float: none;
         position: relative;
         top: 70px;
         height: 500px 
    }
     .chat-placeholder h4 {
         font-weight: 300 
    }
     .chat-placeholder h4 span {
         font-weight: 500 
    }
     .chat-placeholder .photo-count {
         position: relative;
         bottom: 40px;
         left: 195px;
         height: 70px;
         width: 70px;
         border-radius: 50%;
         border: 2px solid #fff;
         background-color: #4d4d4d;
         color: #fff;
         line-height: 53px 
    }
     .chat-placeholder .photo-count small {
         position: relative;
         display: block;
         bottom: 39px;
         font-size: 10px 
    }
     .chat-placeholder-image {
         height: 220px;
         width: 220px;
         border-radius: 50% 
    }
     .chat-promo {
         background-color: #f7f7f7;
         border-radius: 10px !important;
         height: 70px;
         width: 100%;
         position: relative;
         bottom: 30px;
         padding-left: 10px;
         padding-right: 10px 
    }
     .chat-promo img {
         float: left;
         height: 50px;
         width: 50px;
         position: relative;
         top: 10px 
    }
     .emoji-menu {
         position: absolute;
         bottom: 86px;
         width: 613px;
         border: 1px solid #4c84c2 
    }
     .emoji-top {
         height: 40px;
         border: 1px solid #eee;
         padding-top: 6px;
         padding-bottom: 10px;
         background-color: #fff 
    }
     .emoji-top-link:first-child {
         padding-left: 12px 
    }
     .emoji-top-link {
         padding-right: 13px;
         cursor: pointer;
         border-right: 1px solid #eee 
    }
     .emoji-top-img {
         padding-right: 8px;
         padding-left: 9px;
         cursor: pointer;
         border-right: 1px solid #eee 
    }
     .emoji-top-img img {
         height: 26px;
         width: 26px;
         margin-bottom: 8px 
    }
     .emoji-content-wrap {
         height: 150px;
         padding: 10px;
         padding-top: 3px;
         padding-bottom: 0;
         background-color: #fff 
    }
     .emoji-content {
         height: auto;
         width: 100%;
         overflow: hidden;
         padding-top: 5px 
    }
     .chat-message-send {
         position: relative;
         top: -1px;
         left: 3px;
         padding-right: 15px !important;
         padding-left: 17px !important;
         padding-right: 17px !important 
    }
     .chat-message-send:hover {
         background-color: #77153c 
    }
     .chat-message-send img {
         height: 15px;
         width: 15px;
         margin-bottom: 3.5px 
    }
     .emoji-content .emoticon {
         display: inline 
    }
     .emoji-content .emoticon img {
         height: 22px;
         width: 22px;
         margin: 5px !important 
    }
     .sticker {
         height: 70px;
         width: 70px;
         padding: 8px;
         border-radius: 10px 
    }
     .sticker-disabled {
         height: 70px;
         width: 70px;
         padding: 8px;
         border-radius: 10px 
    }
     .sticker:hover {
         background: #eee;
         transition: all .2s ease 
    }
     .stickerimg {
         margin: 0 
    }
     .sticker-chat {
         height: 80px;
         width: 80px 
    }
     .emoji-top-img.active, .emoji-top-link.active {
         border-bottom: 3px solid #2b65f8;
         padding-bottom: 6.6px;
         color: #2b65f8 
    }
     .darkClass {
         background-color: #fff;
         opacity: .5;
         -moz-opacity: .5;
         z-index: 20;
         height: 100%;
         width: 95%;
         background-repeat: no-repeat;
         background-position: center;
         position: relative;
         top: 0;
         left: 0 
    }
     .sticker-unlock-area {
         padding: 10px;
         padding-top: 15px;
         padding-bottom: 0 
    }
     .sticker-unlock-area a {
         display: inline;
         float: left;
         margin-right: 10px 
    }
     .sticker-unlock-name {
         font-size: 1em;
         position: relative;
         margin-left: 115px 
    }
     .sticker-disclaimer {
         font-size: .7em;
         font-weight: 300;
         position: relative;
         bottom: 10px;
         margin-left: 115px 
    }
     .sticker-unlock-name span {
         font-weight: 300 
    }
     .gift-menu {
         position: absolute;
         bottom: 66px;
         width: 613px 
    }
     .gift-content-wrap {
         overflow: auto;
         height: 150px;
         padding: 10px;
         padding-top: 5px;
         padding-bottom: 0;
         background-color: #fff;
         border-top: 1px solid #eee 
    }
     .gift-content {
         height: auto;
         width: 100%;
         overflow: hidden 
    }
     .chat-gift-image {
         height: 70px;
         width: 70px;
         padding: 8px;
         border-radius: 10px 
    }
     .chat-gift-image:hover {
         background: #eee;
         transition: all .2s ease 
    }
     .chat-gift-selected {
         margin: 0 auto;
         float: none;
         text-align: center;
         display: block;
         padding: 20px;
         padding-top: 5px;
         padding-bottom: 0 
    }
     .close span {
         font-size: 40px;
         font-weight: 300;
         position: relative;
         left: 0;
         bottom: 8px 
    }
     .gift-send-btn {
         margin-top: 20px;
         margin-bottom: 10px 
    }
     .send-gift-diclaimer {
         font-size: 14px 
    }
     .send-gift-success i {
         font-size: 70px;
         color: #2ecc71 
    }
     .send-gift-error p, .send-gift-success p {
         font-size: 14px;
         padding-top: 10px 
    }
     .send-gift-error i {
         font-size: 70px;
         color: #eb5e28 
    }
     .chat-content-text .emojione {
         height: 18px;
         width: 18px 
    }
     .text-light {
         font-weight: 300 
    }
     .well-round {
         border-radius: 5px !important 
    }
     .chat-message {
         width: 100%;
         margin: 10px 0;
         display: block 
    }
     .chat-content {
         height: auto;
         width: 100%;
         display: block 
    }
     .chat-content .date:first-child {
         margin-top: 7px 
    }
     .chat-content .date {
         text-align: center;
         font-size: .7em 
    }
     .chat-content .text-muted {
         color: #a49e93 
    }
     .img-circle {
         background-color: #fff;
         margin-bottom: 10px;
         padding: 0;
         border-radius: 50% 
    }
     .chat-container {
         border: 1px solid #77153c;
         padding: 10px;
         border-radius: 10px;
         margin-top: 20px 
    }
     .emoji-top-link .fa {
         font-size: 20px 
    }
     .emoji-menu img {
         cursor: pointer 
    }
     .nomessages h3 {
         position: absolute;
         left: 0;
         right: 0;
         top: 40% 
    }
     .nomessages { 
         height:170px;
         position: relative 
    }
     .blockUser img {
         width: 30px;
         height: 30px;
         border: none 
    }
     .removeVisted img {
         width: 36px;
         height: 36px;
         border: none;
         margin-left: 11px;
         margin-top: 8px 
    }
     .my .chat-content-text span {
         background-color: #0084ff;
         padding: 10px;
         color: #fff;
         border-radius: 12px;
         width: auto;
         max-width: 500px;
         display: inline-block 
    }
     .my.video .chat-content-text span {
         background-color: #77153c 
    }
     .my.video .chat-content-text span.delete {
         background-color: #fff 
    }
     .my.video .chat-content-text span a {
         padding: 10px;
         color: #fff;
         border-radius: 12px 
    }
     .my .chat-content-text.emoji span {
         background: unset 
    }
     .ano.video .chat-content-text span {
         background-color: #77153c 
    }
     .ano.video .chat-content-text span.delete {
         background-color: #fff 
    }
     .ano.video .chat-content-text span a {
         padding: 10px;
         color: #fff;
         border-radius: 12px 
    }
     .ano .chat-content-text span {
         background-color: #f1f0f0;
         padding: 10px;
         color: #000;
         border-radius: 12px;
         display: inline-block;
         width: auto;
         max-width: 500px 
    }
     .ano .chat-content-text.emoji span {
         background: unset 
    }
     .chat-content-text span.delete i {
         font-size: 18px;
         color: #0084ff 
    }
     .chat-content-text span.delete {
         border-radius: unset;
         padding: 5px;
         background: unset;
         display: none 
    }
     .chat-content-text:hover span.delete {
         display: inline-block !important 
    }
     p.text-right.chat-content-text {
         margin-bottom: 0;
         display: inline-block;
         width: calc(100% - 70px);
         vertical-align: middle 
    }
     p.chat-content-text {
         margin-bottom: 0 
    }
     span.new-item {
         color: #fff;
         font-size: 18px;
         background: #77153c;
         padding: 5px 10px;
         border-radius: 4px;
         display: block;
         width: 100% 
    }
     #buy-modal .modal-heading button.close {
         position: absolute;
         top: 5px;
         right: 5px;
         color: #fff;
         opacity: 1 
    }
     p.indexNotification {
         color: red;
         text-align: center;
         font-size: 14px;
         font-weight: 800 
    }
     .subscription ul.bullets li {
         background: url(https://www.computerhope.com/issues/pictures/bullet.gif) no-repeat top left;
         background-position: 0 5px;
         padding: 0 0 3px 40px;
         margin-left: 1em 
    }
     .subscription .card {
         border: 1px solid #000;
         border-radius: 0;
         transition: all .3s ease-in-out;
         padding: 10px 0;
         position: relative;
         will-change: transform 
    }
     .subscription .card:after {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 0%;
         height: 5px;
         background-color: #77153c;
         transition: .5s 
    }
     .subscription .card:hover {
         transform: scale(1.05);
         -webkit-box-shadow: 0 20px 35px 0 rgba(119, 21, 60, .9);
         box-shadow: 0 20px 35px 0 rgba(119, 21, 60, .9);
         border: 0 
    }
     .subscription .card:hover:after {
         width: 100% 
    }
     .subscription .card .card-header {
         background-color: #fff;
         padding: 0 10px !important;
         border-bottom: 0;
         margin-bottom: 10px 
    }
     .subscription .card .card-title {
         margin-bottom: 1rem 
    }
     .subscription .card .card-block {
         padding-top: 0 
    }
     .subscription .card .list-group-item:first-child {
         border-top: 1px solid #f2f2f2 
    }
     .subscription .card .list-group-item {
         border: 0;
         padding: .25rem;
         color: grey;
         font-weight: 300;
         text-transform: capitalize;
         background-color: unset 
    }
     .subscription .display-2 {
         font-size: 54px;
         letter-spacing: 0 
    }
     .subscription .display-2 .currency {
         font-size: 1.8rem;
         position: relative;
         font-weight: 400;
         top: -17px;
         letter-spacing: 0 
    }
     .subscription .display-2 .period {
         font-size: 1rem;
         color: #b3b3b3;
         letter-spacing: 0 
    }
     .paymentSection .btn {
         color: #fff !important 
    }
     .subscription .btn {
         text-transform: uppercase;
         font-size: .75rem;
         font-weight: 500;
         color: #a6a6a6;
         border-radius: 0;
         padding: .75rem 1.25rem;
         letter-spacing: 1px 
    }
     .subscription .btn-gradient {
         background-color: #4b83c1;
         transition: background .3s ease-in-out;
         color: #fff 
    }
     .subscription .btn-gradient:hover {
         color: #fff;
         background-color: #77153c 
    }
     .paymentSection {
         background-color: #f2f2f2;
         border: 1px solid #c2c2c2;
         border-radius: 6px;
         min-height: 465px 
    }
     .paymentSection .methods #tabs {
         float: left;
         margin: 0 0 10px 0;
         display: block;
         width: 100% 
    }
     .paymentSection .methods #tabs li {
         cursor: pointer;
         display: inline-block;
         height: 32px;
         margin: 0 25px 0 0 
    }
     .paymentSection .radio-btn {
         margin: -24px 5px 0 0 
    }
     .selected .radio-btn {
         background-position: -16px 0 
    }
     .radio-btn {
         background: url(../images/radio-button.svg) 0 0 no-repeat;
         display: inline-block;
         height: 14px;
         margin: -20px 5px 0 0;
         vertical-align: middle;
         width: 15px 
    }
     .paymentSection .credit-card figure {
         background: url(../images/allcards.png) no-repeat;
         background-size: 200px;
         height: 30px;
         width: 200px;
         margin: auto;
         display: inline-block 
    }
     .paymentSection .paypal figure {
         background: url(../images/paypal.png) no-repeat;
         background-size: 100px;
         height: 30px;
         width: 100px;
         margin: auto;
         display: inline-block 
    }
     .paymentSection {
         background: #f6f6f6;
         border: 1px solid #ccc;
         border-radius: 3px;
         float: left;
         padding:15px;
         width: 750px;
         min-height: 600px;
         overflow: hidden 
    }
     #creditcardDetails .form-control {
         border: unset;
         background: #fff;
         border-bottom: 1px solid #c2c2c2;
         padding: 10px 
    }
     #creditcardDetails select.form-control {
         height: calc(2.25rem + 9px) 
    }
     #google_translate_element img.goog-te-gadget-icon {
         display: none 
    }
     .goog-te-gadget-simple {
         background-color: #000 !important;
         border: 1px solid #000 !important;
         padding-top: 0 !important;
         padding-bottom: 0 !important;
         display: inline !important 
    }
     .goog-te-gadget-simple .goog-te-menu-value {
         color: #fff !important 
    }
     .goog-te-gadget-simple .goog-te-menu-value span:last-child {
         margin-left: 10px !important 
    }
     .paymentSection .checkbox label a {
         color: #77153c;
         font-weight: 600 
    }
     .paymentSection .checkbox label a:hover {
         text-decoration: underline !important 
    }
     .paymentSection .checkbox label {
         color: #000 !important 
    }
     .paymentSection h6.heading {
         display: block;
         width: 100% 
    }
     .goog-te-gadget-simple .goog-te-menu-value span:nth-of-type(2) {
         display: none 
    }
     .skiptranslate.goog-te-gadget {
         display: block !important 
    }
     div.skiptranslate {
         display: none !important 
    }
     body {
         top: 0 !important 
    }
     .desktopTopFixed .goog-te-gadget-simple {
         background-color: #2b2b2b !important;
         border: unset !important 
    }
     .orderSummary .details .card-block, .orderSummary .details .card-header {
         background: #fff;
         text-align: center;
         border: unset 
    }
     .orderSummary .details {
         border: 1px solid #c2c2c2;
            padding: 15px 0px;
    }
     .orderSummary .details .list-group-item {
         text-transform: capitalize !important;
         padding: 5px 
    }
     .orderSummary a {
         font-size: 12px;
         font-weight: 600;
         color: #4c84c2;
         text-decoration: underline 
    }
     #creditcardDetails input.error {
         border-bottom: 2px solid red 
    }
     #creditcardDetails label.error {
         position: absolute;
         top: 38px;
         right: 0;
         font-size: 10px;
         line-height: .8;
         color: #fff;
         background: red;
         padding: 4px 10px;
         font-weight: 600 
    }
     .checkbox input[type=checkbox].error+label::before {
         border: 2px solid red 
    }
     #creditcardDetails #card_number {
         background-image: url(../images/images.png);
         background-position: 2px -116px;
         background-repeat: no-repeat;
         background-size: 120px 361px;
         padding-left: 65px;
         letter-spacing: 1.3px 
    }
     .paymentSection .notifyCC {
         margin-left: 10px;
         font-size: 18px;
         font-weight: 600;
         display: inline-block 
    }
     .paymentSection .notifyCC p {
         margin: 0 
    }
     .affiliate_link {
         color: #000;
         font-size: 13px;
         overflow: hidden;
         text-align: center 
    }
     .chat-receiver-name a.receiverName {
         color: #4c84c2;
         font-weight: 600 
    }
     .affiliateCopied {
         box-shadow: none;
         background-color: unset;
         border: 2px dashed #77153c;
         color: #4c84c2;
         position: relative 
    }
     .close .fa {
         color: #fff;
         opacity: 1;
         text-shadow: unset;
         position: absolute;
         right: 0;
         top: 0 
    }
     .firstMessageOuter {
         position: relative;
         height: 500px;
         width: 730px 
    }
     @media(max-width:1199px) {
         .delete_acc_btn a.btn {
             right: 34% 
        }
    }
     @media (max-width:991px) {
         .firstMessage {
             left: 35% 
        }
         .firstMessage a.btn {
             max-width: 260px;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis 
        }
         .delete_acc_btn a.btn {
             right: 34%;
             top: 60% 
        }
         .gettoknow a.btn {
             top: 2px 
        }
    }
     @media (max-width:767px) {
         .firstMessageOuter {
             display: flex;
             justify-content: center;
             flex-direction: column;
             text-align: center;
             width: auto 
        }
         .firstMessageOuter .firstMessage {
             position: unset 
        }
         .firstMessage .anotherMsg {
             position: inherit !important;
             width: auto !important 
        }
         .delete_acc_btn a.btn {
             right: 42%;
             top: 60% 
        }
         .chat-container {
             width: 90%;
             margin: 0 auto 
        }
    }
     @media(max-width:480px) {
         .delete_acc_btn a.btn {
             right: 50%;
             top: 65% 
        }
         .gettoknow a.btn {
             top: 37%;
             padding: .375rem .75rem 
        }
    }
     @media(max-width:400px) {
         .delete_acc_btn a.btn {
             right: 56%;
             top: 65% 
        }
    }
     @media(max-width:360px) {
         .gettoknow a.btn {
             top: 37%;
             padding: 5px;
             font-size: 14px 
        }
         .delete_acc_btn a.btn {
             padding: 5px;
             font-size: 14px 
        }
    }
     #message {
         resize: none;
         position: absolute;
         bottom: 0;
         min-height: 60px;
         max-height: 200px;
         overflow: hidden;
         width: 75% 
    }
     .firstMessage {
         position: absolute;
         left: 40%;
         top: 20% 
    }
     .firstMessage img {
         width: 100px 
    }
     .firstMessage .anotherMsg .message {
         color: #77153c;
         text-align: center;
         font-size: 24px;
         font-weight: 600 
    }
     .firstMessage .anotherMsg {
         position: absolute;
         width: 500px;
         text-align: center;
         left: -190px;
         padding: 10px;
         line-height: 1 
    }
     .firstMessage .btn {
         background-color: #77153c;
         color: #fff;
         font-size: 20px;
         margin-top: 10px 
    }
     .g-recaptcha.error iframe {
         border: 2px solid red 
    }
     .form-control:disabled, .form-control[readonly] {
         cursor: not-allowed 
    }
     .questionLoader .count {
         position: absolute;
         left: 0;
         right: 0;
         font-size: 30px;
         top: 35.5%;
         text-align: center 
    }
     ul.cstm-profile-gallery li {
         float: left;
         list-style: none;
         position: relative;
         width: 200px;
         margin-right: 10px !important 
    }
     .paypal {
         opacity: .5;
         pointer-events: none 
    }
     .msg-img {
         width: 30px 
    }
     .profileImage img {
         border: 4px solid #77153c;
         border-radius: 50%;
         display: block;
         z-index: 999;
         width: 250px;
         height: 250px 
    }
     .profile_btn button {
         background: 0 0;
         color: #77153c !important;
         font-size: 30px;
         padding: 0 5px;
         display: inline-grid 
    }
     .gettoknow_right .fa-comments {
         font-size: 30px 
    }
     .gettoknow_right li {
         vertical-align: middle 
    }
     .header_section {
         position: absolute;
         width: 100%;
         bottom: -30px 
    }
     .cont-position {
         position: relative 
    }
     .mob_chat_back_btn {
         display: none 
    }
     @media screen and (max-width:1024px) {
         .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item {
             width: 50% 
        }
    }
     @media screen and (max-width:599px) {
         .isotope.columns-2 .grid-item, .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item {
             width: 100% 
        }
    }
     @media screen and (max-width:1200px) {
         .mega-menu .menu-logo {
             padding: 17px 0 
        }
    }
     @media screen and (max-width:992px) and (orientation:landscape) {
         .index_registeration hr {
             margin: 0 !important 
        }
         #home-slider h1 {
             font-size: 50px 
        }
         .index_registeration .mb-3, .my-3 {
             margin-bottom: 3px !important 
        }
         .index_registeration .form-group {
             margin-bottom: 3px !important 
        }
         .index_registeration .btn-lg {
             padding: .25rem .5rem;
             font-size: .875rem;
             line-height: 1.5;
             border-radius: .2rem 
        }
         .index_registeration .form-control {
             font-size: 10px 
        }
         .encounter-controls .btn {
             height: 40px;
             width: 40px 
        }
       /*   .profile-cntn {
             top: 35px 
        } */
         .delete_acc_btn a.btn, .inner-intro .gettoknow a.btn{
             top: 0;
        }
    }
     @media screen and (max-width:767px) {
         .mob_chat_back_btn {
             font-size: 20px;
             margin-right: 8px;
             display: inline-block;
             vertical-align: top;
             line-height: 50px 
        }
         .chat-area.pull-left {
             display: none 
        }
         .mega-menu .menu-mobile-collapse-trigger {
             top: 15px;
             right: 5px 
        }
         .mega-menu.desktopTopFixed .menu-mobile-collapse-trigger {
             top: 25px !important 
        }
         .goog-te-menu-value {
             margin-left: -10px !important 
        }
    }
     @media screen and (max-width:992px) {
         .inner-intro {
             height: 200px !important 
        }
         .profileImage img {
             width: 150px;
             height: 150px 
        }
         .profile-cntn .encounter-controls {
             position: relative;
             padding: 15px;
             width: 50%;
             display: inline-block;
             top: 0 !important;
             left: 0 !important 
        }
         .gettoknow {
             position: relative;
             width: 50%;
             padding: 20px 15px;
             text-align: right;
             float: right;
             display: inline-block !important;
             top: 0 !important 
        }
         .chatIcon {
             position: initial;
             display: inline-block;
             color: #77153c;
             vertical-align: middle 
        }
         .gettoknow a.imgs {
             position: initial 
        }
         .page-section-ptb {
             padding: 120px 0 
        }
       /*   .profile-cntn {
             top: 80px 
        } */
         .custombannerProfile {
             width: 100% !important;
             margin-left: 0 !important 
        }
         .bannerMatch {
             font-size: 22px !important;
             font-weight: 800 !important 
        }
         .submatchTitle a {
             font-size: 13px !important;
             font-weight: 500 !important 
        }
         .encounter-controls {
             top: 110px !important;
             left: 1px !important 
        }
         .gettoknow {
             position: relative;
             top: 0 
        }
         .gettoknow a.imgs.msg {
             right: 57px 
        }
         .gettoknow a.imgs {
             top: -12px;
             right: 10px 
        }
         .mega-menu.mobileTopFixed .menu-list-items {
             background: rgba(21, 21, 21, .9);
             padding: 10px 
        }
         .afterlogotagline {
             left: 10px !important;
             bottom: 5px !important 
        }
         #home-slider .mt-10 {
             margin-top: 0 !important 
        }
         form .form-group .form-control {
             padding: 8px 6px !important 
        }
         #header+.fullscreen {
             margin-bottom: 0 !important;
             top: 0 !important 
        }
         .row-eq-height {
             display: block 
        }
         .section-title p {
             padding: 0 50px 
        }
         .inner-intro {
             height: 250px 
        }
         .intro-title .section-title {
             margin-bottom: 0 
        }
         .intro-title .section-title .title {
             font-size: 34px 
        }
         .section-title .sub-title {
             font-size: 70px 
        }
         form.index_registeration {
             margin-top: 14px 
        }
         .index_registeration h1 {
             margin-bottom: 2px !important font-family: serif;
        }
         form.index_registeration .col-md-3 {
             padding-right: 14px !important 
        }
         #header.defualt {
             position: relative;
             background: #323232 
        }
         .mega-menu.desktopTopFixed .menu-list-items {
             overflow: unset !important;
             padding: 0 !important 
        }
         #header .topbar {
             display: none 
        }
         .mega-menu {
             min-height: 80px 
        }
         .mega-menu .menu-logo {
             padding: 0;
        }
         .mega-menu .menu-links>li {
             border-bottom-color: rgba(255, 255, 255, .25);
             padding: 0;
        }
         .mega-menu .menu-links>li>a {
             line-height: 30px;
             color: #fff !important;
             padding: 0 10px !important;
             width: 100%;
             line-height: 50px !important;
        }
         .mega-menu .menu-links>li:last-child {
             border-bottom: none;
        }
         .mega-menu .menu-links>li.active>a {
             color: #77153c !important 
        }
         .mega-menu .menu-links>li>a:hover:before {
             opacity: 0;
        }
         .mega-menu .row>[class*=col-]:after, .mega-menu .row>[class*=col-]:before {
             content: "";
             display: table;
             clear: both;
        }
         .mega-menu .menu-links {
             left: 0;
             position: absolute;
             top: 70px;
             width: 100%;
        }
         .mega-menu.desktopTopFixed .menu-links {
             top: 80px !important 
        }
         .mega-menu .menu-links li.d-none {
             display: block !important 
        }
         #header.fancy .menu {
             position: relative;
             top: 0;
        }
         #header.fancy .menu .container {
             width: 100%;
        }
         #header.fancy .mega-menu>section.menu-list-items {
             padding: 0 20px;
             padding-right: 10px;
        }
         #header.fancy+.rev-slider .slider-text {
             top: 100px;
             transform: translateY(0);
        }
         #header.fancy .row>[class*=col-] {
             padding-left: 0;
             padding-right: 0;
        }
         .comments-1 {
             width: 100%;
        }
         .comment-list ul {
             padding-left: 20px;
        }
         form .half-group {
             margin-right: 0;
             width: 100%;
        }
         .form-2 form .half-group {
             float: left;
             margin-left: 2%;
            ;
             width: 48%;
        }
         .countdown>li {
             padding-bottom: 10px 
        }
         .countdown>li span {
             font-size: 50px;
             line-height: 50px;
        }
         .countdown>li p {
             font-size: 16px;
             line-height: 20px;
        }
         .valign>[class*=col-] {
             display: block;
             float: none;
        }
         .banner-3 .align-items-center {
             top: 50%;
        }
    }
     @media screen and (max-width:768px) {
         .profile-cntn ul.profileMenu {
            /*  top: -4px; */
        }
    }
     @media screen and (max-width:767px) {
         .loading-effect .outerHeart {
             margin: -60px 0 0 -60px;
        }
         #message {
             width: 60%;
        }
         .notifytoUser .alert {
             font-size: 9px;
             top: 0;
             font-weight: 400;
        }
         .alert-dismissible .close {
             padding: 4px 0;
        }
         .section-title p {
             padding: 0;
        }
         .inner-intro {
             height: 200px;
        }
         .intro-title {
             padding-bottom: 0;
        }
         .intro-title .section-title .title {
             font-size: 26px;
             line-height: 30px;
        }
         .intro-title h1 {
             font-size: 30px !important;
             line-height: 40px;
        }
         .intro-title .section-title .sub-title {
             font-size: 70px !important;
        }
         .inner-intro .container {
             width: 100%;
        }
         .clear-loading {
             margin-left: -50px;
        }
         .loading-effect {
             width: 100px;
             height: 100px;
        }
         .loading-effect span {
             display: none 
        }
         .loading-effect img {
             width: 100px;
        }
         .mega-menu .menu-logo img {
             height: 38px;
             width: auto !important;
        }
         .footer-widget p {
             text-align: center;
        }
         .footer-widget ul {
             text-align: center;
        }
         .social-icons {
             display: inline-block 
        }
         .footer-widget {
             padding: 15px 0;
        }
         .form-2 form .half-group {
             float: none;
             width: 100%;
             margin-left: 0;
        }
         form.input3-col .half-group {
             width: 100%;
        }
         .top-info.half {
             bottom: 0;
             margin-bottom: 30px;
        }
         .counter-section {
             padding: 35px 0 !important;
        }
         .counter-section .counter-block>div {
             margin-bottom: 10px !important;
        }
         .counter-section .counter-block>div:nth-last-of-type(-n+2) {
             margin-bottom: 0 !important 
        }
         .owl-carousel .owl-dots {
             position: relative;
             bottom: 0;
        }
         .countdown {
             margin-top: 20px;
             float: none;
        }
         .countdown>li {
             margin: 0 10px;
        }
         .countdown>li span {
             font-size: 40px;
             line-height: 40px;
        }
         .countdown>li p {
             font-size: 13px;
             line-height: 16px;
        }
         .mega-menu .menu-links>li.active>a::before, .mega-menu .menu-links>li>a::before {
             display: none;
        }
         .mega-menu .menu-links>li>a {
             border: none;
        }
    }
     @media screen and (max-width:479px) {
      /*    .profile-cntn {
             top: 65px;
        } */
         .profile-cntn .controls-right.gettoknow {
             width: 35%;
        }
         .profile-cntn .controls-left.encounter-controls {
             width: 65%;
        }
         .profile-text .userlocation {
             font-size: 12px;
             line-height: 20px;
             text-align: left;
        }
         h2.title2 {
             font-size: 24px;
             line-height: 30px;
        }
         .page-breadcrumb li {
             margin: 0;
        }
         ul.page-breadcrumb {
             padding: 0 8px;
        }
         ul.page-breadcrumb li a, ul.page-breadcrumb li span {
             font-size: 13px;
        }
         ul.page-breadcrumb li i {
             font-size: 13px;
             padding: 0 5px;
        }
         .counter-section {
             padding-top: 20px;
             padding-bottom: 25px;
        }
         .counter-section .counter {
             margin: 10px 0 !important;
        }
         .counter-section .counter-block>div {
             margin-bottom: 0 !important;
        }
         .blog-post .post .post-image+.post-date, .single-blog .post .post-image+.post-date {
             margin-top: -93px;
        }
         .blog-post .post .post-details, .single-blog .post .post-details {
             padding-left: 0;
        }
         .comment-list .reply {
             position: relative;
        }
         .coming-soon .title {
             font-size: 30px;
             line-height: 40px;
        }
         .countdown>li {
             margin: 0 5px;
             padding-bottom: 0;
        }
         .countdown>li span {
             font-size: 18px;
             line-height: 22px;
             margin-bottom: 10px;
        }
         .countdown>li p {
             font-size: 12px;
        }
         .action-box.action-icon i {
             line-height: 40px;
             top: 0;
        }
         .action-box.action-icon i::before {
             font-size: 40px;
        }
         .action-box.action-icon .left {
             padding-left: 60px;
        }
         .action-box.action-icon .left h5 {
             font-size: 14px;
        }
         .banner-form h4 {
             font-size: 13px;
             line-height: 18px;
             padding: 10px 20px;
        }
         #peopleSearch .button {
             padding: 13px 30px 
        }
         .profile-cntn .gettoknow img {
             height: 30px !important;
             width: 30px !important;
        }
         .encounter-controls .btn.favorites {
             border: unset !important;
        }
         .chat-sidebar-user {
             overflow: hidden;
             padding-left: 2px;
        }
         .questionAnsContainer .answers a.btn {
             white-space: pre-wrap;
             color: #000;
             border: 1px solid #77153c;
             margin-top: 10px;
        }
         .questionAnsContainer .answers a.btn.active {
             background: #77153c;
             color: #fff;
        }
         .questionLoader .count {
             font-size: 15px;
             top: 28.5%;
        }
         .gettoknow a.imgs.msg {
             right: auto;
        }
         .gettoknow a.imgs {
             top: auto;
             right: auto;
        }
         .chatIcon, .gettoknow a.imgs {
             position: initial;
        }
         .gettoknow {
             float: right;
             align-items: center;
             display: flex;
             top: -18px;
        }
         .gettoknow a {
             padding: 0 5px;
        }
         .encounter-controls .btn {
             height: 30px;
             width: 30px;
        }
    }
     @media screen and (max-width:420px) {
         .chat-receiver-name {
             max-width: 215px;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             color: #4c84c2;
        }
    }
     @media(max-width:360px) {
         .profile-cntn .gettoknow img {
             height: 20px !important;
             width: 20px !important;
        }
         .encounter-controls .btn {
             height: 24px;
             width: 24px;
        }
         .blockUser img {
             width: 25px;
             height: 25px;
        }
         .chatIcon i {
             font-size: 30px;
        }
         .encounter-controls button i {
             font-size: 25px !important;
        }
    }
     #gettoknowModal .modal-body {
         height: 300px;
    }
     #gettoknowModal .firstMessage .btn {
         font-size: 14px;
    }
     #gettoknowModal .firstMessage .btn a {
         color: #fff !important;
         margin: 0;
         padding: 0;
    }
     .country_city_container label, .distance_container label {
         margin-top: 10px;
         font-size: 16px;
         font-weight: 600;
         color: #000 !important 
    }
     label[for=wholeworld] {
         font-size: 16px;
         font-weight: 600;
    }
     .paymentSection {
         width: 100% !important;
    }
     .button.animated.right-icn span {
         height: auto;
    }
     .myprofile .col-lg-4 {
         /* margin-bottom: 20px  */
		 margin-bottom: 0px 
    }
	.matchesBreakdown .col-md-4.mb-3.text-center {
    margin-bottom: 0px!important;
}
     .profilePhotoMsg #peopleSearch .button {
         white-space: normal;
    }
     #uneditable-5 .aboutMeDesc{
         word-wrap: break-word;
    }
     @media(max-width:1199px) {
         .afterlogotagline {
             line-height: 12px;
             bottom: -15px;
        }
         .mega-menu .menu-logo>li>a img {
             width: 160px;
        }
         .mega-menu .menu-links>li>a {
             font-size: 10px;
        }
         .checkbox input[type=checkbox]+label {
             position: relative !important;
        }
         .checkbox input[type=checkbox]+label::after, .checkbox input[type=checkbox]+label::before {
             top: 5px !important;
        }
         .align-space {
             margin-top: 0px !important;
        }
    }
     @media screen and (max-width: 992px) {
         .afterlogotagline {
             bottom: 0px !important;
        }
         .delete_acc_btn{
             position: relative;
        }
    }
     @media (max-width: 991px) {
         .gettoknow a.btn {
             left: 15px;
             right: revert;
        }
         .gettoknow, .profile-cntn .encounter-controls {
             width: 100%;
        }
    }
     @media(max-with:991px) {
         .gettoknow a.btn {
             top: 0px !important;
        }
         .page-section-ptb {
             padding: 180px 0 !important;
        }
         .profile-cntn .encounter-controls {
             margin-top: 20px;
             width: 100%;
        }
         .inner-intro .delete_acc_btn .btn{
             top: 70px !important;
             left: 15px !important;
             right: auto !important;
        }
         .inner-intro .gettoknow .btn{
             top: 10px !important;
        }
    }
     @media screen and (max-width: 767px) {
         .card-body {
             padding: 10px !important;
        }
         .card-text .col-md-6 {
             padding: 0px 10px !important;
        }
         .card {
             margin-bottom: 20px;
        }
         .myprofile .card-body {
             height: auto !important;
        }
         .gettoknow {
             margin-top: 60px;
        }
         .paymentSection {
             min-height: auto !important;
        }
         .page-section-ptb.profile-slider.subscription {
             padding: 10px 0 !important;
        }
         .inner-intro .delete_acc_btn .btn{
             top: 120px !important;
             left: 15px !important;
             right: auto !important;
        }
         @media(max-width:375px){
             .myQuesContainer .outer .question a{
                 position: initial !important;
            }
        }
         @media screen and (max-width: 479px) {
             .profile-cntn .controls-right.gettoknow, .profile-cntn .controls-left.encounter-controls {
                 width: 100% !important;
            }
        }