Theme Name: Dating Club
Theme URI: https://datingclub.wpdating.com/
Author: WP Dating
Author URI: http://wpdating.com/
Description: This is WP Dating theme, which well integrates wp dating plugin
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dating-club
Tags: Datingsite, blog, right-sidebar, them-option, multilanguage

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dating theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-BoldItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-BlackItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-ExtraBoldItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-ThinItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Italic.woff2') format('woff2'), url('inc/fonts/TTNorms-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Light.woff2') format('woff2'), url('inc/fonts/TTNorms-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-LightItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-HeavyItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Heavy.woff2') format('woff2'), url('inc/fonts/TTNorms-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-ExtraBold.woff2') format('woff2'), url('inc/fonts/TTNorms-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-ExtraLightItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Bold.woff2') format('woff2'), url('inc/fonts/TTNorms-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Thin.woff2') format('woff2'), url('inc/fonts/TTNorms-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-ExtraLight.woff2') format('woff2'), url('inc/fonts/TTNorms-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-MediumItalic.woff2') format('woff2'), url('inc/fonts/TTNorms-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Regular.woff2') format('woff2'), url('inc/fonts/TTNorms-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Black.woff2') format('woff2'), url('inc/fonts/TTNorms-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('inc/fonts/TTNorms-Medium.woff2') format('woff2'), url('inc/fonts/TTNorms-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

:root {
    --main-color: #462860;
    --main-hover-color: #65398a;
    --secondary-main-color: #333;
}

.active_members_main_title {
    font-family: 'TT Norms'!important;
}

html {
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
    font-family: 'TT Norms';
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

html,
body {
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 1em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/*figure {
    margin: 1em 40px;
}*/

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    letter-spacing: 0.1px;
}

button {
    overflow: visible;
}


/**
 * 7.0 - Accessibility
 */


/* Text meant only for screen readers */

.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    /* many screen reader and browser combinations announce broken words as they would appear visually */
    word-wrap: normal !important;
}


/* must have higher specificity than alternative color schemes inline styles */

.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}



/* Standardfarbe für Desktop */
.title.frontpage {
    color: #4d586d;
}

/* Farbe für mobile Geräte */
@media only screen and (max-width: 768px) {
    .title.frontpage {
        color: #fff;
    }
}

.btn-fb-login {
	display:none !important;
}

#facebookLoginButton {
	display:none !important;
}

#facebookLoginButton span {
	display:none !important;
}



#existingacc {
	font-size: 16px; 
	line-height: 30px; 
	font-weight: 600;
	width: 100%; display: block; 
	text-align: center; 
	padding-bottom: 15px; 
	color: #fff;
	text-shadow: 1px 1px 1px #000000;
}

/* Farbe für mobile Geräte */
@media only screen and (max-width: 768px) {
    #existingacc {
	font-size: 16px; 
	line-height: 30px; 
	width: 100%; display: block; 
	text-align: center; 
	padding-bottom: 15px; 
	color: #fff;
	text-shadow: 1px 1px 1px #000000;
	}
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}

.class-dating-theme-slider-with-searchform-overlay,
.testimonial-lists {
    visibility: visible;
}

.dp-slider-elements:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
}


/*----------------
    # Header part
--------------------*/

.site-title {
    text-align: left;
    padding: 13px 0;
}

.site-branding .site-title a {
    font-weight: 400;
    font-size: 2.4rem;
    color: #d7dadb;
    text-decoration: none;
}

.site-branding {
    padding: 16px 0;
}

#main-menu {
    z-index: 0;
}

.site-branding a.custom-logo-link {
    padding-top: 10px;
    float: left;
    padding-right: 10px;
}

.site-branding h1.site-title {
    float: left;
    text-align: left;
    color: #282828;
    margin: 0;
    padding: 10;
}

.site-branding h1::first-letter {
    font-weight: 900;
}

.site-branding h1.site-title a {
    color: #282828;
}


.home .site-branding h1.site-title a {
    color: #fff;
}

#main-menu {
    padding: 16px 0;
}

#main-menu .current_page_item a {
    color: #ffffff;
}

/*#main-menu .current_page_item:before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #000;
    width: 100%;
    bottom: 0px;
    left: 0;
    right: 0;
}

.home #main-menu .current_page_item:before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #ffffff;
    width: 100%;
    bottom: 0px;
    left: 0;
    right: 0;
}*/

#main-menu {
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: right;
}

#main-menu-mobile .sub-arrow i.fa.fa-chevron-down {
    color: #fff;
    font-size: 14px;
}

#main-menu li.menu-item-has-children{}
#main-menu li.menu-item-has-children a:hover,
#main-menu li.menu-item-has-children a:active{
    border-bottom: none;
}
#main-menu li.menu-item-has-children ul.sub-menu{ background-color: #656565; color: #fff; }
#main-menu li.menu-item-has-children ul.sub-menu li a{ color: #fff; font-weight: 500; font-size: 14px;  }
#main-menu li.menu-item-has-children ul.sub-menu li a:hover{ text-decoration: none; opacity: 0.8; background-color: unset; color: #fff; line-height: normal; }
#main-menu li.menu-item-has-children .current_page_item a{ border-bottom: none; }

#main-menu-mobile span.sub-arrow {
    background: inherit !important;
    border-radius: 0;
}

.sm-clean a.highlighted span.sub-arrow:before {
    color: #fff;
}

.sm-clean ul a,
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active {
    font-size: 14px;
}

#login-menu.sm-clean {
    padding: 18px 0;
}

@media (min-width: 768px) {
    #main-menu-mobile {
        float: right;
        clear: none;
    }
}


/* Mobile menu top separator */

#main-menu-mobile:before {
    content: '';
    display: block;
    height: 1px;
    font: 1px/1px sans-serif;
    overflow: hidden;
}

@media (min-width: 768px) {
    #main-menu-mobile:before {
        display: none;
    }
    /*.current_page_item:before {
        border-bottom: 5px solid #ffffff;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -21px;
    }*/
    .sub-menu .current_page_item:before {
        border-bottom: 0;
    }
    .main-menu-mobile {
        display: none;
    }
}


.sm-clean a{
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}

.home .sm-clean a{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 3px;
}

.home .sm-clean a:hover {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    padding-bottom: 3px;
}

#site-navigation li {
    margin-left: 2px;
}

.search_main_form_header{
    float: right;
}
.home .search_main_form_header input{
    padding: 5px;
    background: transparent;
    margin-right: 0;
    padding-right: 0;
    width: 350px;
    border: 2px solid #fff;
}

.home .search_main_form_header button{
    padding: 5px 10px;
    margin-left: -4px;
    background: bottom;
    border: 2px solid #fff;
}
.search_main_form_header input{
    padding: 5px;
    background: transparent;
    margin-right: 0;
    padding-right: 0;
    width: 350px;
    border: 2px solid #000;
}

.search_main_form_header button{
    padding: 5px 10px;
    margin-left: -5px;
    background: bottom;
    border: 2px solid #000;
}
.lm-dsp-members #searchform input[type="text"]{
    background-color: #fff;
    padding: 5px;
    border: 2px solid #000;
    height: auto;
}

.home #main-menu .current_page_item {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.home #main-menu .current_page_item:hover{
    border-bottom: none;
    text-decoration: none;
}

.sm-clean a:hover{
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

#main-menu .current_page_item {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

#main-menu .current_page_item:hover{
    border-bottom: none;
}

#main-menu li:hover::last{ border:none; }

.home .sm-clean a:focus,
.sm-clean a:active {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.sm-clean a:focus,
.sm-clean a:active {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}


@media ( max-width: 767px) {
    .main-menu-desktop {
        display: none !important;
    }

    .page-template-template-homepage .footer_section_wrap{
        margin-top: 60px;
    }
    .instant-chat .member_main_section{
        margin-top: 0;
    }
    .instant-chat .dspdp-tab-container{
     padding-top: 10px;
    }
    .instant-chat .members_part_loggedinuser{
        display: none;
    }
    .instant-chat .blog-detail-content-wrap{
        margin-bottom: 0;
    }
}


/* Mobile menu toggle button */

.main-menu-btn {
    float: right;
    padding: 33px 0;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 55%;
    left: 2px;
    height: 2px;
    width: 24px;
    background: #292929;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}


/* x icon */

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked)~#main-menu-mobile {
    display: none;
}

#main-menu-state:checked~#main-menu-mobile {
    display: block;
}

@media (min-width: 768px) {
    /* hide the button in desktop view */
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }
    /* always show the menu in desktop view */
    #main-menu-state:not(:checked)~#main-menu {
        display: block;
    }
}

#main-menu-mobile {
    background: var(--main-color);
    border-radius: 0;
    margin-bottom: 5px;
}

#main-menu-mobile li>a {
    color: #fff;
}


/*-------------------------------------------
    #styling: Dating Theme: Banner Slider
--------------------------------------------*/

.dating-theme-search-overlay {
    width: 470px;
    position: absolute;
    top: 47px;
    left: 6.5%;
    background: #fff;
    box-shadow: 1px 2px 0px 2px #e5e5e5c2;
    opacity: 1;
    margin: auto;
    padding: 55px 50px;
    height: 496px;
}

.post-slider-with-overlay {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.dp-slider-post-information {
    position: absolute;
    top: 43%;
    right: 110px;
    width: 640px
}

.dp-slider-post-title {
    font-size: 80px;
    color: #fff;
    font-weight: 100;
    line-height: 72px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.slider-tilte-bold {
    font-weight: bold;
    color: var(--main-color);
}

.bx-wrapper {
    margin: 0 auto;
}

.dp-slider-post-content {
    position: relative;
    font-size: 1.8rem;
    color: #fff;
    text-align: right;
}

#dp-main-title-full-width {
    width: 314px;
    margin-right: 0px;
    margin-left: 0px;
}

#dp-search-main-title {
    margin-bottom: 5px;
}

.dating-theme-search-overlay .col-md-6 {
    margin-bottom: 10px;
}

.dating-theme-search-overlay .col-md-12 {
    margin-bottom: 10px;
}

#dp-search-main-title h4 {
    font-size: 18px;
    color: #000;
    margin-top: 0;
    padding-top: 0;
    text-transform: uppercase;
    font-family: 'TT Norms';
    font-weight: 400;
    margin-bottom: 15px;
}

.dating-theme-search-overlay label {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: 'TT Norms';
}

.dating-theme-search-overlay option {
    background: #fff;
}

#dp-search-gender select,
#dp-search-age select {
    width: 100%;
    height: 44px;
    margin-bottom: 5px;
    border: none;
    color: #2d2d2f;
}


/* -------------------- Source: http://stackoverflow.com/a/5809186 */

.wpcf7 select,
.dating-theme-search-overlay select {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(./images/select-arrow.png);
    background-position: 90% center;
    background-color: #f1f6fe;
    background-repeat: no-repeat;
    white-space: nowrap;
    font-weight: 400;
    padding: 0 10px;
    text-transform: inherit;
    font-size: 1.4rem;
    color: #a5a6ae;
    box-shadow: none;
}

.dating-theme-search-overlay select:focus,
.dating-theme-search-overlay select:active,
.dating-theme-search-overlay input:active,
.dating-theme-search-overlay input:focus {
    outline: 3px solid #5964bd;
    background-color: transparent;
}

#dp-search-by-geographpy select {
    width: 100%;
    height: 44px;
    border: none;
    margin-bottom: 10px;
    color: #2d2d2f;
}

.dating-theme-search-overlay option {
    background: #fff;
}

.dating-theme-search-overlay input {
    width: 100%;
    height: 44px;
    background: #f1f6fe;
    padding: 0 5px;
    color: #000;
    margin-bottom: 10px;
    border: none;
}

input.dsp_submit_button.dsp-submit {
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    background: var(--main-color);
    font-size: 1.8rem;
    font-weight: bold;
    border: none;
    font-family: 'TT NOrms';
}

#autocomplete {
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: #f1f6fe;
    text-transform: uppercase;
    font-size: 1.4rem;
}

#autocomplete::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #d2d8ef;
}

#autocomplete::-moz-placeholder {
    /* Firefox 19+ */
    color: #d2d8ef;
}

#autocomplete:-ms-input-placeholder {
    /* IE 10+ */
    color: #d2d8ef;
}

#autocomplete:-moz-placeholder {
    /* Firefox 18- */
    color: #d2d8ef;
}


/*
    #styling: call to action 
*/

.dating-theme-call-to-action {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px;
}

#dating-theme-call-to-action {
    text-align: right;
}

.dating-theme-call-to-action .lm-call-to-action {
    float: none;
    margin: 0 auto;
}

.dp-cta-title {
    font-size: 4.2rem;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.dp-blue {
    color: #76abf1;
}

.dp-cta-title .dp-blue {
    text-transform: uppercase;
    font-size: 4.2rem;
    font-weight: bold;
}

.dp-cta-content {
    text-align: center;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: normal;
}

.dp-cta-botton {
    margin-top: 50px;
}

a.dp-cta-botton-1 {
    text-decoration: none;
    padding: 18px 40px;
    background: #5964bd;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
    -webkit-transition: all 0.5s;
    /* Safari */
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
}

.dp-cta-botton-1.button-16:hover,
.dp-cta-botton-2.button-16:hover {
    opacity: 0.85;
}

a.dp-cta-botton-2 {
    text-decoration: none;
    padding: 18px 35px;
    background: var(--main-color);
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    /* Safari */
    transition: all 0.5s;
    display: inline-block;
}

.dp-cta-content .dp-blue {
    font-size: 1.8rem;
}


/**
 #styling video light box widgets
*/

.video-light-box-content {
    background: #77abf1;
    text-align: center;
}

.video-left-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 3rem;
    color: #fff;
    font-weight: 300;
    margin-right: 25px;
    text-transform: uppercase;
    padding: 34px 0;
    display: inline-block;
}

.video-right-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 3.6rem;
    color: #fff;
    font-weight: 700;
    margin-left: 25px;
    text-transform: uppercase;
    padding: 34px 0;
    display: inline-block;
}

.video-icon {
    display: inline-block;
    vertical-align: top;
    margin-top: 32px;
}


.widget_em_widget ul li img {
    width: 282px;
    height: 271px;
    transform-origin: center center;
    transition: all 0.5s ease-in-out;
}
.widget_em_widget ul li img:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.shop_image_section img{
    overflow: hidden;
    transform-origin: center center;
    transition: all 0.5s ease-in-out;
}
.shop_image_section img:hover{
    transform: scale(1.05);
    cursor: pointer;
}

.top-members-content {
    text-align: center;
}

.top-members-content h3 {
    color: var(--main-color);
    font-weight: 500;
    font-size: 22px;
}

.top-members-content h2 {
    color: #282828;
    font-weight: 700;
    margin-top: 15px;
}

.top-members-title {
    padding: 0 120px;
    color: #000;
    font-size: 16px;
    margin-bottom: 38px;
    padding-top: 10px;
}

.top-members-slogan {
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 1.264rem;
}

.top-members-slogan>span.love-sign {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.top-members-slogan>span.love-sign:before,
.top-members-slogan>span.love-sign:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    border-top: 1px solid #dee1e1;
}

.top-members-slogan>span.love-sign:before {
    right: 100%;
    margin-right: 15px;
}

.top-members-slogan>span.love-sign:after {
    left: 100%;
    margin-left: 15px;
}

.love-sign img {
    margin: 0 12px;
}

.top-members-title h2 {
    font-size: 4.0rem;
    text-align: center;
    color: #5c5c5c;
    font-weight: 300;
    margin-top: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

span.top-members-flter-title:hover {
    color: var(--main-color);
}

.top-members-filter {
    text-align: center;
    font-size: 1.33rem;
    color: #000;
    font-weight: 400;
}

.top-members-flter-title {
    display: inline-block;
    padding: 2px 1px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 5px 15px;
}

.widget_love_match_top_members .member-image img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    opacity: 0.9;
    border: 3px solid transparent;
}

.element-item {
    text-align: center;
}

.members-details a {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    margin: 12px 0 5px;
    display: inline-block;
}

.cara_members_age {
    font-size: 16px;
    font-weight: 500;
    text-transform: inherit;
    color: #a3a3a3;
}

.active-members .members-details a {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    margin: 20px 0 2px;
    display: inline-block;
    font-family: 'TT Norms';
}

.active-members .cara_members_age {
    font-weight: 400;
    color: #a3a3a3;
    font-size: 18px;
    text-transform: initial;
}

.grid-layout-top-member {
    margin-top: 50px;
}

.newest-members-lists li,
.online-members-lists li,
.featured-members-lists li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.newest-members-lists li:last-child,
.online-members-lists li:last-child,
.featured-members-lists li:last-child {
    margin-bottom: 30px !important;
    margin-right: 0 !important;
}

.top-members-content .element-item {
    right: 0;
}

.dt-top-members-list {
    width: 168px;
    height: 213px;
}
.dt-top-members-list .member-image {
    width: 168px;
    height: 168px;
    overflow: hidden;
}

.dt-top-members-list .member-image a img {

    transform-origin: center center;
    transition: all 0.5s ease-in-out;
}
.dt-top-members-list .member-image a img:hover{
    transform: scale(1.04);
    cursor: pointer;
}
.dt-top-members-list .members-details a:hover{
    text-decoration: none;
    color:var(--main-color);
}
.online-member-not-found {
    font-size: 18px;
    display: block;
    color: #5c5c5c;
    width: 160px;
    height: 160px;
    font-weight: bold;
    border: 3px solid var(--main-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    padding: 22px;
}

.widget_love_match_top_members .member-image img:hover {
    border: 3px solid var(--main-color);
    opacity: 1;
}

.top-active-members {
    color: var(--main-color);
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid var(--main-color);
    line-height: 1;
}

#lm-dating-loggedout-rightsidebar .widget_wp_sidebarlogin,
#lm-dating-loggedout-rightsidebar #sidebar-login {
    border: 3px solid #f4f4ff;
    padding: 10px 30px;
}
.blog-sec-slider-img a img{
    transform-origin: center center;
    transition: all 0.6s ease-in-out;
}
.blog-sec-slider-img a img:hover{
    transform: scale(1.05);
}


/**
*app store styling
*/

.app-parallax-background {
    box-shadow: inset 0 0 0 647px rgba(89, 100, 189, 0.88);
    position: relative;
    background-image: url(images/parallax-effect-background.png);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}


/* Turn off app-parallax-background scrolling for tablets and phones. Increase the pixels if needed */

@media only screen and (max-device-width: 1024px) {
    .app-parallax-background {
        background-attachment: scroll;
    }
}

.app-main-heading-section {
    color: #fff;
    margin-top: 30px
}

.wp-love-dating {
    width: 15%;
    float: left;
    margin-right: 25px;
}

.app-main-heading {
    width: 70%;
    float: left;
    line-height: 30px;
    margin-top: 24px;
}

p.app-main-title {
    font-size: 6.0rem;
    color: #fff;
    font-weight: bold;
}

.wp-love-dating {
    margin-top: 20px;
}

.app-sub-title {
    font-size: 3.509rem;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2.8px;
}

.app-main-content {
    font-size: 3.681rem;
    color: #fff;
    font-weight: 300;
    padding: 10px 0;
    line-height: 48px;
    margin-right: 80px;
}

.app-featured {
    border: 1px dashed #fff;
    color: #fff;
    margin-right: 80px;
}

.app-featured-title {
    margin: 20px;
    padding: 8px 0;
    background: #77abf1;
    text-align: center;
    font-size: 2.93rem;
    font-weight: 400;
}

.top-level-featured,
.low-level-featured {
    padding: 0 20px;
}

.top-level-featured span,
.low-level-featured span {
    margin-right: 48px;
    font-size: 1.897rem;
    font-weight: 300;
}

.top-level-featured span img,
.low-level-featured span img {
    margin-right: 10px;
}

.low-level-featured {
    padding: 0 20px;
    margin-top: 25px;
    margin-bottom: 37px;
}

.i-appstore {
    padding: 32px 0;
}


/*
 #featured listing styling
*/

.featured-list-container {
    padding: 100px 0;
    background-color: #f2f4ff;
    height: auto;
    overflow: hidden;
}

.fl-main-heading {
    text-align: center;
    font-size: 4.0rem;
    font-weight: 300;
    text-transform: uppercase;
}

.lm-bold-black-text {
    font-weight: bold;
}

.fl-sub-heading {
    color: #000;
    font-size: 1.5rem;
    text-align: center;
}

.dt-featured-filter {
    padding: 70px 0 50px 0;
}

ul.featured-lists {
    padding: 0;
    margin: 0;
    text-align: center;
}

.featured-lists li {
    display: inline-block;
    padding: 6px 43px;
    border: 2px dashed #d9dbe5;
    font-size: 1.7rem;
    text-transform: uppercase;
    color: #797a7f;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

h2.featured-title {
    font-size: 4.0rem;
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
}

.featured-post-content p {
    font-weight: 300;
    font-size: 1.7rem;
    line-height: 30px;
    color: #000;
}

.featured-list-container .featured-lists li.featured-active-posts:hover,
.featured-list-container .featured-lists li.featured-active-posts {
    background-color: var(--main-color);
    color: #fff;
    border: 3px solid var(--main-color);
}


/** home page slider **/

.class-dating-theme-slider-with-searchform-overlay {
    position: relative;
}

.dp-slider-elements img {
    width: 100%;
    height: auto;
}

.btn-zik {
    $btn-color: random-color($max: 200);
    $btn-color-dark: shade($btn-color, 40%);
    color: tint($btn-color);
&:before,
&:after,
 span:before,
 span:after {
     content: '';
 @include absolute(0);
 @include size($btn-width/4+1px,
 0);
     background: $btn-color-dark;
 }
&:before {
     left: 0;
 }
&:after {
     left: $btn-width/2;
 }
span {
&:before,
&:after {
     top: auto;
     bottom: 0;
 }
&:before {
     left: $btn-width/4;
 }
&:after {
     left: $btn-width - $btn-width/4;
 }
}
&:hover {
     color: tint($btn-color, 75%);
&:before,
&:after,
 span:before,
 span:after {
     height: $btn-height;
 }
}
&:active {
     background: $btn-color;
 }
}


/********************** button effect ***************************
******************************************************************
******************************************************************/


/* BUTTON 16 */

#button-16 {
    background-color: #34495e;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#button-16:hover {
    border-radius: 15px;
}


/*************** button effect end *******************/


/*** blog section home page **/

.blog-homepage-wrap .stunning_header_content {
    padding: 50px 0;
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    text-transform: uppercase;
}

.blog-homepage-wrap .blog-section-wrap {
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #f6f7f7;
    padding: 30px 0;
}

.blog-homepage-wrap .blog-heading {
    font-size: 25px;
    color: #5c5c5c;
    text-align: center;
}

.blog-homepage-wrap .blog-sec-image {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 4px solid transparent;
    height: 173px;
    width: 173px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 20px;
    transition: all 0.2s;
}

.blog-sec-image img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid transparent;
}

.blog-homepage-wrap p.content-title a {
    color: #5c5c5c;
    font-size: 18px;
    margin-bottom: 2px;
    text-decoration: none;
    font-weight: 500;
    font-family: 'TT Norms';
}

.blog-homepage-wrap span.blog-date {
    font-size: 14px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 15px;
    display: block;
}

.blog-homepage-wrap .descript-content {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding-top: 20px;
}

.blog-homepage-wrap .descript-content p {
    text-align: left;
}

.blog-homepage-wrap .read-more-btn {
    background-color: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    padding: 12px 42px;
    font-size: 15px;
    display: inline-block;
    transition: all 0.5s;
}

.lm-standard-blog {
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #f6f7f7;
    padding: 30px;
    margin-bottom: 30px;
}

.lm-standard-blog .img-circle {
    border: 3px solid transparent;
}

.lm-standard-blog:hover .img-circle {
    border: 3px solid #5964bd;
}

.lm-standard-blog .author a.url.fn.n {
    text-decoration: none;
    color: #5c5c5c;
    font-size: 15px;
}


/*footer css*/

.footer-wrap ul {
    margin: 0;
    padding: 0;
}

.footer-wrap ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
    font-family: 'TT Norms';
    font-weight: 500;
}

.social-media-wrap ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
}

.social-media-wrap li a {
    color: #fff;
    height: 45px;
    width: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    border: 1px dashed #878fce;
    font-size: 22px;
    padding-top: 10px;
}

.social-media-wrap li a>.fa {
    display: block;
}

.social-media-wrap li a:hover {
    border-color: #fff;
    text-decoration: none;
}

.footer-wrap {
    background-color: #282828 !important;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 80px;
}

.stay-touch {
    color: #fff;
}

.stay-touch p>strong {
    font-size: 25px;
}

.newsletter-email input {
    color: #fff;
    height: 50px;
    background-color: transparent;
    border: 1px solid #818ac8;
    padding: 5px;
    width: 60%;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.newsletter-email {
    text-align: right;
}

.newsletter-email .read-more-link {
    background-color: var(--main-color);
    color: #fff;
    padding: 15px 30px;
    margin-left: -4px;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

.read-more-link:hover,
.read-more-link:active,
.read-more-link:visited {
    color: #fff;
    text-decoration: none;
    opacity: 0.85;
}

.copy-right {
    color: #dadadd;
    font-size: 12px;
    padding: 25px 0;
}

.copy-right a {
    color: #fff;
}


/* blog-detail css */

.comment-wrap-outer {
    margin-bottom: 50px;
}

.blog-detail-content-wrap {
    margin-bottom: 30px;
}

.blog-detail-content-wrap hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog-detail-image {
    width: 290px;
    border-radius: 50%;
    float: left;
    margin: 10px 30px 20px 0px;
}

.blog-detail-content h3 {
    color: #282828;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 3px;
}

.blog-detail-content .date {
    color: #5c5c5c;
    font-size: 12px;
    border-top: 1px solid #5c5c5c;
    display: inline-block;
    padding: 10px 0;
    border-bottom: 1px solid #5c5c5c;
    margin-bottom: 20px;
}

.blog-detail-content .date span {
    margin-right: 10px;
}

.details {
    width: 420px;
    color: #777;
    font-size: 15px;
    line-height: 30px;
}

@media screen and (max-width: 768px) {
    .dspdp-other-details .details {
        width: auto;
    }
}

.blog-detail-content-wrap .lm-single-post h1.entry-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.5;
}


/* blog-detail css end */

.active_memners_main_heading {
    font-size: 22px;
    font-weight: 500;
    color: var(--main-color);
    text-transform: uppercase;
}

.active_members_sub_heading {
    font-size: 30px;
    font-weight: bold;
    color: #282828;
    padding-bottom: 60px;
    text-transform: uppercase;
}

.highlight-content {
    font-size: 13px;
    border: 1px solid #f2f2f2;
    padding: 10px 20px;
}

.social-share ul {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.social-share li {
    font-size: 18px;
    color: #777;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.social-share a {
    color: #e5e5e5;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    transition: all 0.3s;
}

.social-share a>.fa {
    line-height: 30px;
}

.social-share a:hover {
    color: #000;
}

.comment-img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    height: 112px;
    width: 112px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 1;
}

.comment-img:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 112px;
    width: 112px;
    -webkit-box-shadow: inset 0 0 30px 50px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 0 30px 50px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: inset 0 0 30px 50px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 30px 50px rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
    z-index: 2;
}

.comment-img:hover:after {
    box-shadow: 0 0 0 0;
}

.comment-img img {
    max-width: 100%;
}

.comment-author {
    float: right;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}

.comment-content-inner-main {
    width: 85%;
    float: right;
}

.comment-content-inner {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
}

.author-detail {
    float: left;
}

.link-next {
    float: right;
}

.author-detail .name {
    font-size: 14px;
    color: #777;
    text-transform: uppercase;
    margin-right: 8px;
}

.author-detail .time {
    font-size: 13px;
    color: #777;
}

.link-next a {
    color: #777;
    font-size: 13px;
    display: inline-block;
    transition: all 0.3s;
}

.link-next a>.fa {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.link-next a:hover {
    color: #6973c3;
    text-decoration: none;
}

.comment-wrap-main .comment-wrap-main .comment-img {
    width: 92px;
    height: 92px;
}

.comment-box-wrap {
    color: #5c5c5c;
    margin-bottom: 50px;
}

.comment-main-content {
    color: #777;
}

.comment-box-title {
    font-size: 25px;
    margin-bottom: 25px;
}

.comment-box-wrap>p {
    margin-bottom: 50px;
}

.comment-box-inner li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    width: 25%;
    margin-right: 10px;
}

.full-width {
    width: 100% !important;
    display: block;
}

.comment-box-inner li>span {
    display: block;
    color: #5c5c5c;
    margin-bottom: 5px;
}

li textarea {
    width: 100%;
    height: 225px;
    padding: 10px;
}

.comment-box-inner li input {
    width: 100%;
    height: 44px;
    padding: 5px;
}

.submit-form {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    text-transform: uppercase;
    width: 180px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    transition: all 0.3s;
}

.submit-form:hover {
    background-color: transparent;
    color: var(--main-color);
}

.widget_love_match_call_to_action_middle {
    background-color: var(--main-color);
}

.dating-theme-call-to-action-middle .dp-middle-cta-title,
.dating-theme-call-to-action-middle .dp-middle-cta-content {
    font-size: 2.7rem;
    font-weight: 300;
    color: #fff;
}

/* Mobile Styles */
@media only screen and (max-width: 768px) { /* Sie können den Wert 768px je nach Bedarf anpassen */
    .popup-container .thumbnail {
        width: 80px;
    }
}

/* Mobile Styles */
@media only screen and (max-width: 768px) { /* Sie können den Wert 768px je nach Bedarf anpassen */
    .wpcf7-form-control {
        max-width: 315px !important;
        min-width: 315px !important;
    }
}

/* Mobile Styles */
@media only screen and (max-width: 350px) { /* Sie können den Wert 768px je nach Bedarf anpassen */
    .wpcf7-form-control {
        max-width: 250px !important;
        min-width: 250px !important;
    }
}

.dating-theme-call-to-action-middle a.dp-cta-botton-1 {
    display: block;
}

.dp-cta-botton-middle {
    position: relative;
    margin-top: 8px;
}

.dating-theme-call-to-action-middle .row {
    padding-top: 36px;
    padding-bottom: 36px;
}


/** testimonial slider **/

.testimonial-list-container .author_review {
    font-size: 21px;
    font-family: 'Roboto';
    color: #d7dadb;
    padding-top: 30px;
    margin-bottom: 50px;
    font-weight: 300;
}

.double_cote_testimonial img {
    margin: 0 auto;
}

.testimonial-lists li {
    text-align: center;
}

.testimonial-list-container .author_name {
    font-size: 21px;
    color: #5964bd;
    font-family: 'Roboto';
}

.testimonial-list-container .author_designation {
    font-size: 21px;
    color: rgba(110, 102, 100, 0.44);
    font-family: 'Roboto';
}

.testimonial-list-container .author_designation {
    font-size: 15px;
    font-family: 'Roboto';
    color: rgba(0, 0, 0, 0.44);
    font-style: italic;
    font-weight: 400;
}

.testimonial-list-container .row {
    padding-top: 80px;
    padding-bottom: 40px;
}

.bx-wrapper .bx-pager {
    text-align: left;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-left: 160px;
    padding-top: 20px;
}

.testimonial-list-container .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d9dbf0;
    width: 44px;
    height: 3px;
}

.testimonial-list-container .bx-wrapper .bx-pager {
    padding-left: 15%;
    float: left;
}

.testimonial-list-container .bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent !important;
    text-indent: inherit !important;
    color: #bebebe;
    padding-right: 30px;
    font-weight: normal;
    font-size: 24px;
}

.testimonial-list-container .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: transparent;
    color: var(--main-color);
    text-decoration: none;
    font-weight: bold;
    text-indent: inherit;
}

.view_all_members {
    margin-top: 20px;
}

.blog-homepage-wrap .blog-heading {
    text-align: center;
}

.blog-homepage-wrap .blog-heading h3.latest-blog-main-heading {
    /* font-size: 4rem; */
    font-size: 22px;
    font-weight: 500;
    color: var(--main-color);
    /* font-weight: 300; */
    text-transform: uppercase;
}

.blog-homepage-wrap .blog-heading p {
    font-size: 30px;
    color: #5c5c5c;
    font-family: 'TT Norms';
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
}


/* blog page css */

.stunning_header_content {
    padding: 50px 0;
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    text-transform: uppercase;
}

.blog-section-wrap {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 80px;
}

.blog-heading {
    font-size: 25px;
    color: #5c5c5c;
    text-align: center;
}

.blog-sec-image {
    background: url(../images/blog-image.jpg) no-repeat center center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 4px transparent;
    height: 173px;
    width: 173px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 20px;
    transition: all 0.2s;
}

p.content-title {
    color: #5c5c5c;
    font-size: 22px;
    padding-left: 50px;
    margin-bottom: 2px;
    text-align: left;
}

.blog-date {
    font-size: 15px;
    font-weight: 300;
    color: #5c5c5c;
    margin-bottom: 15px;
    display: block;
}

.descript-content {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
}

.read-more-blog {
    color: var(--main-color);
    text-transform: uppercase;
    padding: 12px 45px;
    font-size: 16px;
    float: left;
    font-weight: 600;
}

.read-more-blog:hover {
    color: var(--main-color);
    transition: 0.5s;
    text-transform: uppercase;
    padding: 12px 45px;
    text-decoration: none;
    font-size: 16px;

    float: left;
    font-weight: 600;
}

.read-more-btn {
    background-color: #cdd0eb;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 42px;
    font-size: 15px;
    display: inline-block;
    transition: all 0.5s;
}

.load_more {
    text-align: center;
    margin: 20px 0;
}

.lm-blog-pagination {
    clear: both;
}

.load_more a {
    clear: both;
    width: 226px;
    margin: 0 auto;
    border: 2px solid var(--main-color);
    text-align: center;
    padding: 10px 0;
    margin-bottom: 25px;
    font-size: 18px;
    color: var(--main-color);
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
}

.load_more a:hover {
    transition: background-color 0.5s ease;
    background-color: var(--main-color);
    color: #fff;
    cursor: pointer;
}

.wdslider .widget-title {
    display: none;
}


/* comment form design */

.comment-form-comment label {
    display: block;
    color: #5c5c5c;
    margin-bottom: 5px;
}

textarea#comment {
    width: 100%;
    height: 225px;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    width: 25%;
    margin-right: 10px;
}

#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-url label {
    display: block;
    color: #5c5c5c;
    margin-bottom: 5px;
}

#commentform .comment-form-author input,
#commentform .comment-form-email input,
#commentform .comment-form-url input {
    width: 100%;
    height: 44px;
    padding: 5px;
    border: 1px solid #e5e5e5;
}

.form-submit #submit {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    text-transform: uppercase;
    width: 180px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    transition: all 0.3s;
}

.form-submit #submit:hover,
.form-submit #submit:active,
.form-submit #submit:visited {
    background-color: var(--main-color);
    color: #fff;
    opacity: 0.85;
}

.comment-author {
    float: left;
    width: 20%;
    text-align: center;
}

.comment-author img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.comment-author .fn {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #777;
}

#commentform .comment-metadata {
    float: left;
    margin-left: 36px;
}

.lm_comment_sec {
    margin-top: 55px;
}

.comment-metadata {
    font-size: 13px;
    color: #777;
    text-decoration: none;
}

.comment-metadata {
    font-size: 13px;
    color: #777;
    margin-bottom: 13px;
}

.comment-metadata a {
    font-size: 13px;
    color: #777;
    margin-bottom: 13px;
}

.comment-content {
    color: #777;
    font-size: 13px;
    margin-bottom: 10px;
}

.reply a {
    color: #777;
    font-size: 13px;
    float: right;
    margin-top: 15px;
}

.reply a:hover {
    color: #6973c3;
    text-decoration: none;
}

.comment-list {
    margin-bottom: 20px;
}

ol.children {
    margin-top: 60px;
    margin-bottom: 30px;
}


/*== stunning header ==*/

#lm-stunning-header {
    background-color: #77abf1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-bottom: 50px;
}


/*== Blog Setting ==*/

#blog-clock {
    padding: 0 5px;
    color: #d0d0d0;
}

.blog-entry-meta h1.entry-title a {
    text-decoration: none;
    font-size: 22px;
    color: #5c5c5c;
    line-height: 1.5;
}

.blog-section-wrap .author a.url.fn.n {
    text-decoration: none;
    color: #5c5c5c;
    font-size: 15px;
}

.blog-entry-meta .entry-title {
    margin: 20px 0;
}

nav.navigation.posts-navigation {
    display: block;
    clear: both;
}

.nav-links a {
    text-decoration: none;
}

.lm-single-post-author a.url.fn.n {
    font-size: 14px;
    color: var(--main-color);
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
}

.lm-single-post h1.entry-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.5;
}

.lm-single-post-count {
    margin: 0 20px;
}

.lm-single-post .byline {
    margin-left: 20px;
}

i.fa.fa-commenting-o {
    margin-right: 5px;
}


/*== Add this social share ==*/

.lm-share-button a {
    margin-left: 5px;
    color: #5c5c5c;
    text-decoration: none;
}

.lm-share-label {
    font-size: 17px;
    color: #777777;
    margin-right: 10px;
}

.addthis_toolbox a i {
    font-size: 20px;
    color: #e5e5e5;
    margin-right: 20px;
}

.addthis_toolbox a i:hover {
    color: #000;
}

.addthis_toolbox {
    margin-top: 30px;
    padding: 12px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    float: left;
}

.lm-search-title {
    color: var(--main-color);
}

#lm-preloader-image {
    text-align: center;
}

.lm-ajax-not-found {
    clear: both;
    text-align: center;
    font-size: 16px;
    color: rgb(47, 45, 45);
    font-weight: 500;
    padding: 10px 20px;
    background-color: #fdcfdc;
    margin-bottom: 20px;
}

.lm-numeric-pagination {
    text-align: right;
    clear: both;
}

.lm-numeric-pagination a {
    color: #000;
    height: 45px;
    width: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    border: 1px dashed rgba(30, 115, 190, 0.32);
    font-size: 16px;
    text-decoration: none;
}

.lm-numeric-pagination .current {
    color: #fff;
    height: 45px;
    width: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    border: 1px solid rgba(236, 219, 219, 0.8);
    font-size: 16px;
    background: #1e73be;
    text-decoration: none;
}

.lm-numeric-pagination a:hover {
    border-color: #878fce;
    text-decoration: none;
}

.post-thumbnail {
    width: 200px;
    margin: 0 auto;
}

.post-thumbnail .img-circle {
    width: 170px;
    height: 170px;
}

input.wpcf7-form-control.wpcf7-submit.dsp_submit_button.dsp-submit {
    width: 184px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100%;
    border: 1px solid #eee;
}

.wpcf7-form-control {
    width: 100%;
}

.lm-hide-menu-on-loggedout {
    display: none !important;
}

.rememberme #rememberme,
.checkbox {
    display: inline-block;
    margin-right: 10px;
}

.login-register-form-section .rememberme #rememberme {
    display: inline-block;
    margin-right: 10px;
    transform: scale(1.3);
    -webkit-appearance: checkbox;
}


/*404*/

section.error-404.not-found {
    text-align: center;
}

.lm-404 {
    font-size: 50px;
}

.error-404 .search-field {
    border: 0;
    box-shadow: none;
    height: 44px;
    width: 250px;
    color: #a5a6ae;
    background-color: #f1f6fe;
    text-align: center;
}

.error-404 input.search-submit {
    width: 170px;
    height: 44px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    box-shadow: none;
    background: var(--main-color);
    line-height: 41px;
    padding: 0 15px;
    color: #fff;
    border: 0;
    border-color: #fff;
}

.error-404 input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 3px solid #5964bd;
    color: #a5a6ae;
    background-color: #fff;
}


/*love Match login menu*/

.lm-login-user-details {
    position: relative;
}

#lm-login-menu ul#main-menu {
    float: left;
}

.home #lm-login-menu .lm-menu-login a {
    color: #fff;
}

#lm-login-menu .lm-menu-login a {
    padding: 7px 12px;
    color: #000;
    font-weight: 500;
}

#lm-login-menu .lm-menu-login a:hover{
    border: none;
    color: var(--main-color);
    font-weight: 500;
    padding: 7px 12px;
}

#lm-login-menu .lm-menu-register a {
    padding: 7px 25px;
    color: #ffffff;
    border: 2px solid var(--main-color);
    background-color: var(--main-color);
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 2px;
    text-align: center;
}

#lm-login-menu .lm-menu-register a:hover {
    background-color: #fff;
    color: var(--main-color);
    line-height: 1;
    width: 100%;
    border: 2px solid var(--main-color);
}



.lm-menu-register:hover a {
    color: #5964bd
}

#lm-login-menu ul {
    float: right;
    padding-left: 0;
}

#lm-login-menu li {
    margin-left: 0px;
}

#lm-login-menu {
    padding: 12px 0px;
    display: inline-block;
    padding-bottom: 18px;
}

.lm-home-guest-page.home-gest-page {
    margin-top: 50px;
}

header.site-header {
    border-bottom: 1px solid #ececec;
}

.home header.site-header {
    border-bottom: none;
    
}


.lm-login-user-details .lm-menu-profile-image {
    display: inline-block;
}

.lm-login-user-details>li {
    float: left;
}

.lm-menu-profile-name {
    margin-top: 10px;
}

.lm-login-dropdown-icons {
    margin-top: 5px;
}

.lm-login-dropdown-icons .fa-sort-desc {
    margin-top: 5px
}

.lm-login-user-details .lm-menu-profile-name {
    display: inline-block;
    float: right;
    vertical-align: bottom;
}

.lm-menu-profile-name p {
    text-transform: capitalize;
    font-size: 14px;
    color: #a5a6ae;
    display: none;
    cursor: pointer;
}

.lm-login-dropdown-icons {
    display: none;
}

.lm-menu-profile-submenu {
    z-index: 99999;
    position: absolute;
    width: 180px;
    background-color: #fff;
    right: 0;
    padding-left: 10px;
    top: 55px;
    display: block;
    border: 1px solid #d2d2d2;
    border-top: 0;
}

#lm-login-menu .lm-login-user-details .lm-menu-profile-submenu>li {
    margin: 10px 20px;
    list-style: none;
    color: #a5a6ae;
    z-index: 9999;

}

.lm-menu-profile-submenu a,.lm-menu-profile-submenu i.fa {
    color: #000;
    text-decoration: none;
}

.lm-menu-profile-submenu li:hover a,
.lm-menu-profile-submenu li:hover i.fa {
    color: var(--main-color);
}

.lm-menu-profile-submenu {
    display: none;
}

#lm-login-menu:hover .lm-menu-profile-submenu {
    display: block;
}

.my-status {
    background-color: #e0e1ec;
	margin-bottom: 20px;
}

.row.member_main_section.dc_edit_about_wrap .my-status {
	background-color: #e0e1ec;
    margin-top: -10px;
	margin-bottom: 20px;
}

.Status-box-profile {
    background-color: transparent;
    padding: 0
}

.my-status p {
    margin: 0 0 0px;
}

.my-status:before {
    border-bottom-color: #e0e1ec
}

.lm-member-content-area-right .heading-row {
    border: 3px solid #f3f4ff;
    padding: 20px 20px 5px;
}

.profile-week-details {
    background-color: #f4f4ff;
}

.dspdp-horiz-spacer {
    display: none;
}

.update-row #dsp_plugin .dspdp-btn {
    background-color: #6974c3;
}

.tab-content-members {
    background-color: #f2f4ff;
    border: 1px solid #e7e9f3;
}

#dsp_plugin .dsp-meet-to-info.dspdp-text-center .dspdp-btn.no {
    background-color: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color);
}

#dsp_plugin .dsp-meet-to-info.dspdp-text-center .dspdp-btn.no:hover{
    background-color: var(--main-color);
    color: #fff;
}

#dsp_meet_me_click,
.dspdp-btn.no {
    height: 52px !important;
    width: 103px !important;
    line-height: 30px;
    margin: 0 5px;
}

.dspdp-spacer-md {
    font-size: 13px;
    color: #5c5c5c;
    line-height: 24px
}

.dspdp-alert-warning.standard-area,
.dspdp-alert.dspdp-alert-info {
    background-color: #fff;
    border: none;
}

.dspdp-alert-warning.standard-area .dspdp-spacer {
    color: #a5a6ae;
}

.dspdp-spacer-sm {
    margin-bottom: 0;
}

.credit-area .dspdp-spacer-sm {
    margin: 10px 0;
}

.dspdp-alert.dspdp-alert-info {
    color: #2d2d2f
}

#dsp_plugin .edit_my_location_form .dspdp-btn {
    margin: 20px 0
}

.dspdp-form-control,
input[type="file"].dspdp-form-control {
    border: 1px solid #f2f2f2;
    padding: 10px;
    background: #f1f1f1;
    margin-left: 0;
    font-size: 16px;
}

.dspdp-reset,
#dsp_plugin ul,
#dsp_plugin li {
    margin: auto;
}

.dspdp-reset,
#dsp_plugin .album-upload,
.dspdp-reset,
#dsp_plugin .album-upload li {
    padding: 0
}

.widget_wp_sidebarlogin form p.submit {
    margin-top: 0;
}

p.submit .dspdp-btn.dspdp-btn-default {
    margin-top: 0 !important;
}

#lm-loggedout-leftcontent .widget.widget_wp_sidebarlogin .block {
    width: 200px;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 24px 0;
    margin: 0 2.4rem 2.4rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
}

table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 12px 8px;
    vertical-align: middle;
}

table>tbody>tr {
    position: relative;
    border-bottom: 1px solid #eee;
}

.blog-detail-content-wrap .entry-content p {
    margin-bottom: 5px;
}
.dsp_vertical_scrollbar .dspdp-wink-sender p.img-name {
    margin-bottom: 0px;
}
.dsp_vertical_scrollbar .dspdp-wink-sender p.description {
    margin-bottom: 0px;
    text-align: left;
    margin-left: 35px;
}
.dsp_vertical_scrollbar .dspdp-wink-sender p.date {
    margin-bottom: 0px;
    font-size: 12px;
    border: none;
    padding: 0;
}

.dsp_vertical_scrollbar .dspdp-wink-sender .mid .user-name-show{ width: 65%; }
.dsp_vertical_scrollbar .dspdp-wink-sender .image-container .circle-image .dsp-friend-image-holder img{
    float: left;
    margin: 20px 4px;
}
.dsp_vertical_scrollbar .dspdp-wink-sender p.date span {
    margin-right: 5px;
}

.blog-detail-content-wrap .entry-content {
    padding-bottom: 0;
    color: #000;
    font-size: 14px;
    line-height: 25px;
}

.alignright {
    float: right;
    text-align: right;
}

.alignleft {
    float: left;
    text-align: left;
}

.input-credits.dspdp-spacer .dspdp-form-control,
.input-credits.dspdp-spacer input[type="file"].dspdp-form-control {
    margin: 0 !important
}

.membership_plan {
    background-color: #f1f1f1;
    padding: 20px
}

.profile-image {
    border-radius: 100%;
    overflow: hidden;
}


/* --------------------- */


/* --WPDT-6-change-link--*/


/* ----------------------*/

.login_error a {
    text-decoration: underline;
}


/* -------END--------- */


/* --------------------- */


/* --WPDT-7-register boxes--*/


/* ----------------------*/

.dsp_reg_main select {
    margin: 8px;
}

.general-search .lm-username {
    margin: 0;
}

.dspdp-form-group.save-search input {
    margin: 0;
}

.save-search input[type="checkbox"] {
    margin-top: 20px;
}

.search-page-zip input[name~="miles"] {
    margin: 0;
}

.search-page-zip input[name~="zip_code"] {
    margin: 0;
}

.lm-dst-search #distance-search {
    margin: 0;
}

form[name~="composefrm"] input[name~="txtSubject"] {
    margin: 0;
}

form.lm-skype .setting-page input[name~="txtskypename"] {
    margin: 0;
}


/* -------END--------- */


/* --------------------- */


/* --error message fix--*/


/* ----------------------*/

.error span {
    line-height: 30px;
    padding-left: 6px;
}


/* -------END--------- */

.sent-message-page li span input[type="checkbox"] {
    outline: none;
}


/* wpdt-18-design filter button */

.lm-filter-btn {
    width: 120px!important;
}

@media screen and (min-width: 480px) {
    .update_profile_text_div {
        bottom: 0;
    }
}


/*quick search css mobile responsive*/

@media screen and (max-width: 768px) {
    .dating-theme-search-overlay {
        position: static !important;
        display: block !important;
    }
    #dp-main-title-full-width {
        margin: 0 auto;
    }
}


/* Lovematch Design Fixes*/


/* Added 18th june 2018 */

.lm-dating-top-member-tab .dsp_tab1 {
    width: 100px;
    border: 1px solid #e6e8f2!important;
}

.lm-dsp-edit-profile-tab {
    width: 113px!important;
}

#dsp_plugin .menus-profile a {
    border: 1px solid #e6e8f2;
}

#lm-dating-top-member-tab .dsp_tab1,
#lm-dating-top-member-tab .dsp_tab1-active {
    padding: 21px 20px;
    width: 84%;
}

#lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
    margin-left: 0;
}

.dsp-line {
    padding-bottom: 10px;
}

#lm-dating-top-member-tab .dsp_tab1 {
    border: 1px solid #e6e8f2!important;
}

#lm-dating-loggedout-rightsidebar .widget_wp_sidebarlogin,
#lm-dating-loggedout-rightsidebar #sidebar-login {
    border: 1px solid #e6e8f2;
}

.btn-fb-login {
    border-radius: 0;
}

@media screen and (max-width: 780px) {
    #lm-dating-top-member-tab .dsp_tab1 {
        width: 126px!important;
    }
    #lm-dating-top-member-tab .dsp_tab1-active {
        width: 126px!important;
    }
}

select#gender option, 
select#seeking_gender option, 
select#age_from option, 
select#state_id option, 
select#country_id option, 
select#age_to option {
    color: #2d2d2f;
}

select.dspdp-form-control option {
    color: #2d2d2f;
}

select.dspdp-form-control.dsp-form-control option {
    color: #2d2d2f;
}


select.row option {
    color: #2d2d2f;
}

.dspdp-form-group input {
    margin: 8px;
}

.lm-setting-page .thanks {
    margin-top: 12px;
    background-color: #b9d2be!important;
    color: #3c763d;
    font-weight: bold;
}

.dspdp-text-success {
    padding: 8px;
    color: #3c763d;
}

#lm-member-content-area-left {
    box-shadow: 5px 6px 20px 0px;
}


/* customizer changes */

.lm-dating-top-member-tab .dsp_tab1 {
    width: 100px;
    border: 1px solid #e6e8f2!important;
}

.lm-dsp-edit-profile-tab {
    width: auto;
}

#dsp_plugin .menus-profile a {
    border: 1px solid #e6e8f2;
}

#lm-dating-top-member-tab .dsp_tab1 {
    padding: 21px 20px;
}

#lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
    margin-left: 0;
}

.dsp-line {
    padding-bottom: 10px;
}

#lm-dating-top-member-tab .dsp_tab1 {
    border: 1px solid #e6e8f2!important;
}

#lm-dating-loggedout-rightsidebar .widget_wp_sidebarlogin,
#lm-dating-loggedout-rightsidebar #sidebar-login {
    border: 1px solid #e6e8f2;
}

.btn-fb-login {
    border-radius: 0;
}


.chat-request-box .dspdp-clearfix span {
    padding-top: 5px;
}

.chat-request-box .dspdp-clearfix strong {
    margin-left: 10px;
}

.chat-request-box .close {
    display: none;
}


/* Tab design */

#dsp_plugin .lm-home-guest-page .tab-box a {
    color: #fff;
    border-right: 1px solid #8e8da7 !important;
}

.lm-home-guest-page .tab-box {
    background-color: #9999B2;
}

#dsp_plugin .lm-home-guest-page .tab-box a:hover {
    color: #e8ebff;
}

#dsp_plugin .lm-home-guest-page .tab-box a.activeLink:hover {
    color: #a5a6ae;
}

.tab-box a {
    border-radius: 0;
}


/* Sidebar login design */

#lm-left-members-sidebar .widget_wp_sidebarlogin li a {
    color: #827882;
    text-decoration: none!important;
    font-size: 14px;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin li a:hover {
    color: #905f90;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin {
    background-color: #f4f4ff;
    padding: 0;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin .avatar_container {
    float: none;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin li.page_item {
    background-color: #fff!important;
    border: 1px solid #f4f4ff;
    padding: 7px 0!important;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin .avatar_container img.avatar {
    margin-right: 0px;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin ul.pagenav.dspdp-usermenu {
    width: 100%;
    text-align: center;
}

#lm-left-members-sidebar .widget_wp_sidebarlogin ul.dspdp-usermenu li {
    border-bottom: 1px solid #f4f4ff;
}

.event_shop_wrap{ margin-top:150px;}



/* Read more button color blog page */

/*.read-more-btn {
    background-color: var(--main-color);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}


.read-more-btn {
    margin-top: 40px;
    border: 1px solid var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 320px;
    height: 60px;
    margin: 0 auto;
}
.read-more-btn_text {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  padding: 20px 0px;
  z-index: 1;
  transition: 1.5s;
}


.read-more-btn:after {
  content: "";  
  background: var(--main-color);
  position: absolute;
  width: 320px;
  color: var(--main-color);
  height: 60px;
  transition: 1s;
}
*/

/***** Readmore button hover effect *********/


.read-more-btn {
    text-align: center;
    align-items: center;
    display: inline-block;
    padding: 5px 20px;
    margin: 10px auto;
    line-height: 16px;
    vertical-align: middle;
    background-color: var(--main-color);
    border-radius: 4px;
    width: 280px;
}

.read-more-btn span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 20px 0px;
    z-index: 1;
    transition: 1.5s;

    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    line-height: 3px;
}

.read-more-btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 16px;
    right: -20px;
    transition: 0.5s;
    font-size: 35px;
}

.read-more-btn:hover span {
    padding-right: 25px;
}

.read-more-btn:hover span:after {
    opacity: 1;
    right: 0;
}

/** end of readmore button hover **/



/* Responsive dsp tab menu on members page during logout */

@media (max-width: 767px) {
    #lm-loggedout-leftcontent .dsp-line {
        width: 100%;
        display: inline-block;
        padding-top: 0;
    }
    #lm-loggedout-leftcontent .dsp_tab1-active a {
        background-color: transparent;
        color: #fff;
        padding: 10px 20px;
    }
    #dsp_plugin #lm-loggedout-leftcontent .dsp_tab1,
    #dsp_plugin #lm-loggedout-leftcontent .dsp_tab1-active {
        padding: 0px 10px;
    }
    #lm-loggedout-leftcontent .dsp-line .dsp_tab1-active a {
        text-align: center;
    }
    #lm-loggedout-leftcontent .dsp-line {
        margin-bottom: 17px;
    }
    #lm-loggedout-leftcontent .dsp-tab-container {
        text-align: center;
    }
}


/*profile circle image in mobile device */

@media screen and (max-width: 768px) {
    .box-profile-link .profile-image {
        width: 70%;
    }
    #dsp_plugin .menus-profile li {
        width: 10.63333%;
    }
}


/* Edit profile tab */

#lm-dating-top-member-tab .dsp_tab1-active {
    background-color: #f2f4ff;
    border: 1px solid #e6e8f2!important;
}

@media screen and (min-width: 1200px) {
    .dsp-line {
        display: inline-flex;
        padding-bottom: 0px;
        vertical-align: top;
    }
    #lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
        margin-top: 0;
        padding: 19.5px 0 !important;
    }
    #lm-dating-top-member-tab .dsp_tab1 {
        padding: 21px 6px;
    }
    #lm-dating-top-member-tab .dsp_tab1 {
        border-top: none!important;
        border-bottom: none!important;
    }


}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    #lm-dating-top-member-tab .dsp_tab1,
    #lm-dating-top-member-tab .dsp_tab1-active {
        padding: 21px 0;
    }
    #lm-dating-top-member-tab .lm-dsp-edit-profile-tab {
        padding: 21px 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    .dsp-line {
        padding: 10px 8px;
    }
    #lm-dating-top-member-tab .dsp_tab1 {
        padding: 21px 8px;
    }
}


/* Profile Page logged out case */

#lm-loggedout-leftcontent .box-border {
    margin-top: 10px;
}

.add-comment .error {
    padding: 5px;
}

#dsp_plugin .menus-profile li {
    padding: 0;
}


/* Menu misalignment along with sidebar design fix */

#lm-member-content-area-left {
    box-shadow: none;
}

.box-profile-link {
    margin-top: 0;
}

@media screen and (min-width: 1200px) {
    #lm-dating-top-member-tab .lm-dsp-edit-profile-tab.dsp_tab1-active {
        margin-left: 0;
        margin-top: 0;
        border: none!important;
        padding: 20px 0!important;
    }
}


/* Settings tab design */

.line .dsp_tab1 {
    margin-top: 1px;
}


/* Zodiac Sign Design */

.zodic-sign img {
    width: 75px;
}

.zodic-sign h4 {
    padding-right: 12px;
    font-size: 14px;
}


/* Meet me user description design */

.user-meetto-info {
    font-weight: 600;
}

.active-members-title h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--main-color);
}

.active_members_sub_title {
    font-size: 30px;
    font-weight: bold;
    color: #282828;
    font-family: 'TT Norms';
}


/* */

.download_on_mobile_wrap h2 {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #282828;
    font-family: TT Norms;
    margin-bottom: 50px;
}

.members_wlogin_cta a {
    background-color: #6d6a6f;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 35px;
    color: #fff;
    float: right;
    text-align: center;
    width: 380px;
    height: 52px;
    text-transform: uppercase;
    font-weight: bold;
}

.members_wlogin_cta {
    width: 50%;
    float: right;
}

.members_wlogin_cta a.dsp_android_link {
    margin: 200px 280px 0 0;
    display: block;
}

.members_wlogin_cta a.dsp_istore_link {
    margin: 45px 280px 0 0;
}

.lm-guest-online-tabs-container {
    padding-top: 100px;
}

.lm-guest-online-tabs-container .box-pedding .active_memners_main_heading {
    line-height: 36px;
}

#dsp_plugin .image-container:hover .circle-image img {
    border: none !important;
    outline: none;
}

#dsp_plugin .image-container:hover {
    outline: none;
}

#dsp_plugin #main .home-gest-page img {
    border-radius: unset !important;
}

#dsp_plugin .image-container .circle-image img {
    width: 270px;
    height: 264px;
}

#lm-member-content-area-right .box-pedding .box-search-result .circle-image img {
    width: 120px;
    height: 120px;
}


.dspdp-member-col,
#dsp_plugin .image-container {
    padding: 8px 0px;
}

.dc_view_winks .image-container {
    height: auto ;
}


#dsp_plugin .image-container .circle-image img {
    border: 1px solid #fff;
}

#dsp_plugin .box-search-result .circle-image img {
    width: 99px;
    height: 99px;
    border-radius: 50%;
}


.lm-guest-online-tabs-container .image-container{
    min-height: 380px;
}

#dsp_plugin .lm-guest-online-tabs-container .box-search-result .circle-image img {
    width: 245px;
    height: 225px;
}

#lm_member_home_on_click_online_logout_infinite_loop .image-container{
    min-height: 270px !important;
}



/*member after login*/

.dsp-line {
    display: block;
}

#lm-dating-top-member-tab .dsp-line .dsp_tab1 {
    font-size: 16px;
    color: #282828;
    width: 270px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    /* border-radius: 10px; */
    float: left;
    background-color: #f1f1f1;
}
#lm-dating-top-member-tab .dsp-line .dsp_tab1 a{ width: 100%; text-align: left; }

#lm-dating-top-member-tab .dsp-line .dsp_tab1:hover {
    background-color: var(--main-color);
}
#lm-dating-top-member-tab .dsp-line .dsp_tab1 a:hover {
    color: #fff;
}

#lm-dating-top-member-tab .dsp-line .dsp_tab1-active {
    font-size: 16px;
    color: #282828;
    width: 270px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    float: left;
    /* border-radius: 10px; */
    background-color: var(--main-color);
}

#lm-dating-top-member-tab .dsp-line .dsp_tab1 a {
    color: #282828;
    line-height: 24px;
    float: left;
    padding-left: 10px;
}

#lm-dating-top-member-tab .dsp-line .dsp_tab1-active a {
    color: #fff;
    line-height: 24px;
    float: left;
    background-color: unset;
    text-decoration: none;
    padding-left: 10px;
}

#lm-member-image .profile-image {
    border-radius: unset;
}

.lm-top-header-display-name {
    font-size: 22px;
    color: #282828;
    text-transform: uppercase;
    font-weight: 500;
}
.lm-top-header-display-name a{
    color: #000;
}

#dsp_meet_me_box_widget .meet-to-info {
    border: 2px solid var(--main-color);
    width: 270px;  /* Standardweite für größere Bildschirme */
    height: 465px;
}

/* Für mobile Geräte (z.B. max. 768px Breite) */
@media (max-width: 768px) {
    #dsp_meet_me_box_widget .meet-to-info {
        width: auto;
        max-width: 100%;
        height: auto;
    }
}

#dsp_plugin .widget_love_match_meet_me .image-box.dspdp-spacer-md.dsp-meetme-image {
    width: 226px;
    height: 221px;
    margin: 10px 20px;
}

.dsp-user-meet span.dspdp-medium {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.dspdp-spacer-md {
    font-size: 16px;
    color: #7f7f7f;
}

.btn-row-meet .dspdp-spacer-md input.dspdp-btn {
    width: 103px !important;
    height: 52px !important;
}

.lm-dsp-edit-profile-tab {
    width: 335px !important;
    height: 52px !important;
    background-color: #f1f1f1 !important;
    padding: 5px;
    line-height: 20px;
    color: #282828;
    margin-top: 20px;
    font-size: 16px;
}

.lm-dsp-edit-profile-tab a i:hover {
    color: #fff;
}

.lm-dsp-edit-profile-tab a {
    padding: 5px;
    line-height: 40px;
    font-weight: normal;
    color: #282828!important;
    font-size: 16px;
}

.lm-dsp-edit-profile-tab a i {
    background-color: var(--main-color);
    color: #fff;
    margin: 0;
    padding: 0;
    width: 50px;
    float: right;
    line-height: 52px !important;
    vertical-align: middle;
    padding-left: 6%;
    display: inline-block;
    font-size: 20px;
    margin-top: -5px;
    margin-right: -5px;
}

#dsp_plugin .dspdp-btn-success:hover {
    background-color: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-color);
}

#dsp_plugin .dspdp-btn-danger:hover {
    background-color: var(--main-color);
    color: #fff;
}

form.search-form label input {
    margin-top: 30px;
    width: 270px;
    height: 52px;
    border: 1px solid #c8c8c8;
}

.dc-members-main-content .container {
    width: 100%;
}

.box-pedding .lm-viewedme-pagination-node .image-container {
    border: none !important;
}

#member_bottom_content .line{background-color: unset;}
#member_bottom_content .lm-horizontal-menu .dsp_tabs_member_bottom {
    display: inline-block;
    background: none !important;
    float: left;
    padding: 10px 5px;
}
#member_bottom_content .lm-horizontal-menu .dsp_tab1-active{
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}
#member_bottom_content .lm-horizontal-menu .dsp_tab1-active a{
    color: #8B1939 !important;
    border-bottom: 2px solid var(--main-color);
}
#member_bottom_content .lm-horizontal-menu .dsp_tabs_member_bottom a{
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    background-color: unset;
    text-decoration: none;
}
#member_bottom_content .lm-horizontal-menu .dsp_tabs_member_bottom a:focus,
#member_bottom_content .lm-horizontal-menu .dsp_tabs_member_bottom a:hover {
    color: var(--main-color);
    font-size: 16px;
    line-height: 20px
    font-weight: 500;
    border-bottom: 2px solid var(--main-color);
}

.lm-new-members .image-container{ border:none; min-height: 200px; }
.lm-new-members .image-container span.img-name{ font-size: 13px !important; padding-bottom: 0; }
.lm-new-members .image-container span.age-text.dspdp-block{ line-height: 1 !important; }
/*.lm-new-members .col-md-4{ min-height: 200px; }*/
.lm-new-members .image-container .circle-image img{ width: 100px; height: 100px; }
#search-4 form button i.fa-search{
    color: #282828;
}

#search-4 form button{
    top: 5px;
    position: absolute;
    float: right;
    right: 2px;
    background: transparent;
}

#search-4 form input{
    background-color: unset;
    width: 100%;
    position: relative;
    border: 1px solid #c8c8c8;
}
#search-4{
    padding-top: 20px;
}

.wrap_masonry .dc_grid .dc_grid_item img{
    max-width: 48%;
    float: left;
    min-height: 100px;
    padding: 4px;
}

.wrap_masonry .dc_grid .dc_grid_item img:hover{
    transform: scale(1.1);
    transition: transform .5s;
}

.box-upload-image .dsp-row .albums li a .album-icon img{
    width: 120px;
    height: 80px;
}

.box-upload-image .dsp-row .albums li a.dspdp-btn-success{
    background: none !important;
    color: #000 !important;
    float: left;
    width: unset !important;
    text-align: right;
    text-transform: none;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: inline-block;
    padding-left: 14px !important;
}

.box-upload-image .dsp-row .albums li a.dspdp-btn-danger{
    background: none !important;
    color: #000 !important;
    float: right;
    text-transform: none;
    width: unset !important;
    text-align: left;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: inline-block;
    padding-right: 15px !important;
}

.box-upload-image .dsp-row .albums li .dspdp-btn-success:hover{
    text-decoration: underline !important;
    border: none !important;
}
.box-upload-image .dsp-row .albums li .dspdp-btn-danger:hover{
    text-decoration: underline !important;
}
.setting-page__disable ul li:first-child{
    width: 50%;
}
.setting-page__disable ul li:last-child{
    width: 100%;
}
.lm-setting-page .btn-blue-wrap{
    margin-top: 40px;
}
.members_part_loggedinuser .top-members-content .top-members-title{
    display: none;
}

.members_part_loggedinuser .top-members-content h3{
    color: var(--main-color);
    margin-top: 80px;
    padding-bottom:0;
}

#dsp_plugin .dc_view_gifts .image-container .circle-image img{
    height: 100px;
    width: 100px;
}

.widget_love_match_top_members .member-image img:hover{
    border: 3px solid var(--main-color);
    opacity: 1;
}

.dc_view_alerts .image-container .dsp-friend-image-holder{ float: left; width: 20%; margin-top: 45px; }
.dc_view_alerts .image-container .dsp-friend-info{ float: right; width: 78%; }
.dsp-friend-info .lm-alerts-members-details p{ text-align: left; padding-left: 8px; margin-top: 10px; }

.dc_view_alerts .dsp_name .dspdp-btn-success, .dc_view_alerts .dsp_name .dspdp-btn-danger{ width: 180px !important; }
.dc_view_alerts .dspdp-h5{ font-size: 16px; color: #ff0046; font-weight: 600; }

#dsp_plugin .rating-box li img{
    padding-bottom: 10px;
}
#dsp_plugin .rating-box{
    margin-bottom: 20px;
    padding-bottom: 50px;
}
.members_part_loggedinuser{
    padding: 0 20px;
}

.profile-detail .heading-row .heading-profile{ margin: 0px 0 0 0px; }
.box-profile-link{ padding-bottom: 30px; position: relative; }
.box-profile-link .menus-profile{
    position: absolute;
    left: 170px;
    top:100px;
    width: 300px;
}
.dspdp-list-sign .zodic-sign{ text-align: center; }

.profle-detail .dspdp-list-sign{
    padding-top: 20px;
    border-top: 1px solid #777;
}

.profile-user-info li .dspdp-bold {
    font-weight: 700;
    width: 35%;
    float: left;
}

/*member after login End*/

/* Blog Page Start*/

.lm-standard-blog .entry-content {
    padding-left: 70px;
}


.lm-standard-blog {
    height: 320px;
}

.lm-standard-blog .entry-content .blog-entry-meta .fancy-date {
    width: 60px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 5px 10px;
    height: 60px;
    float: left;
    background-color: var(--main-color);
    border-radius: 50%;
}

.lm-standard-blog .entry-content .blog-entry-meta .fancy-date .entry-month {
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 2px solid #fff;
}

.lm-standard-blog .entry-content .blog-entry-meta .fancy-date .entry-date {
    padding-top: 5px;
}

.lm-standard-blog .entry-content .blog-entry-meta .blog_entry_title_part {
    text-align: left;
    padding-left: 90px;
    color: #000;
    line-height: 30px;
}

.lm-standard-blog .entry-content .blog-entry-meta .blog_entry_title_part h1 {
    margin: 5px;
}

.lm-standard-blog .entry-content .blog-entry-meta .blog_entry_title_part h1 a {
    color: #000;
    line-height: 30px;
}

.lm-standard-blog .entry-content .blog-entry-meta .blog_entry_title_part .blog-date span.author a {
    text-decoration: none;
    color: var(--main-color);
    font-size: 15px;
    font-weight: 600;
}

.lm-standard-blog header .post-thumbnail {
    width: 456px;
    height: 290px;
    overflow: hidden;
}

.lm-standard-blog .entry-content .blog_content_area_list .descript-content {
    font-size: 16px;
    text-align: left;
    color: #000;
}

.blog_content_area_list a.read-more-btn {
    background-color: var(--main-color);
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 400;
    width: 210px;
    height: 40px;
    margin-top: 40px;
    /*border-radius: 0;*/
    text-transform: capitalize;
    padding: 0px;
}


.lm_blog_infinite_loop .lm-ajax-not-found {
    font-size: 14px;
    color: #9999B2;
    padding: 20px;
}

/* Blog page End */

/*shop page start*/
.woocommerce a.button.alt{background-color: var(--main-color); color: #fff; }
.woocommerce a.button.alt:hover{
    background-color: transparent;
    color: #000;
    border:2px solid var(--main-color);
}
.woocommerce a.button,.woocommerce-ordering ul li a.product_type_simple {
    background-color: var(--main-color);
    color: #fff;
}
.woocommerce a.button:hover{
    background-color: transparent;
    color: #000;
    border:2px solid var(--main-color);
}
.woocommerce-page ul.products li h2.woocommerce-loop-product__title{color: #363738;}
.woocommerce button.button.alt{background-color: var(--main-color);}
.woocommerce-info { border-top-color: var(--main-color);}
/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ min-height: 320px; }
*//*shop page end*/

/* Member list Page start*/
.dating-club-inner-search{
    border: 1px solid var(--main-color);
    padding: 35px 0 0 20px;
}
.dating-club-inner-search .dspdp-col-md-12{
    width: 25%;
    display: inline-block;
    float: left;
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-4{
    width: unset;
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-8
.dspdp-form-control{
    border: 1px solid #8e8989;
    background:unset;
    margin: 5px 0 0 0;
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-8
.dsp_submit_button {
    background-color: var(--main-color);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    float: left;
    text-transform: uppercase;
    /*padding: 10px*/
    margin:0 5px 0 0;
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-8 input#freebox{
    display: none;
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-8
.dsp_submit_button:hover{
    border:1px solid var(--main-color);
    background-color: unset;
    color: var(--main-color);
}
.dating-club-inner-search
.dspdp-col-md-12
.dspdp-form-group
.dspdp-col-sm-8
#autocomplete{ background-color: unset; }

.dsp-template-7
.home-container
.user-info-home
.dspdp-search-box
.search-heading-txt{
    text-align: center;
    padding-top: 25px;
    font-size: 22px;
    font-weight: 600;
    color: var(--main-color);
}

.member_list_search_section .dspdp-col-sm-offset-4{
    margin-left: 20%;
}

.members-slider .dspdp-spacer-md {
    text-align: center;
    padding: 30px 0 15px 0;
    font-weight: 700;
    font-size: 22px;
    color: var(--main-color);
}
.members-slider .heading-text{background-color: unset;}
.members-slider ul li span.user-details{
    font-size: 16px;
}
.members-slider ul li span.user-details span.age-text{
    color: var(--main-color);
    font-size: 14px;
}
.online-members-clm
.dsp-home-widget
.dsp-row
.dsp-online-member span.user-details{
    font-size: 16px;
}
.online-members-clm
.dsp-home-widget
.dsp-row
.dsp-online-member span.user-details span.age-text{
    color: var(--main-color);
    font-size: 14px;
}

.online-members-clm{ width: 100%; }
.online-members-clm
.dsp-home-widget
.dsp-row
.dsp-online-member{ width: 16.6%;
}
.online-members-clm .dspdp-spacer-md,
.online-members-clm .dsp-home-widget .dspdp-spacer-md{
    text-align: center;
    padding: 30px 0 15px 0;
    font-weight: 700;
    font-size: 22px;
    color: var(--main-color);
}
.online-members-clm .heading-text,
.online-members-clm
.dsp-home-widget
.dspdp-spacer-md
.heading-text{
    background-color: unset;
}
.online-members-clm
.dsp-home-widget{
    text-align: center;
}
.online-members-clm
.dsp-home-widget
.dspdp-btn-default{
    background-color: var(--main-color);
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 40px;
    margin: unset;
    text-align: center;

}

.online-members-clm
.dsp-home-widget
.dspdp-btn-default:hover{
    border:1px solid var(--main-color);
    background-color: unset;
    color: var(--main-color);
}
/* Member list Page end*/
/*member search start*/

#lm_logoutsaearch_home_on_click_infinite_loop .dsp-home-member .circle-image a img{
    width: 150px;
    height: 150px;
}

.lm-logout-members-page .dsp-tab-container{ display: none; }
.lm-logout-members-page .menus-profile{ display: none; }
.lm-logout-members-page .profile-image{ margin-top: 60px; }

.sm-clean > li > ul:after {
    border-color: transparent transparent #656565 transparent;
}

/**banner page animation **/
#section0 {
    position: relative;
}

/*.banner_header_img{
    animation:ease-in-out;
    background-image:url(http://pngimg.com/uploads/cloud/cloud_PNG25.png);
    background-repeat: no-repeat;
    height: 100%;
}*/
.bannerzoom{
    overflow: hidden;
    width: 100%;
    height: 712px;
    position: absolute;
}
.bannerzoom_in {

    text-align:center;
    background-size: auto;
    background-attachment: fixed;
    background-repeat: repeat;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 15s ease-in infinite;
    animation: zoomin 15s ease-in infinite;
    transition: all .75s ease-in-out;
    overflow: hidden;
    z-index: -1
}

/* The innermost element*/
.bannerzoom_out {
    text-align:center;
    background: none;
    -webkit-animation: zoomout 15s ease-in infinite;
    animation: zoomout 15s ease-in infinite;
    transition: all .75s ease-in-out;
    overflow: hidden;
}



/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.6);}
    100% {transform: scale(1);}
}
@keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.6);}
    100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
}/*End of Zoom out Keyframes */


.woocommerce a.button, .woocommerce-ordering ul li a.product_type_simple {
    background-color: var(--main-color);
    color: #fff;
    border: 2px solid var(--main-color);
}

/* preloader
==================================================*/
.home .no-js #loader { display: none;  }
.home .js #loader { display: block; position: absolute; left: 100px; top: 0; }
.home .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/preloader_new.gif) center no-repeat #fff;
}

.lost-password-page form input#user_n_email{
    width: 100% !important;
    border: 2px solid;
    height: 52px;
}

.lost-password-page form input#get-password{
    width: 100% !important;
    display: block;
    margin-top: 11px;
}
.lost-password-page form input#get-password:hover{
    background-color: #fff;
    color: #2d2d2f;
    width: 100% !important;
    border: 2px solid #2d2d2f;
}

/* login page */

.dsp_wlogin_page .widget_wp_sidebarlogin form input.text {
    width: 100%;
}

.main_member_page .members_afterlogin_bottom_content {
    width: 150%;
}

/** profile view page **/

.datingclub_profile_view_left_sidebar .profile-image {
    border-radius: unset;
}

.datingclub_profile_view_left_sidebar .menus-profile {
    position: relative;
    left: 0;
    top: 0;

}

.datingclub_profile_view_left_sidebar .profle-detail {
    display: block;
    margin-left: 0;

}
.datingclub_profile_view_left_sidebar .sidebar_about_me {
    clear: both;
}

.profile_view_bot_content {
    display: none;
}

/** profile view left sidebar */

.datingclub_profile_view_left_sidebar .profile-image {
    width: 173%;
    margin: 0 auto;
}

#dsp_plugin .menus-profile li {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    float: unset;
}

#dsp_plugin .menus-profile li span {
    color: var(--main-color);
    font-size: 22px;
}

#dsp_plugin .menus-profile li a {
    border: none;
}

#dsp_plugin .menus-profile a:hover {
    text-decoration: none;
    opacity: 0.8;
    background: none;
}

.datingclub_profile_view_left_sidebar .box-profile-link {
    padding-bottom: 0px;
}

.datingclub_profile_view_left_sidebar .profle-detail {
    position: relative;
    clear: both;
    text-align: center;
}

.datingclub_profile_view_left_sidebar .box_border .heading-row .heading-profile  {
    display: block;
    width: 100%;
    margin-top: 0;
    text-align: center;
}

.dc_member_name {
    margin: 0 auto;
    width: 100%;
    margin-top: 0px!important;
    padding-top: 5px;
    font-size: 20px;
}

#dsp_plugin .rating-row-ul, #dsp_plugin .empty-rate{
    border-top: none;
}

#dsp_plugin .empty-rate li {
    border: none;
    display: inline;
    float: none;
}

.datingclub_rating_scrore {
    padding-top: 15px;
}

#dsp_plugin .rating-box {
    margin-left: 30px;
    margin-bottom: 50px;
    padding-top: 9px;
    padding-bottom: 0px;
}

#dc_rating_btn {
    height: 40px;
    font-family: 'TT Norms';
    width: 56%;
    border-radius: 5px;

}

.sidebar_about_me {
    widows: 110%;
}
#dsp_plugin .linkright-view-profile-page {
    width: 100%;
}

#dsp_plugin .linkright-view-profile-page .dsp_span_pointer {
    background-color: transparent;
    color: var(--main-color);
    font-size: 14px;
    text-transform: none;
    display: inherit;
}

/*#dsp_plugin .linkright-view-profile-page a{
    display: inline-block;
    float: left;
    width: 38%;
    padding: 1px 0;
}*/

.datingclub_profile_view_left_sidebar .box-border{
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}


.left_profile_view_wrap {
    border: 2px solid #e2e4e8;
}

.datingclub_profile_view_left_sidebar .profile-image {
    padding-top: 10.5px;
}

.datingclub_profile_view_left_sidebar .dc_member_name {
    text-transform: uppercase;
    font-size: 20px;
    color: #282828;
}

#dsp_plugin #lm-member-content-area-right .lm-horizontal-menu .dsp_tab1-active a {
    padding: 0;
}

#dsp_plugin .datingclub_rating_scrore ul.rating-row-u {
    display: none;
}

#dsp_plugin .rating-row-ul li {
    border: none;
}


ul.rating-row-ul{
    border-top: none;
    font-size: 20px;
    color: var(--main-color);
    font-weight: bold;
    width: 65px;
}

.own-profile-rate  {
    color: var(--main-color);
    font-weight: bold;
    margin-bottom: 0;
}

#dsp_plugin .own-profile-rate .own_rating_one {
    color: var(--main-color);
    font-weight: bold;
    margin-bottom: 0;
}

#dsp_plugin .profile-user-info{
    padding-left: 20px;
}

#dsp_plugin .zodic-sign .own_rating_one{
    text-align: left;
    padding-left: 20px;
}

.profle-detail .dspdp-list-sign {
    border-top: 2px solid #e2e4e8;
    border-bottom: 2px solid #e2e4e8;
    padding-bottom: 20px;
}

.other-details .heading-profile {
    padding-bottom: 15px;
    margin-top: 10px;
}

.other-details {
    padding-left: 15px;
}

#dsp_plugin .dating_line .dsp_tab1 a{
    color: #000;
    font-size: 18px;
    font-family: 'TT Norms';
    font-weight: 500;
    padding: 5px 10px;
    text-align: center;
}

#dsp_plugin .dating_line .dsp_tab1-active {
    background-color: transparent;
}

#dsp_plugin .dating_line .dsp_tab1-active a {
    background-color: transparent;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 2px solid #000!important;
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 0;
}

.lm-view-profile-page .dating_line .dsp_user_profile_name_head {
    background-color: transparent;
}

.dc_news_feed_page .box-border:first-child{
    display: none;
}

.timeline_view{
    display: none;
}

#lm-member-content-area-right .dsp-news-feed-container {
    overflow: auto;
    max-height: inherit;
    background-color: transparent;
}

#lm-member-content-area-right .dsp-news-feed-container .wpse_pagination {
    display: none;
}

#lm-member-content-area-right .dsp-news-feed-container .heading-feed {
    text-align: left;
}

#lm-member-content-area-right  .dspdp-bordered-item img {
    width: 78px!important;
    height: 78px!important;
}

#lm-member-content-area-right .dspdp-bordered-item{
    font-family: 'TT Norms';
    color: #000;
}

#lm-member-content-area-right .dspdp-bordered-item span{
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'TT Norms';
}

#lm-member-content-area-right .members_afterlogin_bottom_content{
    display: none;
}

.dc_comment_profileview {
    padding-left: 30px;
}

.dc_comment_profileview .heading-profile {
    font-size: 30px;
    font-family: 'TT Norms';
    text-transform: uppercase;

}

.comment_img_left {
    width: 12%;
    display: inline-block;
    float: left;
}

#dsp_plugin .dc_comment_profileview .comment_img_left img {
    width: 78px;
    height: 78px;
    border-radius: 50%;
}

.dc_comment_profileview .top_path a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-family: 'TT Norms';
    vertical-align: middle;
    padding-right: 20px;
}

.dc_comment_profileview .heading-row {
    padding-bottom: 30px;
}

#dsp_plugin .dc_comment_profileview .dspdp-label:hover{
    text-decoration: none;
}

#dsp_plugin .dc_comment_profileview .comments-box li{
    border: 1.5px solid #e2e4e8;
    padding: 20px 5px 40px 15px;
    margin-bottom: 20px;
}

.add-comment span{
    font-weight: bold;
}

.dspdp-list-sign h3{
    padding-left: 17px;
    width: 98%;
    text-align: left;
    line-height: 1.2;
}

.datingclub_banner_content strong{
    font-size: 102px;
    font-weight: bold;
    line-height: 119px;
}

/** additional css for fine design **/
.active_member_singe_wrap_homea {
    text-align: center;
}

.shop_text_section h3{
    margin-top: 0px;
}

.shop_text_section h2{
    margin-top: 5px;
    margin-bottom: 25px;
}

.homepage_shop_wrap .shop_wrap .shop_image_section {
    width: 47%;
}

.top_members_outer_wrap .top-members-title {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.top_members_outer_wrap  .top-members-title {
    margin-bottom: 25px;
}

.blog-section-wrap p.content-title {
    padding-left: 0px;
}

.blog-section-wrap .content-title {
    margin-top: 30px;
}

#dsp_plugin .submit-chat-form .dspdp-btn{
    height: 44px;
}

.page-template-template-member-list .members-slider ul li span.user-details {
    text-transform: uppercase;
}

.page-template-template-member-list .members-slider ul li span.age-text {
    text-transform: initial;
}

.page-template-template-member-list .online-members-clm .dsp-home-widget .dsp-row .dsp-online-member span.user-details {
    text-transform: uppercase;
    padding-top: 11px;
}

.page-template-template-member-list .online-members-clm .dsp-home-widget .dsp-row .dsp-online-member span.age-text {
    text-transform: initial;
}

#dsp_plugin .lm-search-page .image-container, #dsp_plugin .lm-extras-page .image-container, #dsp_plugin .lm-my-matches-page .image-container, #dsp_plugin .lm-loggedout-online-members .image-container, #dsp_plugin #lm-g-search-result .image-container {
    min-height: 277px;
    border: none;
}

.user-name-show, .img-name {
    text-overflow: ellipsis;
    overflow: initial;
}

#dating-theme-call-to-action-middle {
    padding: 0 10px;
}

.page-template-template-member-list .dspdp-form .dspdp-row .dspdp-btn-group input[type="submit"], .page-template-template-member-list .dspdp-form .dspdp-row .dspdp-btn-group input[type="button"] {
    background-color: var(--main-color);
    color: #ffffff;
    margin-bottom: 11px;
}

.page-template-template-member-list .dspdp-form .dspdp-row .dspdp-btn-group input[type="submit"]:hover, .page-template-template-member-list .dspdp-form .dspdp-row .dspdp-btn-group input[type="button"]:hover {
    background-color: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    margin-bottom: 11px;
}

.page-template-template-member-list .dspdp-form .dspdp-control-label {
    font-size: 14px; font-weight: 500;
}


.lm-logout-members-page .heading-profile.dspdp-h3.dspdp-box-title.dspdp-pull-left {
    margin-top: 0
}

.lm-logout-members-page.lm-dsp-members .blog-detail-content {
    margin-top: 10px;
}

#login-menu.sm-clean {
    padding: 18px 0;
    padding-top: 28px;
}

.logged-in .dclogin , .logged-in .dcregister {
    display: none;
}

/* homepage section */
.page-template-template-homepage section.dc_scroll {
    position: relative;
    width: 100%;
}
.page-template-template-homepage .dc_header_outer_wrap {
    display: table;
    width: 100%;
    height: 100%;
}
.page-template-template-homepage .dc_header_inner_wrap {
    display: table-cell;
    vertical-align: top;
}

.page-template-template-homepage #dating-theme-active-member{
    display: table;
    width: 100%;
    height: 100%;
}
.page-template-template-homepage .widget_love_match_active_members {
    display: table-cell;
    vertical-align: middle;
}

.page-template-template-homepage .shop_event_inner_wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.page-template-template-homepage .section_wrap_community{
    display: table-cell;
    vertical-align: middle;
}

.page-template-template-homepage #datingtheme-top-members {
    display: table;
    width: 100%;
    height: 100%;
}

.page-template-template-homepage .widget_love_match_top_members {
    display: table-cell;
    vertical-align: middle;
}
.page-template-template-homepage .footer_section_wrap {
    display: table;
    width: 100%;
    height: 97%;
}

.page-template-template-homepage .footer_section_wrap_inner {
    display: table-cell;
    vertical-align: bottom;
}

#dating-theme-blog-section {
    margin-top: 8%;
}


/**
======================================================
New design layouts
======================================================
**/

.lm-login-menu ul.lm-login-user-details{
    width: 100%;
}


.lm-login-user-details img.img.img-circle {
    width: 40px;
    height: 40px;
}

.dc_user_name_top{
    font-size: 16px;
    color: #282828;
    font-family: 'TT Norms';
    padding-left: 10px;
    font-weight: 500;
}

.lm-login-user-details i{
    font-size: 18px;
    padding-left: 3px;
    color: #282828;
    vertical-align: middle;
}

.dc-without-login-wrap .lm-menu-profile-image {
    margin-top: 13px;
}

.dc-without-login-wrap .lm-menu-profile-submenu {
    top: 58px;
}

/** member new layout **/
.dc_member_header_outerwrap .col-md-12 {
    padding: 0;
}
.dc_member_header_wrap {
    background-size: cover;
    width: 100%;
    height: 239px;
    background-repeat: no-repeat;
}

.dc_header_txt_part {
    padding-left: 275px;
    padding-top: 170px;
}

.dc_header_txt_part a{
    font-size: 38px;
    font-weight: 500;
    text-transform: capitalize;
    color: #f1f1f1;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
}

.dc_header_txt_part .dc_head_loc {
    color: #f1f1f1;
}

.dc_member_header_menu_outerwrap {
    border: 1px solid #ebebeb;
}

.dc_member_header_menu_outerwrap .img-square{
    /*width: 209px;
    height: 236px;*/
    width: 209px;
    height: 209px;
    position: absolute;
    top: -170px;
    left: 30px;
    border: 2px solid #fff;
}

#dsp_plugin .dc_member_menu .member_menu_tab a{
    color: #292929;
    font-family: 'TT Norms';
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 14px;

}

#dsp_plugin .dc_member_menu .member_menu_tab.dsp_tab1-active a{
    color: var(--main-color);
    font-family: 'TT Norms';
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 14px;
}

#dsp_plugin .dc_member_menu .member_menu_tab a:hover{
    color: var(--main-color);
    font-family: 'TT Norms';
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid #989f9f;
    padding-bottom: 14px;
}

#dsp_plugin .dc_member_menu .member_menu_tab a:hover i{
    color: var(--main-color);
}

#dsp_plugin .dc_member_menu .member_menu_tab i{
    vertical-align: top;
    padding-top: 2px;
    padding-left: 2px;
}

.dc_member_menu .member_menu_tab  {
    padding: 18px 10px;
}

.dc_member_menu .member_menu_tab.dsp_tab1-active {
    background-color: transparent;
}

#dsp_plugin .dc_member_menu .member_menu_tab_more a:hover {
    border-bottom: none;
}

.member_menu_tab_more {
    position: relative;
}

.member_menu_tab_more:hover .member_sub_menu {
    display: block;
    width: 170px;
    line-height: 28px;
}

.member_sub_menu {
    display: none;
    background-color: #fff;
    padding: 10px 15px;
    line-height: 1.6;
    border: 1px solid #f4f4f4;
    box-shadow: 2px 3px 4px #f4f4f4;
    position: absolute;
    z-index: 99;
    top: 40px;
}

.member_sub_menu li:hover{
    background: #989f9f;
}

.member_main_section {
    margin-top: 40px;
}


/** sidebar members page */
.square-image-viewme img {
    width: 45px;
    height: 50px;
}

#dsp_plugin .dc_view_me_members .box-border{
    border: 1px solid #ebebeb;
}

#dsp_plugin .dc_view_me_members .dsp-member-container {
    min-height: inherit;
}

#dsp_plugin .lm-viewedme-pagination-node h3{
    margin-top: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}

.view_me_img_wrap {
    padding: 0px;
}

#dsp_plugin .dc_view_me_members .image-container {
    margin-bottom: 3px;
    padding-bottom: 0px;
}

.dc_quick_search_members form{
    border: 1px solid #ebebeb;
    padding-bottom: 70px;
}

#dsp_plugin .dc_quick_search_members #dp-search-main-title h4{
    font-weight: 600;
    color: #282828;
    padding-top: 20px;
    margin-bottom: 6px;
}

.dc_quick_search_members select, .dc_quick_search_members input {
    background-color: #f1f1f1;
}

.dc_quick_search_members select:focus{
    outline: 1.5px solid var(--main-color);
}


.dc_quick_search_members .dsp_submit_button {
    width: 100%;
    margin-top: 5px;
}

#dsp_plugin .dc_online_members_memberpage img {
    width: 48px;
    height: 50px;
    margin: 5px 5px;
    display: inline-block;
    border-radius: 50%;
}

#dsp_plugin .dc_online_members_memberpage{
    margin-top: 25px;
    border: 1px solid #ebebeb;

}

#dsp_plugin .dc_online_members_memberpage h4{
    font-weight: 600;
    color: #282828;
    padding-top: 14px;
    padding-left: 16px;
    padding-bottom: 6px;
    text-transform: uppercase;
}

.dc_online_inner_wrap {
    padding-left: 8px;
    padding-bottom: 10px
}

#dsp_plugin .Status-box-profile input[type="text"]{
    min-height: 82px;
    background-color: #f8f8f8;
    color: #2d2d2f;
}

#dsp_plugin .Status-box-profile .update-row .dspdp-btn {
    background-color: var(--main-color);
    width: 174px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
}

#dsp_plugin .dc_member_menu .member_menu_tab .member_sub_menu a{
    font-weight: 400;
    line-height: 25px;
}

.news-feed-page .hide_login_logout {
    display: none;
}

.dc_newsfeed_wrap .dspdp-list-bordered li, .dc_newsfeed_wrap .dspdp-bordered-item {
    padding: 15px 10px;
    border-bottom: none;
}

#dsp_plugin .news-feed-page li img{
    width: 48px;
    height: 50px;
    border-radius: 2px;
}

.dspdp-bordered-item span {
    margin: 0 5px;
}

#dsp_plugin .news-feed-page .status_wrap{
    font-size: 16px;
    font-weight: 400;
    font-family: 'TT Norms';
}

#dsp_plugin .news-feed-page .status_wrap span{
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

#dsp_plugin .news-feed-page li{
    background-color: #f9f9f9;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    margin-bottom: 20px;
}

.Status-box-profile .my-status p span{
    font-size: 18px;
}

.Status-box-profile .my-status p {
    padding: 10px;
    margin-bottom: 0px;
}

#lm-dating-top-member-tab {
    padding-left: 0px;

}

.home #lm_blog_infinite_loop {
    margin-top: 50px;
}

.logged-in.home .dc_user_name_top, .logged-in.home .lm-menu-profile-image i {
    color: #fff;
}

#dsp_plugin .news-feed-page li .profile_photo_newsfeed {
    width: 100px;
    height: auto;
    margin-left: 77px;
    border: 2px solid #fff;
    padding: 2px;
}

.dc_newsfeed_wrap .dspdp-bordered-item{
    padding-bottom: 0px;
}

img.profile_photo_newsfeed:hover {
    cursor: default;
}

#dsp_plugin .news-feed-page li {
    padding-bottom: 15px;
}

/* user */

.lm-logout-members-page i.fa.fa-user {
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 4px 0px 0px 1px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 31px;
    overflow: hidden;
}

.home.lm-logout-members-page i.fa.fa-user {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 4.5px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 31px;
    overflow: hidden;
}

#arrow-login{
    color: #3e454a;
}

.home.lm-logout-members-page i{
    color: #fff;
}

#dp-register-password #username,
#dp-register-username #password,
#dp-register-email #email{
    border: none;
}

.dc-without-login-wrap .lm-menu-profile-image {
    margin-top: 5px;
}


.dc-arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;

    border-bottom: 8px solid #fff;

    position: absolute;
    right: 5px;
    top: -8px;
}

#dsp_meet_me_box_widget .user-meetto-info {
    padding: 0 18px;
}

#dsp_plugin #news_feed_box .wpse_pagination .disabled {
    background: var(--main-color);
    height: 28px;
    line-height: 25px;
}

#dsp_plugin #news_feed_box .wpse_pagination .current {
    background: #7489de;
    color: #fff;
    height: 28px;
    line-height: 27px;
}

#news_feed_box .wpse_pagination a, #news_feed_box .wpse_pagination span, #news_feed_box .wpse_pagination .current, #news_feed_box .wpse_pagination .disabled {
    padding: 1px 10px;
    border-radius: 3px;
    margin: 0 1px;
}

.lm-dsp-members .members_part_loggedinuser {
    margin-top: 50px;
}

#dsp_plugin .message_notification_wrap li{
    display: inline-block;
    padding: 18px 10px;
}

#dsp_plugin .message_notification_wrap .dc_msg a, #dsp_plugin .message_notification_wrap .dc_notification a {
    display: block;
    height: auto;
    border: 1px solid #dfe1f3;
    padding: 2px 12px;
    border-radius: 2px;
}

#dsp_plugin .message_notification_wrap .dc_msg a:hover, #dsp_plugin .message_notification_wrap .dc_notification a:hover {
    border: 1px solid var(--main-color);
}



#dsp_plugin .message_notification_wrap .dc_edit_profile a{
    display: block;
    color: #fff;
    background-color: var(--main-color);
    padding: 3px 11px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 25px;
}

#dsp_plugin .message_notification_wrap .dc_edit_profile a:hover{
    text-decoration: none;
    opacity: 0.9;
}

.home #lm-login-menu .lm-menu-profile-submenu .lm-menu-login a{
    color: #000;
    border: 1px solid #e7e7e7;
    padding: 8px 33px;
    margin-top: 13px;
    margin-bottom: 0px;
    display: block;
}

#lm-login-menu .lm-menu-profile-submenu .lm-menu-login a{
    color: #000;
    border: 1px solid #e7e7e7;
    padding: 8px 33px;
    margin-top: 13px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}


#lm-login-menu .lm-menu-profile-submenu .lm-menu-login a:hover {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.message_notification_wrap .dc_notification span.notification-count{
    color: #fff;
    position: absolute;
    top:10px;
    background-color: var(--main-color);
}

.dc_content_header_wrap h2{
    background-color: #f0f0f0;
    margin: 0;
    padding: 15px 0;
}

.dc_content_header_wrap {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
}

#dsp_plugin .fileupload-buttonbar span.btn-success{
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    border-radius: 4px;
}
#dsp_plugin .fileupload-buttonbar button.btn-primary {
    color: #fff;
    background-color: green;
    border-color: green;
    border-radius: 4px;
}
#dsp_plugin .fileupload-buttonbar button.btn-warning {
    color: #fff;
    background-color: #696868;
    border-color: #696868;
    border-radius: 4px;
}
#dsp_plugin .table-striped  button.btn-danger{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
    border-radius: 4px;
}


.table-striped .files tr td {
    vertical-align: middle;
}
.table-striped .files tr td p a{
    color: #000;
}

.dc_frnd_list .friend_list{
    background-color: #f8f8f8;
    padding-left: 0;
    width: 48%;
    margin: 1%;
}
.dc_frnd_cont_right .dc_name{
    font-size: 18px;
    font-weight: 700;
}
.dc_frnd_cont_right .dc_name span.frnd_age{
    padding-left: 15px;
}
.dc_frnd_cont_right .dc_country{
    font-size: 14px;
    font-weight: 500;
    opacity: 0.5;
    line-height: 30px;
}
.dc_frnd_cont_right .status_online{
    color: #6fb353;
    font-size: 18px;
    font-weight: 500;
}
.dc_frnd_cont_right .dc_frnd_btn{
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #dcd4d4;
    margin-top: 10px;
}
.dc_frnd_cont_right .dc_frnd_btn .dc_friend{
    padding-right: 45px;
}
.dc_frnd_cont_right .dc_frnd_btn .show_unfriend_btn{
    border-left: 2px solid #969090;
    padding-left: 10px;
}
.dc_frnd_cont_right .dc_frnd_btn a{
    color: var(--main-color);
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    padding-left: 20px;
}


#dsp_plugin .dc_member_menu .dc_active_member a{
    color: var(--main-color);
    font-family: 'TT Norms';
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid #989f9f;
    padding-bottom: 14px;
}

.dc_photo_wrap .dc_gallary_view {
    width: 220px;height: 160px;
}

.dc_content_header_wrap h2{
    font-size: 24px;
    font-weight: 600;
    padding-left: 20px;
    color: #292929;
}

.dc_edit_profile_wrap .col-md-3 {
    border: 1px solid #eaeaea;
}

/* friend page */
.dc_frnd_img_left img{
    width: 175px;
    height: 209px;
}

.dc_frnd_img_left {
    float: left;
}

.dc_frnd_cont_right {
    float: left;
    padding-left: 25px;
    padding-top: 25px;
}

#dsp_plugin .dc_member_menu .member_sub_menu .dc_active_member a {
    border-bottom: none;
}
.video-list video{
    width: 100%;
    height: auto;
}

#dp-search-by-geographpy select {
    letter-spacing: 0.1px;
}

option {
    font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#dating-theme-subscribe-section .es-field-wrap input[type="text"]{
    display: none;
}

/* members about me section start*/
#dsp_plugin .profle-detail .dsp-content ul.dsp-user-detail-info li{
    border-bottom:none;
}
.profle-detail .heading-row .heading-profile{

}

#dsp_plugin .dsp-user-img-container{
    display: none;
}
#dsp_plugin .profle-detail{
    margin-left: 15px;
    text-transform: capitalize;
}
#dsp_plugin .other-details{
    text-transform: capitalize;
}

.dc_edit_about_wrap .about_us_basic_info h3{
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
    padding-left: 30px;
}
#dsp_plugin .dsp-profle-detail  .heading-row{
    display: none;
}
#dsp_plugin .dspdp-other-details li{
    border-bottom: none;
}
/* members about me section end*/

/* members search page start*/

#dsp_plugin .search_inner_wrap .quick_search{
    background-color: #fff;
}
#dsp_plugin .quick_search .search_btn button,
#dsp_plugin .advance_search .dsp_filter_btn button{
    background-color: var(--main-color);
    color: #fff;
    border-radius: 4px;
    padding: 8px 50px;
    margin-top: 2.5%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
#dsp_plugin .quick_search label{
    text-transform: capitalize;
}
#dsp_plugin .quick_search select,
#dsp_plugin .quick_search input{
    background-color: #f9f9f9;
    border: 1px solid #e8e6e6;
    width: 100%;
}
#dsp_plugin .search_inner_wrap .advance_search{
    padding-top: 20px;
}
#dsp_plugin .search_inner_wrap .advance_search .dsp_pictures_only{
    padding-top:10px;
}
#dsp_plugin .advance_search .dsp_pictures_only input#with_pictures,
#dsp_plugin .advance_search .online_only input#online_only,
#dsp_plugin .advance_search .save_search input#save_search{
    margin-right: 10px;
}
#dsp_plugin .advance_search .dsp_pictures_only label,
#dsp_plugin .advance_search .online_only label,
#dsp_plugin .advance_search .save_search label{
    font-size: 13px;
    opacity: 0.8;
}
#dsp_plugin .advance_search #search_name{
    background-color:#f9f9f9;
    border: 1px solid #e8e6e6;
}

#dsp_plugin .search_inner_wrap .advance_search h4.advance_search_title{
    font-size: 14px;
    font-weight: 700;
    color: #282828;
}

#dsp_plugin .search_inner_wrap .ScrollStyle{
    padding-top: 40px;
    max-height: unset;
    overflow: unset;
}

.advance_search #filter_search_form select{
    background-color: #f9f9f9;
    border: 1px solid #e8e6e6;
}
#results .search_single_wrap .search_text_part li{
    display: inline-block;
    padding: 0 15px;
    padding-left: 8px;
}
#results .search_single_wrap .search_text_part li a{
    color: #000;
}
#results .search_single_wrap li.user_status{
    text-align: center;
    position: absolute;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    bottom: 60px;
    left: 0;
    right: 0;
}
#results .search_single_wrap .search_text_part li.username{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
#results .search_single_wrap .search_text_part{
    padding-top: 5px;
}
#results .search_single_wrap .search_text_part li.age{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    float: right;
}
#results .search_single_wrap .search_text_part li.country{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    opacity: 0.5;
    text-align: center;
}
.search_result_user{
    min-height: 257px;
}

/* members search page end*/
/*members audio section start */
#dsp_plugin .audio_delete a.dspdp-btn,
#dsp_plugin .row-delete a.dspdp-btn{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    width: unset;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    text-transform: capitalize;
}

/*members audio section end */

/*members edit profile section start */
.dc_edit_profile_wrap .edit_profile_details{
    padding-left: 0px;
}
.dc_edit_profile_wrap .dc_content_header_wrap{
    margin-bottom: 0px;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories{
    padding-left: 0;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li{
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li a{
    font-size: 16px;
    font-weight: 400;
    color: #292929;
    padding-left: 20px;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li.edit_profile_info a:hover{
    font-size: 16px;
    font-weight: 700;
    color: var(--main-color);
    padding-left: 20px;
    text-decoration: none;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li.edit_profile_info_active a{
    font-size: 16px;
    font-weight: 700;
    color: var(--main-color);
    padding-left: 20px;
    text-decoration: none;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li.edit_profile_info_active{
    border-left: 3px solid var(--main-color);
    padding-right: 10px;
}
#dsp_plugin .dc_edit_profile_wrap .edit_profile_categories ul.dc_sticky li.edit_profile_info_active a:after{
    font-family: "FontAwesome";
    content:'\f0da';
    display: inline-block;
    padding-right: 3px;
    color: var(--main-color);
    font-size: 20px;
    vertical-align: middle;
    font-weight: 900;
    float: right;
}

@media only screen and (max-width: 768px) {
    .edit_profile_categories {
        display: none;
    }
}

/*members edit profile section end */

/*add audio section start*/
.add_audio_section .audio_select span.add_audio{
    font-size: 16px;
    font-weight: 600;
}
.add_audio_section .add_audio_btn{
    margin-top:3%;
}
#dsp_plugin .add_audio_btn .dspdp-btn{
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.8;
    text-transform: capitalize;
}

/*add audio section end*/

/*add video section start*/
.add_audio_section .video_select span.add_audio{
    font-size: 16px;
    font-weight: 600;
}
.add_video_section .add_video_btn{
    margin-top:3%;
}
#dsp_plugin .add_video_btn .dspdp-btn{
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.8;
    text-transform: capitalize;
}

/*add video section end*/

/*timeline section start*/
.dsp-user-friends .dspdp-nav-tabs li a#update_new_news_feed_box{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    opacity: 0.7;
}
.dsp-user-friends .dspdp-nav-tabs li a#update_new_news_feed_box: active{
    color: var(--main-color);
}
/*timeline section end*/

/*messages section start*/
#dsp_plugin .dsp_vertical_scrollbar .email-page li a{
    color: #000;
    opacity: 0.8;
}
#dsp_plugin .dsp_vertical_scrollbar .email-page li span.name a{
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-weight: 500;
}
#dsp_plugin .dsp_vertical_scrollbar .email-page li span.name{
    color: #000;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 400;
}
#dsp_plugin .dc_email_wrap .dsp_tab1-active a{
    font-size: 16px;
    color: var(--main-color);
    font-weight: 700;
    border-radius: 4px;
}
#dsp_plugin .dc_email_wrap  .dsp_tab1 a{
    color: #292929;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
}

#dsp_plugin .dc_email_wrap,
#dsp_plugin .dc_email_wrap .dsp_tab1-active {
    background-color: unset;
}
#dsp_plugin .heading-submenu{
    padding: 10px 15px;
    font-size: 16px;
}

#dsp_plugin .box-border .box-pedding .heading-submenu{
    display: none;
}

#dsp_plugin .box-border .box-pedding .gift_header{
    display: block;
}

#dsp_plugin .line .dsp_tab1:hover a,
#dsp_plugin .dsp_tab1:hover a{
    color: var(--main-color);
    text-decoration: none;
}
#dsp_plugin .line .dsp_tab1 {
    padding-left: 0
}
#dsp_plugin .line .dsp_tab1-active {
    padding-left: 0;
}

#dsp_plugin .dsp-form .btn-delete{
    left: 0;
    text-align: center;
    right: 0;
}
#dsp_plugin .dsp-form .btn-delete input.dspdp-btn-warning{
    width: auto;
    height: 40px;
    text-transform: capitalize;
    border-radius: 4px;
}
#dsp_plugin .send-msg-page .dspdp-col-sm-8  strong input.dspdp-btn-default{
    width: auto;
    text-transform: capitalize;
    height: 40px;
    float: left;
    border-radius: 4px;
}
#dsp_plugin .dsp_back_inbox a{
    background: var(--main-color);
    color: #fff;
    width: auto;
    height: 40px;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;

}
#dsp_plugin .dsp_back_inbox a:hover{
    background: var(--main-color);
    color: #fff;
    width: auto;
    height: 40px;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;
}

#dsp_plugin .btn-row .dsp_submit_button{
    width: auto;
    height: 40px;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;
}
#dsp_plugin .btn-row{
    left: 0;
    right: 0;
    text-align: center;
}
#dsp_plugin .sent-message-page .msg-info ul li.age-text{
    color: #292929;
}
/*#dsp_plugin .dc_email_wrap .heading-submenu{
    padding-left: 30px;
}*/
/*messages section end*/

/*profile Trending section start*/
#dsp_plugin .image-container{
    box-shadow: none;
    border: 1px solid #d8d8d8;
}
#dsp_plugin .image-container:hover .img-name a {
    color: var(--main-color);
}

/*profile Trending section end*/

/*timeline section start*/
.dsp-user-friends h3.heading-feed{
    text-align: left;
}
.news-feed-page .dspdp-bordered-item p{
    padding: 10px 20px;
    font-size: 14px;
    color: #282828;
    display: inline-block;
    float: right;
    font-weight: 600;
}
#news-feed-page .timeline_content{
    padding: 20px;
}
#dsp_plugin .news-feed-page li{
    padding-bottom: 10px;
}
#dsp_plugin .news-feed-page .dspdp-bordered-item{
    padding-bottom: 0;
    margin-bottom: 0;
    border:none;
}
#news-feed-page .dspdp-bordered-item .video-box{
    padding: 20px;
}
#news-feed-page .news_feed_audio_box {
    width: 216px;
    height: 200px;
    border: 1px solid #d4cccc;
    margin: 20px;
    display: inline-block;
}
#dsp_plugin #news-feed-page .news_feed_audio_box p{
    text-align: center;
    display: block;
    float: none;
}
#dsp_plugin #news-feed-page span.status_wrap1{
    padding-left: 15%;
    font-size: 16px;
    font-weight: 500;

}
/*timeline section end*/


/*send winks section start*/
#dsp_plugin .dspdp-form-inline .msg{
    left: 0;
    right: 0;
    text-align: center;
}
#dsp_plugin .dspdp-form-inline .msg input.dspdp-btn-default{
    width: auto;
    height: 40px;
    border-radius: 1.2px;
    text-transform: capitalize;
}
/*send winks section end*/

/*alert Section start*/
#dsp_plugin .dsp_name .lm-alerts-approve,
#dsp_plugin .dsp_name .lm-alerts-reject{
    width: auto;
}
#dsp_plugin .lm-alerts-members-details .lm-alerts-members-description{
    white-space: normal;
    text-align: justify;
}
.dc_matches_list .dspdp-h5{
    font-size: 18px;
    font-weight: bold;
    opacity: 0.8;
}
.dc_matches_list .dsp-friend-image-holder{
    display: inline-block;
    width: auto;
    padding-right: 20px;
    padding-left: 10px;
    float: left;
}
/*alert Section end*/

/*chat Section start*/
#dsp_plugin .tab-content-members .dsp_tab1-active a{
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
}
#dsp_plugin .tab-content-members .dsp_tab1{
    color: #282828;
    font-size: 16px;
    font-weight: 500;
}

/*chat Section end*/

#dsp_plugin .dc_member_menu .member_menu_tab_more li a {
    border-bottom: none;
    color: #282828;
}


/** message notification **/

.member_main_section .box-page .msg {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}

#dsp_plugin .dspdp-btn-info, #dsp_plugin .dspdp-btn-info:hover {
    line-height: 4;
    background-color: var(--main-color);
}

.search_inner_wrap .box-pedding ul.save-search li a span.name{
    font-size: 14px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    text-decoration: none;
}
.search_inner_wrap .box-pedding ul.save-search li a span.delete{
    color: var(--main-color);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.dsp-search-result-item .user-status span strong a{
    color: var(--main-color);
    font-size: 16px;
}
#dsp_plugin .user-links ul li{
    display: inline-block;
    float: unset;
    width: auto;
}
.user-links ul li .dsp_fav_link_border a{
    color: var(--main-color);
}

.frnd_name a{
    color: #000;
}

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

video#sampleMovie:focus {
    outline: none;
}

.dc_sendwink_wrap .dspdp-spacer-sm strong{
    display: none;
}

.dc_sendwink_wrap .dspdp-form-control {
    border: 1px solid #424542;
    width: 150px;
}

#dsp_plugin .dc_sendwink_wrap input.dspdp-btn.dspdp-btn-default {
    width: 150px;
    height: 45px;
}

.dspdp-wink-sender .user-name-show {
    padding-left: 92px;
}

.dspdp-wink-sender .image-box.circle-image{
    margin-left: 10px;
}

.dspdp-wink-sender .user-name-show p.img-name, .dspdp-wink-sender .user-name-show p.description {
    margin-left: 0px;
    text-align: left;

}
/* Gift section start*/
#dsp_plugin .dc_gift_list .gift_items .circle-image img{
    width: 120px;
    height: 120px;
    margin-bottom: 0px;
    float: left;
}
#dsp_plugin .dc_gift_list .gift_items .img-name{
    float: left;
    text-align: left;
    margin-top: 3%;
}
#dsp_plugin .dc_gift_list .gift_items .show-comment img{
    display: inline-block;
    float: left;
}
#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links{
    float: right;
    margin-top: 5%;
}


#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-success,
#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-danger{
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 3px 11px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 25px;
    height: auto;
}
#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-success:hover{
    border: none;

}
#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-success{
    background-color: var(--main-color);
}
#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-danger{
    background-color: #5e6167;
}

#dsp_plugin .dc_gift_list .gift_items .show-comment span.lm-vg-links a.dspdp-btn-danger{

}
#dsp_plugin .dc_gift_list .gift_items .show-comment span.gift_approved{
    font-size: 16px;
    color: #000;
    opacity: 0.8;
    font-weight: 700;
    float: right;
    margin-top: 5%;
}

#dsp_plugin .dc_gift_list h3.heading-submenu {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 15px;
    margin-bottom: 0px;

}
#dsp_plugin .dc_save_search_wrap .image-container{
    padding-top: 0;
    /*    padding-top: 23px;
    */    position: relative;
}
#dsp_plugin .dc_save_search_wrap .image-container .img-box span.dspdp-online-status{
    position: absolute;
    right: 7px;
    top: 5px;
    text-align: right;
}
#dsp_plugin .dc_save_search_wrap .image-container .img-box img.img-big{
}
#dsp_plugin .dsp-search-result-item .dspdp-online-status .dspdp-status-off{
    height: 12px;
    width: 12px;
}
/* Gift section end*/

/* setting page start*/
#dsp_plugin .member_main_section .line{
    background-color: unset;
}
#dsp_plugin .member_main_section  .dsp_tab1-active{
    background-color: unset;
}
#dsp_plugin .member_main_section  .dsp_tab1-active a{
    font-size: 16px;
    color: var(--main-color);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 14px;
}
#dsp_plugin .member_main_section  .dsp_tab1 a {
    color: #292929;
    font-size: 16px;
    opacity: 0.9;
    font-weight: 700;
}
#dsp_plugin .member_main_section  .dsp_tab1:hover a {
    color: var(--main-color);
    text-decoration: none;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 14px;
}
/* setting page end*/
.theme-dating-club #loadMore {
    background-color: var(--main-color);
    box-shadow: none;
    border-radius: 4px;
}

.theme-dating-club #loadMore:hover {
    background-color: var(--main-color);
    color: #424542;
    font-weight: bold;
}

.widget_love_match_meet_me #dsp_meet_me_box_widget .error {
    width: 60%;
    background-color: none;
    margin: 0 auto;
}

.send-message-container .chat-sent-button {
    font-family: Lato, sans-serif;
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 6px 13px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px -6px;
    cursor: pointer;
}

#dp-register-terms-and-conditions{
    opacity: 0.8;
}

.sub_wrap_dating_form .create_account a{
    text-align: center;
    align-items: center;
    padding: 10px 20px;
    vertical-align: middle;
    background-color: var(--main-color);
    border-radius: 4px;
    font-size: 14px;
    width: auto;
    display: block;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
#registerform input{
    padding-left: 10px;
}
#registerform .col-md-12{
    margin-bottom: 0;
}

.lm-logout-members-page .dating-theme-search-overlay{
    top: 90px;
}
.lm-logout-members-page .datingclub_banner_content{
    display: none;
}

.lm-logout-members-page .datingclub_banner_bottom_content{
    display: none;
}

.meet-me-box #dating-theme-call-to-action-middle #love_match_meet_me-2 #dsp_meet_me_box_widget .meet-to-info{
    width: 100%;
}

.widget.widget_love_match_meet_me .widget-title {
    display: none !important;
}

.meet-me-box #dating-theme-call-to-action-middle #love_match_meet_me-2 #dsp_meet_me_box_widget .meet-to-info .image-box.dspdp-spacer-md.dsp-meetme-image {
    width: 226px;
    height: 180px;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .meet-me-box #dating-theme-call-to-action-middle #love_match_meet_me-2 #dsp_meet_me_box_widget .meet-to-info .image-box.dspdp-spacer-md.dsp-meetme-image {
        width: 226px;
        height: 180px;
        margin: 0 auto;
        }
    }

.user-chat-box .message-container .message-text{
    word-break: break-word;
}

.dc_sub_notification {
    display: none;
    background-color: #fff;
    padding: 10px 15px;
    line-height: 1.6;
    border: 1px solid #f4f4f4;
    box-shadow: 2px 3px 4px #f4f4f4;
    position: absolute;
    z-index: 99;
    top: 60px;
}

.dc_notification_more:hover .dc_sub_notification{
    display: block;
    width: auto;
    line-height: 28px;
}

#dsp_plugin .dc_notification_more .dc_sub_notification ul li{
    padding: 0px;
    width: 100%;
}
#dsp_plugin .dc_notification_more .dc_sub_notification{
    padding: 10px;
}
#dsp_plugin .dc_notification_more .dc_sub_notification ul li a .sub-notification-count{
    
}
#dsp_plugin .dc_notification_more .dc_sub_notification ul li a{
    border: none;
    color: #292929;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}
#dsp_plugin .dc_notification_more .dc_sub_notification ul li a:hover{
    border: none;
    background-color: var(--main-color);
    color: #fff;

}

@media (min-width: 1200px) {
    .page-template-template-homepage .footer_section_wrap{
        margin-top: 120px;
    }

}

.facebook-button {
    margin-top: 6px;
}

.facebook-button .btn-fb-login{
    width: 100%;
    height: 44px;
}

.dating-theme-search-overlay #dp-register-terms-and-conditions input:focus {
    outline: none;
}

.chat-container .chat_user_close:focus {
    outline: none;

}

.instant-chat .dc_member_header_outerwrap,
.instant-chat .dc_member_header_menu_outerwrap,
.instant-chat .site-footer,
.instant-chat .comment-wrap-outer{
    display: none;
}
.instant-chat .dc_content_header_wrap{
    margin-bottom: 0px;
}

.lm-logout-members-page .dating-theme-search-overlay input{
    height: 40px;
    background: #eaeaea;
}
.lm-logout-members-page .facebook-button .btn-fb-login{
    line-height: 36px;
}
.lm-logout-members-page .facebook-button .btn-fb-login a#fb-btn{
    line-height: 36px;
}
.lm-logout-members-page .facebook-button .btn-fb-login .title{
    font-size: 14px;
    font-weight: 600;
}
.lm-logout-members-page .facebook-button .btn-fb-login .icon{
    height: 24px;
}
.lm-logout-members-page .dating-theme-search-overlay .facebook-button{
    padding-bottom: 10px;
}
.lm-logout-members-page .sub_wrap_dating_form #registerform span:last{
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 16px;
}
#dp-register-terms-and-conditions{
    margin: 0px 15px 10px 15px;
    background: #a69c9c;
    padding: 10px;
}
#dp-register-terms-and-conditions #agbs{
    width: 14px;
}



/*Header section login form start*/
.loginbox {
        padding: 25px 0px 10px 0px;
        position: relative;
        } 
    .loginbox input {
        width: 42%;
        display: inline-block;
    }
    .loginbox input[type=email], .loginbox input[type=password], .loginbox input[type=text] {
        vertical-align: middle;
        max-width: 178px;
        width: calc(50% - 16px);
        margin: 0 0 0 8px;
        padding: 5px 8px;
        color: #000;
        border-radius: 4px;
        border: none;
        height: 44px;
        background-color: #fff !important;
    }
    #facebookLoginButton .fa-facebook{
        background-color: #fff;
        padding: 4px 8px;
        color: #337ab7;
        margin: 0 5px 0 0;
    }
    #appleLoginButton{
        background-color: #000;
        color: #fff;
    }
    #appleLoginButton .fa-apple{
        padding: 4px 8px;
    }
    .loginbox input{
        color: #fff;
    }
    .loginbox input:focus{
        border-radius: 4px;
    }
    .loginbox button {
        display: inline-block;
        vertical-align: middle;
        height: 44px;
        padding: 0 16px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        margin-left: 8px;
    }
    .loginbox a.aColor{
        color: #270703;
        font-size: 14px;
        margin-left: 10px;
        line-height: 30px;
    }
    .loginbox .btnColor {
        background-color: #b40000 !important;
        border: none !important;
    }

    .loginbox #fb-btn{
        display: inline-block;
        border-radius: 0;
        background: none;
        padding: 0;
        margin: 0;
        font-size: 14px;
        height: auto;
        line-height: initial;
        width: auto;
    }
    #front_footer_links .col-md-4{
        padding: 0;
    }
    #front_footer_links .textItem {
        background: #b40000;
        display: block;
        font-size: 24px;
        margin-right: 0;
        font-weight: 600;
        text-align: center;
        margin-bottom: 16px;
        color: #fff;
        min-height: 78px;
        padding: 20px 20px 32px 20px;
        text-align: center;
        height: 100%;
    }
    #front_footer_links .textItem .subText p{
        font-size: 12px;
        color: #fff;
    }
    #front_footer_links .textItem .headline {
        min-height: 60px;
    }
    #front_footer_links .row-flex{
        display: flex;
        flex-wrap: wrap;
    }
    .loginbox #fb-btn span.title{
        font-size: 14px;
        text-transform: capitalize;
    }
    .loginbox #fb-btn span.icon-fb{
        display: none;
    }
    .home .site-branding h1.site-title {
        float: unset;
        text-align: center;
        color: #282828;
        margin: 0;
    }
    .loginbox {
        padding: 7px 0px 10px 0px;
        position: relative;
    }
    .dc_logo_wrap,
    .loginbox{
        padding: 5px 0;
    }
    .site-branding{
        padding: 0px;
    }
/*Header section login form end*/



/*home page login/ register section design start*/
.login-register-form-section {
    max-width: 360px;
    margin: 15px auto;
    background-color: #1c1409;
    padding: 5px;
    border: 5px solid #877047;
}

    .login-register-form-section i {
        width: 10px;
    }

    .login-register-form-section .nav-tabs > li > a {
        color: var(--main-color);
        font-weight: 600;
        font-size: 14px;

    }
    .login-register-form-section .nav-tabs > li > a:hover {
        background-color: var(--secondary-main-color);
        border-color: var(--secondary-main-color);
        color: white;
    }
    .login-register-form-section .nav-tabs > li.active > a {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: white;
        font-weight: 600;
        font-size: 14px;
    }

    .login-register-form-section .nav-tabs > li > a, 
    .login-register-form-section .nav-tabs > li.active > a {
        width: 170px;
        text-align: center; 
        border-radius: 0;
        margin-right: 0;
    }

    .login-register-form-section .nav-tabs {
        padding-bottom: 10px;
        margin-bottom: 0px;
        border-bottom: none;
    }


    .login-register-form-section .btn-custom {
        width: 100%;
        background-color: #2abb9b;
        border-color: #2abb9b;
        margin-bottom: 0.5em;
        border-radius: 0;
    }

    .login-register-form-section .btn-custom:hover {
        width: 100%;
        background-color: #48A497;
        border-color: #2abb9b;
    }
    .login-register-form-section .form-group {
        padding: 0 30px;
    }
    .login-register-form-section #registerform input{
        border-radius: 0 4px 4px 0;
        height: 48px;
        margin: 0;
    }
    #registerform .input-group-addon,
    #login .input-group-addon{
        background-color: #fff;
        border: 1px solid #fff;
        color: #000;
        padding: 6px 12px;
        font-size: 20px;
        line-height: 18px;
        font-weight: 400;
    }
    .dating-theme-search-overlay1 #dp-search-main-title h4{
        display: none;
    }
    .dating-theme-search-overlay1 #dp-main-title-full-width{
        display: none;
    }
    #dp-register-terms-and-conditions #agbs {
        width: 14px;
        height: 22px;
        margin-right: 10px;
        cursor: pointer;
        transform: scale(1.3);
        -webkit-appearance: checkbox;
    }
    #dp-register-terms-and-conditions #agbs1 {
        margin-top: 0px;
    }
    #dp-register-terms-and-conditions .col-md-12{
        height: auto;
        padding: 0;
    }
    .sub_wrap_dating_form #registerform .create_account a{
        border-radius: 4px;
    }
    .sub_wrap_dating_form #registerform .facebook-button a{
        border-radius: 4px !important;
    }
    .login-register-form-section .widgettitle{
        display: none;
    }
    .login-register-form-section #login .box-border{
        padding: 0 10px;
    }
    .login-register-form-section #login input#user_login,
    .login-register-form-section #login input#user_pass{
        height: 42px;
        width: 100%;
        border-radius: 0px 30px 30px 0;
        margin: 0;
    }
    .login-register-form-section #login .submit #wp-submit {
        text-align: center;
        align-items: center;
        padding: 10px 20px;
        vertical-align: middle;
        background-color: var(--main-color);
        border-radius: 100px;
        font-size: 14px;
        width: 100%;
        display: block;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }
    .login-register-form-section #login .block a.btn-fb-login{
        display: block;
        border-radius: 100px !important;
        width: 100%;
        height: 44px;
        line-height: 35px;
        font-weight: bold;
        font-size: 14px;
    }

    .login-register-form-section #login .block a.btn-fb-login .title {
        color: #fff;
        line-height: 30px;
        padding: 0 10px;
        font-size: 14px !important;
        letter-spacing: 0.6px;
}
.dating-theme-search-overlay1 .login-register-form-section i.fa.fa-user,
.dating-theme-search-overlay1 .login-register-form-section i.fa.fa-lock,
.dating-theme-search-overlay1 .login-register-form-section i.fa.fa-envelope{
    color: #4e4d4d;
    border: none;
    border-radius: 0;
    padding: 0;
    width: unset;
    height: unset;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}
.login-register-form-section #login .form-group {
    padding: 0px;
}

.home .login-register-form-section .sidebarlogin_otherlinks li a {
    font-size: 15px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.login-register-form-section #login p.rememberme{
    margin: 0px 0px 15px 0px;
    background: #a69c9c;
    padding: 10px;
}
.sub_wrap_dating_form h2.title_section{
    text-align: center;
    color: #fff;
}
.sub_wrap_dating_form h2.title_section span{
    color: var(--main-color);
    font-weight: 700;
}
/*home page login/ register section design end

/*footer link section start*/
#front_footer_links{
    text-align: center;
    width: 100%;
}
#front_footer_links a{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

@media screen and (max-width: 1600px)and (min-width: 1200px){
    .home .login-register-form-section{
        margin-top: 3px;
    }
}

@media screen and (max-width: 480px){
    .home #fullpage{
        position: relative !important;
    }
    /*.home .dc_header_outer_wrap .dc_logo_wrap{
        width: 100% !important;
    }*/
    .home .dc_header_outer_wrap .dc_logo_wrap img.custom-logo{
        width:75%;
        height: auto; 
    }
    .home.lm-logout-members-page i{
        font-size: 14px;
    }
    
    .home #navbar-collapse-1 ul li a{
        border: none !important;
        font-weight: 500 !important;
        outline: none !important;
        box-shadow: none !important;
    }
    .site-branding a.custom-logo-link{
        padding-top: 0px !important;
    }
    #front_footer_links{
        position: unset;
    }
    #front_footer_links a{
        font-size: 14px;
        line-height: 24px;
    }
    .loginbox a.aColor,.loginbox #fb-btn span.title{
        font-size: 13px;
    }
    .main_member_page.dc-members-main-content{
        margin:15px 0 !important;
    }

    .linkListWrapper .linkList ul li a i{
        font-size: 32px;
    }
    .externalLinks .linkList{
        padding: 40px 0 0 0 !important;
    }
    .externalLinks .linkList.terms{
        padding: 15px 0 !important;
    }
    .externalLinks .linkListWrapper{
        border: none !important;
    }
    .externalLinks .linkList ul.footer_terms li {
        margin-bottom: 0;
        display: block;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }
}
@media screen and (max-width: 385px){
    .login-register-form-section {
        max-width: 100%;
    }
    .loginbox button{
        padding: 7px 1.2rem;
    }
    .login-register-form-section .nav-tabs > li{
        width: 48%;
    }
    .login-register-form-section .nav-tabs > li > a, 
    .login-register-form-section .nav-tabs > li.active > a{
        width: 100%;
    }
    .loginbox a.aColor,.loginbox #fb-btn span.title{
        font-size: 13px;
    }
    .loginbox .block .btn-fb-login span.title {
        font-size: 10px;
        padding: 0px;
        text-transform: capitalize;
    }
    .home #navbar-collapse-1 ul li a{
        margin-right: 0px;
    }
    .externalLinks .linkList:first-child ul li {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

/*footer link section end*/
.modal-backdrop{
    position: relative;
}


















#love_match_meet_me-2 .error{
    text-align: center;
    border-color: #ffffff;
    box-shadow: none;
    outline: 2px solid #fbf8f8;
    color: #000000;
    font-size: 14px;
    padding: 10px;
    font-weight: 600;
    margin-bottom: 15px !important;
    background-color: #fff;
    box-shadow: 0 13px 35px rgba(0,0,0,0.3);
}


/*responsive new design start*/
@media screen and (max-width: 480px){
.loginbox input[type="email"], .loginbox input[type="password"], .loginbox input[type="text"]{
    max-width: 94%;
    width: calc(100% - 16px);
    margin: 10px;
}
.loginbox span{
    width: 100%;
    text-align: center;
    margin:10px 0;
    display: block;
}
#facebookLoginButton,#appleLoginButton{
    width: 96%;
    margin-bottom: 10px;
}
}
/*responsive new design end*/

.login-register-form-section{
    margin: 10px 0 20px 0;
}

.login-register-form-section{
    background-color: unset;
    border: unset;
}
.login-register-form-section .nav-tabs > li > a{
    color: #fff;
}
.home.lm-logout-members-page .login-toggle-section {
    display: block;
    background-color: #b3b0b080;
    margin-top: 0;
    padding-top: 0px;
}
.login-register-form-section ul.nav-tabs{
    display: none;
}
#navbar-collapse-1{
    display: none !important;
}
.home #navbar-collapse-1{
    display: block !important;
}
#facebookLoginButton a{
    padding: 15px 0;
}
#navbar-collapse-1 ul li a.login-section-open i{
    transform: rotate(180deg);
}

@media  screen and (max-width: 770px){
    .login-toggle-section .loginbox form{
        text-align: left !important;
    }
    .home #navbar-collapse-1{
        display: inline-block !important;
    }
    .home .responsive-menu{
        display: inline-block;
        width: auto;
    }
    .loginbox input[type=email], .loginbox input[type=password], .loginbox input[type=text]{
        max-width: 164px;
    }
    .select_gender .col-md-6:last-child{
        padding-left: 15px !important;
    }
}
.select_gender .col-md-6:last-child{
    margin: 0;
    padding-left:0;
}
@media screen and (min-width: 1200px){
    .home .login-register-form-section{
        margin-left: 15%;
    }
}
@media screen and (min-width: 1600px){
    .home .login-register-form-section{
        margin-left: 22%;
    }
}
.title_search h2.header-text{
    color: #ffffff;
    text-shadow: 1px 1px 7px #000000;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
}

@media screen and (max-width: 480px){
    .loginbox input[type=email], .loginbox input[type=password], .loginbox input[type=text]{
        max-width: 95%;
    }
    .home .login-register-form-section{
        margin-left: 0;
    }
    .select_gender h2.header-text {
        color: #fff;
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        font-weight: 500;
    }
    .loginbox .row{
        display: inline-block;
        float: right;
    }
    .loginbox .row .col-sm-12 {
        width: auto;
        display: inline-block;
        float: right;
    }
    .loginbox a.aColor{
        margin-right: 12px;
        margin-top: 6px;
    }
    .title_search h2.header-text{
        color: #fff;
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        font-weight: 500;
        padding: 0px 25px;
    }
    .login-register-form-section,
    .dating-theme-search-overlay1 {
        padding: 0;
    }
	
    #registerform{
        width: 100%;
        background-color: var(--main-color);
        padding-top: 10px;
		margin-top: 135px;
    }
	
    .sub_wrap_dating_form{
        padding: 0 !important;
        padding-top: 44px !important;
    }
    .login-register-form-section {
        margin: 10px 0px 0px 0px;
    }
    .login-register-form-section{
        max-width: 100%;
    }
}

@media screen and (min-width: 770px){
    .home .site-branding h1.site-title {
        float:unset;
        text-align: center;
    }
}


#dsp-form-show-button a,
.sub_wrap_dating_form .create_account a{
    background-color: #11a3e4;
    background-size: cover;
    border-radius: 4px;
}
#dsp-form-show-button a:before,
.sub_wrap_dating_form .create_account a:before{
    background: url(images/knight-rider-dash.png)no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    z-index: 1;
    -webkit-animation: linear infinite;
    animation: linear infinite;
    animation-name: mymove;
    animation-duration: 1.2s;
    animation-delay: 2s;
}
#dsp-form-show-button a:after,
.sub_wrap_dating_form .create_account a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: 300px;
    height: 48px;
    margin-top: -4px;
}
@keyframes mymove {
  from {left: 10px;}
  to {left: 300px;}
}

.select_gender  .inputGroup label:after{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
    background-size: 140%;
}

.loginbox input::placeholder{
    color: #3C454C;
}
#registerform #dp-register-email .input-group-addon{
    font-size: 17px;
    padding: 6px 10px;

}

/*footer section start*/
.externalLinks{
    padding-bottom: 12px;
    background-color: #3a2c44;
}
.externalLinks .linkListWrapper {
    margin: 0 2%;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    text-align: left;
}
.externalLinks .linkList {
    display: inline-block;
    text-align: center;
    padding: 48px 0 0 0;
}
.externalLinks .linkList .headline {
    margin-bottom: 12px;
    color: #fff;
    font: 400 16px/22px "Open Sans",Arial,Helvetica,sans-serif;
    font-weight: 600;
}
.externalLinks .linkList ul {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.externalLinks .linkList ul li {
    display: inline-block;
    padding-right: 12px;
    margin-bottom: 8px;
    vertical-align: middle;
    color: #fff;
}
.externalLinks .linkList:first-child ul li {
    padding-right: 20px;
    padding-left: 20px;
}
.externalLinks .linkList ul li a {
    color: #fff;
    font-size: 32px;
    text-decoration: none;
}
.externalLinks .linkList ul.footer_terms li a{
    width: auto;
    padding: 0 20px 20px 0;
    margin: 0;
    font-size: 16px;
}
.externalLinks .linkList ul.footer_terms li{
    margin-bottom: 0;
}
.externalLinks .linkList ul.footer_terms{
    margin-bottom: 0;
}
.externalLinks .linkList.terms{
    background-color: #443053;
    margin: 30px 0;
    padding: 15px 0;
}
#copyright {
    text-align: center;
    padding: 10px;
    color: #fff;
    font: 400 13px/18px "Open Sans",Arial,Helvetica,sans-serif;
}
#tuevLogo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 12px 10px;
    color: #fff;
    background-color: #385067;
    font: 400 13px/18px "Open Sans",Arial,Helvetica,sans-serif;
}
#tuevLogo a {
    height: 30px;
    margin: 0 12px;
    text-decoration: none;
    color: #fff;
}
#tuevLogo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 12px 10px;
    color: #fff;
    background-color: var(--main-color);
    font: 400 13px/18px "Open Sans",Arial,Helvetica,sans-serif;
}
#tuevLogo a img {
    width: auto;
    height: 100%;
}
/*footer section end*/
@media screen and (max-width:766px) and (min-width: 480px){
    .home .class-dating-theme-slider-with-searchform-overlay{
        width: 100%;
        position: relative;
        bottom: 0;
    }
    .sub_wrap_dating_form {
        padding: 0 !important;
        padding-top: 70px !important;
    }
    #registerform {
        width: 100%;
        background-color: var(--main-color);
        padding-top: 10px;
    }
    .home .login-register-form-section{
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .home .dating-theme-search-overlay1{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .home .title_search h2.header-text{
        font-weight: 500;
        font-size: 32px;
        padding: 10px 20px;
    }
    .home #fullpage #section0{
        background-size: 160% 453px !important;
        position: relative;
        height: auto;
        width: 100%;
        background-repeat: no-repeat;
        left: 0;
        right: 0;
        background-position: center top;
        top: 0;
    }
}

@media screen and (max-width:766px) and (min-width: 500px){
    .class-dating-theme-slider-with-searchform-overlay {
        margin-top: 38px;
    }
    .home .title_search h2.header-text{
        font-weight: 500;
        font-size: 32px;
        padding: 10px 136px;
    }
}
@media screen and (max-width:532px) and (min-width: 430px){
.home .title_search h2.header-text {
    font-weight: 500;
    font-size: 28px;
    padding: 10px 70px;
}
}

@media screen and (max-width: 480px){
    #dsp-form-show-button a:before,
.sub_wrap_dating_form .create_account a:before{
    background: url(images/knight-rider-dash.png)no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    z-index: 1;
    -webkit-animation: linear infinite;
    animation: linear infinite;
    animation-name: mymove;
    animation-duration: 1.2s;
    animation-delay: 2s;
}
    #dsp-form-show-button a:after,
    .sub_wrap_dating_form .create_account a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: 360px;
    height: 48px;
    margin-top: -4px;
}
@keyframes mymove {
  from {left: 10px;}
  to {left: 360px;}
}
}

#front_footer_links .row:before,
#front_footer_links .row:after{
	display: inline-block;
}

/*@media screen and (min-width:1900px){
    #front_footer_links .col-md-4{
        width: 33.31%;
    }
}*/

.micropayment-button-form{
    margin-top: 10px;
}

.micropayment-button-form img{
    border: 0;
    width: 150px;
    height: 36px;
    cursor: pointer;
}

.payment-info{
    font-size: 14px;
    padding-top: 10px;
}

.purchase-box{
    font-size: 15px;
    background-color: chartreuse;
    width: 122px;
    margin-left: 28px;
    height: 28px;
    border-radius: 25px;
}

.purchase-box strong{
    top: 4px;
    position: relative;
    left: 3px;
}

.cntLoadingAnimation {
    width: 100%;
    height: 30vh;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

article dl, article ol, article ul {
    margin-bottom: 1rem;
}

dl, ol, ul {
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    line-height: 1.2;
}

dl, ol, ul {

    list-style: none;
    line-height: 1.2;

}

button, input, keygen, select, textarea {
    border-radius: 0;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.modalContent .label, .modalContent label {
    font-size: .8rem;
}

.panel.providers {
    overflow: scroll;
    height: 600px;
}

.btns {
    display: inline-block;
    border: none;
    background-color: transparent;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-transition: background-color 240ms ease-in,color 240ms ease-in,border-color 240ms ease-in;
    transition: background-color 240ms ease-in,color 240ms ease-in,border-color 240ms ease-in;
    padding: .5rem .75rem;
    font-size: 1em;
    line-height: 1.25;
}

.icon, i {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    display: inline-block;
}

.icon-check::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.icon-close::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btnPrimary {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.btnDefaultInverted {
    color: #fff;
    background-color: #c8c8c8;
    border: 1px solid #c8c8c8;
}

.btnDefaultInverted.active, .btnDefaultInverted:active, .btnDefaultInverted:hover {
    background-color: #aeaeae;
}

.btnPrimary.active, .btnPrimary:active, .btnPrimary:hover {
    background-color: #c8c8c8;
}
.btnPrimary {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.hidden {
    display: none !important;
}

.btnPrimary {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}
.btnXL {
    padding: .75rem 1.5rem;
    font-size: 1.2em;
    line-height: 1.5;
}

.micropayment-form-table img{
    height: 36px;
}
















/* CSS-Stil für das Popup-Fenster */
.popup-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 25px 20px 0px 20px;
	border-radius: 5px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	max-width: 780px; /* Maximale Breite des Popup-Fensters */
	max-height: 550px; /* Maximale Höhe des Popup-Fensters */
	overflow-y: auto; /* Scrollleiste anzeigen, wenn der Inhalt zu groß ist */
	scrollbar-width: thin;
}

/* Schließen-Symbol */
.popup-close {
	position: fixed;
	top: 10px;
	right: 10px;
	font-size: 24px;
	color: #888;
	cursor: pointer;
	z-index: 9999;
}

/* Overlay-Stil */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}

.virtual-gift-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px; /* Kleiner Abstand oben zwischen den Geschenken */
}

.virtual-gift-list li {
	width: 125px;
	height: 125px;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.virtual-gift-list li img {
	max-width: 100%;
	max-height: 100%;
}

/* Schließen-Symbol (X) */
.close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	color: #555;
	cursor: pointer;
}

/* Submit-Button-Stil */
.submit-button {
	background-color: #fff;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.thumbnail {
	margin-right: 5px;
	width: 98px;
}

.submit-button-container {
	position: sticky;
	bottom: 0;
}

.thumbnails .image_picker_selector {
	max-height: 420px;
	padding: 20px 0px 0 20px;
	scrollbar-width: thin;
}

.submit-button-gift {
	opacity: 1.00 !important;
}






















.dspdp-form-group .error#message {
    padding: 10px;
}

.about_us_basic_info {
	display: none;
}

.dc_favorite_list .box-border {
	margin-top: -20px;
}

.favorites-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Abstand zwischen den Karten */
    justify-content: flex-start;
    padding: 10px 0;
}

.favorite-card {
    position: relative; /* Nötig, um das Online-Symbol absolut positionieren zu können */
    flex: 1 1 calc(20% - 10px); /* 5 Karten pro Reihe, 20% Breite pro Karte */
    max-width: calc(20% - 10px);
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    overflow: hidden;
    transition: transform 0.3s ease;
    min-width: 150px;
}

.favorite-card:hover {
    transform: translateY(-5px); /* Effekt beim Hover */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Profilbild */
.favorite-card .profile-img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1/1; /* Sicherstellen, dass das Bild quadratisch bleibt */
    object-fit: cover;
}

/* Online-Status in der oberen rechten Ecke */
.status-dot {
    position: absolute; /* Absolut positioniert, um es über das Bild zu legen */
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 12px; /* Etwas größer, damit es sichtbar ist */
    height: 12px;
    border-radius: 50%;
    border: 2px solid white; /* Weißer Rand, damit es sich vom Bild abhebt */
}

.status-dot.online {
    background-color: #28a745; /* Grün für online */
}

.status-dot.offline {
    background-color: #dc3545; /* Rot für offline */
}

/* Profilinfo */
.profile-info {
    padding: 10px;
}

.profile-name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
    text-align: left;
}

.divider {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 10px 0;
}

/* Layout für die Profilinformationen und Icons */
.profile-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Ländername mit ellipsis bei langem Text */
.profile-country {
    font-size: 14px;
    color: #666;
    text-align: left;
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    overflow: hidden; /* Schneidet überflüssigen Text ab */
    text-overflow: ellipsis; /* Zeigt "..." bei zu langem Text */
    max-width: 70%; /* Begrenzt die Breite des Landesnamens, damit die Icons Platz haben */
}

/* Flexibles Layout für die Icons */
.profile-icons {
    display: flex;
    gap: 10px;
    flex-shrink: 0; /* Verhindert, dass die Icons durch langen Text verkleinert werden */
}

.icon {
    font-size: 18px;
    color: var(--main-color);
    text-decoration: none;
    transition: color 0.3s ease;
	cursor: pointer;
}

.icon:hover {
    color: var(--main-hover-color);
	cursor: pointer;
}

/* Neue allgemeine Stile für die Alert-Meldungen */
.alert-message {
    width: 100%;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    border-radius: 5px;
    color: #000000; /* Schwarzer Text */
	font-weight: normal;
}

/* Fehlermeldung */
.alert-message.error {
    background-color: #d55f5f; /* Rot für Fehlermeldungen */
    border: 1px solid #b55252;
}

/* Erfolgsmeldung */
.alert-message.success {
    background-color: #6ed188; /* Grün für Erfolgsmeldungen */
    border: 1px solid #5bbd77;
}

/* Responsive Media Queries */

/* Tablets und mittlere Bildschirme */
@media screen and (max-width: 1200px) {
    .favorite-card {
        flex: 1 1 calc(25% - 10px); /* 4 Karten pro Reihe */
        max-width: calc(25% - 10px);
    }
}

/* Kleinere Tablets */
@media screen and (max-width: 992px) {
    .favorite-card {
        flex: 1 1 calc(33.33% - 10px); /* 3 Karten pro Reihe */
        max-width: calc(33.33% - 10px);
    }
}

/* Smartphones im Querformat */
@media screen and (max-width: 768px) {
    .favorite-card {
        flex: 1 1 calc(50% - 10px); /* 2 Karten pro Reihe */
        max-width: calc(50% - 10px);
    }

    .profile-name {
        font-size: 14px; /* Kleinere Schriftgröße für mobile */
    }
}

/* Smartphones im Hochformat und sehr kleine Bildschirme */
@media screen and (max-width: 576px) {
    .favorite-card {
        flex: 1 1 calc(50% - 10px); /* 2 Karten pro Reihe */
        max-width: calc(50% - 10px);
    }

    .profile-name {
        font-size: 14px; /* Kleinere Schriftgröße für mobile */
        margin-left: 0px !important;
        text-align: left !important;
    }
}

/* Smartphones im Hochformat und sehr kleine Bildschirme */
@media screen and (max-width: 371px) {
    .favorite-card {
        flex: 1 1 100%; /* 1 Karte pro Reihe */
        max-width: 100%;
    }

    .profile-name {
        font-size: 14px;
        margin-left: 0px !important;
        text-align: left !important;
    }
}

/* Modal Overlay Hintergrund */
.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6); /* Halbtransparent */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Modal Dialog */
.custom-modal-dialog {
    background-color: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Modal Header */
.custom-modal-header {
    background-color: var(--main-color);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.custom-modal-header:hover {
    background-color: var(--main-hover-color);
}

.custom-modal-title {
    margin: 0;
    font-size: 18px;
}

.custom-close {
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

/* Modal Body */
.custom-modal-body {
    padding: 20px;
    font-size: 14px;
}

/* Modal Footer */
.custom-modal-footer {
    padding: 15px;
    display: flex;
    justify-content: center;
}

/* Schaltfläche im Modal */
.custom-btn {
    background-color: var(--main-color);;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%; /* Volle Breite */
}

.custom-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* Input Gruppen Design */
.custom-inputGroup {
    margin: 15px 0;
    display: flex;
    align-items: flex-start; /* Vertikale Ausrichtung mit dem Label */
    justify-content: flex-start;
}

/* Standard-Checkbox */
.custom-inputGroup input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid var(--main-color);;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 4px; /* Etwas Platz über der Checkbox */
    display: inline-block;
    flex-shrink: 0; /* Die Checkbox soll ihre Größe beibehalten */
}

/* Gecheckte Checkbox */
.custom-inputGroup input[type="checkbox"]:checked {
    background-color: var(--main-color);;
    border-color: var(--main-color);;
}

.custom-inputGroup input[type="checkbox"]:checked::before {
    content: "✓";
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

/* Label Styling */
.custom-inputGroup label {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    display: block;
    flex: 1;
    word-wrap: break-word;
}

/* Kleinere Schrift für Zusatzinformationen */
.small-text {
    font-size: 12px;
    display: block;
    margin-top: 5px; /* Platz zwischen normalem und kleinem Text */
    line-height: 1.3;
    color: #555; /* Eine etwas hellere Farbe für den kleineren Text */
}

/* Link Styling im Label */
.custom-inputGroup label a {
    color: #007bff; /* Link-Farbe */
    text-decoration: none;
}

.custom-inputGroup label a:hover {
    text-decoration: underline;
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .custom-modal-dialog {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    .hide-on-responsive {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .show-on-responsive {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .show-on-responsive {
        display: block;
    }
}

@media (max-width: 768px) {
    .dc_member_menu {
        display: flex;                /* Flexbox aktivieren */
        justify-content: center;      /* Horizontale Zentrierung */
        flex-direction: column;       /* Elemente untereinander anordnen */
        align-items: center;          /* Vertikale Zentrierung */
        list-style: none;             /* Aufzählungszeichen entfernen */
        padding: 0;                   /* Innenabstand zurücksetzen */
        margin: 0;                    /* Außenabstand zurücksetzen */
    }

    .dc_member_menu li {
        margin: 5px 0;               /* Abstand zwischen den Listenelementen */
    }
}

/* Standardmäßige Anzeige auf Desktops */
.mobile-menu {
    display: none; /* Dropdown ist versteckt auf dem Desktop */
}

.desktop-menu {
    display: flex;
    gap: 10px;
}

/* Responsive Ansicht für mobile Geräte */
@media screen and (max-width: 768px) {
    .desktop-menu {
        display: none; /* Horizontales Menü ausblenden */
    }
    
    .mobile-menu {
        display: block; /* Dropdown auf mobilen Geräten anzeigen */
    }
    
    .mobile-menu select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        background-color: #f2f2f2; /* Hintergrundfarbe */
        border: 2px solid #ccc; /* Rahmenfarbe */
        border-radius: 5px; /* Abgerundete Ecken */
        color: #333; /* Textfarbe */
        appearance: none; /* Standard-Styling von Dropdowns entfernen */
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .mobile-menu select:focus {
        outline: none;
        border-color: var(--main-color); /* Rahmenfarbe beim Fokus */
        background-color: #fff; /* Hintergrundfarbe beim Fokus */
    }
}

#meet_me_image {
    width: 250px;        /* Setzt die maximale Breite des Bildes auf 250px */
    height: auto;            /* Beibehaltung des Seitenverhältnisses */
    display: block;          /* Verhindert zusätzliche Ränder/Margins */
    margin: 0 auto;          /* Zentriert das Bild horizontal */
}

/* Mobile Header */
.mobile-main-header {
    position: relative;
    width: 100vw; /* Volle Breite + der negativen Margin */
    background-color: #ffffff; /* Weißer Hintergrund */
    color: #333333; /* Dunkle Schriftfarbe für Icons und Text */
    padding: 10px 15px; /* Standard Padding bleibt bestehen */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Leichter Schatten für den Header */
    z-index: 100;
	margin-left: -15px;
    box-sizing: border-box; /* Sicherstellen, dass das Padding innerhalb der Breite bleibt */
}

/* Container für das Header-Inhalt */
.mobile-header-container {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo Styling */
.mobile-logo {
    flex: 1;
}

/* Header Icons Styling */
.mobile-header-icons {
    display: flex;
    align-items: center;
    gap: 20px; /* Abstand zwischen den Icons */
}

.mobile-header-icons i {
    font-size: 24px;
    color: #333333; /* Dunkle Farbe für Icons */
    cursor: pointer;
}

.mobile-header-icons i:hover {
    color: #f0a500; /* Hover-Effekt für Icons */
}

/* Coin Display */
.coin-display {
    display: flex;
    align-items: center;
}

/* Kreis um das Coin-Icon */
.coin-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffcc00; /* Goldener Hintergrund für Coin-Icon */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.coin-circle i {
    color: #ffffff; /* Weißes Coin-Icon */
    font-size: 12px;
}

.coin-amount {
    font-size: 12px;
    color: #2e2e2e; /* Dunkle Farbe für den Coin-Wert */
    margin-right: 5px;
}

.coin-amount-header {
    font-size: 12px;
    color: #333333; /* Dunkle Farbe für den Coin-Wert */
    margin-right: 5px;
}

.add-coins {
    font-size: 12px;
    color: #ffcc00; /* Goldene Farbe für das Plus-Icon */
    cursor: pointer;
}

.add-coins:hover {
    color: #f0a500; /* Hover-Farbe für das Plus-Icon */
}

/* Responsive Einstellungen */
@media only screen and (max-width: 768px) {
    .desktop-header {
        display: none;
    }

    .mobile-main-header {
        display: block;
    }
}

@media only screen and (min-width: 769px) {
    .mobile-main-header {
        display: none;
    }
}

.message_notification_wrap {
	width:300px !important;
}

@media only screen and (max-width: 768px) {
    .mesagebox {
        padding: 0 !important;
    }
    
    .mesagebox .box-border {
        padding: 0px 20px !important;
    }
}

.profile-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px; /* Abstand zwischen den Icons */
}

.profile-buttons a {
    flex: 1;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease; /* Nur Animation für Bewegung */
    background-color: transparent; /* Hintergrund komplett transparent */
    border: none; /* Kein Rand */
}

.btn-reject {
    color: #373a3e; /* Blaues Icon für Ablehnen */
}

.btn-approve {
    color: var(--main-color); /* Rotes Icon für Annehmen */
}

.profile-buttons a i {
    display: block;
    margin: 0 auto; /* Icon zentrieren */
}

/* Hover-Effekt für das Verschieben nach oben, keine Farbänderung */
.profile-buttons a:hover {
    transform: translateY(-3px);
}

/* Keine Veränderung der Icon-Farbe beim Hover */
.profile-buttons a:hover i {
    color: inherit;
}

.btn-approve:hover {
    color: var(--main-color);
}

.btn-reject:hover {
    color: #373a3e;
}

@media (max-width: 768px) {
    .box-border.friends {
        padding: 0; /* Kein Padding auf mobilen Geräten */
        margin-top: 30px; /* 30px Margin oben auf mobilen Geräten */
    }
}

/* Modal Wrapper */
.report-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Background Overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Modal Content */
.report-modal-content {
    background-color: #fff;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 0; /* Keine abgerundeten Ecken */
}

/* Modal Header */
.report-modal-header {
    background-color: var(--main-color); /* Hauptfarbe */
    color: white;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0; /* Keine abgerundeten Ecken */
}

/* Modal Title */
.report-modal-title {
    margin: 0;
    font-size: 18px;
}

/* Close Button */
.report-modal-close {
    font-size: 24px;
    cursor: pointer;
    color: white;
}

/* Modal Body */
.report-modal-body {
    padding: 20px;
    font-size: 14px;
}

/* Modal Footer */
.report-modal-footer {
    padding: 15px;
    display: flex;
    justify-content: space-between; /* Buttons links und rechts bündig */
    align-items: center;
}

/* Abbrechen Button */
.report-btn-cancel {
    border: 2px solid #777;
    background-color: transparent;
    color: #777;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 45%; /* Reduziert die Größe */
    text-align: center;
}

.report-btn-cancel:hover {
    background-color: #777;
    color: white;
}

/* Absenden Button */
.report-btn-submit {
    background-color: var(--main-color);
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 45%; /* Reduziert die Größe */
    text-align: center;
}

/* Form Group */
.report-form-group {
    margin-bottom: 15px;
}

.report-form-group label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
	color: #292929;
}

/* Textarea with fixed size */
.report-form-control {
    width: 100%;
    height: 100px; /* Fixed height for the textarea */
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none; /* Prevent resizing */
	color: #292929;
}

/* Style für das Overlay */
.locked-modal {
    display: none; /* Modal standardmäßig ausgeblendet */
}

.locked-modal .locked-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.locked-modal .locked-mobile-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

/* Style für den Modal-Body */
.locked-modal .locked-modal-body {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-align: center;
}

/* Header Styling mit Hintergrundfarbe und Zentrierung */
.locked-modal .locked-response-header {
    background-color: var(--main-color); /* Gleiche Farbe wie beim Button Hover */
    color: white; /* Schrift in Weiß */
    padding: 20px;
    display: flex;
    justify-content: space-between; /* Platzierung von "X" und Titel */
    align-items: center; /* Vertikale Zentrierung */
    height: 60px; /* Höhe des Headers */
}

.locked-modal .locked-mobile-response-header {
    background: linear-gradient(to bottom, #ff5f7e, #ff7f50); /* Gleiche Farbe wie beim Button Hover */
    color: white; /* Schrift in Weiß */
    padding: 20px;
    display: flex;
    justify-content: space-between; /* Platzierung von "X" und Titel */
    align-items: center; /* Vertikale Zentrierung */
    height: 60px; /* Höhe des Headers */
}

/* Stil für den Header-Titel */
.locked-modal .locked-response-header,
.locked-modal .locked-mobile-response-header, h2 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
}

/* Stil für den Close-Button (X) */
.locked-modal .locked-close-response-btn {
    background: none;
    border: none;
    font-size: 1.2em;
    color: white; /* Schließen-Button in Weiß */
    cursor: pointer;
}

/* Stil für die Nachricht im Modal */
.locked-modal .locked-response-message {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #333;
}

/* Stile für den Retry-Button */
.locked-modal .locked-retry-payment-btn {
    border: solid 1px var(--main-color);
    color: var(--main-color);
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 10px;
    text-decoration: none; /* Entfernt die Unterstreichung */
}

.locked-modal .locked-retry-payment-btn:hover {
    background: var(--main-color);
    color: white;
    text-decoration: none; /* Sicherstellen, dass beim Hover keine Unterstreichung angezeigt wird */
}

.locked-modal .locked-retry-payment-btn:hover {
    background: var(--main-color);
    color: white;
}

/* Stile für den mobilen Retry-Button */
.locked-modal .locked-mobile-retry-payment-btn {
    border: solid 1px #FF7360;
    color: #FF7360;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1em;
    margin-top: 10px;
    text-decoration: none; /* Entfernt die Unterstreichung */
}

.locked-modal .locked-mobile-retry-payment-btn:hover {
    background: #FF7360;
    color: white;
    text-decoration: none; /* Sicherstellen, dass beim Hover keine Unterstreichung angezeigt wird */
}

.locked-modal .locked-mobile-retry-payment-btn:hover {
    background: #FF7360;
    color: white;
}

/* Footer Styling */
.locked-modal .locked-response-footer {
    padding: 0 20px 20px 20px;
}

/* Responsives Design */
@media (max-width: 600px) {
    .locked-modal .locked-modal-body {
        width: 80%;
        max-width: none;
    }

    .locked-modal .locked-response-message {
        font-size: 1em;
    }

    .locked-modal .locked-response-header h2 {
        font-size: 1.2em;
    }
}

/*#masthead {
	margin-left: 0px;
	margin-right: -30px;
}
*/

/* Container für die Buttons */
.action-buttons-container {
    display: flex;
    justify-content: flex-end; /* Buttons rechtsbündig */
    align-items: center;
    flex-wrap: wrap; /* Buttons umbrechen, wenn kein Platz */
    gap: 10px;
    margin-top: 10px;
}

/* Allgemeines Button-Styling */
.action-btn {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    line-height: 18px;
    border: 1px solid;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
}

/* Styling für den Blockieren-Button */
.block-btn {
    background-color: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

.block-btn:hover {
    background-color: #fff;
    color: var(--main-color);
}

/* Styling für den Melden-Button */
.report-btn {
    background-color: #fff;
    color: var(--main-color);
    border-color: var(--main-color);
}

.report-btn:hover {
    background-color: var(--main-color);
    color: #fff;
}

/* Entfernt die Unterstreichung vom Link */
.report-user a,
.report-user a:hover {
    text-decoration: none; /* Keine Unterstreichung */
}

/* Responsives Design */
@media (max-width: 768px) {
    .action-buttons-container {
        justify-content: center; /* Buttons mittig ausrichten */
    }
}

.content-area {
	min-height: calc(100vh - 80px - 69px);
}

/* Footer Redesign */
/* Allgemeiner Footer */
#site-footer {
    background-color: #222;
    color: #fff;
    padding: 40px 0;
    text-align: center;
    font-size: 14px;
}

.footer-container {
    max-width: 800px;
    margin: 0 auto;
}

/* Zentrierte Links mit Trennlinien */
.footer-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.footer-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.footer-nav a:hover {
    color: #f39c12;
}

.footer-divider {
    width: 1px;
    height: 14px;
    background-color: #666;
    margin: 0 10px;
}

/* App-Badges */
.footer-badges {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footer-badge {
    width: 140px; /* Einheitliche Größe */
    height: 40px; /* Höhe für beide Badges */
    object-fit: contain;
}

/* Copyright */
.footer-copyright {
    font-size: 12px;
    color: #aaa;
    margin-top: 20px;
}

.footer-copyright a {
    color: #f39c12;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-copyright a:hover {
    color: #fff;
}

/* Gesamtes Modal */
.apple-modal {
    display: none; /* Standardmäßig versteckt */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Halbtransparenter Hintergrund */
    z-index: 9999;
    overflow: hidden;
    justify-content: center; /* Zentriert vertikal */
    align-items: center; /* Zentriert horizontal */
}

/* Modal-Inhalt */
.apple-modal-content {
    background-color: #fff;
    width: 90%;
    max-width: 400px;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    border-radius: 0; /* Kein Border-Radius */
    overflow: hidden;
}

/* Header */
.apple-modal-header {
    background-color: var(--main-color);
    color: #fff;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.close-modal {
    background: none;
    border: none;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.close-modal:hover {
    color: #ccc;
}

/* Body */
.apple-modal-body {
    padding: 20px;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

.apple-modal-description {
    margin-bottom: 15px;
    font-size: 15px;
    text-align: center;
}

/* Schritte-Liste */
.apple-steps {
    padding-left: 25px;
    margin: 0;
    list-style: decimal; /* Nummerierung der Schritte */
}

.apple-steps li {
    margin-bottom: 10px;
    font-size: 15px;
    padding-left: 5px;
}

/* Footer-Text */
.apple-modal-footer-text {
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0; /* Kein extra Abstand unten */
}

/* Responsivität */
@media (max-width: 500px) {
    .apple-modal-content {
        width: 95%;
    }
}

/* --- Allgemeines Layout & Farben für "Amoradates" --- */

/* ----------------------------------------------
   FRONT FOOTER LINKS - Modern (Wave + Gradient)
---------------------------------------------- */

.front-footer-wrapper {
  position: relative;
  overflow: hidden;
}

/* Hintergrund-Farbverlauf */
.front-footer-gradient {
  background: linear-gradient(to right, #bd1f1f 0%, #d63f1a 50%, #f07d28 100%);
  padding: 40px 0 80px; /* oben 40px, unten mehr Platz für die Welle */
  position: relative;
  z-index: 1;
}

/* Row mit den 3 Boxen */
.front-footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Zentriert die Boxen horizontal */
  gap: 20px;               /* Abstand zwischen den Spalten/Boxen */
}

/* Jede Box */
.front-footer-box {
  background-color: rgba(255,255,255,0.1); /* halbtransparentes Weiß */
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  color: #fff;
  min-width: 250px;
  max-width: 300px;  /* optional, damit's nicht zu breit wird */
  margin: 10px auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: transform 0.2s ease, background-color 0.2s;
}

/* Hover-Effekt: Box hebt sich leicht an */
.front-footer-box:hover {
  transform: translateY(-5px);
  background-color: rgba(255,255,255,0.15);
}

/* Kopfzeile in der Box */
.front-footer-box img {
  max-width: 60px;
  height: auto;
}
.footer-box-headline {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
}
.footer-box-subtext {
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 0;
}

/* SVG-Welle für Übergang */
.front-footer-wave {
  position: relative;
  width: 100%;
  height: 100px;
  margin-top: -80px; /* Welle nach oben ziehen, überlappt Farbverlauf */
  z-index: 0;
}
.front-footer-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  .front-footer-row {
    flex-direction: column;
    align-items: center;
  }
  .front-footer-box {
    width: 80%;
  }
}

/* Gesamte Sektion, dezentes Grau als Background */
.newDatingSection {
  background-color: #f9f9f9;
  padding: 60px 0;
}

/* Rows in der Dating-Sektion */
.newSectionRow {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Umgekehrtes Layout (Bild links, Text rechts) */
.reverseRow {
  flex-direction: row-reverse;
}

/* Für Spalten: wir nutzen Bootstrap, daher hier nur kleinere Ergänzungen */
.newSectionRow .col-md-6 {
  margin-bottom: 20px;
}

/* Headings und Texte: einheitliches Farb- und Font-Konzept */
.newDatingSection h2 {
  color: #333;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.newDatingSection h3 {
  color: #444;
  font-size: 1.5rem;
  margin-top: 30px;
  margin-bottom: 15px;
}
.newDatingSection p {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Bilder in den Sektionen */
.imageWrapper {
  text-align: center;
  padding: 10px;
}
.imageWrapper img {
  max-width: 73%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Counter-Bereich */
.counterContainer {
  margin: 40px auto;
  text-align: center;
  max-width: 1200px;
}
.counterBox {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-radius: 10px;
  margin: 20px;
  padding: 25px 20px;
  min-width: 180px;
  vertical-align: top;
}
.counterBox .counter {
  font-size: 3rem;
  font-weight: 700;
  color: #e75151; /* Auffällige Primärfarbe */
  display: inline-block;
}
.counterBox .counterSuffix {
  font-size: 1.5rem;
  margin-left: 4px;
  color: #777;
}
.counterBox p {
  margin-top: 8px;
  font-size: 18px;
  color: #555;
}

/* Responsives Verhalten */
@media (max-width: 767px) {
  .counterBox {
    margin: 10px auto;
    width: 80%;
  }
}